牛X了!設計師的吃瓜大法!

語言: CN / TW / HK

最新的 表情包 乾貨

來了!

盛夏到了,

最爽的事當然莫過於痛快地吃瓜。

如果說還有什麼更爽的事,可以是 一邊吃瓜 一邊摸魚

什麼?你還想更爽一點?那當然只有:吃瓜摸魚學設計了!

OK,今天我們就以西瓜為例子,帶大家看看水果生鮮類的設計可以怎麼做。

表情包,走起來。

所謂強化主體,就是指整個畫面以產品為核心,再通過其它元素對產品進行烘托的設計方式。要做到強化產品本身,我們需要對產品圖做精細的刻畫。不過大多數時候我們拿到的產品圖並不完美,比如說它是這樣一個瓜:

很明顯,這個瓜的造型不夠飽滿,以及切面不夠齊整,如果我們直接應用於設計中,會有點撐不起畫面。

不過它的優點在於瓜瓤部分的畫質不錯,所以我們可以將它與另外一個瓜來結合,從而得到一個造型更加飽滿的瓜。

對比一下優化前後的效果,很明顯它在造型上更有份量感,線條也更加圓潤,視覺上看起來更有吸引力了。

處理好產品圖,就可以正式開始設計了。

第1步,

將確定好產品圖的大小,將它擺放在畫面中靠右下的位置。

第2步,

摳一塊帶青苔的石塊,這樣可以合成一個帶水面的場景,從而突出西瓜的新鮮感。

第3步,

在畫面底部鋪上水面,背景再拉一個藍色漸變,做出天空的效果。

第4步,

處理西瓜與石頭結合處的細節,主要是投影效果。再摳一張綠葉的素材來襯托西瓜。

第5步,

在背景上再放一個瓜,並且進行虛化處理,形成前後的景深感。中間用雲朵進行過渡和穿插,讓畫面的結合更加自然。

第6步,

接下來就簡單了,在畫面的空白處排版好文案資訊。

OK,完工!

這麼新鮮的瓜,吃起來不錯吧!

好了,繼續。

在設計中,如果我們的主體是確定的,那麼我們首先需要做的,就是觀察它有哪些視覺特徵,看看哪些特徵可以提取出來,應用到設計中。

例如西瓜,它最大的視覺特徵之一就是皮綠肉紅,所以我們就可以從紅綠配這個角度入手做設計。

第1步,

摳好產品圖。

第2步,

將紅色和綠色鋪到背景上。因為西瓜本身的造型是圓形的,所以在分割畫面的時候,我也選擇了流暢的曲線。

第3步,

為了給畫面營造出一點空間感,我在紅色的色塊上挖了一個洞,讓西瓜有從洞中出來的感覺。這樣做的好處一是可以讓畫面更有層次感,二是可以減少紅色的面積,削弱大片紅色所帶來的刺激感。

第4步,

在黑洞裡再新增一點瓜啊,葉子之類的輔助元素,進一步豐富細節,這樣畫面的主體就比較飽滿而有層次了。

第5步,

在空白區域排版好文案。

第6步,

在背景上新增一點紋理,以及西瓜籽等細節。

OK,完工!

要吃瓜,當然得親自動手。

和上面的那招類似,如果我們觀察到產品圖有造型上的特點,同樣可以提取出來,作為畫面的風格特徵進行強化處理。

例如下面這張切好的西瓜圖,看著有點平平無奇。

我們再仔細觀察一下,就會發現每一塊瓜的分佈方向有點意思,用線條標出來就可以看出來,統一中帶著點節奏韻律感。

發現這個特徵後,我們可以把它提取出來,並且放大處理:

然後再將畫面的上下部分進行虛化處理,突出中間部分。

再結合畫面,簡簡單單打上幾個字,就是一張不錯的節日營銷海報。

只要方法用得好,3分鐘出圖不是夢。

OK,吃瓜 繼續 。。。

對於一些外形比較勻稱,線條感比較好的產品,我們可以考慮直接用產品的外形來分割畫面,從而完成構圖。

來看看實操案例。

第1步,

摳好產品圖,還是一片平平無奇的瓜。

第2步,

倒扣過來,形成一個半圓,將畫面分割成上下兩部分。

第3步,

給背景鋪上綠色。

第4步,

找一張綠色的素材圖,用來豐富背景。

第5步,

將素材圖放大,進行適當裁切,只保留少量水珠在畫面中。

第6步,

進一步處理背景,用高斯模糊將它處理得更加乾淨。同時在畫面的中央位置放入人物,我用的是《菊次郎的夏天》中的經典場景,這樣畫面就有了主題性。

第7步,

將文案資訊排版好。

OK,完工!

再吃一個,就飽了!

如果遇到組合產品,我們可以考慮通過營造畫面的空間感,來確定產品的組合形式,從而將它們有機地融為一體。

第1步,

摳出產品圖,將兩片西瓜一前一後疊加擺放。

第2步,

用雲朵畫筆,在畫面的兩側畫幾朵白雲,讓形成向畫面中心的縱深空間感。

第3步,

在畫面底部鋪上一層水波,與遠處的天空接起來,形成一個完整的場景。

第4步,

將西瓜按照空間的延伸方向擺放。

第5步,

將菊次郎的人物放進來。還是用雲朵進行穿插和過渡,讓各種元素的結合更加融合。

第6步,

將文案資訊排版好。

第7步,

對畫面中的圖形部分加點濾鏡效果,讓它有點日漫風格的夢幻感。主要用到了濾鏡選單中的特殊模糊,和濾鏡庫中的幹畫筆。這裡注意,濾鏡引數不要太大,否則會看起來有點假。

OK,完工!

好了,今天的文章就到這,最後再吃一個瓜。

走了,88

-------------------------

往期精華文章導讀:

為什麼購買正版字型要20萬?

圍觀!設計師開車了!

離譜!為公司工作9年,欠薪18個月!

越努力,越幸運。

這裡是龐門正道。