ai怎么設計簡約風格的扁平化圖標?

本次給大家?guī)頃r尚圖標的譯文教程,也歡迎大家關注我的新浪微博:米夏小雨。來咱們尬聊吧。今天的教程篇幅可能會有點過長,所以大家要有準備哦,不過我已經處理了一些不必要的廢話。教程開始前我們應該先設置一下我們的AI。先看看效果圖。
首先我們新建畫布的時候設置如下:
畫板數量:1
寬度:800px
高度:600px
單位:像素
顏色模式:RGB
分辨率:72
畫布大小自己覺得也可以,但是顏色模式和單位不要錯了哦!
其次我們在首選項里面把參考線和網格里的網格線間隔設置為1px
*為了好區(qū)分每個圖標的圖層,我們可以先創(chuàng)建好應有的圖層并取好名。(看個人啦這步可以不要)
好了,開始砸門今天的射擊之路吧!
一、我們先創(chuàng)建參考網格
在我們的例子中,我要讓創(chuàng)建的圖標是一樣的大小,所以我們就要創(chuàng)建一些參考網格。
步驟1、創(chuàng)建一個128x128像素的的橙色矩形,然后我們在創(chuàng)建一個120x120像素的矩形只要描邊。然后將兩者中心點對齊。此時就會有4px的寬度,然后我們用路徑查找器里面的分割切掉(其實我們可以直接用128px的矩形給他4px的描邊效果是一樣的)
步驟2、把剛才做好的矩形復制出需要的個數,讓他們每個距離是40px(這個距離可以不用糾結)然后我們全部選擇到按Ctrl+2鎖定他們
二、開始繪制我們的眼鏡圖標
步驟1、我們繪制一個大小為44x44的橢圓,然后使用#6fd8c4填充。
步驟2、把橢圓復制一份,給2px的描邊,顏色為#3d2f2c。然后在描邊對齊里面選擇居中對齊(默認內側對齊)然后把描邊大小改為4px。
步驟3、用鋼筆工具畫一塊,此處我無法描述請看下圖,反正你拖動到自己滿意就好。
步驟4、我們將多的那一塊移動到底層(選擇他右擊就會出現哈)
步驟5、接著我們來創(chuàng)建眼鏡的重要部分,畫一個8x16像素的矩形(#3D2F2c)我們將他放到橢圓高度一半的位置,然后對齊邊緣。
步驟6、此時,我們將這個矩形的角做圓處理,在他的屬性面板里面設置4px的圓角。(新版ai的小伙伴直接選擇一點拖就好)
相關文章
- ai怎么設計一組扁平化風格的城堡圖標?ai中想要設計小城堡樣式的圖標,該怎么設計呢?下面我們就來看看詳細的教程,很簡單,需要的朋友可以參考下2017-06-22
- AI怎么設計一套愛護牙齒的圖標?我們知道牙齒對于我們來說很重要,想要設計一組保護牙齒的圖標,比如牙刷牙膏,漱口水等等與牙相關的圖標,該怎么設計呢?下面我們就來看看2017-06-19
- 這篇教程教腳本之家的各位Illustrator教程學習者使用AI制作一枚嘀嘀嘀的心率檢測儀圖標的方法,教程比較簡單,適合新手練習,通過本練習,可以熟悉AI軟件的基礎功能和基本2017-06-16
- AI怎么繪制一款漂亮的相機?ai中想要繪制一款漂亮的相機圖標,該怎么設計呢?下面我們就來看看詳細的繪制方法,很簡單,需要的朋友可以參考下2017-06-08
- AI怎么設計MBE風格鯨魚插畫圖標?ai想要設計一個MBE風格鯨魚插畫,該怎么繪制成一個漂亮的表面效果呢?下面我們就來啊看看你詳細的教程,需要的朋友可以參考下2017-06-05
- ai怎么設計可愛的夏日海灘小插畫圖標?ai中想要設計一組海灘小圖標,該怎么設計呢?下面,下面我們就來看看詳細的設計教程,很簡單,需要的朋友可以參考下2017-06-04
- 本教程教腳本之家的Illustrator教程學習者們使用AI繪制立體感十足的計算器APP圖標的方法,教程有點長,感興趣的朋友一起去試試吧2017-06-03
- Ai怎么繪制一個優(yōu)酷圖標?ai中想要設計一個優(yōu)酷視頻的圖標,該怎么設計呢?下面我們就來看看使用ai設計的教程,很簡單,需要的朋友可以參考下2017-05-31
AI基礎教程:教你制作炫酷的畢業(yè)主題徽章、書本、學士帽和電腦圖標
今天腳本之家小編給大家分享的是AI基礎教程:教你制作炫酷的畢業(yè)主題徽章、書本、學士帽和電腦圖標,教程非常詳細,感興趣的朋友可以一起動手試試2017-05-19- 本教程教你使用AI繪制四個清新風格的夏日主題圖標,教程非常的詳細,打造的效果也非常可愛清新,想要學習更多AI基礎教程的朋友,可以進來看看2017-05-18