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

來源:優(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é)也可以一點(diǎn)點(diǎn)研究,如果能全程跟著完成,能力一定會提升很大的 :)

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

最終效果

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

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

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

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

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

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

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

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

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

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

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

6、 選擇矩形工具,并按照之前的設(shè)置創(chuàng)建一個矩形。這將在“箭體頂”圖層下面新建一個圖層,命名此層為“箭體底”。如之前的過程中選擇轉(zhuǎn)換點(diǎn)工具,并改變矩形以匹配下面的截圖。我們基本上是將箭體分成兩個形狀圖層,即“箭體頂”和“箭體底”。注意有三條直線(如圖所示)。通過使用相同的技術(shù),將其轉(zhuǎn)變成曲線。確保他們的彎曲量相等。這會讓火箭更有3D透視的感覺。

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

7、在“箭體頂”圖層上選擇多邊形工具上創(chuàng)建一個三角形,命名為“火箭鼻子”。顏色為黑色帶輕微的紅色(RGB25,0,0)。通過移動錨點(diǎn)使用直接選擇工具相匹配的三角形箭體頂部的大小。然后彎曲與轉(zhuǎn)換錨點(diǎn)工具下部直線。曲線的方向應(yīng)該是向上。

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

8、 現(xiàn)在創(chuàng)建三個類似翅膀的支架,使我們的火箭保持矗立。它們在飛行過程中也用于控制方向和平衡。我們將利用一個矩形形狀圖層和編輯錨點(diǎn)工具來改變形狀成機(jī)翼形狀。為此,我們將同樣使用直接選擇工具和轉(zhuǎn)換點(diǎn)工具。讓我們回顧一下這個過程。

我們還是利用工具創(chuàng)建形狀,如矩形或用鋼筆工具。然后利用直接選擇工具編輯錨點(diǎn)。我們通過改變錨點(diǎn)的類型以及從角落的轉(zhuǎn)換錨點(diǎn)工具來使之平滑,創(chuàng)建曲線。平滑點(diǎn)是那些從錨點(diǎn)兩側(cè)延長線(即方向點(diǎn))的方向點(diǎn)控制曲線的高度和方向。要添加錨點(diǎn),單擊與鋼筆工具路徑的任何空白部分。要刪除,用鋼筆工具點(diǎn)擊任何一個現(xiàn)有的錨點(diǎn)。詳細(xì)細(xì)節(jié)如圖所示:

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

請按照截圖來做。因為這是一個試錯的過程,預(yù)計要花費(fèi)一些時間在這里。當(dāng)你做出滿意的機(jī)翼形狀,然后在圖層名稱雙擊形狀圖層的文字更改為“左翅”。

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

9、?右鍵單擊“左翅”層,選擇復(fù)制圖層。然后改變位置到右側(cè)的火箭和重命名的層為“翼右”,F(xiàn)在選擇路徑選擇工具(黑箭頭),然后單擊路徑上,將其選中。然后按Ctrl+ T來獲得所選擇的路徑周圍的邊框,F(xiàn)在的邊框內(nèi)點(diǎn)擊右鍵,從菜單中選擇水平翻轉(zhuǎn)。

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

翻轉(zhuǎn)和定位后得到新的圖層“右翼”

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

10、復(fù)制“右翼wing right”圖層,命名新圖層為“中翼”,然后像之前的操作一樣打造中翼。

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

11、 按照相同的方法,并在“箭體底”層的下面創(chuàng)建一個黃色(RGB255,242,0)的矩形圖層。改變形狀如截圖。命名此層為“發(fā)動機(jī)中部”。

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

12、 在彎曲的“發(fā)動機(jī)中部”層的頂側(cè)創(chuàng)建另一個矩形形狀層(RGB0,0,0),并將其命名為“發(fā)動機(jī)上部”。把這個形狀定位在發(fā)動機(jī)的中部的頂。詳細(xì)如圖所示:

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

13、 復(fù)制“發(fā)動機(jī)上部”層然后放置在 “發(fā)動機(jī)中間”層的下部位置。命名此層為“發(fā)動機(jī)底”。

我們所做的基本上是建立引擎的三個部分。頂環(huán)為“發(fā)動機(jī)上部r”和底部一個是“發(fā)動機(jī)底”。 “發(fā)動機(jī)上部”和“發(fā)動機(jī)底”是黑色的,而中間部分是黃色的。

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

