AI教程/清新簡約的圖標
圖/文 六層樓那麼高
註:PS用的6的,照樣走起!
1.新建文檔(Ctrl+N),大小隨意,這裡是700*700px,RGB,解析度72,新建對象與像素網格對齊不勾選。
下面設置網格線,網格線在AI中是個對於初級和老手都很有用的東西,對於需要注意大小和比例等這些地方方便很多,還省去添加輔助線的麻煩。
編輯>首選項>參考線和網格,設置如下。網格大小根據具體設計要求設置。
視圖>顯示網格,對齊到網格。這些都設置好會大大簡化工作。
設計之前先定好一個大致規範,這方面是個初學者,不會,自己琢磨的,有經驗的可以留言教教哈。
這是一個大概的預設圖。圓半徑為80整個圓正好佔用五個32px網格。圖形總元素基本尺寸(單位:px),矩形橢圓寬:20,40,70. 長:60,80. 描邊大小:2,4,6 圓角:2,4,6
所有圖形尺寸都是基於以下圖形的框架。
2. 該設置的設置好了,下面就開始第一個圖標吧。
吶,第一個小圖標一開始都是由矩形和線條組成的。具體擺放還有比例問題自己調節。簡單說下做這個圖標用到的關鍵步驟。
首先用到的工具快捷鍵的切換:選擇工具(V),直接選擇工具(A),矩形工具(M),橢圓工具(L),Xtream path圓角矩形工具,RoundAnyCorner(之前的微盤有下載)
A:矩形,圓形對齊
關於對齊的問題:在對齊面板的右上角可以選擇顯示選項,就會出現如圖所示的選項,對齊所選對象,對齊關鍵對象,對齊畫板。若要使幾個對象的間隔指定數值,可使用分格間距功能。
tips:當要將兩個物體對齊,希望以其中一個對象為基準對齊擇兩個對象一起選中,再次左擊選擇基準對象,對齊,就可以了。
B:製作圓角
Xtream path這個插件中最常用的也就直邊轉半圓角和圓角工具。使用很簡單,就不介紹了。( 百度一下,很容下載到的O(∩_∩)O~!)
而對於圖中所示的錨點,一邊直角一邊曲線的就有點難搞。用AI自身的圓角功能和Xtreampath都不是很好實現,起碼我沒有發現什麼完美的方法。這裡有另外一個工具RoundAnyCorner(下載地址:http://pan.baidu.com/s/1boQH6Wn)(屌絲的外表,功能強大~),可以對任意角度曲線化~真棒~
選擇其他腳本彈出窗,找到RoundAnyCorner的位置打開即可 (Ctrl+F12)
簡單的輸入數值就可以了。
對於直線轉圓角,直接在外觀面板>描邊,點擊描邊選項,彈出框點選擇圓角端點就OK。
問題:但是,當我們把做的icon縮小時,就會出現以上左邊icon的樣子,描邊設置的大小沒有隨著縮放而自動縮放。
解決:
方法1
擴展直線段對象或者
方法2
在編輯>首選項>常規,縮放描邊和效果選項勾選。
3. 第二和第三個icon注意事項個方法不再重複,都是上面介紹過的用法。下面講第四個圖標。
上圖為weak圖標初始組成對比。下面分解講。有用到相同方法的地方就不羅嗦了。
頂部直線變半圓,下部矩形框底部的兩個錨點各向中心點移動八像素。
選中對象在路徑查找器面板選擇聯合
選中底部需要變圓角的四個直角點,使用RoundAnyCorner工具製作2像素的圓角。
下面用瓶子的輪廓製作瓶子的液體。選中對象,對象>路徑>偏移路徑(此功能是複製一份原對象再偏移路徑,也就是說會有新的路勁出來)設置-4px的偏移
偏移路徑之後原來的圓角會變成直角,需要重新選擇變成圓角。
刪除半圓頂部的錨點變成直線變。下移10像素。
製作液體的波浪。使用一個10像素的橢圓如圖所示放置,並且路徑查找器下合并路徑。
再畫一個10像素的橢圓,選擇路徑查找器面板減去前面。
微調路徑。
下面說畫水滴的方法。
將橢圓頂點的錨點換成直角
選中頂部錨點,上移把像素如圖所示。
調整頂部錨點手柄變圓滑。再嘗試挑中中部左右錨點手柄的上部是過度自然。其餘部分都是之前用到的技巧不用再啰嗦了。祝你學習愉快,我們下次見!
※用腦洞深深的吸引你!
※笑中有料!幽默讓你的廣告更成功
※商業海報設計的表現形式!
※高檔名片模板第15季,最後一天!
※視覺創意必備的元素!圖與形
TAG:設計智造 |
※簡約清新的手繪圖
※AE教程:簡約可愛的幾何GIF
※【壁紙】清新?簡約
※【壁紙】簡約小清新
※清新簡約紋身(一)
※Photoshop繪製簡約風格的解密遊戲APP圖標
※設計師暢想全新 Apple Music:UI 更簡約、音樂歷史數據、群組列表
※Photoshop設計漸變風格的簡約海報教程
※《OVIVO》:一場美麗、簡約的旅程
※【窩趣美甲視頻教程】夏日清爽 簡約格紋
※簡約不簡單 努比亞Z18mini黑色簡約圖賞
※歐式簡約——浪漫優雅,簡約清新
※Photoshop製作簡約風格的太極圖標
※PS製作簡約2.5D立體效果風格城堡教程
※簡約 ? 新中式
※簡約?新中式
※PS教程:教你如何用photoshop繪製簡約可愛的粉紅色海豚
※簡約 · 新中式
※微軟近5年來首次更新Office圖標:設計感強 風格簡約
※簡約新娘髮型