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

2022-12-26 14:26:12 來源/作者: / 己有:55人學(xué)習(xí)過

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

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

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

最終效果

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

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

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

2、首先,讓我們來看看本教程的原型。這是一個(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)切蔚倪?。我們?huì)做這個(gè)轉(zhuǎn)換錨點(diǎn)工具。

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

5、 選擇轉(zhuǎn)換點(diǎn)工具(看起來像一個(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)