14、 現(xiàn)在我們將創(chuàng)建的發(fā)動機(jī)的左側(cè)。這實際上是在箭體(箭體底層)的延伸部分。因此,如下面的截圖所示的位置,創(chuàng)建另一個紅色(RGB255,0,0)矩形。命名為“引擎左側(cè)”。改變這層下面的“箭體底”層的位置。你可以在圖層面板拖動上下位置更改圖層順序。

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

15、 現(xiàn)在,從工具箱下面更改前景色為RGB(149,149,149)。選擇橢圓工具,并創(chuàng)建一個類似以下截圖的一個圓圈。您可以通過按住Shift鍵的同時拖動來創(chuàng)建一個標(biāo)準(zhǔn)的圓。

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

16、利用路徑選擇工具選擇該圓,然后選擇編輯>復(fù)制和編輯>粘貼。因此,我們現(xiàn)在具有相同的形狀層中的兩個的形狀。利用路徑選擇工具選擇這兩個圓其中一個,并按住Shift鍵單擊另一個。當(dāng)選擇路徑后,選項欄上的頂部會出現(xiàn)形狀選項。選擇該選項排除重疊的形狀。

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

17、 這將產(chǎn)生一個環(huán)形。重命名此層為“外環(huán)”。

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

18、 在“外環(huán)”的上面創(chuàng)建圖層名稱為“玻璃”的另一個圓圈圖層。使“玻璃”層圓圈的大小與“外環(huán)”層的內(nèi)圓相符合。

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

19、圖層面板中的圖層越來越多,所以應(yīng)當(dāng)把他們組在一起,選擇“火箭鼻子”,“箭體頂”和“箭體底”層。然后點(diǎn)擊圖層面板的右上角的面板選項。然后從圖層選項中選擇新建”火箭主體“組。

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

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

20、 同樣,創(chuàng)建三個組,即:“火箭發(fā)動機(jī)”,“火箭之翼”和“火箭駕駛艙”。請按以下步驟來:

    火箭發(fā)動機(jī)組–“發(fā)動機(jī)的左側(cè)”,“上下引擎”和“發(fā)動機(jī)中 “層。火箭的翅膀組–“翼左”,“翼中”和“翼右”層;鸺摻M–“外環(huán)”和“玻璃”層。

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

21、 現(xiàn)在選擇“火箭駕駛艙”組,然后朝它的左側(cè)移動一點(diǎn)。這將使3D效果更明顯。

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

22、 通過點(diǎn)擊文件夾圖標(biāo)左側(cè)的箭頭展開“箭體”組。創(chuàng)建一個新的矩形(RGB25,0,0)。根據(jù)截圖調(diào)整形狀。有了這個造型后,我們完成了火箭的形狀,F(xiàn)在該制作一些陰影,創(chuàng)造火箭表面的外觀了。

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

23、關(guān)于陰影:

在開始制作火箭陰影部分之前,我們來討論我們的一般制作陰影流程教程。請記住,陰影部分將是一個反復(fù)的過程,因為我們需要一次又一次的來做。

創(chuàng)建亮點(diǎn):

這里分兩部分:舊版本(CS 5 及以下)用鋼筆工具描繪出形狀,添加圖層蒙版,應(yīng)用高斯模糊,然后通過調(diào)整圖層不透明度控制亮部。

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

對于Photoshop CS6的用戶,步驟是:利用鋼筆工具創(chuàng)建亮點(diǎn)的形狀,像以前一樣,但再不是應(yīng)用高斯模糊濾鏡,而是打開窗口>屬性,在屬性面板調(diào)整羽化量,這將產(chǎn)生類似高斯模糊類似的效果。所不同的是,你可以再次打開屬性面板,調(diào)整以前應(yīng)用的羽化量。然后調(diào)整圖層的不透明度和之前一樣。

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

針對這一情況,如果使用Photoshop CS5,您可以選擇形狀圖層的矢量蒙版縮略圖后,打開窗口>遮罩。然后,我們將在該層上增加一個遮罩(即無論它是一個柵格化圖層或形狀圖層),以進(jìn)一步控制可見性和外觀的亮點(diǎn)形狀。

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

另一種簡單的方法是:進(jìn)入路徑面板,并從下方的狀態(tài)欄點(diǎn)擊新路徑圖標(biāo)創(chuàng)建一個新的路徑。然后用鋼筆工具來創(chuàng)建和控制在路徑面板形狀的路徑加載的選擇。回到圖層面板,創(chuàng)建一個新層。然后填充顏色,取消選擇該選項。然后應(yīng)用高斯模糊柔化的外形和使用遮罩和圖層不透明度來控制形狀的能見度。

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

