圖標(biāo)的設(shè)計，它的主色調(diào)是玫紅色，另外又用到了粉紅和橘紅，這樣的色調(diào)搭配很受女性歡迎，因此在UI設(shè)計時一定要注意，根據(jù)受眾確定合適的色彩。下面小編就為大家介紹AI繪制ios美圖秀秀app圖標(biāo)方法，希望能對大家有所幫助，謝謝閱讀!

圖標(biāo)的設(shè)計不是任意而為之的，還有一個不能改變的限制條件，就是尺寸。所以APP的圖標(biāo)設(shè)計都有固定的設(shè)計規(guī)范，不同的手機系統(tǒng)，規(guī)范也不同。ios系統(tǒng)分為視網(wǎng)膜屏和普通屏，但在平時的界面設(shè)計中，只需要設(shè)計視網(wǎng)膜屏的尺寸就可以了，也就是普通屏幕512x512px的兩倍大小。

下面以ios為例，講解圖標(biāo)的設(shè)計。雖然毀圖秀秀的圖標(biāo)設(shè)計看起來不是特別復(fù)雜，但是想要制作出最終精美的效果，還是需要設(shè)計師細(xì)心操作的。

第一步，繪制正方形首先打開IOS的線框，直接在它的上面進(jìn)行繪制，先畫一個矩形，把寬和高都設(shè)置為1024px

第二步，制作放射狀光芒對上圖的矩形進(jìn)行一個漸變的填充，這個時候我們不需要描邊，在漸變滑塊那雙擊0%的位置，選擇RGB的顏色模式，對它的顏色進(jìn)行一個更改，把0%的地方更改為第一個色塊的顏色，把100%的地方更改為第二個色塊的顏色，角度改為-90度

扁平化涉設(shè)計中，它是弱化了高光和陰影的，所以它的整體色調(diào)和它所表現(xiàn)的立體效果應(yīng)該是比較柔和的，但是，在剛剛設(shè)置的漸變中，它的對比度相對來說有些強烈，要解決問題，就需要用到工具欄里的漸變工具，使用漸變條進(jìn)行拉伸和修改，讓它的顏色對比變得更為柔和。

接下來繪制光芒，首先拆分一下這個光芒，其實它是由類似小梯形的圖形構(gòu)成。

為了方便后面的操作，首先將這個矩形放到線框里操作

調(diào)整一下他們的圖層順序，將他們都進(jìn)行鎖定

選擇矩形工具在畫板上點擊一下設(shè)置它的尺寸

用直接選擇工具框選出描點

在工具欄找到比例縮放工具將選擇的描點往里收一下

這樣我們就得到了最終需要的圖形了

設(shè)置它的透明度，為了讓圖形和底色融合得更好，這個時候需要采用混合模式中的"疊加"模式.這樣就可以提高基色的飽和度以及對比度

現(xiàn)在我們要讓這個圖形以我們的矩形中心點，開始旋轉(zhuǎn)并且復(fù)制。選中工具欄里里面的旋轉(zhuǎn)工具，然后按住鍵盤上的Alt鍵，記住，這個時候千萬不要松手，找到我們的旋轉(zhuǎn)中心點，點擊一下

設(shè)置旋轉(zhuǎn)角度，點擊復(fù)制

多次按Ctrl+D，也就是關(guān)聯(lián)復(fù)制的命令

這樣就可以得到明顯的放射性的感覺了我們還需要把這個小光芒多余的部分減掉，先繪制一個與圖案紅色部分同等大小的正方形。

選擇要減掉的地方

最新評論