如果您喜欢『PS学习网』,请推荐给您身边的朋友!本站永久域名:www.ps-xxw.cn
当前位置 : PS学习网 > 实例教程 > 正文

制作精致木质边框音响图标的PS教程

来源:网络作者:网络时间:2016-4-11 18:23:25点击:

制作图标之前,先认真分析图标的构成。然后由底层开始慢慢制作,用形状工具画出形状,再用图层样式增加质感和颜色即可。最终效果

制作精致木质边框音响图标的PS教程

 

一、新建一个1000×1000 px 的画布,填充颜色#7b7776。

制作精致木质边框音响图标的PS教程

 

二、创建一个512×512像素,圆角半径为90px的圆角矩形,并置入木纹素材,然后在图层面板中,按住ALT点击木纹图层和圆角矩形图层的交界,创建剪贴蒙版。

制作精致木质边框音响图标的PS教程 

制作精致木质边框音响图标的PS教程

 

三、给“圆角矩形1”图层添加内阴影和投影。

制作精致木质边框音响图标的PS教程 

制作精致木质边框音响图标的PS教程 

 

四、在“木纹”图层上面新建一个图层,填充颜色#5f543f,混合模式改为正片叠底,透明度为70%,并创建剪贴蒙版。

制作精致木质边框音响图标的PS教程

 

五、音箱的立面就做好了。接下来创建一个512×460,圆角半径为90px的圆角矩形,并和“圆角矩形1”左对齐和顶对齐,然后将木纹复制一层,在新的圆角矩形上建立剪贴蒙版。 如果是Photoshop的版本是CC,就可以直接复制一层“圆角矩形1”,然后CTRL+T变换大小。CC以前的版本变形的时候会损失圆角,所以只能创建形状。

制作精致木质边框音响图标的PS教程

 

六、给“圆角矩形2”添加内阴影和投影。

制作精致木质边框音响图标的PS教程 

制作精致木质边框音响图标的PS教程 

 

七、给“木纹 拷贝”图层叠加一个10%的黑白渐变。

制作精致木质边框音响图标的PS教程 

制作精致木质边框音响图标的PS教程 

 

八、CTRL+J复制一层“圆角矩形2”,然后将图层移动到木纹图层上面,CTRL+T变换大小,记得同时按住SHIFT和ALT,缩放90%,然后添加图层样式。

制作精致木质边框音响图标的PS教程 

制作精致木质边框音响图标的PS教程 

制作精致木质边框音响图标的PS教程 

制作精致木质边框音响图标的PS教程 

 

九、接下来做音孔,新建一个256×256的圆,调整位置,添加图层样式。

制作精致木质边框音响图标的PS教程 

制作精致木质边框音响图标的PS教程 

制作精致木质边框音响图标的PS教程 

 

十、建议CTRL+G给音孔的这个圆建个组,因为等会儿会有很多图层。 新建一个直径为11px的椭圆,与“椭圆 1”水平、垂直居中,填充颜色#5f543f。然后用矩形工具手动画两根参考线,找到圆心,效果图如下。

制作精致木质边框音响图标的PS教程

本站公告
  PS学习网是一个专业的学习交流Photoshop的网站,本站致力于向广大PS爱好者提供一个学习与交流的平台,想要学习提高自己的PS水平,马上从这里开始吧…
  Photoshop 8.0免费下载地址
  Photoshop CS2免费下载地址
  Photoshop CS3免费下载地址
  Photoshop基础入门视频教程
  Photoshop CS5软件视频教程