Illustrator 制作流行的半透明水晶按鈕

2020-04-17 23:34:22

字體：大中小

供稿：網(wǎng)友

首先,把效果圖發(fā)出來!
Illustrator教程:制作流行的半透明水晶按鈕_武林網(wǎng)

下面開始:
一繪制"底座"部分
1.用橢圓工具(L),按住ALt+Shift(以某一點(diǎn)為中心)畫出一正圓,
然后打開圖層調(diào)板(F7),在對(duì)象名上雙擊,重命名為"金屬底座",如圖000:
Illustrator教程:制作流行的半透明水晶按鈕_武林網(wǎng)

2.為了讓它在最后看起來更真實(shí),我想要給這個(gè)正圓一些透視,
使用"自由變換工具"(E),鼠標(biāo)移動(dòng)到正圓對(duì)象定界框右下角的空心方點(diǎn)上(如沒有顯示對(duì)象定界框,請(qǐng)按快捷鍵Shift+Ctrl+B使之顯示),
當(dāng)鼠標(biāo)變?yōu)殡p向箭頭時(shí),按下鼠標(biāo)不放,再同時(shí)按下Shift+Ctrl+Alt鍵不放(此時(shí)鼠標(biāo)變?yōu)橐粋€(gè)虛的三角形),
按住的鼠標(biāo)往右拖移,讓底座圓做垂直方向的透視變形!
3.按>鍵切換到漸變填色,(Ctrl+F9)調(diào)出漸變調(diào)板,設(shè)置"徑向漸變"
然后用漸變工具(G)在圓中拉了徑向漸變,并設(shè)置描邊為黑色,粗細(xì)為2Pt,如圖001:
Illustrator教程:制作流行的半透明水晶按鈕_武林網(wǎng)

4.打開外觀面板(Shift+F6),按Ctrl+/ 給底座圓"添加新填色",
(在外觀面板中藍(lán)色表示已選擇新填色，)對(duì)這個(gè)新填色,用漸變工具(G),從左上角往中心拉出黑白徑向漸變,(此時(shí)這個(gè)漸變會(huì)覆蓋下面的漸變)
再在"透明度調(diào)板"中設(shè)置此漸變的混合模式為"濾色",如圖002:
Illustrator教程:制作流行的半透明水晶按鈕_武林網(wǎng)

二繪制"金屬凹邊"
1.選中"底座圓"路徑,然后"對(duì)象>路徑>偏移路徑",得到新路徑,在圖層面板中命名為"金屬凹邊",如圖003:
Illustrator教程:制作流行的半透明水晶按鈕_武林網(wǎng)

2.對(duì)此偏移路徑,(Shift+F6)打開外觀面板,點(diǎn)右上角的倒三角菜單,選擇"簡化至基本外觀",如圖示004:
Illustrator教程:制作流行的半透明水晶按鈕_武林網(wǎng)

3.填充設(shè)為無色,設(shè)置一個(gè)描邊大小(比如為5Pt),Ctrl+C復(fù)制一份(到粘貼板)以備后用,
再"對(duì)象>路徑>輪廓化描邊",然后填充線性漸變?nèi)鐖D示005:
Illustrator教程:制作流行的半透明水晶按鈕_武林網(wǎng)

三繪制"金屬上拋光面"
1.(將二-3中復(fù)制的路徑)Ctrl+F粘貼到前面,得到新路徑,在圖層中命名為"金屬上拋光面",
2.按>鍵,切換到漸變填色并調(diào)出漸變調(diào)板,按住Ctrl鍵鼠標(biāo)點(diǎn)擊工具欄中的"漸變方框圖標(biāo)",將漸變重置為默認(rèn)的黑白漸變!如圖示006:
Illustrator教程:制作流行的半透明水晶按鈕_武林網(wǎng)