是的,我知道。大量的信息在這里!但我要的是你嘗試所有的步驟,然后選擇你覺得最舒服的過程。然后一次又一次地使用相同的過程在整個教程中掌握它。

創(chuàng)建邊緣亮點(diǎn)

邊緣亮點(diǎn)和一般的亮點(diǎn)相比稍有不同。它們是邊緣可見的亮白色區(qū)域的薄的或窄的條紋。對于這一點(diǎn),我們將用鋼筆工具創(chuàng)建一個路徑(不閉合),然后利用小的筆刷勾畫路徑。然后用遮罩來控制可見性,以及降低該層的不透明度,進(jìn)一步調(diào)整層。

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

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

創(chuàng)建陰影

陰影在這里是可以相當(dāng)輕松完成的。首先我們我們新建一個圖層,選擇黑色畫筆繪制。之后,我們降低圖層不透明度,如果有必要則添加一個遮罩進(jìn)一步控制陰影量。

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

24、然后我們回到火箭中,選擇展開“箭體”組然后按住ctrl點(diǎn)擊“箭體頂”層的蒙版縮略圖加載形狀。

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

25、 在最上面創(chuàng)建一個名為“頂部陰影”的圖層。然后在兩側(cè)用黑色的大的軟刷涂抹。把筆刷放在這樣一個地方,圓的一半或多或少在選擇邊緣之外。下圖以供參考,F(xiàn)在,在“火箭駕駛艙”和“火箭之翼”組間放置這個“頂部陰影”圖層。

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

26、然后利用鋼筆工具創(chuàng)建一個類似以下截圖的形狀的白色圖層。鼠標(biāo)右鍵點(diǎn)擊柵格化,然后選擇2到3個像素的高斯模糊。你應(yīng)該會得到類似下面的:

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

27、重命名圖層為“箭頂中間的亮點(diǎn)”,降低圖層不透明度為70%。然后,通過從圖層面板下方單擊添加圖層蒙板圖標(biāo)來添加一個蒙板,F(xiàn)在用柔軟的黑色筆刷,在蒙板內(nèi)涂抹。首先,我用軟刷畫的頂部和底部區(qū)域隱藏某些部分為不透明度100%。然后用50%的不透明筆刷,在頂部和底部邊緣稍微減少白色形狀的不透明度。

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

28、現(xiàn)在創(chuàng)建的“箭頂中間的亮點(diǎn)”層的上面七個亮點(diǎn)層。然后應(yīng)用6個像素的高斯模糊。

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

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

29、接下來按照下面的截圖來改變自己圖層的不透明度。同時對照我做的幾個蒙板。最主要的是,我用低透明度筆刷畫了邊緣并制造了漸變效果。記得確切的位置和外觀并不重要。這里的目標(biāo)是創(chuàng)建一系列亮點(diǎn)的形狀變混濁,顯示了火箭的油漆表面的光澤和反光性。

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

30、同樣創(chuàng)建三個白色亮點(diǎn)層為火箭鼻子部位。根據(jù)截圖設(shè)置不透明度

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

31、 讓我們來創(chuàng)建箭體的第一個邊緣的亮點(diǎn)。

在“火箭鼻突出正面朝上”層之上創(chuàng)建一個新層。命名此層為“箭體上緣的亮點(diǎn)下”,F(xiàn)在,選擇1至2個像素半徑的軟白刷。然后利用鋼筆工具沿著箭體下邊緣創(chuàng)建一個路徑。進(jìn)入路徑面板,針對新創(chuàng)建的路徑,單擊與路徑面板下方畫筆圖標(biāo)(左二),描邊路徑。單擊路徑調(diào)板中的任何空白區(qū)域以取消選擇路徑。

回到圖層面板,并添加一個蒙版來了“箭體上緣的亮點(diǎn)下”層。在面罩內(nèi)涂料用黑色畫筆隱藏邊緣高光的某些部分。該層的不透明度變化至70%。

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

32、 在此之上創(chuàng)建一個新層,命名為“火箭鼻亮點(diǎn)邊緣”。按照類似的方法來對火箭鼻子的下邊緣創(chuàng)建了一層亮點(diǎn)。在這里,用1像素的筆刷添加描邊的路徑。之后,改變圖層不透明度為70%。

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

