ps cc教程:做一個立體的UI圖標(biāo)

2022-12-26 14:27:57 來源/作者: / 己有:61人學(xué)習(xí)過

最終效果:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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