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

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

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

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

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

最終效果

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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