ps怎么設計可愛的卡通風格的APP圖標?

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