PS海報教程:設計抽象波紋數字海報效果

字體與排版

通過改變字體的大小、排版來起到吸引目光的效果,視覺幻象可以讓觀眾看兩遍海報上的內容。

你可以憑想象從頭設計,也可以參照別的圖,例如下圖。


PS海報教程:設計抽象波紋數字海報效果



2

極簡風

每一個設計工作室或者機構裡面都會掛一副極簡主義風格的海報,通常是白色和黑色的組合,既精緻又賞心悅目。


PS海報教程:設計抽象波紋數字海報效果



3

形狀運用

形狀是設計插畫和海報中的重要的元素。下面這張海報中,幾個形狀合在一起,充滿了現代感。所以現代感、科技感的形狀很適合用來做海報的背景。

你可以選擇任意的形狀,甚至可以是抽象的形狀,去發揮你的創造力吧。


PS海報教程:設計抽象波紋數字海報效果



4

個性化插畫

如果你不知道用什麼圖做背景圖,風格化的插畫是一個不錯的選擇。製作成什麼風格隨你決定,選擇有趣的圖形和顏色,可以營造出一種設計的趣味性。


PS海報教程:設計抽象波紋數字海報效果



5

色彩疊加

如果你選擇使用畫質不是特別好的圖片作為背景,色彩覆蓋的效果能幫你遮掩一下。

如果你不是一個專業的設計師,不會使用色彩覆蓋,用一個有顏色的濾鏡就可以了。色彩疊加同時也是設計中一個重要的元素,可以改變設計的整體風格。


PS海報教程:設計抽象波紋數字海報效果



6

畫面點亮

也不是什麼花都可以。花和顏色一樣,都是有意義的。參照花卉學,或者花語,選擇契合你要表達的主題的花。花卉元素可以使你的海報背景變得夢幻,如果你沒有時間去研究花語,那就試試下吧裡的素材吧。


PS海報教程:設計抽象波紋數字海報效果



7

字體融合

讓你設計中使用的元素和字體有層次地纏繞、堆疊在一起,就能產生這樣奇妙的效果。同時,像下面展示的海報一樣,它還會創造一個奇妙的立體感。


PS海報教程:設計抽象波紋數字海報效果



8

復古風格

人們都熱愛有年代感的東西,尤其是在設計創作的時候,復古風已經盛行了很長時間了。復古風不單單是指海報的給人的感覺,也可以在海報中使用復古的影像。下吧素材庫裡的素材一定能讓你設計的海報帶人回到卡帶流行的那個時代。


PS海報教程:設計抽象波紋數字海報效果



9

視覺變換

我們強調過許多次海報背景的重要性。如果背景和海報內容能夠結合在一起,整張海報就會充滿活力和趣味。


PS海報教程:設計抽象波紋數字海報效果



10

色彩鮮明

強調色能直接的吸引觀眾的眼球,能直接突出圖中的重點,或是為海報增加一些可愛的小細節。


PS海報教程:設計抽象波紋數字海報效果



11

復古元素

復古的字體是靈感的偉大來源,他們的複雜的細節和堆疊的類型至今仍讓人驚歎不已,下圖海報包括了大量的復古元素。


PS海報教程:設計抽象波紋數字海報效果



12

細節化點綴

像我們之前說的,細節能產生巨大的差異。你可以巧妙地或純粹地使用您的插圖作為視覺元素,添上完美的最後一筆。


PS海報教程:設計抽象波紋數字海報效果



13

零碎元素整合

鋒利的、輪廓分明的邊緣也適用於其他地方,它們特別適合用於背景,加上字母或者其它設計元素也是一份優秀的創意。


PS海報教程:設計抽象波紋數字海報效果



14

插畫故事

下方的人物的排列方式就像在講一個小故事。你的插圖不一定非常複雜、詳細,其實使用基本的形狀也能設計出最具時代氣息的東西。


PS海報教程:設計抽象波紋數字海報效果



15

粗線字體

字體是我在設計中最看重的部分,但當我試著模仿耐克海報的線條設計時卻總是失敗。它不僅因大膽而偉大,而且該系列有32條無襯線,該系列的豐富性使得它可以被靈活的運用。使用粗體字,使人能完全地感受到海報所想表達的情感。

但其實這張海報,我最喜歡的方面不是粗體文本而是大膽的紅色元素。


PS海報教程:設計抽象波紋數字海報效果



16

感情運用

紋理和高對比度也可以幫助傳達感情。在我們的模板中,我們已經將表情字體和紋理設計元素進行了搭配,為了確保我們的內容不會在雜亂的背景丟失,我們選了一個明亮的顏色。


PS海報教程:設計抽象波紋數字海報效果



17

手寫

這是一種美麗的字體,特別是那些手跡般的外觀。他們的許多曲線和花紋創造的律動令人著迷。手寫字體非常具有裝飾性,它們通常是你需要‘killer post’。


PS海報教程:設計抽象波紋數字海報效果



18

文字框

將您的內容放在一箇中等重量框架內,它和沉重的字體間距將幫助您創造一個現代的感覺,正如上面的海報的所呈現出的感覺。添加框線可以保持畫面的平衡感,而平衡感是確保整體效果的關鍵。


