圖標(biāo)設(shè)計(jì),用PS繪制膠囊為主要元素的擬物圖標(biāo)(4)

來源:飛特網(wǎng) 作者:何毛蛋 學(xué)習(xí):22725人次

本篇教程通過PS繪制一款擬物的膠囊圖標(biāo),教程主要是膠囊細(xì)節(jié)的繪制手法,創(chuàng)意的原圖來自于Insfire Studios, 他新奇的創(chuàng)意和極致的細(xì)節(jié),所以臨摹了這個(gè)擬物圖標(biāo),同學(xué)們一起來制作一下吧。

效果圖:

圖標(biāo)設(shè)計(jì),用PS繪制膠囊為主要元素的擬物圖標(biāo)_www.theoat.com.cn

操作步驟:

首先這是一個(gè)擬物ICON,為了能夠把細(xì)節(jié)坐做好,以及遵循ICON的設(shè)計(jì)規(guī)范,我們這邊先新建一個(gè)尺寸2048*1500,分辨率72的畫布。給初始圖層填充色值為:32c5f0。然后使用形狀在畫布中間繪制一個(gè)大小為1024*1024,圓角為180的正圓角矩形,色值為:fcfcfc,并將其命名為【底板】

圖標(biāo)設(shè)計(jì),用PS繪制膠囊為主要元素的擬物圖標(biāo)_www.theoat.com.cn

接下來繼續(xù)繪制整個(gè)“藥丸”底部的形。依舊使用形狀工具里邊的圓角矩形,分別依次繪制下面圓角矩形,數(shù)值圖也是按順序的。兩者色值分別為:eeeeee、f4f6f7。

圖標(biāo)設(shè)計(jì),用PS繪制膠囊為主要元素的擬物圖標(biāo)_www.theoat.com.cn

圖標(biāo)設(shè)計(jì),用PS繪制膠囊為主要元素的擬物圖標(biāo)_www.theoat.com.cn

  1、泡罩粘合處                                                                                                             2、泡罩

接下來我們來繪制膠囊主體的形。繪制新的圓角矩形,命名為:【膠囊主體】,大小圓角如下。色值無所謂。

圖標(biāo)設(shè)計(jì),用PS繪制膠囊為主要元素的擬物圖標(biāo)_www.theoat.com.cn
www.theoat.com.cn

接下來使用Ctrl+J復(fù)制兩層【膠囊主體】,并分別命名:【膠囊藍(lán)】,【膠囊_紫】。色值隨意填充兩個(gè)相對應(yīng)的顏色讓我們接下來的細(xì)化方便操作。在這里【膠囊_藍(lán)】,【膠囊_紫】都需要進(jìn)行布爾運(yùn)算的操作。【膠囊_藍(lán)】需要在其右側(cè),使用矩形形狀工具按住Alt鍵拖動,達(dá)到如下效果,【膠囊_紫】則方向相反。需要注意的是,兩者都需要在中間留一點(diǎn)空隙。

圖標(biāo)設(shè)計(jì),用PS繪制膠囊為主要元素的擬物圖標(biāo)_www.theoat.com.cn

圖標(biāo)設(shè)計(jì),用PS繪制膠囊為主要元素的擬物圖標(biāo)_www.theoat.com.cn

圖標(biāo)設(shè)計(jì),用PS繪制膠囊為主要元素的擬物圖標(biāo)_www.theoat.com.cn

圖標(biāo)設(shè)計(jì),用PS繪制膠囊為主要元素的擬物圖標(biāo)_www.theoat.com.cn

圖標(biāo)設(shè)計(jì),用PS繪制膠囊為主要元素的擬物圖標(biāo)_www.theoat.com.cn

圖標(biāo)設(shè)計(jì),用PS繪制膠囊為主要元素的擬物圖標(biāo)_www.theoat.com.cn

圖標(biāo)設(shè)計(jì),用PS繪制膠囊為主要元素的擬物圖標(biāo)_www.theoat.com.cn

【底板】就這樣做好了

圖標(biāo)設(shè)計(jì),用PS繪制膠囊為主要元素的擬物圖標(biāo)_www.theoat.com.cn

然后下一步就是給【泡罩粘合處】添加圖層樣式:漸變疊加

圖標(biāo)設(shè)計(jì),用PS繪制膠囊為主要元素的擬物圖標(biāo)_www.theoat.com.cn

給【泡罩】添加圖層樣式:斜面與浮雕(一定要注意等高線!),內(nèi)陰影。

圖標(biāo)設(shè)計(jì),用PS繪制膠囊為主要元素的擬物圖標(biāo)_www.theoat.com.cn

底板部分完成

圖標(biāo)設(shè)計(jì),用PS繪制膠囊為主要元素的擬物圖標(biāo)_www.theoat.com.cn

接下來.…藥丸啦!我們先來做藥丸的投影吧。為了增加投影的自然,我們這里需要做兩層投影。先繪制下圖兩個(gè)圓角矩形,大的陰影我們叫它【膠囊主體投影擴(kuò)散】色值:f537,透明度50%。小的那個(gè)陰影我們叫它【膠囊主體投影】色值:f537,透明度50%。然后兩個(gè)圖層的混合模式都改為【正片疊底】大小圓角如下。并且都添加羽化值。

圖標(biāo)設(shè)計(jì),用PS繪制膠囊為主要元素的擬物圖標(biāo)_www.theoat.com.cn

圖標(biāo)設(shè)計(jì),用PS繪制膠囊為主要元素的擬物圖標(biāo)_www.theoat.com.cn

將【膠囊上部高光】的混合模式改成【疊加】,透明度40%,羽化,為其添加蒙版,按住Ctrl鍵點(diǎn)擊膠囊主體縮略圖,然后點(diǎn)擊添加快速蒙版。數(shù)值如下:

圖標(biāo)設(shè)計(jì),用PS繪制膠囊為主要元素的擬物圖標(biāo)_www.theoat.com.cn

圖標(biāo)設(shè)計(jì),用PS繪制膠囊為主要元素的擬物圖標(biāo)_www.theoat.com.cn

完成:

圖標(biāo)設(shè)計(jì),用PS繪制膠囊為主要元素的擬物圖標(biāo)_www.theoat.com.cn

我們的擬物膠囊就完成了,同學(xué)們做怎么樣了,按照步驟操作還是很好完成的。

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
2019-05-05 06:49
32個(gè)贊
巴扎嘿2018-06-03 12:50
非常好
無語2018-02-17 12:57
謝謝分享<流汗>
依舊是小哦2018-02-16 12:57
回復(fù)一下
阡陌大地2018-02-15 11:01
好東西啊啊啊啊啊
征東平西將軍2018-02-15 09:17
謝謝分享
哈哈的羊x2018-02-15 03:38
努力學(xué)習(xí)
王累大蝦2018-02-15 10:54
6666666
可愛的鉆石女孩2018-02-15 02:56
簽到
新清風(fēng)豬影2018-02-15 02:53
收益
CF愛好者恩2018-02-15 02:53
打卡

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

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