Photoshop制作时尚风格的金属标志教程

ps基础教程
内容摘要:
速读文章内容
本文收集了一些ps教程,ps图片处理与ps照片处理实例教程,ps教程大全,手把手教你学ps处理图片,photoshop图片处理教程,怎样用ps做照片的教程,是ps教程的学习资料库。

本教程主要讲解如何制作一个漂亮的金属按钮,教程很简单,使用图层混合选项就可以很好的实现,关键要去理解混合选项产生的效果,教程使用Photoshop cs5版本,不过其他版本也可以做出该效果

效果图:

Photoshop制作时尚风格的金属标志教程,PS教程,思缘教程网

第一步:打开PHOTOSHOP,按CTRL+N新建一个文档。大小为2560x1440像素(这是高清壁纸的尺寸) 。

Photoshop制作时尚风格的金属标志教程,PS教程,思缘教程网

第二步:设置前景色为#454042 ,按ALT+DELETE填充。

Photoshop制作时尚风格的金属标志教程,PS教程,思缘教程网

第三步:新建一个图层,设置前景色为黑色。然后使用椭圆工具(U),按住SHIFT在画一个正圆。

Photoshop制作时尚风格的金属标志教程,PS教程,思缘教程网

第四步:然后在做一个小一点的圆,找到选择/变换选区。按住键盘的SHIFT和ALT键不放,拉动某个角向内。确定好位置后按ENTER确认。

Photoshop制作时尚风格的金属标志教程,PS教程,思缘教程网

第五步:在菜单栏点击图层/图层蒙板/隐藏选区 效果如下:注意:做完这步后会在图层中自动创建一个图层蒙板,这个我们后面会用到。

Photoshop制作时尚风格的金属标志教程,PS教程,思缘教程网

第六步:然后给这个圆环添加图层样式(图层/图层样式/投影)..... 具体参数看图:

Photoshop制作时尚风格的金属标志教程,PS教程,思缘教程网

Photoshop制作时尚风格的金属标志教程,PS教程,思缘教程网

Photoshop制作时尚风格的金属标志教程,PS教程,思缘教程网

Photoshop制作时尚风格的金属标志教程,PS教程,思缘教程网

Photoshop制作时尚风格的金属标志教程,PS教程,思缘教程网

第七步:图标的边框做好后准备开始做中心部分。7.1 按CTRL点之前自动创建的图层蒙板7.2 然后按CTRL+SHIFT+I反选。7.3 设置前景色为黑色,填充。

Photoshop制作时尚风格的金属标志教程,PS教程,思缘教程网

 
  共3页: 1 [2] [3] 下一页   

 

第八步:在中心部分做一个小一点的圆,选择/变换选区。按住键盘的SHIFT和ALT键不放,拉动某个角向内。确定好位置后按ENTER确认。

Photoshop制作时尚风格的金属标志教程,PS教程,思缘教程网

第九步:在新建一个图层,填充黑色(这次填充的就是刚才缩小的内圈)

Photoshop制作时尚风格的金属标志教程,PS教程,思缘教程网

第十步:给内圈设置图层样式,图层/图层样式/渐变叠加。使用正常混合模式,设置渐变从#ffffff到#6d6d6d ,缩放为74%

Photoshop制作时尚风格的金属标志教程,PS教程,思缘教程网

设置斜面和浮雕(如图),等高线为默认。

Photoshop制作时尚风格的金属标志教程,PS教程,思缘教程网

第十一步:新建图层,使用钢笔工具画出如下形状。

Photoshop制作时尚风格的金属标志教程,PS教程,思缘教程网

第十二步:画好后按回车建立选区,然后找到图层/图层样式/渐变叠加(参数如下)。

Photoshop制作时尚风格的金属标志教程,PS教程,思缘教程网

第十三步:按CTRL+D取消选区,得出效果如下:

Photoshop制作时尚风格的金属标志教程,PS教程,思缘教程网

第十四步:然后在添加上喜欢的文字或是图标即可。14.1 使用文字工具打上PS369

Photoshop制作时尚风格的金属标志教程,PS教程,思缘教程网

14.2 图层/图层样式/渐变叠加。

Photoshop制作时尚风格的金属标志教程,PS教程,思缘教程网

14.2 设置斜面和浮雕。

Photoshop制作时尚风格的金属标志教程,PS教程,思缘教程网

第十四步:最后来处理一下背景图层。选择之前填充灰色的背景层,点击滤镜/杂色/添加杂色,添加 5%的杂色,单色高斯分布。

Photoshop制作时尚风格的金属标志教程,PS教程,思缘教程网


  共3页: 上一页 [1] 2 [3] 下一页   

 

第十五步:滤镜/模糊/动感模糊。设置角度为0,距离为20.

Photoshop制作时尚风格的金属标志教程,PS教程,思缘教程网

第十六步:选择图层/图层样式/渐变叠加。设置如图:

Photoshop制作时尚风格的金属标志教程,PS教程,思缘教程网

最后效果如下,教程如有不足之处,欢迎大家指点 QQ674316:

PSD文件下载:http://www.网址未加载/thread-310681-1-1.html

Photoshop制作时尚风格的金属标志教程,PS教程,思缘教程网


  共3页: 上一页 [1] [2] 3   

首页

相关内容

最新发布

专题合集

艺考培训-设计-Photoshop教程-ps基础教程-Photoshop制作时尚风格的金属标志教程