天氣圖標,設計扁平化風格的天氣主題圖標
這套天氣圖標包括彩虹、太陽、雨天和雨傘幾個圖標,而且篇平化的圖標設計起來沒什么難度,教程運用了很多實用小技巧來制作,大家一起來學習。這篇翻譯教程用的是CC2015版本的軟件,其他版本一樣制作即可。
最終效果:
讓我們開始學習吧!
1. 做一個彩虹圖標第一步
我們開始畫彩虹的最外層紅色條紋。
用橢圓工具(快捷鍵U)畫一個450 x 450 px的圓,打開屬性面板(窗口>屬性)在屬性面板中,我們可以改變圓的大小、位置、顏色等等一些其他的設置。
把圓的描邊設置為3 pt,不填充顏色,然后我們調整下描邊的顏色。 單擊描邊顏色圖標,開打顏色樣本選擇窗口,你可以在樣本中選擇一個顏色也可以點擊右上角的那個拾色器按鈕,打開純色面板,這樣你可以更精確的選擇顏色。
第二步
添加另一個彩虹內環(huán)。 在圖層面板中選擇紅色圓形圖層,按住Control+J (command+J)復制本圖層。 按住Control+T(command+T)把圓變的小一些,使它可以嵌套在紅色圓形的內部,在屬性面板中把描邊的顏色變?yōu)殚冱S。
第三步
再一次拷貝圖層(Control+J or conmand+J)添加第三個更小一些的圓,把描邊的顏色改成黃色。
第四步
繼續(xù)添加其他的圓,賦予他們彩虹的其他幾個顏色。 你可以加7種顏色或者更少,因為我們不需要做的非常擬物化也不需要太多了的細節(jié),因為我的要畫的圖標是很小的。 即使你只畫了三四個不同顏色的圓環(huán),它看上去還是像彩虹。
當你調整到滿意的程度后,用移動工具(V)選擇所有的圓環(huán)把他們編為一組(Control+G) 前往圖層面板,按住Control+J復制這一組或者拖拽組到到版面地步的創(chuàng)建新圖層按鈕上,這樣做也會對本組進行復制。 這樣我們就做好的一個備份,萬一我們在繪制過程中再想給彩虹添加點細節(jié)就可以用它啦。
在圖層面板選擇第一組,右鍵合并組,這樣所有圓環(huán)都合并到一個柵格化的圖層中。
第五步
現在我們用矩形選框工具(M),框選彩虹圓環(huán)的下面一半后刪除。
上一篇:UI圖標,臨摹一個指針主題圖標
下一篇:網頁設計的分割布局秘密