ps怎么設(shè)計(jì)可愛的卡通風(fēng)格的APP圖標(biāo)?
我要評(píng)論我們之前使用ps設(shè)計(jì)了很多圖標(biāo)，今天我們就來(lái)看看設(shè)計(jì)卡通風(fēng)格圖標(biāo)的教程，效果圖如下。
1、新建畫布，尺寸512*512，分辨率72ppi。用圓角矩形工具繪制一個(gè)圓角為90px的512*512的圓角矩形。給圓角矩形添加圖層樣式如圖。
2、用橢圓工具繪制顏色為#ffffff的8px正圓，并復(fù)制十余個(gè)，改變部分圓的透明度，達(dá)到圖a的效果。
1、分析出柱體的俯視圖，這樣更容易明白圖標(biāo)中柱體應(yīng)如何繪制。八芒星柱體的俯視圖如下，由兩個(gè)正方形組合而成。
2、根據(jù)俯視圖開始繪制柱體。仔細(xì)觀察圖a和圖b，發(fā)揮空間想象力，根據(jù)數(shù)字提示看看怎么由圖b得到圖c的。
新建70*150的矩形，得到圖c的矩形3。新建50*150的矩形，自由變換斜切30°，得到圖c的矩形2。
矩形5與矩形8受光程度不同，因此顏色不一。只要繪制出圖c的矩形2和矩形3，通過(guò)水平變換和移動(dòng)位置就可以得到圖c。
3、用鋼筆工具沿著柱體頂點(diǎn)畫出部分八芒星，隨后添加圖層樣式漸變疊加，參考數(shù)值如下：
添加圖層蒙版擦除部分區(qū)域，實(shí)現(xiàn)近實(shí)遠(yuǎn)虛的效果。
記得關(guān)閉第二步中的矩形1與矩形7的圖層顯示，八芒星中擦除過(guò)的部分不透明度降低，不關(guān)閉顯示則會(huì)影響八芒星的顏色效果。擦除效果接近圖d即可。
4、繪制八芒星描邊。按住鍵盤上的 Ctrl 鍵，鼠標(biāo)單擊八芒星圖層的縮略圖得到選區(qū)。
得到八芒星的選區(qū)后，選中選框工具(快捷鍵M)，在選區(qū)內(nèi)單擊鼠標(biāo)右鍵選擇“變換選區(qū)”。
選區(qū)變換大小如圖作參考
接著新建圖層，即可激活描邊選項(xiàng)。隨后添加圖層蒙版擦除部分區(qū)域。
以同樣的步驟繪制顏色為#82b3ff的2px描邊，以及16px的漸變描邊，漸變疊加參數(shù)如下圖。完成效果參考如圖e。
1、小艾達(dá)可拆分如圖：
① 用AI的形狀生成工具繪制而成
② 用布爾運(yùn)算繪制而成
③ 由三角形和圓形組成的圓錐，添加錨點(diǎn)改變弧度而來(lái)
④ 復(fù)制一個(gè)部件③，添加漸變疊加(90°線性)，用布爾運(yùn)算繪制而成
⑤和⑥用鋼筆工具繪制而成，再加上影子，小艾達(dá)的繪制就完成了
2、蘿爾可拆分如圖
① 是添加了漸變疊加的82*82圓
②是添加了漸變疊加(90度線性)的60*60圓
③運(yùn)用布爾運(yùn)算
部件⑤領(lǐng)口部分要與部件④等寬。部件⑤用鋼筆工具繪制，添加了漸變疊加(圖f效果)，并用畫筆工具畫了一層暗面增加立體感
⑥是鋼筆工具畫輪廓，保持與艾達(dá)的手弧度一致，畫筆工具畫陰影
⑦運(yùn)用布爾運(yùn)算繪制出襠部，運(yùn)用鋼筆工具繪制腿與腳
完成以上步驟最終成果
以上就是ps設(shè)計(jì)卡通風(fēng)格圖標(biāo)的教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
ps怎么設(shè)計(jì)彩色的卡通樹木圖標(biāo)?
PS怎么設(shè)計(jì)正方形的西瓜圖標(biāo)標(biāo)志?
ps怎么設(shè)計(jì)一個(gè)加油站的手機(jī)app圖標(biāo)?
相關(guān)文章
PS怎么設(shè)計(jì)一個(gè)皮革質(zhì)感的圖標(biāo)?
PS怎么設(shè)計(jì)一個(gè)皮革質(zhì)感的圖標(biāo)？ps中想要設(shè)計(jì)一個(gè)圖標(biāo)，但是要求圖標(biāo)的材質(zhì)是皮革材質(zhì)，該怎么制作呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2017-07-21
ps怎么設(shè)計(jì)一個(gè)簡(jiǎn)易的耳機(jī)圖標(biāo)?
ps怎么設(shè)計(jì)一個(gè)簡(jiǎn)易的耳機(jī)圖標(biāo)？ps中想要繪制一個(gè)耳機(jī)的圖標(biāo)，該怎么簡(jiǎn)單的繪制這個(gè)標(biāo)志呢？下面我們就來(lái)看看詳細(xì)的教程，很簡(jiǎn)單，需要的朋友可以參考下2017-07-12
PS怎么將圖片logo轉(zhuǎn)化為矢量圖標(biāo)?
PS怎么將圖片logo轉(zhuǎn)化為矢量圖標(biāo)？圖標(biāo)如果是矢量圖的畫可以隨意調(diào)整大小而不會(huì)失真，但是如果不會(huì)矢量圖放大縮小會(huì)出現(xiàn)鋸齒以及失真，該怎么將logo轉(zhuǎn)換為矢量圖呢？下面我2017-07-12
PS怎么繪制一個(gè)尖嘴魚的矢量圖標(biāo)？ps中想要繪制一個(gè)尖嘴魚的圖標(biāo)，該怎么繪制呢？下面我們就來(lái)看看使用ps繪制尖嘴魚圖標(biāo)的技巧，需要的朋友可以參考下2017-07-07
ps設(shè)計(jì)立體風(fēng)格的Bbox寄存器圖標(biāo)的教程
想要設(shè)計(jì)一個(gè)Bbox寄存器圖標(biāo)，該怎么設(shè)計(jì)呢？可以使用的軟件有很多，今天我們就來(lái)看看使用ps設(shè)計(jì)立體Bbox寄存器圖標(biāo)的教程，需要的朋友可以參考下2017-07-07
這篇教程教腳本之家的photoshop教程學(xué)習(xí)者們?nèi)绾问褂胮s制作擬物膠囊藥丸icon圖標(biāo)的方法，教程講解的很詳細(xì)，打造的擬物icon效果非常逼真，適合新手入門學(xué)習(xí)2017-07-05
PS怎么設(shè)計(jì)一個(gè)百度小綠本圖標(biāo)?
PS怎么設(shè)計(jì)一個(gè)小綠本圖標(biāo)？經(jīng)常玩百度的朋友都知道百度有小綠本和小藍(lán)本，該怎么繪制一個(gè)小綠本圖標(biāo)呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2017-07-03
ps怎么設(shè)計(jì)一個(gè)加載的動(dòng)態(tài)小圖標(biāo)?
ps怎么設(shè)計(jì)一個(gè)加載的動(dòng)態(tài)小圖標(biāo)？一般的加載圖標(biāo)都是動(dòng)態(tài)的，該怎么設(shè)計(jì)一個(gè)加載圖標(biāo)呢？下面我們就來(lái)看看詳細(xì)的教程，很簡(jiǎn)單，需要的朋友可以參考下2017-06-19
ps制作一個(gè)逼真的空調(diào)調(diào)節(jié)器旋鈕開關(guān)ui圖標(biāo)教程
本教程教腳本之家的各位ps按鈕制作學(xué)習(xí)者使用ps制作一個(gè)逼真的空調(diào)調(diào)節(jié)器旋鈕開關(guān)ui圖標(biāo)的方法，教程應(yīng)用最多的依舊是圖層樣式，打造的效果非常逼真，推薦到腳本之家一起分2017-06-13
ps怎么繪制一個(gè)扁平的UI圖標(biāo)？想要設(shè)計(jì)一款下載圖標(biāo)，該怎么設(shè)計(jì)呢？下面我們就來(lái)看看詳細(xì)的教程，很簡(jiǎn)單，需要的朋友可以參考下2017-06-13
