華信智原祝大家新年快樂
您的位置: 首頁 > 行業新聞

用PS繪制簡單擬物圖標思路分享

來源:華信智原  |  發布時間:2018-09-14  |  瀏覽量:1521



關于教程


本次臨摹的設計作品,光影原理非常簡單,適合初學者學習。光影從上到下,上方亮下方暗。底座要用到漸變和投影,S字母對話框部分要制作高光,營造質感。


教程步驟


新建畫布 900×600px 72ppi,填充背景色#f9f9f9,在畫布上繪制一個圓角矩形,大小225×160px,圓角20px。居中于整個畫布,并命名為【底座】。在矩形圖層上添加圖層樣式。添加漸變營造光感。


添加描邊。因為光線的方向,描邊顏色為漸變。上淺下深。



添加投影,突出層次感。投影疊加3層,增加真實感。投影顏色不變#595959。第一層投影距離和大小數值較小,第二層和第三層投影距離和大小數值逐漸加大。


圖片7.png


可以適當的調整等高線。調整投影間的過渡關系。


圖片10.png


給底座添加反光。Ctrl+J復制【底座】,并將復制的圖層命名為【反光】,刪除圖層樣式。


圖片11.png


去掉填充色,設置描邊色為#ffffff。給反光層添加圖層蒙版。用柔邊畫筆擦去下半部分。


圖片12.png


繪制一個圓角矩形,命名為【小按鍵】大小29×31px,圓角6px。矩形填充顏色為#ebedef,描邊色為#7a7a7a。描邊為1px。并添加投影。投影顏色為#595959。


圖片15.png


多復制幾個【小按鍵】放在合適的位置。中間的長圓角矩形大小為102×31px。圓角為6px。


圖片16.png


繪制一個圓角矩形,并命名為【對話框】。大小150×114px,圓角20px。并添加圖層樣式漸變及描邊對話框有三層顏色,故添加內外兩層描邊。



通過修改錨點,做出對話框的形狀。


圖片20.png


復制【對話框】圖層,命名為【描邊】,放在【對話框】圖層的下方。柵格化【描邊】圖層及其圖層樣式后,再添加圖層樣式。


圖片21.png


從原圖可以看出,對話框與底座間是有陰影的。我們可以通過羽化來實現。在【描邊】圖層下方新建圖層,命名為【對話框投影】,選擇橢圓選框工具,設定羽化值為30px。


圖片22.png


框出投影的大概范圍并填充較深的藍色。填充顏色后可以適當的改變其大小和透明度,也可以多復制幾層。使投影更加真實。



繪制圓角矩形,命名為【高光】,色值#ffffff,大小129×39px, 圓角12px。添加圖層蒙版,選中蒙版,使用漸變工具,按住shift鍵,使高光顏色過渡均勻。



將【高光】復制一層。命名為【質感】,先將蒙版部分填充為白色,右鍵轉換該圖層為智能對象,選擇濾鏡-模糊-高斯模糊。并添加圖層蒙版,使過渡均勻。


圖片29.png

最后選一個喜歡的字體,打上字母S。


最終效果圖

圖片30.png


  • java大數據工程師
  • java軟件工程師
  • UI設計師
  • 跨境電商

全國咨詢熱線

400-7777-699

報名熱線:400-7777-699

微博

微信公眾號

友情鏈接 :智原在線

DT人才培訓基地(長沙中心)|湘ICP備16003389號|咨詢熱線:400-7777-699|地址:長沙開福區芙蓉中路一段458號平安大廈7樓|版權所有: 北京朗杰科技有限公司 湖南華信智原 版權所有

華信智原-DT人才培養基地

您想學習什么專業?

提交獲取優惠 在線咨詢

福彩快3 江苏11选5复式投注 开元棋牌安装包下载 猴年四大生肖买彩票易中大奖 白小姐中特网资料大全 516棋牌下载 大神棋牌官网 澳门赌场玩法 上海晓游棋牌游戏下载 真人斗地主2百人牛牛 981棋牌娱乐 pc蛋蛋预测99预测北京 赚钱的软件 微信提现 真实的 黑龙江时时彩开奖号码 贵州快三开奖结果直播 青海十一选五开奖结果 山西快乐十分预测下一期的号