這兩天收到一些朋友的吐槽：

?

“總是那么幾張作品翻來覆去地講，能不能來點兒新鮮的？”

?

得，都被這么吐槽了，今天就直接開門見山吧。

今天拿個新案例，給大家分享一個科技風(fēng)海報的設(shè)計教程。

這兩年，科技產(chǎn)品的海報風(fēng)格大改，在蘋果的海報風(fēng)格帶動下，科技產(chǎn)品的海報逐漸傾向于暗色調(diào)與簡約風(fēng)。

然而，簡約并不意味著簡單。

?

以前花里胡哨的科技風(fēng)設(shè)計，我們可以在結(jié)構(gòu)和元素上大動心思，用復(fù)雜的畫面填滿消費者的視野。

?

但是，簡約風(fēng)格下，沒有復(fù)雜的形體，沒有多余的裝飾，如何用最簡單的空間展現(xiàn)出更廣闊的視覺體驗，考究的不僅是設(shè)計師的操作技法，更是設(shè)計師的美學(xué)理論。

比如最基本的，我們需要掌握視覺傳達(dá)里的三種構(gòu)成方式：平面構(gòu)成、色彩構(gòu)成和立體構(gòu)成。

?

不要小瞧這些理論基礎(chǔ)，我們看到的所有優(yōu)秀的作品都是由這三種基本構(gòu)成組合變換而成。

?

不熟悉的同學(xué)也別著急，今天就由我們的顏值擔(dān)當(dāng)：王子老師

用平面構(gòu)成中最基本的構(gòu)成手法之一：重復(fù)，來給大家演示一下這種暗色高級感的科技風(fēng)海報是如何設(shè)計的。

拿到產(chǎn)品，第一步，繪制草圖。

?

既然強調(diào)的是簡約風(fēng)格，我們在產(chǎn)品的舞臺設(shè)計上，就不要考慮復(fù)雜的破形變換，用最簡單的立方體或圓柱體即可。

在這里思考一下，如果這屏海報的設(shè)計需求是表現(xiàn)出產(chǎn)品音效的優(yōu)秀，你會如何設(shè)計？

?

如何把聲音轉(zhuǎn)換成視覺？

?

我們嘗試這樣的發(fā)散，從物理學(xué)的角度講，聲音的本質(zhì)是聲波，而波是一種擴散的波紋。

因此，我們可以通過繪制波紋擴散，來實現(xiàn)音效的視覺化表現(xiàn)。

?

有了這樣的思路，我們圍繞產(chǎn)品和舞臺進(jìn)行發(fā)散性創(chuàng)作，底部增加圓形設(shè)計，增加層次感的同時強化聲波意向；

墻面設(shè)計成音波墻，用同心圓的重復(fù)設(shè)計形式強化聲波傳遞的概念。

你看，整張草圖，我們近乎只用了圓形的重復(fù)設(shè)計，就完成了場景的繪制。

?

在搭建場景之前，我們先把核心產(chǎn)品區(qū)和舞臺的質(zhì)感進(jìn)行一個初步打磨。

我們希望賦予產(chǎn)品舞臺怎樣的材質(zhì)？

?

材質(zhì)的選擇取決于產(chǎn)品屬性和海報風(fēng)格，為了強化科技感的表現(xiàn)，我們將舞臺確定為反光強烈的光滑金屬舞臺。

?

首先，將產(chǎn)品在舞臺上的倒影繪制出來。

?

復(fù)制產(chǎn)品，ctrl+T，右鍵選擇垂直翻轉(zhuǎn)，移動到產(chǎn)品下方。

這里劃重點了，這樣的倒影是錯誤的！

?

對于三維的物體，正確的倒影制作應(yīng)該是拆分每個面進(jìn)行單獨的倒影設(shè)計。

?

不過在這里，由于倒影區(qū)域小，且場景光源暗，我們以快速出圖為目的，可以人為繪制倒影的底面區(qū)域，完成仿真的“偽倒影”制作。

通過剪貼蒙版，嵌入舞臺頂面。

