?
當前位置:主頁 > PS教程 > 設計教程 >

ps制作簡約風格描邊風格小圖標

  • 2019-12-05 06:41
  • 來源/作者:站酷/KEVINSONGG
  • 己被圍觀

作者第一次做小教程,告訴大家如何快速的制作一個超火的描邊風格小圖標,其實操作方法很簡單,10分鐘輕松搞定。

在追波網上看到MBE大神的描邊小圖標很是喜歡,就自己網上搜索學習怎么繪制這種風格的圖標,這里就是將我練習的方法做一個總結,關鍵就是布爾運算和路徑錨點,好了廢話不多說,我們從最簡單的小太陽開始。

注意:1、這個是我看的知乎教程,大家可以去看看,猛戳這里。還有特別感謝知乎的設計師阿牛,我的練習就是學習了他的Sketch畫描邊圖標教程。

2、MBE大神追波地址:再猛戳這里

3、文章多圖

4、新手向,老司機請自行略過

5、最后附PSD下載,供大家查看

先來個最終效果圖。

Photoshop制作簡約風格描邊風格小圖標,PS教程,PS家園網

1、新建一個追波尺寸的畫布800*600,背景色選白色,名稱為描邊風格小圖標,注意分辨率為72

Photoshop制作簡約風格描邊風格小圖標,PS教程,PS家園網

2、畫一個300*300的圓形,填充顏色為#ffdb00,描邊為12像素的#000000的黑色描邊。注意這里描邊的風格應該選居中描邊,結尾和轉角選擇圓角形式。

Photoshop制作簡約風格描邊風格小圖標,PS教程,PS家園網

3、然后我們ctrl+j復制圓形圖層,并分別命名為小太陽描邊和小太陽填充。并將小太陽填充的圖層關閉,將小太陽描邊圖層的填充去掉,只留下描邊。

Photoshop制作簡約風格描邊風格小圖標,PS教程,PS家園網

4、我們用直接選擇工具(小白)選中描邊,這時會出現錨點和路徑的線(抱歉,我也不知道這線叫什么),然后我們用鋼筆工具這一欄里的添加錨點工具,給描邊添加6個錨點。

Photoshop制作簡約風格描邊風格小圖標,PS教程,PS家園網

5、6個錨點添加完后(如圖1),我們在用直接選擇工具(小白)選擇錨點進行刪除(如圖2)。發現問題了這里只添加4個錨點就夠了,然后選路徑進行刪除就好了

圖1

Photoshop制作簡約風格描邊風格小圖標,PS教程,PS家園網

圖2

Photoshop制作簡約風格描邊風格小圖標,PS教程,PS家園網

6、同理我們弄對角的另一邊,弄完的結果如圖

Photoshop制作簡約風格描邊風格小圖標,PS教程,PS家園網

7、這一步,我們將小太陽填充的圖層顯示出來,并且把它放在“描邊”圖層的下面。看!!效果一下子就出來了。

Photoshop制作簡約風格描邊風格小圖標,PS教程,PS家園網

8、嘴巴和腮紅的部分不多說了,根據圖形之間的大小關系,自己繪制就可以。

Photoshop制作簡約風格描邊風格小圖標,PS教程,PS家園網

9、這里重點說下嘴巴的畫法,這里我們畫一個60*40的圓(如圖1),建立水平參考線,找到橢圓的水平中心位置。建立個矩形(要比半個橢圓大,如圖2),選中橢圓和矩形的圖層,ctrl+e后,用路徑選擇工具(小黑)配合布爾運算的減去頂層形狀,減去上邊的矩形,并選擇合并形狀組件(如圖3)。下面我們繪制個60*16圓角為8的圓角矩形,這里方便CS6的用戶使用,可以繪制兩個16*16的圓加一個44*16的矩形進行組合。將其放在剛剛減好的圖形上(如圖4),放好后,ctrl+e合并兩個圖層,并改為黑色(如圖5)。

圖1

Photoshop制作簡約風格描邊風格小圖標,PS教程,PS家園網

圖2

Photoshop制作簡約風格描邊風格小圖標,PS教程,PS家園網

圖3

Photoshop制作簡約風格描邊風格小圖標,PS教程,PS家園網

圖4

Photoshop制作簡約風格描邊風格小圖標,PS教程,PS家園網

圖5

Photoshop制作簡約風格描邊風格小圖標,PS教程,PS家園網

10、這里我們繪制他的小舌頭(對!!應該是舌頭)。大家可以根據自己的大小關系建立,我這里是26*12的橢圓。

Photoshop制作簡約風格描邊風格小圖標,PS教程,PS家園網

11、現在開始給太陽添加高光和反光(也就是添加兩個內陰影),一個為#ffffff,角度-160度,距離、阻塞和大小為30、0、0(如圖1);另一個為#fe8602,角度為20,距離、阻塞和大小為30、0、0(如圖2)

圖1

Photoshop制作簡約風格描邊風格小圖標,PS教程,PS家園網

圖2

Photoshop制作簡約風格描邊風格小圖標,PS教程,PS家園網

12、這步我們將眼睛、嘴巴、和腮紅進行排放,放在一個合適并且可愛的位置,將腮紅和舌頭的顏色選為#fe8602,并將腮紅的組調整不透明度為30%

Photoshop制作簡約風格描邊風格小圖標,PS教程,PS家園網

13、最后添加些色彩繽紛的小圖形作為點綴修飾,使主體更加生動可愛

Photoshop制作簡約風格描邊風格小圖標,PS教程,PS家園網


(責任編輯:極限)

*PSjia.COM 傾力出品,轉載請注明來自PS家園網(www.tfqzjn.live)

分享到:

更多精彩內容

  • PS設計大天使之劍游戲專題 PS設計大天使之劍游戲專題
  • ps設計復古風格的凹陷插畫 ps設計復古風格的凹陷插畫
  • ps制作夢幻光效的幻想之光 ps制作夢幻光效的幻想之光
  • PS巧用路徑工具設計曲扭圖 PS巧用路徑工具設計曲扭圖
?
黑龙江p62 雪缘园华体网 快乐十分 违法赚钱的图片 mlb美国职业棒球比分 手机赚钱排第一 天津11选5 gta5单人ceo赚钱快吗 东方6+1 2018能赚钱的手机网络游戏 农村放羊赚钱么 66江苏麻将官方网站 下乡加工红薯粉赚钱吗 比分直播188直 如何跟谁网络赚钱 梦幻西游任务赚钱 辽宁11选5