更新時(shí)間:2018-01-10 來(lái)源:黑馬程序員 瀏覽量:
AI與PS結(jié)合制作火影忍者小飾品
效果圖:
步驟1:
熱愛(ài)《火影忍者》的同學(xué)一定不能錯(cuò)過(guò)這樣簡(jiǎn)單易上手的教程!首先先到AI里面,用螺旋線(xiàn)工具繪制出木葉標(biāo)志的主體(可以配合方向鍵與ctrl鍵盤(pán)對(duì)螺旋線(xiàn)進(jìn)行調(diào)節(jié)),再用鋼筆工具添加兩端的線(xiàn)條,描邊改為圓頭端點(diǎn)與圓角連接。
步驟2:
把填充改成灰色。執(zhí)行菜單欄的對(duì)象—擴(kuò)展,把標(biāo)志轉(zhuǎn)化為形狀,再執(zhí)行菜單欄的效果—3D—凸出與斜角;最后不要忘了擴(kuò)展外觀,把他轉(zhuǎn)換為形狀。
步驟3:
在PS里面新建一個(gè)1000X650的畫(huà)布,回到AI把剛剛繪制好標(biāo)志ctrl+c復(fù)制,到PS里面ctrl+v粘貼,選擇矢量智能對(duì)象,點(diǎn)擊確定。
步驟4:
用鋼筆用具繪制出另一塊金屬的形狀,再繪制一個(gè)形狀作為他的厚度,再加6個(gè)小圓圈,整體外型完成!
步驟5:
開(kāi)始優(yōu)化細(xì)節(jié);先把AI里面的標(biāo)志解組,把最面的形狀復(fù)制到PS里面去。添加圖層樣式(描邊、內(nèi)發(fā)光、光澤、漸變疊加),在疊放到之前的圖標(biāo)上方。
步驟6:
有沒(méi)發(fā)現(xiàn)咱們離成功不遠(yuǎn)了?繼續(xù)深化細(xì)節(jié),特別是光影的,必須增強(qiáng)金屬質(zhì)感(方法很多,可以用步驟5的解組的形狀復(fù)制到PS修改,也可以直接在PS用鋼筆繪制形狀)。上面的金屬面添加1像素的描邊與徑向漸變疊加,把中間提亮。
步驟7:
把之前繪制好的標(biāo)志再?gòu)?fù)制一份到PS里,變換一下,添加斜面浮雕、投影等樣式使他更有凹進(jìn)去的感覺(jué)。旁邊的6個(gè)小圓圈也添加圖層樣式(如下圖,主要是斜面與浮雕)~
步驟8:
投影部分需要虛實(shí)結(jié)合,靠近的地方影子會(huì)稍微暗,羽化低。遠(yuǎn)的地方會(huì)漸漸過(guò)渡,顏色沒(méi)那么深~
步驟9:
還要添加細(xì)節(jié)!上面的金屬蓋住下方的金屬,所以應(yīng)該會(huì)有一個(gè)陰影區(qū)域,另外金屬會(huì)鏡面反射一些圖案,我們補(bǔ)充進(jìn)去。
步驟11:
加些十字光斑,加個(gè)曲線(xiàn)調(diào)整下對(duì)比與顏色。加個(gè)LOGO,加個(gè)文字,完成真棒!鼓掌~
步驟12:
再來(lái)個(gè)對(duì)比圖,其實(shí)很多時(shí)候?qū)τ谝恍┬∥锛覀兌伎梢宰约喝ブ谱鲀?yōu)化成自己想要的效果圖,主要是考驗(yàn)大家的想法與耐心吧~
本文版權(quán)歸黑馬程序員UI設(shè)計(jì)綜合設(shè)計(jì)師學(xué)院所有,歡迎轉(zhuǎn)載,轉(zhuǎn)載請(qǐng)注明作者出處。謝謝!
作者:黑馬程序員UI設(shè)計(jì)綜合設(shè)計(jì)師培訓(xùn)學(xué)院
首發(fā):http://ui.itheima.com/