
編者按:今天的效果小編心儀已久了,一直沒(méi)時(shí)間翻譯,木想到給@陌北默 妹紙搞定了。教程很長(zhǎng),不過(guò)非常詳細(xì),很多同學(xué)已經(jīng)跟著做出效果了,你可以學(xué)到如何創(chuàng)建風(fēng)葉,如何利用圖層樣式和混合模式讓風(fēng)車(chē)精致玲瓏,干貨很多,趕緊來(lái)學(xué)習(xí)!
@陌北默 :對(duì)于初學(xué)者,你將學(xué)習(xí)如何建立一個(gè)簡(jiǎn)單的網(wǎng)格、如何使用基本工具創(chuàng)建風(fēng)葉,同時(shí)你將學(xué)會(huì)如何使用混合模式和外觀面板中的圖層樣式為這些形狀添加顏色和陰影。也將學(xué)習(xí)如何用一個(gè)簡(jiǎn)單的變換效果制作更多新的風(fēng)葉。
最后,你將學(xué)會(huì)給風(fēng)車(chē)天劍一個(gè)豐富多彩的微妙質(zhì)感背景。
一、創(chuàng)建新文檔,設(shè)置網(wǎng)格
按Ctrl+N創(chuàng)建一個(gè)新的文檔。單位選擇為像素, 寬度為600px;高度為750px,然后單擊高級(jí)按鈕設(shè)置顏色模式為:RGB ,柵格效果為:屏幕(72ppi) ,并確保該使新建對(duì)象與像素網(wǎng)格對(duì)齊框未被選中,然后單擊確定。
啟用網(wǎng)格(視圖>顯示網(wǎng)格)和對(duì)齊網(wǎng)格(視圖>對(duì)齊到網(wǎng)格)。對(duì)于初學(xué)者,您將需要每個(gè)網(wǎng)格為5px,去編輯>首選項(xiàng)>參考線和網(wǎng)格,設(shè)置網(wǎng)格線間隔為5px的和次分隔線為1。它會(huì)減輕你的工作, 通過(guò)ctrl+“ 你可以輕松地啟用或者禁用網(wǎng)格。
你也應(yīng)該打開(kāi)信息面板(窗口>信息)實(shí)時(shí)預(yù)覽形狀的大小和位置。不要忘了編輯>首選項(xiàng)>單位,常規(guī)選項(xiàng)設(shè)置為像素。所有這些選項(xiàng)將顯著提高您的工作效率。

二、創(chuàng)建兩個(gè)主形狀
第1步
命名圖層1為“橙色”。選擇矩形工具(M) 。在工具欄,取消描邊顏色,設(shè)置填充顏色為R = 255,G = 167, B = 0。創(chuàng)建一個(gè)135像素x55像素的矩形,這時(shí)對(duì)齊到網(wǎng)格就起到作用了。用直接選擇工具(A)選中右上角的錨點(diǎn)。將其向左邊移動(dòng)55像素。
改變圓角弧度的2種方法:
方法1:保持移動(dòng)的錨點(diǎn)處于選中狀態(tài),在控制面板,在圓角框輸入24PX。此功能僅適用于CC用戶(hù)。
方法2:替代這種效果的另一個(gè)方法是利用“Round Any Corner”這個(gè)插件:微盤(pán)下載
將其保存到電腦,回到AI中選中直接選擇工具(A) 。選擇錨點(diǎn)并轉(zhuǎn)到文件>腳本>其他腳本。打開(kāi)這個(gè)腳本,輸入24PX半徑,然后單擊OK(確定)。最終的結(jié)果可能看起來(lái)有點(diǎn)不同。

第2步
在橘色形狀上,確保停在直接選擇工具(A)。選擇左側(cè)的錨點(diǎn),設(shè)置圓角半徑為30像素。使用選擇工具(V) ,選擇您的整個(gè)形狀和去效果>變形>下弧形。進(jìn)入如下圖所示的屬性中,單擊OK(確定),然后轉(zhuǎn)到對(duì)象>擴(kuò)展外觀。

第3步
讓橘色形狀仍處于選中狀態(tài),去效果>變形>下弧形。進(jìn)入如下圖所示的屬性中,單擊OK(確定),然后轉(zhuǎn)到對(duì)象>擴(kuò)展外觀。形成底部形狀。然后切換到直接選擇工具(A) 。選擇右下角的錨點(diǎn), 設(shè)置圓角半徑為3px的?,F(xiàn)在你的形狀應(yīng)該是第三圖的樣子。

第4步
新建圖層,命名為“黃色”,設(shè)置填充顏色為R = 255,G = 194 B = 53,選擇矩形工具(M) ,創(chuàng)建一個(gè)70×55像素形狀,并將它放在最上層。選中該黃色矩形,切換到刪除錨點(diǎn)工具( – ) ,刪除右下角錨點(diǎn)。這時(shí)你的黃色矩形成三角形,如圖所示。

第5步
選中黃色矩形,去效果>變形>拱形。進(jìn)入如下圖所示的屬性,單擊OK(確定),然后轉(zhuǎn)到效果>變形>下弧形。進(jìn)入下圖所示的屬性,單擊OK(確定),然后轉(zhuǎn)到對(duì)象>擴(kuò)展外觀。

第6步
用直接選擇工具(A) ,選中左上角的錨點(diǎn),設(shè)置圓角半徑為10px的。

第7步
新聞熱點(diǎn)
疑難解答
圖片精選