這種 logo 的質感是怎麼用 Ai 實現的?

如圖,用漸變做成中間的形態我略懂,但要修成第三種形態那樣有高光和高光邊的樣子就覺得無從下手了,網上也沒發現有相關教程,所以上知乎請教,謝謝!


這種類型的logo其實並不難,

但是我不太贊同僅僅用填色和鋼筆就做出來的圖案,

這樣的圖案在結構上會比較死板:因為不論是線性漸變,還是徑向漸變,始終是按照直線或放射的趨勢來走,無法滿足不同logo中形態的扭曲。

所以,網格工具透明度的運用要更為出色。

這類風格logo的流行至少有好幾年,兩年前我也嘗試用這種風格做過幾個logo

先看一下邊緣線,就可以看出來層次

步驟如下:

1.首先描出logo中出現的三個塊面(可以先不做漸變)

2.每個塊面上,壓上一個中間色色塊,將亮色留出窄窄的細邊(步驟1中的亮色就成為了高光面)

3.利用漸變、透明度,塑造出簡單的明暗

4.利用網格和透明度,進一步塑造更為自然的暗面層次

5.也是利用網格或者漸變,將次高光塑造出

6.最後,稍作細節,將尖角上做一個亮漸變,也就是更進一步的刻畫結構

7.做出陰影(我提前放進去了),陰影的塑造也不是單單一個漸變或者模糊就夠了,效果比較好的是兩個模糊暗色塊再進行混合,我這裡算比較偷懶,沒有用混合。

8.最後呈現,現在已作為某設計公司的logo使用,這裡我感覺中間那個色塊的漸變還是非常生硬,這就是只用漸變,沒有深入刻畫的結果,各位不要學我,我是下班後趕時間幾個小時幫朋友做的

另一個logo

總結:這一類的logo對線條和結構的塑造有一定要求,但並不是很難,只要稍花時間,注重細節,就能做出來


一切能用填色和鋼筆解決的問題都不是問題。

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

這就是這次我們要使用的唯二工具。

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

首先,我們得有張圖。(現成的或者自己做的)

然後,我們來做高光。題主,請記住,不要被效果矇騙了。設計師眼裡,一切效果都只是色彩三要素在平面里的表達:明度,色相,飽和度。

以及恰當的圖形構建。

你圖裡的高光有倆部分,第一是寬面的高光。在設計師眼裡不是高光,只是漸變中多出來的一處淺色漸變而已。

這是原圖的上葉漸變。

這就是高光效果的漸變。無它,加了一小段淺色漸變而已。

然後是你說的斜切面高光。是不是嚇壞了,那玩意看起來真實又高端,該怎麼做出漸變來呢?

太特么簡單了,你在後面用鋼筆畫一個新的圖形不就得了。

再適當賦予這個新畫出來的圖形以漸變。我這個上葉顏色淺,就直接白黃漸變了。題主的圖是亮藍-淺藍漸變。就行了。下邊緣的高光後,繼續畫一個彰顯厚度,合理透視的圖形,效果就完美了。

設計師眼裡沒有效果,有的只是拆解開來的色彩和圖形。


同問

下面的是之前參加某比賽做的,和題主的圖有一點相關,但是做不到純AI,添加雜色和處理明暗PS順手一些。

分界處的高光,漸變及質感是要點所在吧。

其他回答的示例沒有達到題圖的效果,坐等大神。

順便behance求贊

:-P

https://www.behance.net/gallery/45720755/MAXVI


有關高光陰影的東西可以全部用蒙版加畫筆解決。


推薦閱讀:

如何學習建築設計圖排版?
為什麼在Ps中打出來的字是帶有鋸齒狀模糊的?
非商業用途下,普通人如何設計海報?
有什麼紅配綠的經典設計?
不知道現在設計行業如何?

TAG:AdobePhotoshop | 平面設計 | Logo設計 | AdobeIllustrator |