當前位置：首頁 >教程首頁 > Photoshop >如何用PS繪製《紀念碑穀2》圖標教程？

如何用PS繪製《紀念碑穀2》圖標教程？

發布時間：2018-11-17 19:57:24

@秒針：經典解謎冒險遊戲《紀念碑穀2》在App Store上架已經兩個多月了。它的新版圖標看起來華麗清新，不妨跟著教程繪製一下，通過它來練習鋼筆工具和學習繪製扁平插畫遊戲圖標的基本思路。

使用工具：PS、AI

一、製作背景：

1、新建畫布，尺寸512*512，分辨率72ppi。用圓角矩形工具繪製一個圓角為90px的512*512的圓角矩形，給圓角矩形添加圖層樣式如圖。

2、用橢圓工具繪製顏色為#ffffff的8px正圓，並複製十餘個，改變部分圓的透明度，達到圖a的效果。

二、繪製八芒星柱體

1、分析出柱體的俯視圖，這樣更容易明白圖標中柱體應如何繪製。八芒星柱體的俯視圖如下，由兩個正方形組合而成。

2、根據俯視圖開始繪製柱體。仔細觀察圖a和圖b，發揮空間想象力，根據數字提示看看怎麼由圖b得到圖c的。

新建70*150的矩形，得到圖c的矩形3。

新建50*150的矩形，自由變換斜切30°，得到圖c的矩形2。

矩形5與矩形8受光程度不同，因此顏色不一，隻要繪製出圖c的矩形2和矩形3，通過水平變換和移動位置就可以得到圖c。

3、用鋼筆工具沿著柱體頂點畫出部分八芒星，隨後添加圖層樣式漸變疊加，參考數值如下：

添加圖層蒙版擦除部分區域，實現近實遠虛的效果。

記得關閉第二步中的矩形1與矩形7的圖層顯示，八芒星中擦除過的部分不透明度降低，不關閉顯示則會影響八芒星的顏色效果，擦除效果接近圖d即可。

4、繪製八芒星描邊。按住鍵盤上的Ctrl鍵，鼠標單擊八芒星圖層的縮略圖得到選區。

得到八芒星的選區後，選中選框工具(快捷鍵M)，在選區內單擊鼠標右鍵選擇“變換選區”。

選區變換大小如圖作參考

接著新建圖層，即可激活描邊選項，隨後添加圖層蒙版擦除部分區域。

以同樣的步驟繪製顏色為#82b3ff的2px描邊，以及16px的漸變描邊，漸變疊加參數如下圖，完成效果參考如圖e。

三、繪製人物

1、小艾達可拆分如圖：

① 用AI的形狀生成工具繪製而成

② 用布爾運算繪製而成

③ 由三角形和圓形組成的圓錐，添加錨點改變弧度而來

④ 複製一個部件③，添加漸變疊加(90°線性)，用布爾運算繪製而成

⑤和⑥用鋼筆工具繪製而成，再加上影子，小艾達的繪製就完成了

2、蘿爾可拆分如圖

① 是添加了漸變疊加的82*82圓

②是添加了漸變疊加(90度線性)的60*60圓

③運用布爾運算

部件⑤領口部分要與部件④等寬。部件⑤用鋼筆工具繪製，添加了漸變疊加(圖f效果)，並用畫筆工具畫了一層暗麵增加立體感

⑥是鋼筆工具畫輪廓，保持與艾達的手弧度一致，畫筆工具畫陰影

⑦運用布爾運算繪製出襠部，運用鋼筆工具繪製腿與腳

OK，完成以上步驟，下圖是最終成果：

堅持到這裏並成功繪製的同學都超棒的！一步步跟著分析、拆分圖標中的元素，練習了鋼筆工具以及布爾運算，再看看以下用到相似元素的圖標，是不是有種豁然開朗的感覺呢？

返回列表

华体会hth体育网賞析

熱門課程

專業講師指導快速擺脫技能困惑

多種教程總有一個適合自己

專業問題谘詢

你擔心的問題，火星幫你解答

虛幻引擎學習揭秘：輕鬆上手，遊戲製作夢想觸手可及

虛幻引擎學習不再難如登天！掌握正確方法，你將輕鬆開啟遊戲製作之旅。火星時代教育助你係統學習，實現遊戲夢想，快來谘詢吧！
影視特效與合成學習指南：入門到進階全攻略

想掌握影視特效與合成的奧秘嗎？本文為你提供從入門到進階的全方位學習指南，助你輕鬆開啟影視特效與合成的創意之旅，實現技術夢想！
遊戲開發怎麼學？從入門到精通的進階之路

越來越多的人對遊戲開發產生了濃厚的興趣，渴望探索這個充滿創意與樂趣的世界。那麼，遊戲開發到底怎麼學呢？本文將為你詳細解析學習遊......
影視原畫提高班排行榜 - 2024年熱門課程推薦

詳細解讀2021年最熱門的影視原畫提高班課程排行，由火星時代教育專業為您推薦並詳細解析各類原畫課程的優勢。
洞悉遊戲特效設計的秘密：火星時代教育遊戲特效培訓班速成班 | SEO 標題

如果你希望快速掌握遊戲特效設計，火星時代教育的遊戲特效培訓班速成班是你的黃金機會。
遊戲模型設計培訓中心 | 百分百實踐課程翻新您的設計技能

提升您的华体会hth体育app在线登录技能與經驗，向專業發展遊戲行業中的遊戲模型設計。從我們的遊戲模型設計培訓中心開始您的設計旅程。火星時代教育您的......