信封圖標(biāo),用AI設(shè)計(jì)紅色的懷舊信封圖標(biāo)教程(3)

Step 3

在本步驟中,需要1px間距的網(wǎng)格設(shè)置。選擇編輯-首選項(xiàng)-參考線與網(wǎng)格,在網(wǎng)格間距中輸入1.

采用矩形工具(M),創(chuàng)建一個(gè)288x108px的形狀,如下圖圖一所示。 同樣,為了方便后續(xù)操作,別忘了設(shè)置顯示網(wǎng)格和對齊網(wǎng)格。 確認(rèn)新得到的形狀處于選中狀態(tài),之后在外觀面板進(jìn)行設(shè)置。

將顏色填充置為無填充效果,選擇描邊。 選擇顏色 R=57 G=181 B=74,選擇描邊。 將描邊寬度選擇為6px,設(shè)置沿外側(cè)描邊。

注意矩形的底部,切換到直接選擇工具(A)。 選擇底部的兩個(gè)描點(diǎn),選擇對象-路徑-平均(或直接采用快捷鍵Alt+Ctrl+J) 選擇兩者兼有,點(diǎn)擊確定。 這將使你的矩形變?yōu)槿鐖D二所示的三角形。

www.theoat.com.cn_04294451U-9.jpg

Step 4

確認(rèn)黃色形狀處于選中狀態(tài),Ctrl+C,Ctrl+F進(jìn)行復(fù)制操作。 重新選中三角形,選擇對象-路徑-輪廓化描邊。 同時(shí)選中結(jié)果圖形和黃色形狀,通過路徑查找器選擇交集。

確認(rèn)結(jié)果形狀處于選中狀態(tài),之后設(shè)置外觀。 將填充顏色置為黑色,降低透明度至20%,將圖層混合模式選擇為柔光模式。

www.theoat.com.cn_0429442196-10.jpg

Step 5

隱藏網(wǎng)格(Ctrl+‘)并取消對齊網(wǎng)格(Shift+Ctrl+’),選擇編輯-首選項(xiàng)-常規(guī),確認(rèn)鍵盤增量為1px

重新選中黃色形狀,復(fù)制粘貼兩次(Ctrl+C,Ctrl+F,Ctrl+F) 選中最上層的復(fù)制結(jié)果,用鍵盤上的方向鍵將其向下移動(dòng)1px.

選中兩個(gè)復(fù)制結(jié)果,在路徑查找器面板選擇減去頂層。 將結(jié)果形狀填充為黑色,降低透明度為3%,將圖層混合模式選為柔光。

www.theoat.com.cn_0429443596-11.jpg

Step 6

再次選擇黃色形狀,做一次復(fù)制(Ctrl+C,Ctrl+F),向下輕移1px. 確認(rèn)最新的復(fù)制層處于選中狀態(tài),并再次復(fù)制(Ctrl+C,Ctrl+F) 選擇新復(fù)制層,向下輕移1px.

同時(shí)選中兩個(gè)復(fù)制層,路徑查找器-減去頂層。 如下圖所示,將結(jié)果圖形添加線性漸變,降低透明度至70%,將圖層混合模式改為柔光。

請注意漸變設(shè)置圖中的黃色數(shù)值代表透明度百分值,藍(lán)色數(shù)值代表位置百分值。

www.theoat.com.cn_0429443017-12.jpg
5.創(chuàng)建藍(lán)色形狀

Step 1

顯示網(wǎng)格(Ctrl+‘)和對齊網(wǎng)格(Shift+Ctrl+’)。 將網(wǎng)格間距重新設(shè)置為5px。編輯-首選項(xiàng)-參考線和網(wǎng)格,在網(wǎng)格間距中輸入5px。

使用矩形工具(M),創(chuàng)建一個(gè)240x90px的形狀,填充 R=39 G=170 B=225,將其放置在如圖所示位置。

選中藍(lán)色矩形,注意頂部兩個(gè)描點(diǎn)。 選擇直接選擇工具(-),選擇左側(cè)描點(diǎn),將其拖到中間(距右側(cè)描點(diǎn)120px)位置。 選擇刪除描點(diǎn)工具,將藍(lán)色矩形右上角的描點(diǎn)刪除。

切換到直接選擇工具(A),選中頂部描點(diǎn)。 利用圓角工具,設(shè)置半徑10px. 最終,藍(lán)色形狀形如圖三。

www.theoat.com.cn_0429443137-13.jpg

教程未完,請看下一頁!

學(xué)習(xí) · 提示

  • 打開ps,跟著教程做一遍,做完的圖要到這里交作業(yè):提交作業(yè)
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:ps新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們微博:@photoshop教程論壇
  • 想學(xué)更多的同學(xué),可以訂閱我們郵件,每天都有新教程發(fā)給你:http://t.cn/Rzm5o8Y
PS教程自學(xué)網(wǎng) 歡迎投稿原創(chuàng)或轉(zhuǎn)載教程:http://i.16xx8.com
    jimsddf 說: 打卡
    七月雨55 說: 學(xué)習(xí)了
    最愛饃饃 說: 學(xué)習(xí)一下
    天情一 說: 操,垃圾教程
    牽手到天陰 說: 做的不好。。太菜了T_T