天氣漸熱,隨着一檔檔節目進入宣發階段,「綜藝的夏天」即將到來,優秀的綜藝人配上炫酷的舞台、視覺的包裝,呈現給了觀眾高品質的節目效果,同一時刻,設計師們的設計小雷達也滴滴響不停,彷彿置身大型設計教學現場,恨不能把每一幀都截圖收藏!
在新一波高質感綜藝到來之際,讓我們回顧一下往年的優秀选手,深入剖析綜藝背後的設計吧~
樂隊的夏天
波普風、賽博朋克、故障藝術、蒸汽波…
《樂隊的夏天》值得一看的除了音樂,還有它別具一格的視覺包裝與舞台效果。每一個畫面片頭,幾乎都大膽的採用了波普藝術拼貼的手法,鮮艷的色彩、想象力爆表的畫面以及有態度的文字,讓它成為了19年同類型節目中最靚的崽!
△ 圖片來源於網絡
「 敲黑板划重點 」
關鍵詞:誇張、視覺感強、寫實主義,強烈誇張的顏色處理,具有遊戲色彩。
波普風格在當下頗為流行,它作為一種藝術表現形式在20世紀50年代中期誕生於英國,又稱「新寫實主義」或「新達達主義」,它反對一切虛無主義思想,通過塑造誇張、強視覺感、比現實生活更典型的形象來表達一種實實在在的寫實主義。波普藝術最主要的表現形式就是圖形。《瑪麗蓮·夢露》是其最具代表性的作品。
△ 《瑪麗蓮·夢露雙聯畫》是波普藝術的代表性作品
1. LOGO
以插畫的形式,展現不同風格的LOGO,畫面中融女人倒立跳水的姿勢,並結合立體的舞台元素。復古的綠搭配上熒光黃,翠綠搭配上黑色背景形成強烈的反差感,用藍色月紫色進行相撞,且每種顏色的明度深淺進行區分,背景通過一些小的點綴圖案提升畫面的活躍感。輕輕鬆松,一份優秀的色彩搭配指南即刻到手。
△ 圖片來源於網絡
△ GIF圖 圖片來源於網絡
2. 畫面片頭
每一幀片頭畫面,幾乎都採用了波普藝術拼貼的手法,以動態的形式將插畫搭配實拍,使畫面極具鮮活力,亢奮你的視覺神經。
△ GIF圖 圖片來源於網絡
△ GIF圖 圖片來源於網絡
△ GIF圖 圖片來源於網絡
△ GIF圖 圖片來源於網絡
復古拼接的波普藝術,將不同的人物進行拼貼,與節目的搖滾音樂的理念相契合。
△ 圖片來源於網絡
3. 節目視頻設計故障藝術風
這種風格相信大家都不陌生,它產生於數據和数字設備的故障狀態。电子設備的硬件、軟件出現問題時,畫面會显示破碎、有缺陷的圖像,且顏色失真。
△ 圖片來源於網絡
4. 字幕-神奇的描邊字
描邊是一種強調元素結構的處理形式,給文字添加輪廓,或是在字底下疊加一層字,在不添加光影的前提下,僅通過線條就可以很好的勾勒出元素的結構並显示出立體的層次感。
△ 圖片來源於網絡
在文字上疊加紋理圖片,視覺上偏重金屬風格,能很好的與樂隊文化相契合。這種表現手法在海報設計中也被廣泛應用,如果需要設計一個炫酷而具有衝擊力的文字時,這種立體紋理文字就能很好的滿足需求。
高飽和度筆刷處理后的字體運用在樂隊介紹中,營造出肆意奔放的視覺效果,配合搖滾樂隊瀟洒炸裂的酷炫氣質,超有feel!
△ 圖片來源於網絡
這麼多優秀案例該如何運用到我們日常設計中呢?快來進階現實生活中的海報案例!
波普藝術
把現實生活中常見的事物,比如雪糕、鞋子、漢堡、盆栽等處理成波普風格的插畫,以下幾張作品是現代風和波普風相結合的成果,簡潔的圖形輪廓最是適合大膽的用色、豐富的形式以及多樣化的圖案紋理。
△ 作者:Mike Karolos,源自behance
不等寬描邊
寬窄不等的描邊,可以輕鬆的表現出元素的立體光影效果。與單純的結構描邊相彌補,這種處理形式更為自然,與作者偏復古的插畫風格完全契合。
△ 作者:Paiheme,源自dribbble
多層描邊
描邊可以有很多層,犹如樹木的年輪,這種處理方式能讓文字產生強烈的圖形屬性,細節豐富,極具趣味感。
△ 作者:MUTI,源自dribbble
這!就是街舞
賽博朋克、霓虹燈…
《這!就是街舞》賽博故障風,視覺主色調是紫配藍的暗冷色,搭配霓虹光感的對比色,年輕、時尚、充滿個性和活力。配上海報的仰視視角,頗有「獨一無二的王者」既視感。LOGO設計採用粗獷的塗鴉筆觸樣式,既暗示了街舞舞者的態度,又傳達了街頭感,節目主色調是中性的藍紫漸變,同時兼顧了男性觀眾和女性觀眾的審美需求。
△ 圖片來源於網絡
「 敲黑板划重點 」
關鍵詞:虛擬現實;人工智能;藍紫暗冷色調為主,錯位、拉伸、扭曲都反覆出現
中國香港是全世界最具賽博朋克氣質的城市。大量的傳統中式燈籠、香港巨型廣告牌、中國的路邊小攤元素,這些都是賽博朋克的血脈,所以《這!就是街舞》的賽博朋克和中國風絲毫不違和,古典魅力和科技未感也能完美融合!
△ GIF圖 圖片來源於網絡
1. 看海報
節目組倒計時海報運用3D立體渲染的視覺效果,將平面視覺以多維度的展現形式去呈現,海報整體延續主色調,保持色彩上的統一。
由此可聯想到我們電商大促常用的節奏氛圍——整體色調由冷色逐漸向暖色漸近。
△ 圖片來源於網絡
2. 看舞美
美術置景為節目專門搭建了一條街區,提供了更為接地氣的視覺效果。四條街道分別是北京街、廣州街、上海街、塗鴉街,對應着四種地域文化,為了還原街頭的真實感,節目組還蓋出了二樓,甚至架出上海特色的長桿晾衣架,北京則會掛燈籠。
廣告植入的方式也很有創意,贊助商的名字都在街頭廣告牌上,這種植入方式合理又出效果。傳統街舞通常是美式街頭風,而這檔節目獨創的中式街頭,堪稱是一大突破。
△ 圖片來源於網絡
結合日常的智能家居操作界面或是雲服務2.5D風格插畫設計都可參考藍、紫、青等色調,配合霓虹燈光感,體現產品高科技高品質的未來氣質感。
△ 作者:Andri Budzinskiy,源自behance
中國新說唱
中國風、浮世繪、朋克……
《中國新說唱》狂放的美式線條加上背景的浮世繪,哪哪兒都透着那麼一股「混沌風」的衝撞與融合。隨之而來的幾組製作人單人海報,也運用了傳統元素–中國書法。
△ 圖片來源於網絡
1. 看海報
節目的海報以插畫+黑白紅色調相匹配,很酷很燃,很有嘻哈的調性,後期整個節目的設計也延續了這種插畫+黑白紅色調的風格,保持了一致性,節目在燈光、舞台設計上整體創新,融入各類中國風元素,在潮流的同時傳遞中國態度,令人耳目一新。
△ 圖片來源於網絡
2. 看字幕
節目中的字幕效果,撞色紋理文字的設計也很帶感。
△ 圖片來源於網絡
3. 人物插畫設計
投票統計的人物插畫設計更有視覺美感,同時也保持整體設計的風格統一。
△ 圖片來源於網絡
這就是灌籃
賽博朋克風
《這就是灌籃》的視覺設計是比較明顯的賽博朋克風,酷炫的場景搭建,霓虹燈效果,飄飛的發光鐵絲,讓人不禁大呼過癮,充滿熱血和競技感。
1. LOGO
LOGO使用了凸顯質感的3D效果,進一步豐富了觀眾的視覺感受。又是賽博朋克,看來賽博朋克風格已經流行於各個領域。
△ 作者:keys,源自站酷
2. 場景設計
籃球框很好的與廣告方天貓LOGO緊密聯合,這一波營銷無違和感。街區部分實景搭建建築和街道上的塗鴉、二次元、路牌等元素混搭,完美復刻街頭籃球style,整個燈光場景也是近幾年流行的神秘夢幻紫搭配上科技感十足的藍,進一步凸顯節目的前衛時尚。
△ 圖片來源於網絡
3. 科技未來感十足的片頭動畫
△ 圖片來源於網絡
技巧篇
賽博朋克已然成為各大熱門綜藝都十分青睞的設計風格,讓我們簡單的來個實操技巧吧!
賽博朋克在視覺設計中的特點就是以藍、紫、青等冷色調為主,霓虹燈光感效果為輔,最關鍵是畫面冷暖色調的對比。賽博朋克風常運用於插圖和攝影後期處理。
首先翻出你相冊里壓箱底的那張風景美拍,Ctrl+J複製一層,備份原圖。
其次,執行濾鏡—Camera RAW濾鏡:我們將色溫稍微降低一點,讓畫面呈現冷色調。因為原片燈光較多,整體偏亮,我們先把它適當降低曝光,再針對性的調整陰影、白色、以及黑色,最後再調整清晰度以及自然飽和度,這時就隱約有了賽博朋克的感覺。其中去除薄霧可以使畫面更加通透,具體參數如圖:
接下來,我想要畫面呈現出具有對比效果的冷暖色調,賽博朋克風格的顏色盡量要花哨但有序。所以,我們現在調節色相、飽和度、明亮度。
將畫面顏色進行修改,讓紅色更偏洋紅,橙黃色向紅色靠攏,藍色紫色都趨近於青。這一步可根據個人對顏色的理解隨意調整參數,具體參數如圖:
最後,在相機校準欄里進行顏色處理。我們將部分色彩進行最後的統一調整,如圖:
確定,隨後建立一個曲線,輕微調整下整體對比度:
再加一層純色濾鏡,顏色在紫調中選取,介於藍紅之間即可,以此更好的平衡色彩。模式調整為濾色,並降低圖層的不透明度,使畫面更整體。
按住shift+ctrl+alt+E蓋印一個圖層,執行濾鏡—銳化—USM銳化,USM銳化可以提高圖像中某一部位的清晰度或者焦距程度,使圖像特定區域的色彩更加鮮明,注意半徑不要過大,閾值大致設置為2,參數如圖:
根據個人理解與喜好,增加些色調細節處理。最後輸出,讓我們看下對比圖。
最後,加入霓虹燈文字樣式,背景顏色層次微調。使整體畫面感氛圍增強。
總結
普通人看熱鬧,設計師看門道。視覺設計是所有作品的靈魂所在,我們每天接收的設計衝擊不僅僅來自綜藝節目,更來自於日常眼之所見,耳之所聽,從中試着分析出當下設計的流行趨勢,讓「綜藝的夏天」變成「設計的夏天」!
歡迎關注作者微信公眾號:「Design with CloudAI」
未经-摩登3注册-摩登3测速官网-允许不得转载:摩登3注册-摩登3测速官网 » 無極5平台_邊看綜藝邊學設計!從那些超火的綜藝節目里學到的設計趨勢