PS海報教程:設計抽象波紋數字海報效果



19

圖標

“一張圖片勝過千言萬語”,這句話被證明是永恆不變的至理名言,甚至你只是用一些小的圖片或者圖標,都可以表達出更多的含義。圖標之所以偉大是因為它可以輕鬆地闡述任何問題。靈活地在設計中使用圖標可以讓你的設計變得有趣許多。


PS海報教程:設計抽象波紋數字海報效果



匯包裝平臺一分鐘就給到您產品的包裝預算,萬款案例讓您快速做出決策,最快看到樣品及量產所需時間,您產品銷量暴增開始!

先看看效果圖


PS海報教程:設計抽象波紋數字海報效果



打開Ai,新建畫板,然後用矩形工具畫一個矩形,暫時給一個描邊色吧,只是用於方便觀察:


PS海報教程:設計抽象波紋數字海報效果



複製出多個矩形出來,這一步不用說吧,最好是奇數個,這樣的話後面做起來對稱的效果我個人覺得會比較好一點:


PS海報教程:設計抽象波紋數字海報效果



把這些矩形組複製出來一份放到一邊後面用,然後選擇一個合適的字體輪廓化以後調整其尺寸以及位置。

原圖我確實不知道用的什麼字體,我這裡就用常見的微軟雅黑粗體吧:


PS海報教程:設計抽象波紋數字海報效果



選擇畫板上的數字和矩形組,執行路徑查找器-分割:


PS海報教程:設計抽象波紋數字海報效果



取消編組以後,可以先用魔棒工具選擇畫板上的背景矩形組刪掉:


PS海報教程:設計抽象波紋數字海報效果



然後再次把剛才複製出來的矩形組放到畫板上鎖定充當背景和參考:


PS海報教程:設計抽象波紋數字海報效果



框選數字8的一半刪掉:


PS海報教程:設計抽象波紋數字海報效果



以每一個矩形為單位將分割出來的圖形進行垂直對稱:


PS海報教程:設計抽象波紋數字海報效果



弄完以後大概這個樣子,最中間的就不用進行對稱處理了:


PS海報教程:設計抽象波紋數字海報效果



其實這個時候我如果把數字的對稱後的部分用鏡像工具垂直複製拼合起來,就已經完成了遠看是數字近看不太像的視覺效果了。

我覺得原圖應該就是運用了這個小技巧,其實很簡單吧:


PS海報教程:設計抽象波紋數字海報效果



後面就是進行一些字型的調整了,相信會字體設計的鹿友應該比我更擅長幹這個活。

原圖中的數字兩頭尖尖的效果你可以一點點的去調整錨點,但是我覺得蠻不好控制手柄的,我這裡用的效果-變形-魚形:


PS海報教程:設計抽象波紋數字海報效果



同樣還是以每一個矩形為單位來執行魚形工具吧,參數大家看著效果來搞就好:


PS海報教程:設計抽象波紋數字海報效果



弄完以後大概這樣,當然還沒有完,你可能會發現有些地方不夠圓潤:


PS海報教程:設計抽象波紋數字海報效果



這個時候我們就需要選擇對象進行調整。

先將對象進行擴展,然後用平滑工具去盤一下錨點,使其圓潤一點。

嘛~也是比較麻煩,但總的來說我覺得比調整手柄要好一些:


PS海報教程:設計抽象波紋數字海報效果



盤完以後大概這樣吧:


PS海報教程:設計抽象波紋數字海報效果



中間的對象我直接給了一個風格化-圓角,參數大家看著辦就好:


PS海報教程:設計抽象波紋數字海報效果



下面再用鏡像工具垂直複製拼合出另外一半,這一步不用多說吧:


PS海報教程:設計抽象波紋數字海報效果



感覺差不多了,就可以取消背景的鎖定,然後把描邊取消掉。

由於我們後面要到PS裡去操作,所以切記畫板中不要有編組哦:


PS海報教程:設計抽象波紋數字海報效果



圖層面板中先釋放:


PS海報教程:設計抽象波紋數字海報效果



然後另存為psd文件:


PS海報教程:設計抽象波紋數字海報效果



下面就是在PS裡操作啦,先簡單的對背景和數字分組處理一下,這一步不用說吧:


PS海報教程:設計抽象波紋數字海報效果



下面就是給背景添加圖層樣式了,這一步確實沒啥可說的,就是看著效果去搞參數。

如圖所示我分別添加了斜面和浮雕、內發光以及投影:


PS海報教程:設計抽象波紋數字海報效果



再把圖層樣式複製給其他的背景矩形:


PS海報教程:設計抽象波紋數字海報效果



上方的數字我同樣是給了一個斜面與浮雕的圖層樣式:


PS海報教程:設計抽象波紋數字海報效果



然後把他複製給了其他的對象圖層:


PS海報教程:設計抽象波紋數字海報效果



也可以蓋印出來一個略微的調色一下啥的,這個看個人吧:


PS海報教程:設計抽象波紋數字海報效果



最後看看效果吧:


PS海報教程:設計抽象波紋數字海報效果


PS海報教程:設計抽象波紋數字海報效果


分享到:


相關文章: