WEB开发网
开发学院图形图像PhotoShop Photoshop制作高科技按钮效果 阅读

Photoshop制作高科技按钮效果

 2010-03-30 00:00:00 来源:WEB开发网   
核心提示: 下面我们把蓝色层复制一份,将这一层的蓝色部分填充成白色,Photoshop制作高科技按钮效果(7),同时将这一层混合模式设置为浅色,重新设置图层样式如下,能够得到一些应得的报酬的话,至少不要被某些人无耻剽窃,补充一下,以上两项设置使用的蓝色要比之前那个蓝色层的蓝色亮一点浅一点

下面我们把蓝色层复制一份。将这一层的蓝色部分填充成白色。同时将这一层混合模式设置为浅色。重新设置图层样式如下。

Photoshop制作高科技按钮效果

Photoshop制作高科技按钮效果

补充一下。以上两项设置使用的蓝色要比之前那个蓝色层的蓝色亮一点浅一点。这样我们得到效果如下。

Photoshop制作高科技按钮效果

9.继续往下进行。

进行到这里。我发现背景层拉的渐变似乎看不见了。于是我在背景层上方新建了一层。画了一个灰色的圆上去。效果如下。

Photoshop制作高科技按钮效果

查看原图(大图)

10.到目前为止。这个按钮已经很有型了。下面所做的事情就是添加一些修饰了。比如我给按钮边缘添加了一个小光芒。另外给背景添加了一个纹理。这些事情大家自愿做吧。我做的最终效果如下。

Photoshop制作高科技按钮效果

查看原图(大图)

附上英文原版教程地址 http://psd.tutsplus.com/tutorials/interface-tutorials/how-to-create-a-highly-detailed-hi-tech-power-button-basix/

总结。其实也不是总结。就是磨叨几句。这个教程。淋漓从看到原版教程开始。到从头至尾看完原版。到自己跟着做一遍。到翻译成中文。到一个一个的插过程图片。到最后完成。大约用了6个多小时。但是做完以后发现。没有人家原版教程做的好。似乎没有得到精髓。原因呢。一方面是淋漓实在是着急想把教程尽快的写出来给大家看。所以不够细心。另一方面呢。淋漓还要干活。这大白天的总有些乱七八糟的事情要做。静不下来。毕竟淋漓有工作要做。于是我就想。如果有一天。淋漓和像淋漓一样的以译介国外教程为喜好的人们。以及更多的真正付出了自己的劳动的人们。能够得到一些应得的报酬的话。至少不要被某些人无耻剽窃。那淋漓的心就可以平静了。

上一页  2 3 4 5 6 7 

Tags:Photoshop 制作 高科技

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接