PS教程!高手手把手教你繪制一枚聯系人+短信圖標 - 特级毛片www,色综合天天综合网,国产成人综合亚洲 - UISDC

PS教程!高手手把手教你繪制一枚聯系人+短信圖標

2015/06/03 15951評論區

photoshop-massage-contact-icon-1

??︰第一次出UI教程,把之前參加過比賽的幾套風格各異的主題圖標拿制作過程出來講解一下。圖標的繪制方法有很多種,主要看你適合哪種,用得方便不,注意技巧跟細節,直接看教程 >>>

本文為作者投稿儒墨堂發布,未經作者本人授權請勿轉載,謝謝 ︰)

源文件 ??,希望大家多多支持!另外歡迎上傳交作業啦。

一、卡通風格 —— LYNN Rabbit (聯系人圖標)

Step 1

點擊 — 【文件】— 【新建】(快捷鍵Ctrl+N)新建一個新的圖像,命名好並把寬度設置為800 px,高度為600 px,分辨率為72 dpi,然後點擊確定,記得順手保存(快捷鍵Ctrl+S),以免做一半PS崩潰或者其他原因被關閉了那就悲催了。

myStep01 (1)

Step 2

先填充背景,色值為#282828(PS︰這步主要是為了方便圖標觀看,背景色值不定,看著舒服,不影響圖標外觀即可);

然後選擇【橢圓工具】(快捷鍵U,可按Shift+U切換),在畫布點擊【創建橢圓】彈出層,設置寬度為172px,高度為170px,並勾選【從中心】,然後點擊確定;

myStep01 (2)

Step 3

選中橢圓圖層,命名為yuan,右鍵選擇【混合選項】,選擇【漸變疊加】,線性漸變,色值從上到下為 #feb5d0 — #ff7fae,角度為90°;

再選擇【橢圓工具】創建寬度跟高度都為172px的圓,填充顏色為#c74a78;命名為yuan_di,對齊于yuan圖層並放在其下面;

myStep01 (3)

Step 4

復制yuan圖層(快捷鍵Ctrl+J)命名為yuan_ban,選擇右鍵清除圖層樣式,填充顏色為#FFFFFF;不透明度改為30%;

選擇【橢圓選框工具】(快捷鍵M,可按Shift+M切換),按住Shift鍵,畫一個正圓選區(大小自己把握),可對齊圖層,然後點擊【圖層】窗口的【添加圖層蒙版】;

再復制yuan圖層命名為yuan_bian01,選擇右鍵清除圖層樣式,填充顏色改為# ffadcb;按住Ctrl鍵點擊圖層載入選區,按方向鍵向上和向左移動一像素,再反向選區(快捷鍵Shift+Ctrl+I),再點擊【圖層】窗口的【添加圖層蒙版】;

同理復制yuan圖層命名為yuan_bian02,填充顏色為#fff2f7,載入選區向下移動兩像素,反向選區後添加圖層蒙版;

myStep01 (4)

Step 5

復制yuan圖層命名為nei_yuan,點擊【編輯】—【自由變換路徑】(快捷鍵Ctrl+T),縮小80%(記得點擊【保持長寬比】),右鍵清除圖層樣式,選擇【混合選項】設置︰

【描邊】︰大小3px,內部,顏色# d85082,

【內陰影】︰顏色# c33c6d,不透明度70%,角度120°,距離5,阻塞2,大小8,

【漸變疊加】︰線性漸變,色值從上到下為 # feb8d2 — # ff80af,角度為90°;

myStep01 (5)

Step 6

復制nei_yuan圖層命名為nei_yuan_ban,清除圖層樣式,自由變換路徑縮小94%(記得點擊【保持長寬比】),顏色# FFFFFF,不透明度改為10%;再載入yuan_ban的蒙版選區,點擊【圖層】窗口的【添加圖層蒙版】;

再復制nei_yuan圖層命名為nei_yuan_bian,清除圖層樣式,填充顏色改為# ffb9d3;載入選區向上移動兩像素,反向選區,再點擊【圖層】窗口的【添加圖層蒙版】,再把nei_yuan_bian圖層向下移動一像素;

再復制nei_yuan圖層命名為nei_yuan2,清除圖層樣式,自由變換路徑縮小90%(記得點擊【保持長寬比】),顏色# FFFFFF,不透明度改為5%;

myStep01 (6)

Step 7

繪制LYNN Rabbit頭部部分,用【橢圓工具】創建一個橢圓,設置圖層混合選項,再繪制耳朵部分,注意描邊細節跟陰影,臉部一一拆分,大多數用是用鋼筆工具、橢圓工具、圖層蒙版、設置圖層混合選項等完成,在這就不一一詳細說明,最後加上耳朵陰影和高光,拉個橢圓白色透明漸變,設置不透明度為50%,完成圖標的繪制。

myStep01 (7)

Duang~ 完成圖標後加個華麗麗的背景,再用同樣的方法就繪制出一套主題圖標啦。

