ps cs6設(shè)計(jì)火箭UI圖標(biāo)

來(lái)源:優(yōu)設(shè)網(wǎng) 作者:_Wangyijie_ 學(xué)習(xí):6455人次

ps cs6設(shè)計(jì)火箭UI圖標(biāo)

在本教程中,我們將在Photoshop創(chuàng)建一個(gè)復(fù)古風(fēng)格的火箭。過(guò)程非常細(xì)致,效果超級(jí)贊,適合有有心在UI設(shè)計(jì)方面更進(jìn)一步的同學(xué)練習(xí),當(dāng)然,有耐心的同學(xué)也可以一點(diǎn)點(diǎn)研究,如果能全程跟著完成,能力一定會(huì)提升很大的 :)

此外,我們將研究如何使用圖層蒙版,以及如何利用多圖層來(lái)節(jié)省時(shí)間,接下來(lái),就讓我們開(kāi)始吧!

最終效果

ps cs6設(shè)計(jì)火箭UI圖標(biāo)

1、在Photoshop中打開(kāi)一個(gè)新的文件使用以下設(shè)置,并保存為Retro Rocket.psd。切記要經(jīng)常按Ctrl + S保存文件。

ps cs6設(shè)計(jì)火箭UI圖標(biāo)

2、首先,讓我們來(lái)看看本教程的原型。這是一個(gè)很粗略的草圖,但目的是為了有一個(gè)基本的概念。有左強(qiáng)光源。所以火箭的亮點(diǎn)大多是在左邊。但在右側(cè)我們也可以創(chuàng)建一些由于光漫射而產(chǎn)生的一些微妙的亮點(diǎn)。

ps cs6設(shè)計(jì)火箭UI圖標(biāo)

3、回到Retro Rocket.psd文件,選擇工具箱中的多邊形工具。然后在選項(xiàng)欄上選擇形狀,右邊末尾處的“邊”選擇3,現(xiàn)在拖動(dòng)三角形并填充為紅色(RGB255,0,0),具體如下圖

ps cs6設(shè)計(jì)火箭UI圖標(biāo)

4、 選擇直接選擇工具(白色箭頭),然后選擇并拖動(dòng)向上,使三角形頂部的定位點(diǎn)向上移,F(xiàn)在我們必須從直線到曲線改變?nèi)切蔚倪叀N覀儠?huì)做這個(gè)轉(zhuǎn)換錨點(diǎn)工具。

ps cs6設(shè)計(jì)火箭UI圖標(biāo)

5、 選擇轉(zhuǎn)換點(diǎn)工具(看起來(lái)像一個(gè)倒“V”)。然后單擊并拖動(dòng)頂部錨點(diǎn)延長(zhǎng)方向點(diǎn)。要單獨(dú)移動(dòng)手柄(即方向),按下Alt鍵并拖動(dòng)方向點(diǎn)。方向點(diǎn)是在方向線的端部的實(shí)心圓圈或圓點(diǎn)。這將創(chuàng)建火箭的主體形狀。重命名此形狀圖層為“箭體頂”。

ps cs6設(shè)計(jì)火箭UI圖標(biāo)

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

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無(wú)評(píng)論,交個(gè)作業(yè)支持一下吧~

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

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