寵物小精靈,設(shè)計寵物小精靈球主題圖標(biāo)
造型部分
由于我是通過photoshop還原作品,所以我主要還是運用到了布爾運算。如果這塊不會的同學(xué)就去看看布爾運算基礎(chǔ)視頻:視頻地址:http://www.bilibili.com/video/av4320215/
從圖中可以看出,精靈球主體部分其實就是一個大圓加上一個小圓,通過 [布爾運算-減去頂層形狀]得到一個同心圓,然后再用一個很扁的橢圓和同心圓進行第二次 [布爾運算-減去頂層形狀] ,得到的一個上下分開的球體。
<點圖片看大圖>
這個時候,實際上球體的路徑還是一個整體,現(xiàn)在只需通過 [加錨點工具] ,在中間路徑上,任意打上幾個錨點,然后把下半部分多余的路徑刪減掉,只剩下獨立的上半部分球體。最后只需復(fù)制 [球-上半部分],然后一個垂直翻轉(zhuǎn),就可以得到下半部分圖形,并且把上下兩部分,分離開來。
<點圖片看大圖>
制作上下反光
通過原作的效果圖可以發(fā)現(xiàn),這整個畫面中最大的反光,制作方式也和上面幾乎一樣, 通過 [布爾運算-減去頂層形狀]得到一個同心圓,然后調(diào)出 [球-上半部分] 的選區(qū),給這個 [上圓環(huán)-反光] 建立一個剪貼蒙版, 最后只需復(fù)制 [ 上圓環(huán)-反光 ],然后一個垂直翻轉(zhuǎn),就可以得到下半部分圖形。
<點圖片看大圖>
這樣基上球體的所有圖形需要繪制的部分,就都完成了。
效果圖:
<點圖片看大圖>
接下來要注意圖層蒙版的變化了~!
五、繪制球體光影制作球體光影開始之前,先分析一下光線,從這張圖可以看出,在球體的表面基本上分布著六種光
高光:最接近主光源的顏色。固有色(亮灰):處于亮部和暗部的過渡面,顏色最接近物體本身的顏色。暗部:處于物體的背光部分。反光:處于暗部,是經(jīng)過物體與環(huán)境光多次折射所產(chǎn)生的光。體表環(huán)境光:處于物體表面, 也是物體與環(huán)境光多次折射所產(chǎn)生的光。投影:被物體遮擋住光源后,所產(chǎn)生的影子。六種光相互影響,構(gòu)成這個立體的球面。這些光都遵循著近大遠小/近實遠虛/近亮遠暗的基本規(guī)則。
<點圖片看大圖>
原理了解清楚以后,我們接下來就直接從球體表面來給它打上光。
在光影融合部分,我運用了大量的柔邊畫筆打光+圖層蒙版的技巧,所以不會的就看看圖層蒙版的基礎(chǔ)教程。
制作 [球-上半部分] 基礎(chǔ)光源:
添加圖層樣式:斜面浮雕 樣式:內(nèi)斜面 方法:平滑 大?。?
<點圖片看大圖>
添加圖層樣式:內(nèi)發(fā)光 不透明度:10 雜色:1% 顏色:#ffffff 阻塞:10 大小:27
<點圖片看大圖>
添加圖層樣式:內(nèi)陰影 顏色:#a50d0a 不透明度:52 角度:180 距離:8 阻塞:4 大?。?0
<點圖片看大圖>
添加圖層樣式:漸變疊加 模式:濾色 透明度:100% 樣式:徑向 角度:-51%縮放:150% 顏色:#780e0d ~ #ee181a
<點圖片看大圖>
羽化 [上圓環(huán)-反光] 邊緣:屬性:蒙版-羽化:4px 圖層不透明度27%
<點圖片看大圖>
添加圖層樣式:漸變疊加 模式:濾色 透明度:100% 樣式:徑向 角度:-51%縮放:86% 顏色:#透明 ~ #ffffff/60%
<點圖片看大圖>
標(biāo)簽(TAG) UI設(shè)計教程 立體球 ps網(wǎng)頁設(shè)計 UI圖標(biāo) 楊洋-XHM 精靈球圖標(biāo)
上一篇:ps合成奇幻冰火面效果教程
下一篇:直方圖,教你如何看懂通道直方圖