圖標教程,設(shè)計一粒晶石圖標(4)

來源:站酷 作者:死鬼SIGUI 學習:6299人次
今天跟大家講講怎么設(shè)計一枚藍色質(zhì)感的晶石圖標

效果圖

圖標教程,設(shè)計一粒晶石圖標_www.theoat.com.cn

No.1/打開“AdobePhotoshop”新建(Ctrl+N)一個“1000*1000/px”的文件;

圖標教程,設(shè)計一粒晶石圖標_www.theoat.com.cn

No.2/新建文件好了以后,找一個深色(根據(jù)個人喜好就行)背景進行襯底;

圖標教程,設(shè)計一粒晶石圖標_www.theoat.com.cn

No.3/做好襯底,使用【多邊形工具】繪制一個六邊形,用【減去圖層形狀】做圓角處理;
圖標教程,設(shè)計一粒晶石圖標_www.theoat.com.cn

No.4/用【Ctrl+J】對圖層經(jīng)行復制,一共復制3個,調(diào)整顏色和大小,進行居中對齊;對中間2枚六邊形進行 邊緣虛化處理;

圖標教程,設(shè)計一粒晶石圖標_www.theoat.com.cn

No.5/再復制一枚六邊形,用【混合選項】進行漸變填充,調(diào)整圖層透明度為35%,對邊緣進行簡單虛化2px,做出簡單高光效果;
圖標教程,設(shè)計一粒晶石圖標_www.theoat.com.cn

No.6/用【鋼筆工具】繪制六邊形6面,填充顏色,對邊緣進行簡單虛化,調(diào)整明暗度;

圖標教程,設(shè)計一粒晶石圖標_www.theoat.com.cn

圖標教程,設(shè)計一粒晶石圖標_www.theoat.com.cn

No.7/用【多邊形工具】繪制六邊形,切成6個三角形面,填充顏色,調(diào)整明暗度,調(diào)整圖層透明度為10%;

圖標教程,設(shè)計一粒晶石圖標_www.theoat.com.cn

圖標教程,設(shè)計一粒晶石圖標_www.theoat.com.cn

No.8/用【多邊形工具】繪制六邊形,切成6個三角形面,填充顏色,調(diào)整明暗度,調(diào)整圖層透明度為5%,做出 六面反光,大致的立體感就出來了;

圖標教程,設(shè)計一粒晶石圖標_www.theoat.com.cn

圖標教程,設(shè)計一粒晶石圖標_www.theoat.com.cn

No.9/用對星之石的棱角部分驚喜高光點綴;

圖標教程,設(shè)計一粒晶石圖標_www.theoat.com.cn

圖標教程,設(shè)計一粒晶石圖標_www.theoat.com.cn

No.10/在尖角部分做星光點綴,以加強光感,對整體光線明暗度進行詳細調(diào)整;

圖標教程,設(shè)計一粒晶石圖標_www.theoat.com.cn

No.11/網(wǎng)上找一些星光素材,對星之石內(nèi)部通透做一定的點綴,以增強通透感,對局部高光進行著重提亮;

圖標教程,設(shè)計一粒晶石圖標_www.theoat.com.cn

No.12/復制一個六邊形,用【混合選項】對齊進行,漸變、透明、陰影處理,增強星之石的斑斕色彩和晶瑩剔透 感;

圖標教程,設(shè)計一粒晶石圖標_www.theoat.com.cn

圖標教程,設(shè)計一粒晶石圖標_www.theoat.com.cn

圖標教程,設(shè)計一粒晶石圖標_www.theoat.com.cn

No.13/對晶體六面棱角部分進行高光提亮點綴,調(diào)整各個面的通透感,增加部分點綴元素,這樣我們的星之石就完成了;
圖標教程,設(shè)計一粒晶石圖標_www.theoat.com.cn

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!