當前位置:首頁>ps實例教程>ps網(wǎng)頁設計>UI設計教程>教程內(nèi)容

ps cs6設計火箭UI圖標(2)

來源:優(yōu)設網(wǎng) 作者:_Wangyijie_ 學習:6455人次

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

ps cs6設計火箭UI圖標

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

ps cs6設計火箭UI圖標

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

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

ps cs6設計火箭UI圖標

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

ps cs6設計火箭UI圖標

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

ps cs6設計火箭UI圖標

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

ps cs6設計火箭UI圖標

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

ps cs6設計火箭UI圖標

學習 · 提示

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

關注大神微博加入>>

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