33、 現(xiàn)在,我們將創(chuàng)建箭體頂部形狀的兩條細(xì)的陰影線。

后面我們將會把一些螺栓畫在它們上面。讓我們創(chuàng)建的箭體前上緣的上影線。在“火箭鼻亮點(diǎn)邊緣” 上面創(chuàng)建一個新圖層取名為“火箭頂邊緣的陰影”。選擇橢圓選框工具,如圖所示畫一個大的橢圓。

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

選擇編輯—描邊,加入2像素的描邊

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

給“火箭頂邊緣的陰影”圖層添加一個圖層蒙版,然后照著之前的調(diào)整過程。最后,調(diào)節(jié)該層的不透明度至50%。

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

34、下面這個圖層上創(chuàng)建類似的“火箭頂邊緣的陰影”圖層。該層的不透明度為50%。

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

35、現(xiàn)在,在上面這兩個邊界的陰影圖層,我們將創(chuàng)建兩個亮點(diǎn)層白色的小橢圓形。選擇白色軟刷,然后按F5鍵打開畫筆面板(或窗口>筆刷)。用下圖的筆刷設(shè)置。

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

36、 分別創(chuàng)建兩個新的層名“箭體頂部邊緣亮點(diǎn)上中”和“箭體頂部邊緣的亮點(diǎn)下中”;旧衔覀円裰皠(chuàng)建“箭頂中間的亮點(diǎn)”一樣在頂部和底部創(chuàng)建兩個橢圓的小亮點(diǎn)。這兩層分別命名為“箭體頂部邊緣亮點(diǎn)上中”和“箭體頂部邊緣的亮點(diǎn)下中”。如下圖,以供參考,數(shù)字為不透明度。

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

37、接下來選擇所有亮點(diǎn)圖層,然后創(chuàng)建一個組,名字為“亮點(diǎn)”。你需要做的另一件事就是選擇所有的亮點(diǎn)圖層然后再圖層面板上改為圖層混合模式。這將使亮點(diǎn)看起來亮一點(diǎn)。

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

38、按照同樣的方法把所有陰影圖層放到一個組,組的名字叫“陰影”。

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

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

39、看到“箭體底”層然后雙擊縮略圖(蒙版縮略圖的左側(cè)),打開選擇純色的窗口。然后更改顏色為RGB(25,0,0),然后單擊確定,F(xiàn)在的火箭身上下面形狀的顏色是黑色與紅色的色調(diào)。

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

40、 在“箭體底”層的上面創(chuàng)建一個新層,命名為“箭體下環(huán)”。然后按住ctrl點(diǎn)擊“箭體底”層的蒙版縮略圖。選擇紅色(RGB255,0,0)。

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

41、 將當(dāng)前工具插入任何選擇工具(如:矩形選框工具)。然后選擇在右鍵單擊并選擇變換選區(qū)。

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

將被選定的向下移,以符合下面的圖片。

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

然后按ENTER鍵應(yīng)用選擇。然后從菜單>選擇>反向來逆選擇。按DELETE鍵刪除該區(qū)域。所以我們現(xiàn)在在簡體底有一個紅色的環(huán)。

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

42、 現(xiàn)在,我們將創(chuàng)建一些文字。

選擇文字工具創(chuàng)建豎排文字,并選擇紅色(RGB255,0,0)。我第一次鍵入的字母“P”選擇impact字體,然后復(fù)制圖層3次。您可以按Ctrl + J復(fù)制圖層。然后雙擊該類型的縮略圖并更改字母。之后安排的“S”和“D”層垂直。

選擇三個圖層。然后再次右擊選擇柵格化圖層,再選擇合并圖層。

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

Ctrl+T 拉伸“PSD”字樣,使它有一定的彎曲,然后減低不透明度到60%

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

43、按住ctrl點(diǎn)擊箭體底的縮略圖。在亮點(diǎn)組里創(chuàng)建一個“底部高光”圖層。選擇一個軟的筆刷然后從頂部邊緣到底部邊緣畫一條線。

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

44、添加一個蒙版,用畫筆涂抹如下圖所示

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

45、 現(xiàn)在,通過單擊可見性切換圖標(biāo)(即眼睛圖標(biāo))使“翅膀”組可見。在“亮點(diǎn)”組中創(chuàng)建一個新層,命名為“箭體底紅光”。

