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

天氣圖標,設計扁平化風格的天氣主題圖標(3)

來源:tutsplus 作者:不詳 學習:18700人次

第十二步

現(xiàn)在我們用橡皮工具(E)擦掉圖標上沒有用的陰影。

把圖標的底色和陰影的顏色都調(diào)的淺一點。 我們的扁平化彩虹圖標這就做好了! 下面我們移步下一個圖標。

www.theoat.com.cn_0324056060-12.jpg
2. 畫一個暖春的太陽圖標

第一步

這一次我們要做一個太陽的圖標。 畫一個 260 x 260 px黃色的圓作為太陽的主體。

www.theoat.com.cn_03240543A-13.jpg

第二步

現(xiàn)在我們加一些散射的陽光。 切換到多邊形工具(U),在控制面板頂部將多邊形邊數(shù)設置為3條 將橙色的三角形放置到太陽的頂部。 同時選擇圓形和三角形,在控制面板頂部選擇水平居中對其,確保兩個形狀完美居中對齊。

我們用參考線來標注下太陽的正中心。按住Control+R(command+R)調(diào)出標尺工具,下拉水平參考線到畫板上。 同樣的方法來拉垂直的參考線,讓他們相交。

現(xiàn)在讓我們來給太陽加更多的光束。

選中三角形按住Alt+Control+T(Alt+Command+T)自由變換 在三角形的中心找到它的軸心點,把軸心點拖拽到黃色太陽的中心。(參考線焦點) 你會在圖層面板看到三角形圖層已經(jīng)被自動復制了一個(如果不是通過按Alt-Control-T來自由變換,圖層是不會被自動復制的)。 按住Shift不放將三角形旋轉45度后回車確定。

現(xiàn)在按下Shift+Control+Alt+T(Shift+Command+Alt+T)再復制6個圖層環(huán)繞著太陽。

太棒了! 太陽光已經(jīng)完成。

www.theoat.com.cn_0324052G6-14.jpg

第三步

我們不使用參考線了,在視圖>清除參考線來關閉它們。

www.theoat.com.cn_0324054261-15.jpg

第四步

拷貝上個圖標的背景圖層并填充成天藍色。 在太陽下方加一個半透明的陰影。

www.theoat.com.cn_032405I55-16.jpg

第五步

用橡皮擦擦掉黃色太陽周圍的陰影(原文又沒有說要柵格化啊,要柵格化了才能用橡皮擦擦掉啊。)。 我們可以利用橢圓形工具(M)建立選區(qū) 選擇> 變換選區(qū)修改選區(qū),使選區(qū)囊括太陽與陽光之間的空襲。

確定后,到圖層面板選擇陰影圖層。 刪除太陽周圍這部分的陰影

www.theoat.com.cn_0324054547-17.jpg

完成了! 我們的太陽圖標做好了! 我們來進行下一步。

www.theoat.com.cn_0324054454-18.jpg

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
牛奶。2016-07-18 07:33
請問下怎么把它里面加像磨砂一樣的物質。
牛奶。2016-07-18 07:33
請問下怎么把它里面加像磨砂一樣的物質。
小美2016-06-17 02:06

關注大神微博加入>>

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