AI教程

「AI實戰」Illustrator 外觀面板 應用(二)

今天來分享一下上一篇開頭提到的蜂窩的做法,一樣也只需要用到外觀面板來實現,步驟很簡單,有興趣的可以和我一起學習一下~

1、首先我們要畫一個六邊形,然後給它旋轉90度,放到畫板的最上方,圓角調到20.效果如下。

接下來我們要給這個六邊形一個漸變填充,顏色分別為#A43724、#5F0800、#210304,選擇徑向漸變。

現在我們為了計算平移的距離,先按住alt鍵複製一個六邊形。在按住alt鍵盤往下複製一個六邊形。

然後把複製出來的那兩個刪掉,因為此時,ai已經計算出來了從第一個移到第二個六邊形的具體距離。接下來用黑色的箭頭選中六邊形,按回車鍵會出現下面的方框,然後複製裡面的數值。選擇變換,水平數值寫剛才複製的數值。效果如下圖(這個圖,我只是往右移了一個六邊形,所以只有一個水平參數,如果你向右向下分別平移過了,這裡會有水平垂直兩個參數)


接下來只需要在副本裡面增加複製的個數就可以了

同樣的道理,往下填充,這裡的水平距離要寫原來的一半!


這裡同樣用效果→扭曲和變換→變換,輸入垂直數值這裡的垂直數值要在原先的垂直數值上乘以2。因為此時往下移動的距離是剛開始的兩倍!然後在副本這裡填入複製的個數,ai會自動計算!


這裡我直接在外觀面板這裡給描邊從原來的1Pt增加到28pt,顏色為#220000

2、接下來就是不斷地在變換面板中增加描邊,在用變換,做出顏色層次和立體感
一、先增加一個黃色的描邊,顏色為#F8B62D,粗細為8pt,你也可以根據自己的想像力來調整描邊粗細和顏色。然後在用變換讓平面的蜂巢變得立體一些。


二、同理增加一個橙色顏色為#ED6D1F,粗細為12pt使用變換。


三、增加一個顏色為#D24006,粗細為16pt使用變換。


這裡的效果和成果不太一樣,區別如下圖,

這張上面的六邊形是環環相扣的,而上面我們做的有一部分被遮住了,這種原因是因為外觀面板底下有三個變換在最下面,我們要把它拉到最上面才能達到上面的成果。

四、現在添加第四種顏色。#D24006,17Pt,水平垂直分別11和-11
五、同理#932600,18Pt,水平垂直分別8和-8
六、同理#741700,19Pt,水平垂直分別6和-6
七、同理#530000,20Pt,水平垂直分別3和-3
八、同理#3B0000,22Pt,水平垂直分別0和0
現在描邊已經全部完成,效果如下圖

現在看上去感覺還太平,缺了點陰影,六邊形內部的黑色描邊看上去太實了。因此還要在增加一點高斯模糊來改善他。首先我們先為它添加陰影,參數效果如下所示

接着最後一步在加一個高斯模糊,注意高斯模糊的圖層要在陰影上面!

這樣就完成啦!成果圖如下~

這裡麻煩的地方就是要添加很多很多的描邊,而且每個描邊的顏色都不一樣,每個描邊變換的數值也不一樣!如果自己做的時候發現效果不太一樣,要看看圖層順序以及變換的數值,數值不一定和我上面的一樣,根據自己的需要。

View Comments

Recent Posts

Flexible Shipping Pro

在WordPress的世界裡,…

4天 ago

2023 年 WordPress 中最棒的多語言翻譯外掛推薦

擔心如何翻譯您的網站語言以支持…

1年 ago

2023 年 WordPress 中最棒的可視化頁面構建器外掛推薦

在設計任何頁面或網站時,對於不…

1年 ago

Ella 多用途 Shopify 佈景主題

Shopify 佈景主題市場上有許…

1年 ago

AI Engine Pro

喵容今天帶來的 AI Engi…

1年 ago

AIKit

喵容今天為您帶來 AIKit …

1年 ago