然后按ctrl點(diǎn)擊載入圖層“箭體底” 。然后回到“箭體底紅色發(fā)光”層用顏色為(RGB 255, 0, 0)的筆刷設(shè)置不透明度為30 – 50%之間畫一些紅光。如下圖:

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

46、現(xiàn)在有個問題。我們必須隱藏右翼在箭體上面的部分,具體如圖。

所以去“翅膀”圖層組內(nèi)的“右翅”圖層,添加一個圖層蒙版。對,我們在形狀圖層加入幾個像素后就是一個矢量蒙版(即矢量形狀)。這是形狀圖層的一個好處。添加蒙版之后回到“箭體底”層然后按住ctrl點(diǎn)擊以載入選區(qū)。然后再回到“右翅”圖層,然后單擊新添加蒙版縮略圖來激活它。然后用黑色畫筆在指定范圍內(nèi)涂抹以隱藏右機(jī)翼的部分。

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

47、接下來按住ctrl單擊“翅膀”圖層組中的 “左翅”層載入選區(qū)。

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

48、點(diǎn)擊選擇-修改-收縮,選擇6個像素

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

49、然后在“陰影shadows”組創(chuàng)建一個新圖層,取名“火箭翼留下的陰影”, ”,并填充黑色(RGB0,0,0)保持選中。

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

50然后給該層添加一個圖層蒙版,以下圖為指導(dǎo),在規(guī)則范圍內(nèi)作畫。改變這層的不透明度為30%。

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

51、 下一步,我們將在機(jī)翼邊緣建立的一個亮點(diǎn)。首先,我們將在“亮點(diǎn)”圖層組中創(chuàng)建一個新的亮點(diǎn)層,命名為“火箭翼左端亮點(diǎn)”。創(chuàng)建白色亮點(diǎn)的形狀用鋼筆工具和柵格化。然后應(yīng)用高斯模糊(半徑為2)。

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

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

52、然后在這一層添加一個蒙版,調(diào)整像以前一樣。在最后降低該層的不透明度為50%。

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

53、 復(fù)制這個“火箭翼左端亮點(diǎn)”層和 “火箭機(jī)翼左側(cè)邊緣高光2”和“火箭機(jī)翼左側(cè)邊緣高光3”兩次。這兩個層的不透明度為50%和30%。如以下截圖,以供參考。我們的想法是要逐步建立由低到高光強(qiáng)的效果。

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

54、 讓我們在我們以前的左翼亮點(diǎn)頂部創(chuàng)建一個點(diǎn)亮點(diǎn)。創(chuàng)建一個名為“火箭機(jī)翼左側(cè)邊緣高光點(diǎn)”對“火箭機(jī)翼左側(cè)邊緣高光 3”圖層的上面新建一層。選取一小橢圓形軟白刷。還記得刷面板中,我們可以擠壓和旋轉(zhuǎn)畫筆筆尖形狀,這是我們以前那樣。點(diǎn)擊左側(cè)機(jī)翼一至兩次的上邊緣彎曲的中心。請檢查下面的截圖。在此之后降低該層的不透明度為70%。

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

55、 按照相同的流程,創(chuàng)造火箭中旬翼的亮點(diǎn)層。

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

56、 現(xiàn)在,用相同步驟創(chuàng)建一個火箭右翼亮點(diǎn)層。

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

57、在“箭體底亮點(diǎn)中”圖層之上創(chuàng)建一個名稱為“箭體底亮點(diǎn)中2”的圖層。按照下圖,并用同樣的筆刷采用之前的方法創(chuàng)建一個相同的亮點(diǎn),調(diào)整圖層的不透明度。

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

58、 在“陰影”組中的頂部創(chuàng)建一個新層,命名為“箭體底環(huán)陰影”。然后按住ctrl點(diǎn)擊“箭體底環(huán)”層以載入選區(qū);氐“箭體底環(huán)陰影”圖層選擇一個黑色軟刷并設(shè)置50%的不透明度。再涂抹逐步建立左翼和中翼部分下面的陰影。如下圖所示,以供參考。

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

59、 從“火箭發(fā)動機(jī)上部”層載入選區(qū)。然后在“亮點(diǎn)”組中創(chuàng)建一個名為“火箭發(fā)動機(jī)中旬亮點(diǎn)”的新圖層。使用相同的畫筆為基礎(chǔ)的技術(shù),并創(chuàng)建一個亮點(diǎn)出現(xiàn)。圖層的不透明度改為50%。

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

