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

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

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

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

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

最終效果

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

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

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

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

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

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

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

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

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

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

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