創(chuàng)建一組精美的冬季圣誕圖標

創(chuàng)建新文檔

如我們創(chuàng)建所有新項目那樣掖鱼,首先創(chuàng)建一個新文檔(文件>新建或控制+ N),并進行以下設(shè)置:

畫板數(shù)量: 1

寬度:?800像素

高度:?600像素

單位:像素

進入“高級”選項卡:

色彩模式:?RGB

柵格效果:屏幕(72 ppi)

(本教程由尋圖標https://icon.52112.com提供)

設(shè)置圖層

創(chuàng)建新作品的時候要養(yǎng)成分層的習(xí)慣衅斩,方便我們進行后面的操作安吁。所以首先我們要打開圖層面板,創(chuàng)建四個圖層,命名:

第1層>reference grids參考網(wǎng)格

第2層>present box禮品盒

第3層>snow globe雪花玻璃球

第4層>cookie treat曲奇餅干

(本教程由尋圖標https://icon.52112.com提供)

創(chuàng)建參考網(wǎng)格

創(chuàng)建好圖層以后我們就可以創(chuàng)建我們需要的第一個參考網(wǎng)格圖層了淆两。

步驟1

使用矩形工具(M)創(chuàng)建一個128x128像素的正方形,使用#F15A24進行著色拂酣,然后使用“對齊”面板的“水平”和“垂直對齊中心”選項將其定位到畫板的中心秋冰。

(本教程由尋圖標https://icon.52112.com提供)

第2步

創(chuàng)建另一個較小的120x120像素正方形,將它作為有效的繪圖區(qū)域婶熬,使用白色(#FFFFFF)對形狀進行著色剑勾,然后將正方形(Control+ G)分組創(chuàng)建兩個副本,一個在左側(cè)尸诽,另一個在右側(cè)甥材,與最初創(chuàng)建的正方形距離40像素。

(本教程由尋圖標https://icon.52112.com提供)

創(chuàng)建禮品盒

移動到第二層(即禮品盒)性含,讓我們放大視圖開始創(chuàng)建第一個圖標

步驟1

使用矩形工具(M)創(chuàng)建80x62像素形狀創(chuàng)建盒子的主體洲赵,使用#D46244進行著色,然后將其中心對齊到底層商蕴,留出4像素的距離叠萍。

(本教程由尋圖標https://icon.52112.com提供)

第2步

創(chuàng)建一個矩形副本(Control + C> Control + F)給剛剛創(chuàng)建的圖形添加輪廓,將其顏色更改為#472C2C绪商,然后填充(Shift + X)邊緣苛谷,設(shè)置為8像素。

完成后格郁,選擇兩個形狀并使用Control + G鍵盤快捷鍵將它們組合在一起腹殿。

(本教程由尋圖標https://icon.52112.com提供)

第3步

創(chuàng)建20x62 px矩形作為包裝用的絲帶,使用#2E8F4A進行著色例书,然后使用“對齊”面板中的“水平對齊中心”和“垂直對齊中心”選項將其對齊到底層锣尉。

(本教程由尋圖標https://icon.52112.com提供)

第4步

使用描邊工具,給我們剛剛創(chuàng)建了一個寬8 px的輪廓(#472C2C)决采,之后將兩者組合在一起自沧。

(本教程由尋圖標https://icon.52112.com提供)

第5步

創(chuàng)建一個20x24像素的矩形開始創(chuàng)建金色禮品卡,使用#DBB963進行著色树瞭,然后定位到盒子正面的右側(cè)拇厢,距離底部邊緣6 px,距離頂部14 px晒喷。

(本教程由尋圖標https://icon.52112.com提供)

第6步

給卡片創(chuàng)建一個8像素寬的輪廓(#472C2C)孝偎,使其與綠色包裝的邊緣重疊,然后使用Control + G鍵盤快捷鍵將兩者組合在一起厨埋。

(本教程由尋圖標https://icon.52112.com提供)

第7步

使用鋼筆工具(P)創(chuàng)建禮品卡的繩子調(diào)整為圓角并把寬度設(shè)置為8像素邪媳,顏色為#472C2C捐顷。

完成后,不要忘記選擇禮品卡和繩子雨效,使用Control + G鍵盤快捷鍵將它們組合在一起迅涮。

(本教程由尋圖標https://icon.52112.com提供)

第8步

接下來創(chuàng)建一個96x18像素的矩形作為盒蓋,并使用#ED6F4C對其進行著色徽龟,然后將中心對齊到主體叮姑,將其定位在其輪廓邊緣的上半部分。

(本教程由尋圖標https://icon.52112.com提供)

第9步

給蓋子創(chuàng)建一個8像素的輪廓(#472C2C)据悔,然后選擇并將兩個形狀組合在一起(Control-G)传透。

(本教程由尋圖標https://icon.52112.com提供)

第10步

使用28x18 px矩形創(chuàng)建包裹的主體,使用#329B50進行著色极颓,然后將中心對齊到蓋子朱盐。

(本教程由尋圖標https://icon.52112.com提供)

第11步

使用描邊為包裹建立一個8 px的輪廓(#472C2C),然后使用Control + G鍵盤快捷鍵選擇并將兩者組合在一起菠隆。

完成后兵琳,選擇蓋子和包裹,并將它們分組骇径。

(本教程由尋圖標https://icon.52112.com提供)

第12步

創(chuàng)建一個8像素輪廓(#472C2C)32x32 px的圓圈開始創(chuàng)建絲帶的左半部分躯肌,我們將它放在蓋子頂部,距離繪圖區(qū)域的左邊緣16 px破衔。

(本教程由尋圖標https://icon.52112.com提供)

第13步

調(diào)整我們剛剛創(chuàng)建的圓清女,在直接選擇工具(A)的幫助下選擇其右錨點,然后將其向下推16 px(右鍵單擊>變換>移動>垂直> 16 px) 晰筛,然后向右移動另一個錨點8像素(右鍵單擊>變換>移動>水平> 8像素)嫡丙,通過使用手柄調(diào)整曲率。

(本教程由尋圖標https://icon.52112.com提供)

第14步

創(chuàng)建絲帶的副本(Control + C> Control + F)读第,然后將其放置在蓋子的另一側(cè)迄沫,確保它們面向內(nèi)部的錨點重疊,然后選擇并將它們分組(Control + G) 卦方。

(本教程由尋圖標https://icon.52112.com提供)

第15步

創(chuàng)建28x10像素的矩形創(chuàng)建色帶的中心部分,使用#DBB963對其進行著色泰佳,然后將其對齊到蓋子中心盼砍,將其定位到輪廓的上半部分。

(本教程由尋圖標https://icon.52112.com提供)

第16步

給出我們剛剛創(chuàng)建的圖形添加8 px輪廓(#472C2C)逝她,然后選擇并分組(Control-G)兩者浇坐。

這樣我們的第一個圖標就完成了。

(本教程由尋圖標https://icon.52112.com提供)

創(chuàng)建雪球

完成了第一個圖標黔宛,我們可以鎖定它的圖層接著進行圖標的創(chuàng)建近刘,開始之前記得放大參考網(wǎng)格,以便更好地查看形狀。

步驟1

創(chuàng)建一個92x92 px圓開始創(chuàng)建雪花球的主要形狀觉渴,使用#AFD6E2進行著色介劫,然后將中心對齊到下面的活動繪圖區(qū)域,距離其頂部邊緣4 px座韵。

(本教程由尋圖標https://icon.52112.com提供)

第2步

創(chuàng)建36x24 px矩形創(chuàng)建房屋的主體,使用#D38063進行著色踢京,然后將中心對齊到我們剛剛創(chuàng)建的圓成黄,將其定位在距離其底部錨點26 px的位置厦取。

(本教程由尋圖標https://icon.52112.com提供)

第3步

給矩形創(chuàng)建一個8像素寬的輪廓(#472C2C),但不要將它們分組顶别,你會在后面的操縱中看到原因屈尼。

(本教程由尋圖標https://icon.52112.com提供)

第4步

添加房子的小門蚕冬,創(chuàng)建一個8x10像素的矩形,使用#472C2C進行著色棺聊,然后將其對齊到可見填充形狀的底部。

準備好門后砖顷,選擇它和房屋的主要形狀粤攒,然后使用Control-G鍵盤快捷鍵對它們進行分組。

(本教程由尋圖標https://icon.52112.com提供)

第5步

創(chuàng)建48x20 px矩形(#6B4D44)作為屋頂缨恒,然后使用添加錨點工具(+)將新錨點添加到其上邊緣的中心珊随,然后使用刪除錨點工具( - )刪除其兩邊的錨點。完成調(diào)整后满着,將調(diào)整后的形狀與房屋的主體對齊讼溺,放在輪廓的上半部分限番。

(本教程由尋圖標https://icon.52112.com提供)

第6步

給屋頂一個8像素輪廓(#472C2C)描验,將描邊屬性改成圓角允扇。完成后,選擇兩個形狀并將它們組合在一起(Control + G)搀菩。

(本教程由尋圖標https://icon.52112.com提供)

第7步

創(chuàng)建一個8x12像素的矩形作為房子的煙囪,使用#472C2C進行著色审胸,然后將其定位到屋頂?shù)挠覀?cè),將其與房屋的輪廓對齊白胀。

(本教程由尋圖標https://icon.52112.com提供)

第8步

創(chuàng)建一個12x4 px圓角矩形(#472C2C)并添加2 px圓角邊緣來添加煙囪的頂部椭赋,我們將其定位在前一個形狀的頂部,確保居中對齊然后分組(Control-G)或杠。

(本教程由尋圖標https://icon.52112.com提供)

第9步

使用描邊為雪提供一個8 px厚輪廓(#472C2C)哪怔,然后選擇并將兩個形狀組合在一起(Control-G)。

(本教程由尋圖標https://icon.52112.com提供)

第10步

通過創(chuàng)建圓的副本(Control + C)并將其粘貼在雪前面(Control -F)。選擇它和下面的雪節(jié)认境,然后創(chuàng)建剪貼蒙版用右鍵單擊>制作剪貼蒙版胚委。

(本教程由尋圖標https://icon.52112.com提供)

第11步

創(chuàng)建4x4 px圓圈當(dāng)作雪花,使用#EFE6E6進行著色叉信。完成后亩冬,選擇所有圓圈并使用Control + G鍵盤快捷鍵對它們進行分組。

(本教程由尋圖標https://icon.52112.com提供)

第12步

由于我們已經(jīng)完成了雪花玻璃球內(nèi)部元素的工作硼身,現(xiàn)在我們可以給它一個8像素的輪廓(#472C2C)鉴未,然后使用Control + G鍵盤快捷鍵選擇并將所有組成部分組合在一起。

(本教程由尋圖標https://icon.52112.com提供)

第13步

創(chuàng)建一個帶有8像素角半徑的76x16像素圓角矩形(#AF644A)鸠姨,我們將對準藍色圓圈,將其定位在距活動繪圖區(qū)域底邊20 px的位置淹真。

(本教程由尋圖標https://icon.52112.com提供)

第14步

給出我們剛剛創(chuàng)建的圖形添加8 px輪廓(#472C2C)讶迁,然后使用Control + G鍵盤快捷鍵選擇并將兩者組合在一起。

(本教程由尋圖標https://icon.52112.com提供)

第15步

使用88x16 px圓角矩形(#C47857)創(chuàng)建底座的底部核蘸,并賦予該矩形8 px角半徑巍糯,我們將其居中對齊到上一部分,將其定位到與其輪廓的下半部重疊的部分客扎。

(本教程由尋圖標https://icon.52112.com提供)

第16步

給剛剛創(chuàng)建的形狀一個8像素的輪廓(#472C2C)然后選擇它和它的輪廓祟峦,并將它們組合在一起(Control + G)。

(本教程由尋圖標https://icon.52112.com提供)

第17步

使用28x12 px矩形創(chuàng)建小金牌徙鱼,使用#DBB963進行著色宅楞,然后定位到地球基座的中心。

(本教程由尋圖標https://icon.52112.com提供)

第18步

給金牌一個8像素輪廓(#472C2C)袱吆,將“直角”設(shè)置為“圓形”厌衙,然后使用Control + G鍵盤快捷鍵選擇并將兩個形狀組合在一起。

(本教程由尋圖標https://icon.52112.com提供)

創(chuàng)建曲奇餅干

現(xiàn)在我們開始創(chuàng)建最后一個圖標绞绒,現(xiàn)在讓我們放大它的參考網(wǎng)格婶希,開始吧。

步驟1

首先用48x48像素的圓創(chuàng)建曲奇餅干的主體蓬衡,并使用#AF644A為其著色喻杈,然后定位到繪圖區(qū)域的右上角,在距離頂部4像素距離右邊緣24像素的位置狰晚。

(本教程由尋圖標https://icon.52112.com提供)

第2步

給我們剛剛創(chuàng)建的圖形添加8 px寬輪廓筒饰,將其顏色設(shè)置為#472C2C。

(本教程由尋圖標https://icon.52112.com提供)

第3步

現(xiàn)在我們開始創(chuàng)建小巧克力片家肯,使用#472C2C進行著色龄砰,然后使用Control + G鍵盤快捷鍵進行分組。

完成后,不要忘記選擇并分組所有餅干的組成形狀换棚。

(本教程由尋圖標https://icon.52112.com提供)

第4步

使用80x80像素矩形(#ED6F4C)創(chuàng)建主杯的主要形狀式镐,將其頂角半徑設(shè)置為6 px,底部半徑設(shè)置為變換面板中的28 px進行調(diào)整固蚤。完成后娘汞,將生成的形狀居中對齊到餅干,將其定位在距離繪圖區(qū)域底邊4 px的位置夕玩。

(本教程由尋圖標https://icon.52112.com提供)

第5步

使用橢圓工具(L)創(chuàng)建一個36x24像素的形狀你弦,使用#EFE6E6進行著色,然后稍微調(diào)整其右下曲率燎孟。將生成的形狀放在杯子的頂部禽作。

(本教程由尋圖標https://icon.52112.com提供)

第6步

為形狀創(chuàng)建8 px厚的輪廓(#472C2C),然后使用Control + G鍵盤快捷鍵選擇并將兩個形狀組合在一起揩页。

(本教程由尋圖標https://icon.52112.com提供)

第7步

給我們已經(jīng)建好的圖形添加副本(Control + C> Control + F)創(chuàng)建杯子花邊衣領(lǐng)的右半部分旷偿,將其定位到杯子邊緣的另一側(cè),然后右鍵單擊>變換>反射>垂直翻轉(zhuǎn)它爆侣。

(本教程由尋圖標https://icon.52112.com提供)

第8步

給杯子添加一個8像素的輪廓(#472C2C)萍程,然后選擇所有當(dāng)前創(chuàng)建的形狀并將它們組合在一起(Control-G)。

(本教程由尋圖標https://icon.52112.com提供)

第9步

使用橢圓工具(L)創(chuàng)建兩個8x8 px圓(#472C2C)兔仰,我們將在彼此相距4 px的位置垂直堆疊茫负,然后將它們分組(Control + G)。簡單地將它們對準杯體乎赴,就在它的衣領(lǐng)下面忍法。

(本教程由尋圖標https://icon.52112.com提供)

第10步

使用鋼筆工具(P)8 px寬度的筆在杯體上繪制,顏色設(shè)置為#472C2C榕吼。

(本教程由尋圖標https://icon.52112.com提供)

第11步

創(chuàng)建帶扣缔赠,這一次使用36x32 px圓角矩形(#472C2C)創(chuàng)建腰帶輪廓,給矩形設(shè)置8像素的圓角半徑友题,將對齊到腰帶嗤堰。

(本教程由尋圖標https://icon.52112.com提供)

第12步

首先使用20x16 px矩形創(chuàng)建帶扣,并用#E5D6D3對其進行著色度宦,然后將中心對齊到上一步的輪廓踢匣。

(本教程由尋圖標https://icon.52112.com提供)

第13步

通過創(chuàng)建12x8 px矩形(#472C2C)添加到前一個矩形的中心來完成扣環(huán),然后選擇并分組(Control + G)所有其他形狀戈抄。

(本教程由尋圖標https://icon.52112.com提供)

第14步

使用36x48 px矩形(#D46244)創(chuàng)建手柄的主要形狀离唬,將其左角的半徑設(shè)置為18像素。將生成的形狀放置在杯子的左側(cè)划鸽,距離活動繪圖區(qū)域的左邊緣8 px输莺。

(本教程由尋圖標https://icon.52112.com提供)

第15步

使用路徑查找器減去多余部分戚哎,然后創(chuàng)建較小的白色(#FFFFFF)12x24像素矩形(其左角的半徑設(shè)置為6像素)來調(diào)整我們剛剛創(chuàng)建的形狀。

(本教程由尋圖標https://icon.52112.com提供)

第16步

為生成的形狀創(chuàng)建一個8像素的輪廓(#472C2C)嫂用,然后分組(Control + G)并將兩個發(fā)送到杯子的背面(右鍵單擊>變換>排列>發(fā)送到后面)型凳。

完成后,選擇并組合(Control + G)所有杯子的組成形狀嘱函,然后對整個圖標執(zhí)行相同操作甘畅。

(本教程由尋圖標https://icon.52112.com提供)

成功

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市往弓,隨后出現(xiàn)的幾起案子疏唾,更是在濱河造成了極大的恐慌,老刑警劉巖函似,帶你破解...
    沈念sama閱讀 210,978評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件槐脏,死亡現(xiàn)場離奇詭異,居然都是意外死亡撇寞,警方通過查閱死者的電腦和手機准给,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,954評論 2 384
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來重抖,“玉大人,你說我怎么就攤上這事祖灰≈优妫” “怎么了?”我有些...
    開封第一講書人閱讀 156,623評論 0 345
  • 文/不壞的土叔 我叫張陵局扶,是天一觀的道長恨统。 經(jīng)常有香客問我,道長三妈,這世上最難降的妖魔是什么畜埋? 我笑而不...
    開封第一講書人閱讀 56,324評論 1 282
  • 正文 為了忘掉前任,我火速辦了婚禮畴蒲,結(jié)果婚禮上悠鞍,老公的妹妹穿的比我還像新娘。我一直安慰自己模燥,他們只是感情好咖祭,可當(dāng)我...
    茶點故事閱讀 65,390評論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著蔫骂,像睡著了一般么翰。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上辽旋,一...
    開封第一講書人閱讀 49,741評論 1 289
  • 那天浩嫌,我揣著相機與錄音,去河邊找鬼。 笑死纯露,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播驾凶,決...
    沈念sama閱讀 38,892評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了玷过?” 一聲冷哼從身側(cè)響起初澎,我...
    開封第一講書人閱讀 37,655評論 0 266
  • 序言:老撾萬榮一對情侶失蹤软啼,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后延柠,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體祸挪,經(jīng)...
    沈念sama閱讀 44,104評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,451評論 2 325
  • 正文 我和宋清朗相戀三年贞间,在試婚紗的時候發(fā)現(xiàn)自己被綠了贿条。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,569評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡增热,死狀恐怖触机,靈堂內(nèi)的尸體忽然破棺而出炼吴,到底是詐尸還是另有隱情吟宦,我是刑警寧澤嵌灰,帶...
    沈念sama閱讀 34,254評論 4 328
  • 正文 年R本政府宣布,位于F島的核電站础浮,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏奠骄。R本人自食惡果不足惜豆同,卻給世界環(huán)境...
    茶點故事閱讀 39,834評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望含鳞。 院中可真熱鬧影锈,春花似錦、人聲如沸蝉绷。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,725評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽熔吗。三九已至辆床,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間桅狠,已是汗流浹背讼载。 一陣腳步聲響...
    開封第一講書人閱讀 31,950評論 1 264
  • 我被黑心中介騙來泰國打工轿秧, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人咨堤。 一個月前我還...
    沈念sama閱讀 46,260評論 2 360
  • 正文 我出身青樓菇篡,卻偏偏與公主長得像,于是被迫代替她去往敵國和親一喘。 傳聞我的和親對象是個殘疾皇子驱还,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,446評論 2 348

推薦閱讀更多精彩內(nèi)容