更新時(shí)間:2018年01月10日14時(shí)31分 來(lái)源:傳智播客 瀏覽次數(shù):
AI與PS結(jié)合制作火影忍者小飾品
效果圖:
步驟1:
熱愛《火影忍者》的同學(xué)一定不能錯(cuò)過這樣簡(jiǎn)單易上手的教程!首先先到AI里面,用螺旋線工具繪制出木葉標(biāo)志的主體(可以配合方向鍵與ctrl鍵盤對(duì)螺旋線進(jìn)行調(diào)節(jié)),再用鋼筆工具添加兩端的線條,描邊改為圓頭端點(diǎn)與圓角連接。
步驟2:
把填充改成灰色。執(zhí)行菜單欄的對(duì)象—擴(kuò)展,把標(biāo)志轉(zhuǎn)化為形狀,再執(zhí)行菜單欄的效果—3D—凸出與斜角;最后不要忘了擴(kuò)展外觀,把他轉(zhuǎn)換為形狀。
步驟3:
在PS里面新建一個(gè)1000X650的畫布,回到AI把剛剛繪制好標(biāo)志ctrl+c復(fù)制,到PS里面ctrl+v粘貼,選擇矢量智能對(duì)象,點(diǎn)擊確定。
步驟4:
用鋼筆用具繪制出另一塊金屬的形狀,再繪制一個(gè)形狀作為他的厚度,再加6個(gè)小圓圈,整體外型完成!
步驟5:
開始優(yōu)化細(xì)節(jié);先把AI里面的標(biāo)志解組,把最面的形狀復(fù)制到PS里面去。添加圖層樣式(描邊、內(nèi)發(fā)光、光澤、漸變疊加),在疊放到之前的圖標(biāo)上方。
步驟6:
有沒發(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)去的感覺。旁邊的6個(gè)小圓圈也添加圖層樣式(如下圖,主要是斜面與浮雕)~
步驟8:
投影部分需要虛實(shí)結(jié)合,靠近的地方影子會(huì)稍微暗,羽化低。遠(yuǎn)的地方會(huì)漸漸過渡,顏色沒那么深~
步驟9:
還要添加細(xì)節(jié)!上面的金屬蓋住下方的金屬,所以應(yīng)該會(huì)有一個(gè)陰影區(qū)域,另外金屬會(huì)鏡面反射一些圖案,我們補(bǔ)充進(jìn)去。
步驟11:
加些十字光斑,加個(gè)曲線調(diào)整下對(duì)比與顏色。加個(gè)LOGO,加個(gè)文字,完成真棒!鼓掌~
步驟12:
再來(lái)個(gè)對(duì)比圖,其實(shí)很多時(shí)候?qū)τ谝恍┬∥锛覀兌伎梢宰约喝ブ谱鲀?yōu)化成自己想要的效果圖,主要是考驗(yàn)大家的想法與耐心吧~
UI綜合設(shè)計(jì):如何以開發(fā)的視角做設(shè)計(jì)?
2017-12-26UI設(shè)計(jì):如何在Axure中,用動(dòng)態(tài)面板實(shí)現(xiàn)banner的輪播效果
2017-11-29UI設(shè)計(jì):3分鐘利用Photoshop制作五彩星軌
2017-11-29設(shè)計(jì)必備技能:3分鐘讓模糊圖片更清晰
2017-11-29UI設(shè)計(jì):關(guān)于平面設(shè)計(jì)鑒賞思路總結(jié)
2017-11-21傳智播客UI/UE綜合設(shè)計(jì)師學(xué)科更名通知
2017-07-18北京校區(qū)