ps cc教程:做一個立體的UI圖標

來源:站酷 作者:Samice 學習:11628人次

最終效果:

Photoshop制作3D效果教程:今日頭條3D版

提示:本教程所用PS版本為2014年6月下旬發(fā)布的最新 Photoshop CC 2014 ,老版本可能部分步驟無法實現(xiàn),學習本教程前,務必下載最新版本

本教程平臺為 Mac 系統(tǒng),Windows下也可以看,步驟是一樣的

1,新建畫布,參數(shù)如下

Photoshop制作3D效果教程:今日頭條3D版

2,新建兩圖層,填充顏色 #dcdcdc,分別命名為墻,地板

Photoshop制作3D效果教程:今日頭條3D版

3, 選擇圓角矩形工具,設置為形狀,半徑為52,然后畫一個300x300的圓角矩形,設置矩形顏色為純白,并放在畫布中央,將該圖層命名為 白板背景

Photoshop制作3D效果教程:今日頭條3D版

Photoshop制作3D效果教程:今日頭條3D版

Photoshop制作3D效果教程:今日頭條3D版

4,選擇鋼筆工具,選擇形狀,畫出紅布,顏色為: #ff0000 ,將該圖層命名為 紅布

Photoshop制作3D效果教程:今日頭條3D版

Photoshop制作3D效果教程:今日頭條3D版

5,繼續(xù)用鋼筆工具畫出頭條和灰色橫線,頭條設置為純白,灰色橫線為 #dcdcdc,圖層分別命名為頭條,文字紋理

Photoshop制作3D效果教程:今日頭條3D版

Photoshop制作3D效果教程:今日頭條3D版

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
randy31320012014-06-28 04:50
7,為了節(jié)省大家的時間,這一步我將源文件上傳了:http://pan.baidu.com/s/1qWPnfdi?

關注大神微博加入>>

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