60、選擇“引擎中”圖層。在“陰影”組中創(chuàng)建一個新圖層,命名為“引擎棒”選擇2像素黑色軟刷,用50%的不透明度和畫一些水平線。再到這些線路的頂部上畫,同樣50%的不透明度。但此時不是所有的都是從上到下。您可以以另一種方式也做到這一點(diǎn)。首先油漆線,100%不透明度刷,然后淡化用軟橡皮擦從底部到頂部的筆觸。這些線路將成為一些脊的目的50%的不透明度。下面是截圖

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

61、 接下來,我們將在這個“發(fā)動機(jī)條”層添加一個外發(fā)光圖層樣式。雙擊“發(fā)動機(jī)條”圖層,打開圖層樣式窗口。查看下圖設(shè)置。

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

降低該層的不透明度為30%

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

62、 按住ctrl點(diǎn)擊并選擇“發(fā)動機(jī)中間層”。

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

但是,我們希望將“發(fā)動機(jī)中”圖層的可見部分內(nèi)作畫。因此,我們必須從這種主動的選擇里排除某些部分。您可以從選擇按Shift(添加)或ALT(減)加或減的地區(qū)。在這里,我們希望減小“發(fā)動機(jī)中”的活動選區(qū)。選擇圖層“發(fā)動機(jī)中”,然后選擇橢圓選框工具。再按Alt鍵并拖動選擇覆蓋的“發(fā)動機(jī)中”選區(qū)的上部。

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

然后ctrl+ Alt點(diǎn)擊“引擎左側(cè)”形狀圖層的蒙版縮覽圖。

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

接下來控制+ Alt點(diǎn)擊“引擎下”形狀圖層的蒙版縮覽圖。

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

接下來控制+ Alt點(diǎn)擊“翼中間”形狀圖層的蒙版縮覽圖。

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

所以才有“發(fā)動機(jī)中”的可見區(qū)域被選中,F(xiàn)在在“發(fā)動機(jī)條”圖層下面的“陰影”組中創(chuàng)建一個名為“火箭發(fā)動機(jī)亮點(diǎn)”的圖層。在中間區(qū)域用顏色為RGB(253,232,0)的筆刷進(jìn)行涂抹,在頂部和側(cè)邊緣以RGB (74,61,0)的顏色進(jìn)行涂抹。我們的目標(biāo)是創(chuàng)造一個明亮的中下部分和黑暗的邊?纯聪旅娴膱D 。

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

63、 現(xiàn)在是時候開始制作火箭的駕駛艙部分。好消息是,駕駛艙是最容易的部分。主要是我們將使用圖層樣式,然后一點(diǎn)點(diǎn)手動調(diào)節(jié)。我們將開始與“外環(huán)outer ring”層。雙擊“外環(huán)outer ring”圖層,打開圖層樣式。首先,是斜面和浮雕設(shè)置。

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

漸變疊加設(shè)置。單擊漸變欄右側(cè),打開漸變編輯器。

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

陰影設(shè)置。這樣就完成了外環(huán)。

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

64、 接下來是“玻璃”層。這里是斜面和浮雕設(shè)置。

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

斜面和浮雕等高線設(shè)置。點(diǎn)擊縮略圖除了輪廓文本打開輪廓拾取器,選擇線性。

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

內(nèi)陰影設(shè)置。

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

顏色疊加設(shè)置。

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

漸變疊加設(shè)置。這樣就完成了玻璃。

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

65、我們將在“駕駛艙”組中保留有關(guān)的駕駛艙圖層。所以,在“玻璃”圖層上新建一個名為“玻璃亮點(diǎn)左模糊”的形狀圖層。這將填充一個白色(RGB255,255,255)的月牙形狀。然后柵格化,應(yīng)用高斯模糊,并最終選擇一個柔軟的橡皮擦以50%的不透明度來擦除和混合某些部分。沒必要在這里創(chuàng)建蒙版,這里將不需要做任何編輯。除非你愿意,你可以創(chuàng)建亮點(diǎn)造型和低不透明度的軟白刷刷它。

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

66、在“玻璃亮點(diǎn)左模糊”層上面創(chuàng)建一個名為“玻璃亮點(diǎn)左軟白點(diǎn)”的圖層。選擇一個小半徑的柔軟的白色筆刷然后涂抹頂部的模糊形狀。降低圖層不透明度為80%。檢查屏幕截圖,以供參考。

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

