AI教程

「AI實戰」Illustrator比例縮放工具組的使用

今天我要分享一下上次說的花瓣的做法,其實也並不難,都是比較基礎的應用。有興趣可以一起學習一下。成果圖如下

1、首先我們要畫四個圓圈(我這裡用的是工具欄的比例縮放工具,通過不斷放大第一個圓複製出其他三個圓。),為了畫出第一片花瓣。然後再畫兩個長方形,為了畫出基本形狀。

注意下圖中,我用紅色框畫起來的地方,距離要一樣,藍色方框的地方的距離要是紅色方框的距離的一半。因此這裡畫圓圈的時候要計算好距離。


然後用白色箭頭,選中圓最上方的四個點,刪掉。如下圖



然後連接開口的路徑,選中開口的路徑按Ctrl+j,再用路徑查找器中的連集把長方形與下部分的圓弧合在一塊。接着取消編組(Ctrl+shift+G)分別給它們填充顏色




2、現在用旋轉工具,選參考線交叉處的旋轉中心。按住alt鍵(使旋轉中心固定在我選的這個地方)輸入旋轉角度(360/5=72°),點擊複製。
這時候你會發現兩個形狀會有重疊的地方,因此要使用路徑查找器減掉。

這裡因為橙色頂部和紫色有重疊,一旦使用路徑查找器相減,紫色上面會有缺口,因此要把橙色的形狀往下移動,直到頂部不與紫色有重疊的地方。

接下去把原先的形狀全部刪掉。

把該形狀旋轉回原來的位置(-72°)


現在因為這個形狀在畫板外面我覺得它太大了,因此選擇比例縮放工具,進行縮小。


這裡上面用圓圈圈起來的地方是變換中心!
接着再次變換!變換後的效果如下

3、第一片花瓣已經做好了,把這片花瓣用旋轉工具旋轉72°旋轉中心依舊是兩條參考線交叉的地方。

接着就是在複製三片花瓣,只需按住Ctrl+d,ai之前已經記住了旋轉的角度,因此他會自動計算旋轉。效果如下圖。

現在依舊還存在一點問題,下面的雙“J”形狀頂部並沒有和另一個形狀沒有貼合,中間存在一點縫隙,如下圖所示

這種情況花的雛形將會變成如下圖所示

而我們需要的形狀如下圖所示

因此我們要用白色箭頭選中這兩個矩形的最頂部的四個點,(這裡一定只能選中下圖中方框里的四個點,不然其他地方也會變形的)直到它與第二個圖形有重疊部分。如下圖所示。

接下來我們要用一個新的工具,叫做傾斜工具,這個工具放在比例縮放工具一組。找到傾斜中心,然後用滑鼠往下拖。


接着刪掉另外一個形狀,再次旋轉72°


接下來只需複製副本就可以了,按住Ctrl+D,複製三次

現在的接着用旋轉工具,旋轉180度。這樣我們就得到了這個花瓣的雛形了!(這裡要選中全部的花瓣!)

接着我們用橢圓工具畫一個正圓,把花瓣中間空白的地方用紫色填充起來。

4、先畫個矩形給背景填充顏色。並且製作最後底部的白色花瓣。

這裡用到新的工具偏移路徑,這個工具在對象→路徑→偏移路徑這裡。選中所有綠色的路徑,使用偏移路徑,設置參數為24,點擊確定。顏色改為白色。然後把偏移路徑出來的圖層移到背景的那個圖層!不然會因為圖層關係而效果不一樣!


使用路徑查找器,點擊連集,然後會產生一個複合路徑,到對象→複合路徑→釋放這裡釋放複合路徑之後就完成這個花瓣的製作了。



接着給它增加一個投影


現在要給花瓣增加陰影,做出一種立體的感覺
首先畫一個長方形,用白色箭頭拉一個合適的形狀

接着把綠色和紫色的形狀複製一下

連着綠色,紫色,矩形全部選中用路徑查找器選擇裁剪,取消編組

然後把剛剛複製的形狀粘貼到裁剪過後形狀的後面,接着把那兩個小的四邊形建立複合路徑。

使用漸變填充它們,改變混合模式(正片疊底)和透明度(30%)



最後用旋轉工具,以參考線交叉點為中心,輸入旋轉值(72°)。然後按Ctrl+D連續複製四次。讓每個花瓣之間都有陰影。這樣這個花瓣就算是完成了。

View Comments

Recent Posts

Flexible Shipping Pro

在WordPress的世界裡,…

14小時 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