Photoshop制作时尚的网页下载按钮

本教程教大家用Photoshop制作时尚的网页下载按钮,教程中主要用到PS的钢笔、自定义形状工具和图层样式等工具来完成,相信大家在浏览网页的时候会经常的看到这个的图标,喜欢吗下面就让我们一起来学习吧。 来源:一起PS吧 先看效果图。 新建文档1280×1024像素

本教程教大家用Photoshop制作时尚的网页下载按钮,教程中主要用到PS的钢笔、自定义形状工具和图层样式等工具来完成,相信大家在浏览网页的时候会经常的看到这个的图标,喜欢吗下面就让我们一起来学习吧。

来源:一起PS吧



先看效果图。


Photoshop制作时尚的网页下载按钮





新建文档1280×1024像素,背景白色,建新层填充黑色,添加图层样式。


Photoshop制作时尚的网页下载按钮





效果如下。


Photoshop制作时尚的网页下载按钮





建新层,用钢笔画出下图所示按钮轮廓,填充黑色。#p#分页标题#e#


Photoshop制作时尚的网页下载按钮





添加图层样式。


Photoshop制作时尚的网页下载按钮




Photoshop制作时尚的网页下载按钮





效果如下。


Photoshop制作时尚的网页下载按钮





建新层,用钢笔画出下图所示形状,填充#f5f5f5。


#p#分页标题#e#Photoshop制作时尚的网页下载按钮





建新层,画一正圆选区,填充#2d429d,右击>变换选区,缩小一些,删除。


Photoshop制作时尚的网页下载按钮





添加描边样式。


Photoshop制作时尚的网页下载按钮





前景色#015496输入文字download,英语下载的意思。


Photoshop制作时尚的网页下载按钮





复制一层,文字颜色改为白色,栅格化,用矩形做一选区去掉下半部,图层模式柔光。


#p#分页标题#e#Photoshop制作时尚的网页下载按钮





用类似方法作出半圆高光。


Photoshop制作时尚的网页下载按钮





建新层,画一正圆选区,填充#eeecea。


Photoshop制作时尚的网页下载按钮





添加内阴影样式。


Photoshop制作时尚的网页下载按钮





建新层,前景色#015496画一个三角形。


#p#分页标题#e#Photoshop制作时尚的网页下载按钮





添加图层样式。


Photoshop制作时尚的网页下载按钮





复制一层,清除图层样式,缩小一些,颜色改为白色,用直线套索做一选区,删除,图层模式叠加,不透明度61%。


Photoshop制作时尚的网页下载按钮





添加个阴影,效果如下。


Photoshop制作时尚的网页下载按钮





其它效果。


#p#分页标题#e#Photoshop制作时尚的网页下载按钮

原创文章,作者:admin,如若转载,请注明出处:https://www.2233cn.com/%e7%bb%8f%e5%85%b8%e8%ae%be%e8%ae%a1/1702.html

(0)
上一篇 2014年9月23日 上午8:33
下一篇 2014年9月23日 上午8:37

相关推荐

  • Photoshop保留质感给人像调出自然肤色效果

    本教程主要使用Photoshop保留质感给人像调出自然肤色,网络上有很多磨皮教程,但不是每个教程都适合我们次次应用。本实例为大家分享皮肤及眼睛细节的后期法,而且是保留质感给人像肤色调出自然肤色,内容精彩,不容错过。 这是局部细节的对比好了,下面切入

    经典设计 2014年11月15日
  • Photoshop给人像照片添加梦幻光斑效果

    我记得好几年前很多女孩子为了拍出光斑而希望购买单反,可后来各种app的摄影滤镜出现,那被添加光斑的功能受到疯狂使用。 再后来,太多人用了而且效果也不怎么好,由于融合性并不好,再加上因为滤镜添加光斑的位置固定的缘故,让用户得不到期待中的效果而渐

    经典设计 2014年11月22日
  • Photoshop解析20种给文字加粗的办法

    本教程主要使用Photoshop详细解析给字体加粗的20种方法,字体加粗很简单,谁都会,而本文的目的则是扩展大家的思路。 PS是一个神奇的软件,简单的字体加粗,可以通过无数种方法达到目标,由此可见PS的神奇与灵活。网络上只能找到几种方法,此贴独创绝大部分

    经典设计 2015年1月3日
  • Photoshop合成美女睡梦中白鹤送子场景

    本教程学习如何用Photoshop合成一个美女睡梦中梦见白鹤送子的场景,表达了美女因婚后多年不孕不育,迫切希望生个孩子的愿望,主要用到了图层、蒙版、笔刷、图层样式等等工具来完成,喜欢的朋友让我们一起来学习吧。 先看效果图 新建文档400×530像素,背景填

    经典设计 2014年8月6日
  • Photoshop调出草地女孩唯美青绿色调设计教程

    本教程主要使用Photoshop调出草地女孩唯美青绿色调,素材图片中绿色比例较多,调色的时候可以把绿色转为青色,稍亮的黄绿色转为较淡的青绿色,暗部则增加一点青蓝色即可,喜欢的朋友让我们一起来学习吧。 来源:PS联盟 作者:Sener 最终效果 原图 1、打开素

    经典设计 2015年7月6日
  • Photoshop简单抠出儿童照片的头发

    本教程主要用Photsohop来给一对母女的照片俩进行抠图,主要的部分是头发部分的处理,想学抠图的会员可以来尝试一下. 来源:左邻右里 作者:若无其诗 现在好多妈妈都为怎么抠头发而烦恼,现在这个教程相信对大家都很有帮助的. 模特: 诗诗和她妈妈 大家选择白色的

    经典设计 2014年11月5日
  • Photoshop调出人像复古效果的黄色调效果

    本教程主要使用Photoshop调出人像复古效果的黄色调效果,橙绿色也是一组比较好搭配的颜色,比较适合背景有绿色的图片调色。处理的适合可以保留图片的绿色,只需要把高光及其它颜色转为所需的橙黄色即可。 来源:PS联盟 作者:Sener 最终效果 效果图 1、打开

    经典设计 2014年8月25日
  • Photoshop调出美女照片自然通透的肤色效果

    原图 1、打开原图素材,创建可选颜色调整图层,对黄、绿、黑进行调整,参数设置如图1 – 3,效果如图4。这一步把背景主色转为黄青色。 2、创建曲线调整图层,对蓝色进行调整,参数设置如图5,效果如图6。这一步增加图片暗部蓝色,同上增加高光部分的淡黄色。

    经典设计 2014年6月18日
  • Photoshop调出美女照片淡淡的柔美肤色效果

    本教程主要使用Photoshop调出美女照片淡淡的柔美肤色效果,教程主要是通过色彩平衡,曲线,可选颜色和图层混合模式应用来完成最终效果图,喜欢的朋友让我们一起来学习吧. 来源:山鹰 效果图 原照片:点击图像可查看大图. 对比图: 面板1: 面板2: 过程: 一、皮肤处

    经典设计 2014年7月31日
  • Photoshop使用修补法解决人物发丝抠图后的杂边

    本教程主要使用Photoshop使用修补法解决人物发丝抠图后的杂边,有些照片在拍摄时可能角度及取景原因,身体上某些部位并不一定完整,而有时在抠图时可能又希望将其补全,这时候就可以利用PS进行修补,当然不同的部位要用不同的方法,要想逼真就要有针对性,本

    经典设计 2014年8月1日

发表评论

您的电子邮箱地址不会被公开。