67、 現(xiàn)在,在上一圖層的上面創(chuàng)建新圖層,名字為“玻璃左亮點(diǎn)”。改變你的畫筆大小比之前的軟白點(diǎn)大小。硬度應(yīng)為50 – 70%,而不是0%。然后,創(chuàng)建最亮的一個玻璃亮點(diǎn)。下面是截圖。

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

68、現(xiàn)在來看玻璃。

右側(cè)的外圈的內(nèi)部應(yīng)具有在右側(cè)的玻璃的反射。首先按住ctrl點(diǎn)擊“玻璃”圖層來選中,然后在“玻璃左亮點(diǎn)”的上面創(chuàng)建一個名叫“glass refl right”的圖層。然后按“D”鍵來切換前景色和背景色為默認(rèn)的黑色和白色。

現(xiàn)在按“X”來使白色作為你的前景色,填充選區(qū)與Alt +退格鍵。因此,我們現(xiàn)在有一個白色的圓圈。再次按住ctrl點(diǎn)擊“glass refl right”圖層以選擇。通過點(diǎn)擊和拖動任何一個角落手柄擴(kuò)大選擇。你也可以在拖動鼠標(biāo)的時候按住SHIFT和ALT來限制形狀。按Enter鍵應(yīng)用選擇,F(xiàn)在稍微按下左箭頭鍵來移動選區(qū)。使用移動工具(V),然后按del刪除左側(cè)。然后我們就完成了月牙的形狀。

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

應(yīng)用2個像素的高斯模糊然后降低該層的不透明度為20%。玻璃反射完成。

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

69、 下一步,我們將創(chuàng)建一系列的外圈螺釘。

在“glass reflex right”上方新建一個圖層。選擇橢圓選框工具(M),按住shift來拖動以完成一個標(biāo)準(zhǔn)的圓。然后用黑色填充,再按Ctrl+ D取消選擇。把圓圈放在外環(huán)的中間。然后復(fù)制此層并在外圈的下部同樣放置新圓圈。

然后按住Shift鍵單擊以選中螺旋層,再一起復(fù)制這兩層,F(xiàn)在,按Ctrl+ T,而這兩個復(fù)制的圖層仍處于選中狀態(tài)。然后右擊邊框盒子再旋轉(zhuǎn)。在旋轉(zhuǎn)的同時按住SHIFT可以逐漸地旋轉(zhuǎn)45度,F(xiàn)在我們有四個螺絲層。全部選中,然后復(fù)制。四個新復(fù)制的圖層仍處于選中狀態(tài),通過旋轉(zhuǎn)移位旋轉(zhuǎn)45度。然后我們就擁有了一個完美的圓螺絲。

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

選擇并合并所有層,并重新命名合并后的圖層為“outer ring screws”

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

70、右鍵點(diǎn)擊“外圈螺釘”圖層,打開圖層樣式窗口。應(yīng)用下面的陰影設(shè)置:

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

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

71、 雙擊背景圖層,并在接下來的新圖層窗口中鍵入“BG GRD”。

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

然后應(yīng)用漸變疊加設(shè)置。

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

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

72、 改變你的前景色和背景色分別為RGB(122,28,31)和RGB(25,0,25)。然后在“BG GRD”層上面新建一個圖層。濾鏡>渲染>云彩,然后按Ctrl+ F來重新試幾次。云彩濾鏡產(chǎn)生隨機(jī)的云的模式。當(dāng)你喜歡一個特定的模式時停止。

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

然后改變這一層為顏色減淡的圖層混合模式。改變圖層不透明度為70%。

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

73.通過按住ctrl點(diǎn)擊“火箭中部”圖層,然后會在“亮點(diǎn)s”組中創(chuàng)建一個新層,取名為“火箭中部高光”。 選擇一個不透明度較低的柔軟的白色筆刷。然后創(chuàng)建三個微妙的亮點(diǎn)如下面的截圖。更改圖層不透明度為70%

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

74、 現(xiàn)在,我們將創(chuàng)建引擎爐。我們將用筆刷創(chuàng)建引擎爐,選擇一個大的黃色軟刷,然后在畫筆選項(F5)中降低畫筆的圓度值,使他看起來更加像橢圓。單擊一次創(chuàng)建一個大的橢圓形。然后編輯>變換>扭曲或按直接Ctrl+ T,然后單擊經(jīng)從選項欄之上。如圖所示:

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