用畫筆配合蒙版繪制出倒影的明暗漸變，舞臺頂面的鏡面質(zhì)感就呈現(xiàn)出來了。

再根據(jù)場景設(shè)計好的光源（在這里擬定的背光），分別新建壓暗與提亮曲線，配合蒙版，調(diào)整頂面的受光表現(xiàn)。

接下來，我們強化舞臺側(cè)面的體積感。

?

新建曲線，對側(cè)面整體提亮。

由于我們擬定的背面受光，因此，反向蒙版后，我們用畫筆將兩邊的亮度提上來。

兩邊的受光不夠，可以再新建曲線提亮，配合蒙版做進(jìn)一步的提亮。

受光處理好后，開始像素級處理：

?

棱角打磨。

?

選中頂部輪廓，新建圖層，右鍵描邊，選擇白色，描邊一像素。

復(fù)制一層，填充黑色，保證棱角邊一道亮色，一道暗色。

這樣，核心的產(chǎn)品區(qū)設(shè)計就完成了。

接下來，進(jìn)行地面的設(shè)計。

?

找一些海平面或沙漠這類紋理比較豐富細(xì)膩的圖片，ctrl+shift+U去色。

適當(dāng)縮放，作為我們的地面區(qū)域。

新建曲線，根據(jù)受光，用蒙版對地面適當(dāng)壓暗。

復(fù)制舞臺，垂直翻轉(zhuǎn)，結(jié)合蒙版，制作舞臺在地面上的倒影。

接下來，按照草圖的構(gòu)思，用形狀工具在墻面繪制圓形。

用重復(fù)的構(gòu)圖手法，多次復(fù)制圓環(huán)，等比放大，組成同心圓。

整體編組，雙擊打開圖層樣式，勾選外發(fā)光，略微增加一些發(fā)光效果。

之后，新建濾色圖層，在圓心處用畫筆略微點一下，繪制光芒。

調(diào)整位置大小，降低不透明度，做出一種底部微微泛光的效果。

接下來，老規(guī)矩，光環(huán)在地面的倒影處理，同樣的方法，復(fù)制、翻轉(zhuǎn)、蒙版、模糊...就不過多贅述了。

如果感覺底部光效不夠強，我們還可以找一些這樣的光暈素材：

去色后，選擇濾色模式，縮放到合適大小，移動到光環(huán)底部。

亮度不夠，多復(fù)制兩層即可。

氛圍感不夠，我們可以通過煙霧設(shè)計，強化畫面的層次感。

煙霧處理和光暈處理一樣，去色、縮放、調(diào)整位置、蒙版處理，很多設(shè)計的操作原理其實是一樣的，搞懂原理遠(yuǎn)甚于記憶具體操作的步驟。

接下來，用色彩平衡工具給墻面略微增加一點青藍(lán)色調(diào)。

對于地面的設(shè)計，我們可以新增加兩個圓形磨砂玻璃，增加畫面細(xì)節(jié)。

不過，磨砂玻璃的繪制之前已經(jīng)教過大家了，這次我們來做點不一樣的。

?

比如，把地面的弧形結(jié)構(gòu)設(shè)計成聲波的傳遞。

?

用形狀工具繪制一個合適的橢圓，圖層模式選擇濾色。

用蒙版僅保留輪廓邊緣，模擬出聲波感。

用重復(fù)的理念，復(fù)制向下移，模擬出聲波的擴散。

同樣的，借助光暈素材增強光感，不過要通過變形匹配聲波弧度。

最后，蓋印畫面，打開CAMERA RAW，對畫面整體做一個青藍(lán)色調(diào)的偏色處理。

一張暗色調(diào)的科技風(fēng)海報就完成了~

這種簡約而不簡單的海報設(shè)計奧秘在于，在簡單的幾何輪廓中反復(fù)刻畫細(xì)節(jié)表現(xiàn)力，從而實現(xiàn)畫面簡單細(xì)節(jié)卻耐看的效果。

?

這種風(fēng)格的海報設(shè)計你學(xué)會了嗎？