Photoshop绘制时尚立体效果的音箱造型图标

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:xinyi_2009

关键词

在本实例中通过绘制形状路径并制作丰富的光影色调以表现富有立体感的音箱造型。在处理音箱光影时以不同的颜色和羽化对比来展现其光泽质感。

先看看效果

Photoshop绘制时尚立体效果的音箱造型图标

操作步骤:

1、 新建空白图像文件,,设置如下参数:

宽度:12cm 高度:16cm 分辨率:300px

2、使用渐变工具填充背景颜色,新建“音箱”图层组。使用椭圆工具绘制一个橙色(RGB=248/120/23)椭圆,使用直接选择工具调整锚点更改形态。

Photoshop绘制时尚立体效果的音箱造型图标

3、添加“渐变叠加”图层样式并设置各个属性参数,以增强椭圆形的色调效果

Photoshop绘制时尚立体效果的音箱造型图标

4、使用钢笔工具在椭圆上绘制一个橙色(RGB=246/130/5)图形。在图形两侧绘制其厚度图形并设置其颜色为较淡的橙色(RGB=255/156/0)。创建剪贴蒙版并添加图层蒙版,结合使用画笔工具在所绘制的厚度图形两端稍作涂抹,使其呈现渐隐的效果。

Photoshop绘制时尚立体效果的音箱造型图标

Photoshop绘制时尚立体效果的音箱造型图标

5、继续按照同样的方法在椭圆下端绘制较暗的厚度图形。继续使用钢笔工具在椭圆中绘制黑色的图形。

Photoshop绘制时尚立体效果的音箱造型图标

Photoshop绘制时尚立体效果的音箱造型图标

6、置入uimaker.com/uimakerdown/">素材“网纹.png”图形文件,创建剪贴蒙版以隐藏多余部分,单击“添加图层蒙版”按钮,使用画笔工具在边缘部分稍作涂抹,以其融入椭圆音箱图形。

Photoshop绘制时尚立体效果的音箱造型图标

 收藏