展開“火箭發(fā)動機(jī)”組,并在“發(fā)動機(jī)中間層d”下面創(chuàng)建一個名為“發(fā)動機(jī)黃”的新圖層。刷子的圓度降低后的寬度應(yīng)與“發(fā)動機(jī)底”層形狀的下部的寬度相當(dāng)。點(diǎn)擊“引擎爐黃”層來創(chuàng)建引擎高爐。更多或更少的半刷子應(yīng)該隱藏下面的發(fā)動機(jī)部件。

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

75、 在“引擎高黃”的上一層創(chuàng)建一個名為“引擎爐白”的圖層。改變刷子顏色為白色,并按下“]”鍵減小尺寸。然后點(diǎn)擊,在之前黃色形狀上面創(chuàng)建一個白色的橢圓形。使用扭曲模式以拉伸黃色形狀下部的白色刷子。

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

76、 現(xiàn)在讓我們來創(chuàng)建引擎的光芒。在“高光”組中創(chuàng)建一個新圖層名為“火箭發(fā)動機(jī)煥發(fā)中旬”。選擇筆刷,顏色為淺黃色,設(shè)置不透明度為30%。當(dāng)您使用刷子,如果您按下ALT鍵,然后畫筆工具會暫時變成吸管工具。在此模式下,您還可以給發(fā)動機(jī)發(fā)射時選擇鮮艷的顏色;旧夏阋盟⒆佣帱c(diǎn)擊火焰區(qū)域的右上方,遠(yuǎn)離火焰區(qū)域的地方少點(diǎn)擊幾次。以下是圖片,以供參考

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

77、現(xiàn)在要在“火箭發(fā)動機(jī)發(fā)光中旬”上面創(chuàng)建三個圖層,“火箭翼左發(fā)光”,“火箭翼中發(fā)光”和“火箭翼右發(fā)光” 。用完成 “火箭發(fā)動機(jī)發(fā)光中旬”層的方法完成它們。只要記住三個翅膀的發(fā)光量會比“火箭發(fā)動機(jī)發(fā)光中旬”少一點(diǎn)。請看檢查下面的圖。

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

78、 我們需要調(diào)整一下 “火箭鼻高亮正面朝上” 的不透明度,F(xiàn)在被黑暗背景包圍了,看起來有感覺很暗。那么降低該層的不透明度為15%。我只是想告訴你,環(huán)境不同看起來也會不同。

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

79、 讓我們檢查發(fā)動機(jī)的下部。在火焰區(qū)域,如果你仔細(xì)檢查“引擎左邊的”你可能會覺得有點(diǎn)扁平。雖然是明亮的光,但我們?nèi)匀恍枰谶@里加一點(diǎn)影子。因此,按住ctrl單擊以選中“引擎左側(cè)”圖層,然后在“陰影”組的上面創(chuàng)建名為“火箭發(fā)動機(jī)左側(cè)的影子”的新圖層。選擇一個黑色小軟刷,30%的不透明度,然后再接近箭體底的地方畫一些陰影。

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

80、 我們現(xiàn)在必須創(chuàng)建在箭體頂部的螺絲。但在這里,我們將首先創(chuàng)建了“箭體螺栓”圖層組,然后在其中創(chuàng)建圖層。因此,在“火箭駕駛艙”組下面創(chuàng)建新的“箭體螺栓”組。然后“箭體螺栓”組會被選中,按Ctrl+ Shift鍵+ N新建一個圖層。在新圖層窗口中改名鍵入“螺釘1”。用橢圓選框工具創(chuàng)建一個箭體頂部形狀的下邊緣的中間部分上的小圓圈。填充紅色。

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

81、 我們將創(chuàng)建兩個圖層樣式:內(nèi)陰影和下拉陰影的螺釘。下面是內(nèi)陰影設(shè)置。

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

下拉陰影設(shè)置

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

82、 現(xiàn)在復(fù)制這個“螺釘1”層多次,并安排如下面的截圖。我們將創(chuàng)建兩個系列的螺栓:一個上,一個下。

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

83、在 “亮點(diǎn)”組中創(chuàng)建一個新的圖層,名字為“箭體螺釘亮點(diǎn)” 然后調(diào)整軟筆刷使之配套螺栓尺寸,并選擇白色作為畫筆的顏色。然后點(diǎn)擊每個螺栓的頂部創(chuàng)建亮點(diǎn)。

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

然后降低圖層不透明度為40%。

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

84、以下是所有圖層的順序

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)友求助,請回答!