寵物小精靈,設(shè)計(jì)寵物小精靈球主題圖標(biāo)(3)
造型部分
由于我是通過photoshop還原作品,所以我主要還是運(yùn)用到了布爾運(yùn)算。如果這塊不會(huì)的同學(xué)就去看看布爾運(yùn)算基礎(chǔ)視頻:視頻地址:http://www.bilibili.com/video/av4320215/
從圖中可以看出,精靈球主體部分其實(shí)就是一個(gè)大圓加上一個(gè)小圓,通過 [布爾運(yùn)算-減去頂層形狀]得到一個(gè)同心圓,然后再用一個(gè)很扁的橢圓和同心圓進(jìn)行第二次 [布爾運(yùn)算-減去頂層形狀] ,得到的一個(gè)上下分開的球體。
這個(gè)時(shí)候,實(shí)際上球體的路徑還是一個(gè)整體,現(xiàn)在只需通過 [加錨點(diǎn)工具] ,在中間路徑上,任意打上幾個(gè)錨點(diǎn),然后把下半部分多余的路徑刪減掉,只剩下獨(dú)立的上半部分球體。最后只需復(fù)制 [球-上半部分],然后一個(gè)垂直翻轉(zhuǎn),就可以得到下半部分圖形,并且把上下兩部分,分離開來。
制作上下反光
通過原作的效果圖可以發(fā)現(xiàn),這整個(gè)畫面中最大的反光,制作方式也和上面幾乎一樣, 通過 [布爾運(yùn)算-減去頂層形狀]得到一個(gè)同心圓,然后調(diào)出 [球-上半部分] 的選區(qū),給這個(gè) [上圓環(huán)-反光] 建立一個(gè)剪貼蒙版, 最后只需復(fù)制 [ 上圓環(huán)-反光 ],然后一個(gè)垂直翻轉(zhuǎn),就可以得到下半部分圖形。
這樣基上球體的所有圖形需要繪制的部分,就都完成了。
效果圖:
接下來要注意圖層蒙版的變化了~!
五、繪制球體光影制作球體光影開始之前,先分析一下光線,從這張圖可以看出,在球體的表面基本上分布著六種光
高光:最接近主光源的顏色。固有色(亮灰):處于亮部和暗部的過渡面,顏色最接近物體本身的顏色。暗部:處于物體的背光部分。反光:處于暗部,是經(jīng)過物體與環(huán)境光多次折射所產(chǎn)生的光。體表環(huán)境光:處于物體表面, 也是物體與環(huán)境光多次折射所產(chǎn)生的光。投影:被物體遮擋住光源后,所產(chǎn)生的影子。六種光相互影響,構(gòu)成這個(gè)立體的球面。這些光都遵循著近大遠(yuǎn)小/近實(shí)遠(yuǎn)虛/近亮遠(yuǎn)暗的基本規(guī)則。
原理了解清楚以后,我們接下來就直接從球體表面來給它打上光。
在光影融合部分,我運(yùn)用了大量的柔邊畫筆打光+圖層蒙版的技巧,所以不會(huì)的就看看圖層蒙版的基礎(chǔ)教程。
制作 [球-上半部分] 基礎(chǔ)光源:
添加圖層樣式:斜面浮雕 樣式:內(nèi)斜面 方法:平滑 大小:1
添加圖層樣式:內(nèi)發(fā)光 不透明度:10 雜色:1% 顏色:#ffffff 阻塞:10 大。27
添加圖層樣式:內(nèi)陰影 顏色:#a50d0a 不透明度:52 角度:180 距離:8 阻塞:4 大小:10
添加圖層樣式:漸變疊加 模式:濾色 透明度:100% 樣式:徑向 角度:-51%縮放:150% 顏色:#780e0d ~ #ee181a
羽化 [上圓環(huán)-反光] 邊緣:屬性:蒙版-羽化:4px 圖層不透明度27%
添加圖層樣式:漸變疊加 模式:濾色 透明度:100% 樣式:徑向 角度:-51%縮放:86% 顏色:#透明 ~ #ffffff/60%
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 立體球
- ps網(wǎng)頁設(shè)計(jì)
- UI圖標(biāo)
- 楊洋-XHM
- 精靈球圖標(biāo)
學(xué)習(xí) · 提示
相關(guān)教程
- UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)
- UI圖標(biāo)教程,用PS制作一個(gè)音樂圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS繪制索尼PSP圖標(biāo)
- UI圖標(biāo)教程,在PS中繪制一枚炫酷的鐘表圖標(biāo)
- UI圖標(biāo)教程,用ps制作浪漫的冰晶圖標(biāo)
- 圖標(biāo)制作,用PS繪制一款簡(jiǎn)約風(fēng)格的解密游戲圖標(biāo)
- 插畫制作,用PS繪制簡(jiǎn)約沙漏插畫效果圖片
- 圖案設(shè)計(jì),用PS快速制作一個(gè)心形圖案
- 手機(jī)圖標(biāo),用PS繪制華為手機(jī)圖標(biāo)
- 相機(jī)圖標(biāo),用UI制作簡(jiǎn)單的彩虹相機(jī)圖標(biāo)
推薦教程
- UI視頻, 設(shè)計(jì)中得美術(shù)基礎(chǔ)
- ps設(shè)計(jì)盒子圖標(biāo)
- PS繪制磚塊ICO圖標(biāo)
- UI教程:設(shè)計(jì)電池icon
- ps日歷圖標(biāo)
- ps設(shè)計(jì)折紙效果風(fēng)格的短信軟件圖標(biāo)
- 相機(jī)UI圖標(biāo)設(shè)計(jì)教程
- UI知識(shí),設(shè)計(jì)師必須知道的優(yōu)秀UI設(shè)計(jì)原則
- 地圖圖標(biāo),設(shè)計(jì)簡(jiǎn)潔的地圖主題UI圖標(biāo)教程
- UI知識(shí),做UI的工作方式與流程