當前位置:首頁>ps實例教程>ps網(wǎng)頁設計>按鈕圖標>教程內(nèi)容

描邊圖標,用PS繪制簡單的書本圖標(4)

來源:未知 作者:仲夏308 學習:4290人次

我們用PS繪制簡單的書本圖標,MBE風格相信同學們都已經(jīng)了解了,制作起來難度中等,同學們可以通過教程來學習一下,這類圖案的制作,需要同學們?nèi)ダL制,很多的線條圖案,繪制成簡單的書本圖標,許多有趣的部分加起來就可以構(gòu)建一個簡單的書本圖標,具體還需要同學們詳細去做。

效果圖:

描邊圖標,用PS繪制簡單的書本圖標_tgudhdp.cn

描邊圖標,用PS繪制簡單的書本圖標_tgudhdp.cn
tgudhdp.cn

操作步驟:

1.先新建一張畫布,然后選擇圓角矩形工具,半徑調(diào)成10像素,去掉填充顏色,然后選擇一個描邊顏色把描邊擴大到4像素做出圖形。

描邊圖標,用PS繪制簡單的書本圖標_tgudhdp.cn

2.接下來我們繼續(xù)選擇圓角矩形工具,這次把填充色打開,描邊去掉,半徑像素為16,再作出一個內(nèi)圓角矩形。

描邊圖標,用PS繪制簡單的書本圖標_tgudhdp.cn

3.然后我們還是繼續(xù)選擇圓角矩形工具,這次我們需要填充色,跟描邊色都打開,描邊大小調(diào)成3像素,半徑調(diào)成14像素,作出第三個圓角矩形,放置在底部。

描邊圖標,用PS繪制簡單的書本圖標_tgudhdp.cn

4.接下來我們把圓角矩形工具的填充色選擇一個顏色,描邊色關(guān)掉,半徑像素調(diào)成1.5繪制一個細長的圓角矩形,繪制出來后,我們就復制出來兩份把他們拖拽適當?shù)奈恢蒙稀?/p>

描邊圖標,用PS繪制簡單的書本圖標_tgudhdp.cn

5.接著我們要利用CTRL+T自由變換對復制出來的圓角矩形進行大小的調(diào)整。

描邊圖標,用PS繪制簡單的書本圖標_tgudhdp.cn

6.接下來的操作也是一樣,選擇圖形工具里面的矩形工具,跟橢圓工具作出圖形來,然后CTRL+E進行圖形合并。

描邊圖標,用PS繪制簡單的書本圖標_tgudhdp.cn

7.圖形合并后,我們要先復制一個圖形,然后CTRL+T選擇個復制位置,最后再按CTRL+ALT+SHIFT+T進行再制命令得出圖形。

描邊圖標,用PS繪制簡單的書本圖標_tgudhdp.cn

8.接下來的操作也是一樣,利用圖形工具的圓角矩形工具跟矩形工具把筆記本里面的內(nèi)容都繪制出來。

描邊圖標,用PS繪制簡單的書本圖標_tgudhdp.cn

9. 為了豐富畫面效果,可以選擇文字工具在筆記本封面輸入點字母。

描邊圖標,用PS繪制簡單的書本圖標_tgudhdp.cn

10.書本大概做完后,我們接著要開始做鉛筆,鉛筆還是利用圖形工具繪制出來。

描邊圖標,用PS繪制簡單的書本圖標_tgudhdp.cn

11.鉛筆的身體畫出來了后,我們接著要繪制鉛筆的臉部跟手部,繪制當然還是需要用到我們的熟悉的圖形工具。

描邊圖標,用PS繪制簡單的書本圖標_tgudhdp.cn

描邊圖標,用PS繪制簡單的書本圖標_tgudhdp.cn

描邊圖標,用PS繪制簡單的書本圖標_tgudhdp.cn

12.最后我們把夾子利用圖形工具繪制出來,然后利用圖層復制復制三個分別調(diào)整顏色放去適當?shù)奈恢眠M行裝飾。

描邊圖標,用PS繪制簡單的書本圖標_tgudhdp.cn

13.整體畫面都出來后我們有沒有發(fā)現(xiàn),我們的線段好多都是還沒斷開的呢,所以我們接下來就是要對沒有斷開的線條進行斷線。我們要選擇鋼筆工具里面的添加錨點工具在一開始我們繪制好的圖形的路徑上進行錨點的添加。

描邊圖標,用PS繪制簡單的書本圖標_tgudhdp.cn

14.錨點添加完成后,我們需要選擇到直接選擇工具,然后對需要斷開的路勁的地方選擇后直接DELETE把路勁斷開,斷開路徑后就在描邊處把蹲點改成圓滑的。

描邊圖標,用PS繪制簡單的書本圖標_tgudhdp.cn

15.剩下的需要地方也是同樣的操作方法,利用添加錨點工具跟直接選擇工具把路徑斷開然后把端點改成圓滑就行了。

描邊圖標,用PS繪制簡單的書本圖標_tgudhdp.cn

16.我們可以應用于很多地方呢,最后給大家展現(xiàn)一個效果圖的應用。

描邊圖標,用PS繪制簡單的書本圖標_tgudhdp.cn

一起來學習一下吧,相信你可以做的更好。

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
禿頭小寶貝兒2020-12-16 03:05
notebook

qinjianjun0002020-08-04 04:01
作業(yè)

jaylee12132020-01-16 02:25
作業(yè)

shallow.2020-01-13 12:52
我的作業(yè):

.2019-02-28 12:44
加油

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!