ai怎么設(shè)計(jì)簡(jiǎn)約風(fēng)格的扁平化圖標(biāo)?

發(fā)布時(shí)間：2017-06-26 08:53:47 作者：米夏小雨

ai怎么設(shè)計(jì)簡(jiǎn)約風(fēng)格的扁平化圖標(biāo)？日常生活中我們經(jīng)常能看到圖標(biāo)，但是如果自己想要設(shè)計(jì)一款圖標(biāo)該怎么設(shè)計(jì)呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下

本次給大家?guī)?lái)時(shí)尚圖標(biāo)的譯文教程，也歡迎大家關(guān)注我的新浪微博：米夏小雨。來(lái)咱們尬聊吧。今天的教程篇幅可能會(huì)有點(diǎn)過(guò)長(zhǎng)，所以大家要有準(zhǔn)備哦，不過(guò)我已經(jīng)處理了一些不必要的廢話。教程開(kāi)始前我們應(yīng)該先設(shè)置一下我們的AI。先看看效果圖。

Adobe Illustrator CC(AI) 2016特別版 64位簡(jiǎn)體中文完整版

類型：圖像處理
大?。?/span>1.67GB
語(yǔ)言：簡(jiǎn)體中文
時(shí)間：2016-04-11

查看詳情

首先我們新建畫(huà)布的時(shí)候設(shè)置如下：

畫(huà)板數(shù)量：1

寬度：800px

高度：600px

單位：像素

顏色模式：RGB

分辨率：72

畫(huà)布大小自己覺(jué)得也可以，但是顏色模式和單位不要錯(cuò)了哦!

其次我們?cè)谑走x項(xiàng)里面把參考線和網(wǎng)格里的網(wǎng)格線間隔設(shè)置為1px

*為了好區(qū)分每個(gè)圖標(biāo)的圖層，我們可以先創(chuàng)建好應(yīng)有的圖層并取好名。(看個(gè)人啦這步可以不要)

好了，開(kāi)始砸門今天的射擊之路吧!

一、我們先創(chuàng)建參考網(wǎng)格

在我們的例子中，我要讓創(chuàng)建的圖標(biāo)是一樣的大小，所以我們就要?jiǎng)?chuàng)建一些參考網(wǎng)格。

步驟1、創(chuàng)建一個(gè)128x128像素的的橙色矩形，然后我們?cè)?strong>創(chuàng)建一個(gè)120x120像素的矩形只要描邊。然后將兩者中心點(diǎn)對(duì)齊。此時(shí)就會(huì)有4px的寬度，然后我們用路徑查找器里面的分割切掉(其實(shí)我們可以直接用128px的矩形給他4px的描邊效果是一樣的)