二、微扁平化 —— FLEXAGON (短信圖標)

Step 1

選擇【圓角矩形工具】(快捷鍵U,可按Shift+U切換),在畫布點擊【創建圓角矩形】彈出層,設置寬度為120px,高度為120px,半徑20px,並勾選【從中心】,然後點擊確定;

my20150603 (1)

Step?2

把圓角矩形圖層命名為di,然後右鍵選擇【混合選項】,設置︰

【描邊】︰大小1px,內部,漸變90°,# 157acf — #78bbff,

【漸變疊加】︰線性漸變,色值從上到下為 # 1479cf — # 3a9bff,角度為90°;

my20150603 (2)

Step 3

選擇【橢圓工具】,按住Shift鍵,畫一個正圓,填充顏色為# 9eceff,圖層命名為message,再選【鋼筆工具】(快捷鍵P,可按Shift+P切換),在選項欄里【路徑操作】選擇【合並形狀】,並選中路徑,畫一個三角形;右鍵選擇【混合選項】,設置︰

【投影】︰顏色#789bc0;角度120°,距離1px,擴展0,大小1px;

復制圖層message命名為message_ceng,填充顏色為# 4da2f9,載入圖層選區向上移動三像素,反向選區,再點擊【圖層】窗口的【添加圖層蒙版】;

再復制圖層message命名為message_bian,填充顏色為# c7e3ff,載入圖層選區向上移動一像素,反向選區,再點擊【圖層】窗口的【添加圖層蒙版】;

my20150603 (3)

Step 4

載入message圖層選區,填充顏色#134573,取消選區(快捷鍵Ctrl+D),點擊【濾鏡】 — 【︰— 【動感︰亢汀靖咚鼓︰,

【動感︰︰角度90°,距離7;

【高斯︰︰半徑3;

把圖層不透明度設置為50%,並把圖層向下移動五像素;

my20150603 (4)

Step 5

繪制短信圖標上笑臉部分,選擇【橢圓工具】,按住Shift鍵,畫一個正圓,填充顏色為# 0675d5,大小適中即可,並復制圖層(快捷鍵Ctrl+J或者選擇【移動工具】Ctrl+V,按住Alt鍵拖動),再選擇【文字工具】(快捷鍵T,可按Shift+T切換),輸入字符“)”,文字顏色為# 0675d5,大小適中,這里的文字大小為30px,組合成為一個笑臉字符︰) 完成圖標的繪制。

my20150603 (5)

繼續duang~ duang~ duang~,一套華麗麗的微扁平化的主題圖標就這樣出爐啦。

【95後同學的PS教程人氣榜】

大氣的立體字也可以輕松實現!

美到爆的Angrybaby修圖教程!

人氣最高的圖標繪制教程!

投稿者︰

【特级毛片www,色综合天天综合网,国产成人综合亚洲 原創资讯 投稿郵箱︰02-8993-5275@qq.com】

================關于特级毛片www,色综合天天综合网,国产成人综合亚洲================
“特级毛片www,色综合天天综合网,国产成人综合亚洲“是國內人氣最高的網頁設計師學習平台,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書︰史上最全的設計師圖書導航︰。
設計微博︰擁有粉絲量96萬的人氣微博 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航︰全球頂尖設計網站推薦,設計師必備導航︰
———————————————————
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的”福利”嗎?
添加 優秀網頁設計 微信號︰【rumotan】儒墨堂哥的全拼
您也可以通過掃描下方二維碼快速添加︰

sdcweixin

儒墨堂大課堂

非特殊說明,本文版權歸原作者所有,轉載請注明出處
本文地址︰http://www.rumotanartist.com/photoshop-massage-contact-icon

發表評論 加載中....

評論加載中....

uisdc

評論區都快餓癟了,看看我期盼的小眼神...

版式設計 交互設計師 界面設計 排版布局 職場 設計師干貨 儒墨堂專訪 儒墨堂大課堂 設計達人 配色 視覺設計 web前端開發 素材下載 AI教程 設計流程 設計理論 神器下載 字體下載 設計師專訪 psd下載 設計規範 用戶體驗設計 海報設計 平面設計 設計趨勢 動效設計 logo設計 圖標設計 ICON 產品設計 神器推薦 App設計 字體設計 職場規劃 酷站推薦 交互設計 ui設計 優秀網頁設計 設計師職場 ps技巧 酷站 用戶體驗 PS教程 網頁設計 經驗分享

您還沒有登錄

儒墨堂啟用更安全省心的 微信掃碼登錄

微信掃碼

300萬設計師聚集地!特级毛片www,色综合天天综合网,国产成人综合亚洲是極具人氣的設計師平台
2012年成立至今,一直專注于設計師的學習成長交流

特级毛片www|色综合天天综合网|国产成人综合亚洲

打開微信,掃碼分享
學設計 特级毛片www,色综合天天综合网,国产成人综合亚洲 在這里