如果您喜歡『PS學習網』,請推薦給您身邊的朋友!本站永久域名:新疆十一选五遗漏 www.lbsum.com

新疆十一选五前二直选数线:設計扁平化風格天氣圖標的PS實例教程

當前位置 : 新疆十一选五遗漏 > 實例教程 > 正文來源:網絡作者:網絡時間:2019-04-20人氣:

新疆十一选五遗漏 www.lbsum.com 六月天變化莫測,今天帶同學們來擼一發天氣圖標,包括彩虹、太陽、陰雨天和雨傘圖標,教程不難,不過繪制的時候用了很多小技巧,比如繪制太陽的Ctrl+Shift+Alt+T,全是實用又酷炫的,新手拿來臨摹再好不過。

最終效果:

設計扁平化風格天氣圖標的PS實例教程

讓我們開始學習吧!

1. 做一個彩虹圖標

第一步

我們開始畫彩虹的最外層紅色條紋。

用橢圓工具(快捷鍵U)畫一個450 x 450 px的圓,打開屬性面板(窗口>屬性)在屬性面板中,我們可以改變圓的大小、位置、顏色等等一些其他的設置。

把圓的描邊設置為3 pt,不填充顏色,然后我們調整下描邊的顏色。 單擊描邊顏色圖標,開打顏色樣本選擇窗口,你可以在樣本中選擇一個顏色也可以點擊右上角的那個拾色器按鈕,打開純色面板,這樣你可以更精確的選擇顏色。

設計扁平化風格天氣圖標的PS實例教程

第二步

添加另一個彩虹內環。 在圖層面板中選擇紅色圓形圖層,按住Control+J (command+J)復制本圖層。 按住Control+T(command+T)把圓變的小一些,使它可以嵌套在紅色圓形的內部,在屬性面板中把描邊的顏色變為橘黃。

設計扁平化風格天氣圖標的PS實例教程

第三步

再一次拷貝圖層(Control+J or conmand+J)添加第三個更小一些的圓,把描邊的顏色改成黃色。

設計扁平化風格天氣圖標的PS實例教程

第四步

繼續添加其他的圓,賦予他們彩虹的其他幾個顏色。 你可以加7種顏色或者更少,因為我們不需要做的非常擬物化也不需要太多了的細節,因為我的要畫的圖標是很小的。 即使你只畫了三四個不同顏色的圓環,它看上去還是像彩虹。

當你調整到滿意的程度后,用移動工具(V)選擇所有的圓環把他們編為一組(Control+G) 前往圖層面板,按住Control+J復制這一組或者拖拽組到到版面地步的創建新圖層按鈕上,這樣做也會對本組進行復制。 這樣我們就做好的一個備份,萬一我們在繪制過程中再想給彩虹添加點細節就可以用它啦。

在圖層面板選擇第一組,右鍵合并組,這樣所有圓環都合并到一個柵格化的圖層中。

設計扁平化風格天氣圖標的PS實例教程

 

第五步

現在我們用矩形選框工具(M),框選彩虹圓環的下面一半后刪除。

設計扁平化風格天氣圖標的PS實例教程

第六步

讓我們在彩虹的兩端弄兩朵云。 使用橢圓工具(U)在彩虹的左下角畫一個藍色的小圓。 再添加幾個的不同尺寸小圓。 按住(Control+G)把組成云彩的各個元素放到一組,并(Control+J)復制一組云。 放復制后的云朵放在彩虹的另一側。

設計扁平化風格天氣圖標的PS實例教程

第七步

如果你還想加點什么點綴,可以用之前的備份圖層隨便調整到你自己喜歡為止。 我自己也決定減少彩虹的顏色,每條色帶弄厚一點。

設計扁平化風格天氣圖標的PS實例教程

第八步

現在我們創建圖標的基礎圖層。 我們用橢圓工具(U)畫一個545 x 545 px 的圓。 在屬性面板上設置填充色為草綠色,不加描邊。

設計扁平化風格天氣圖標的PS實例教程

第九步

給我們的圖標添加一個長陰影效果。 用矩形(U)工具畫一個 350 x 350 px的綠色正方形,使用移動工具(V)將它選擇45度。 前往圖層面板,在混合模式中選擇正片疊底,讓正方形顏色更深一些。 如果看起來顏色太深,我們就降低點它的透明度

設計扁平化風格天氣圖標的PS實例教程

第十步

調整矩形大小和位置,使它像下面的截圖一樣放在彩虹兩端。 在圖層面板拖拽正方形圖層到彩虹圖層的下方,也可以多按幾次快捷鍵Control+[

設計扁平化風格天氣圖標的PS實例教程

 

第十一步

現在我們需要把露在圓外面的正方形剪掉。 用移動工具選中圓形圖層后切換到鋼筆工具(P),在圓上單擊鼠標右鍵,選擇建立選區。 關閉建立選區的窗口,保持默認的設置就好。在選擇菜單中選擇反向。(選擇>反向)

現在我們回到圖層面板找到陰影圖層,刪除鍵刪除圓外那些我們不需要的部分。(應該把陰影圖層柵格化,原文沒有寫,包括下文用橡皮擦出也是柵格化之后才可以的)

設計扁平化風格天氣圖標的PS實例教程

回頂部