Photoshop设计简洁的网站联系我们按钮

本教程教大家使用Photoshop设计简洁的网站联系我们按钮,经常在网上浏览的缘友应该会经常见到各种各样的网页图标,今天的经常主要用到PS的圆角矩形工具和图层样式来完成,感兴趣的同学可以跟着教程来学习。 来源:一起PS吧 先看效果图。 新建文档1280×1024像

本教程教大家使用Photoshop设计简洁的网站联系我们按钮,经常在网上浏览的缘友应该会经常见到各种各样的网页图标,今天的经常主要用到PS的圆角矩形工具和图层样式来完成,感兴趣的同学可以跟着教程来学习。

来源:一起PS吧



先看效果图。


Photoshop设计简洁的网站联系我们按钮





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


Photoshop设计简洁的网站联系我们按钮





效果如下。


Photoshop设计简洁的网站联系我们按钮





建新层,画一个黑色的圆角矩形。#p#分页标题#e#


Photoshop设计简洁的网站联系我们按钮





添加图层样式。


Photoshop设计简洁的网站联系我们按钮





效果如下。


Photoshop设计简洁的网站联系我们按钮





建新层,画一个黑色正圆,添加和上一步相同的样式。


Photoshop设计简洁的网站联系我们按钮





暂时隐藏圆形层,底部建新层,调出圆形层选区,填充黑色,去掉选区,高斯模糊7像素,调出大圆角矩形选区,添加蒙版。#p#分页标题#e#


Photoshop设计简洁的网站联系我们按钮





显示圆形层,建新层,画一个白色正圆。


Photoshop设计简洁的网站联系我们按钮





添加图层样式。


Photoshop设计简洁的网站联系我们按钮




Photoshop设计简洁的网站联系我们按钮





效果如下。


#p#分页标题#e#Photoshop设计简洁的网站联系我们按钮





建新层,前景色白色画一个信封图案,之后建新层,画一个和信封差不多大的黑色矩形。


Photoshop设计简洁的网站联系我们按钮





选择黑色矩形层,调出信封图层选区,添加蒙版。


Photoshop设计简洁的网站联系我们按钮





添加图层样式。


Photoshop设计简洁的网站联系我们按钮




Photoshop设计简洁的网站联系我们按钮





效果如下。#p#分页标题#e#


Photoshop设计简洁的网站联系我们按钮





输入白色文字,添加投影样式,底部建新层为图标添加一个阴影。


Photoshop设计简洁的网站联系我们按钮





其它效果。


Photoshop设计简洁的网站联系我们按钮

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

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

相关推荐

  • 那些你早晚都要掌握的颜色基础常识

    先抛出几个我们设计常遇到的问题: 为什么设计稿喷绘出来颜色那么脏 ? 为什么设计文件送去打印店打印出来颜色都变绿了 ? 供应商送过来的样品,为什么每次颜色都偏的很厉害 ? CMYK模式下一些颜色为什么怎么调都特别灰? 要解决这些问题,首先要了解RGB、CM

    经典设计 2018年7月6日
  • Photoshop给外景美女加上甜美的淡调粉绿色教程

    来源:PS联盟 作者:Sener 素材图片主色为黄绿色,调色的时候需要把绿色,青色等都转为淡绿色;黄色部分转为粉红色;然后在顶部边角位置增加一些高光即可。 原图 最终效果 1、打开素材图片,创建可选颜色调整图层,对红、黄、绿、白,黑进行调整,参数设置如

    经典设计 2015年12月18日
  • Photoshop把图片处理成复古色调

    很简单的PS调色教程,主要是利用PS通道把图片调出很好看的色调。原文出自改图网素材图 先看看原图 完成图 1打开原图 选择 图像模式 lab颜色 2 在lab模式下进入通道 选择a通道 按住Alt鼠标左键点击a通道载入选区 选择反向(Ctrl+Alt+I) 然后复制 (Ctrl+C) 选择

    经典设计 2014年12月29日
  • Photoshop制作层次感突出的金属艺术字

    本教程主要使用Photoshop制作层次感突出的金属艺术字,效果图中文字包括了金属质感、纹理及一些边缘补色,因此用一个图层样式是很难完成的。最好的办法就是把文字多复制几层,一层对应一个效果,再把填充改为0,就可以得到所需效果。 来源:PS联盟 先看看效

    经典设计 2014年12月21日
  • Photoshop设计梦幻绚丽的圆形光环教程

    本教程主要使用Photoshop设计梦幻绚丽的圆形光环教程,效果图的光环看上去比较复杂。不过都是由最简单的效果圆环叠加而成的。制作过程可能比较长,每一个小环都需要自己去慢慢完成。喜欢的朋友让我们一起来学习吧。 来源:PS联盟 作者:Sener 最终效果 1、新

    经典设计 2014年12月4日
  • 使用Photoshop制作Mac效果文字

    我挺喜欢这种效果的,你完全可以把这种效果应用到web制作当中去,不光是文字,面板也可以这么做的,而且做法相当简单,2分钟就可以搞定,那么让我们开始吧。 新建图像文档,输入文字: 按住Ctrl键并用鼠标点击文字层,选中文字,执行selectmodifycontract,

    经典设计 2014年10月16日
  • Photoshop给冬季美女照添加漫天飞舞的雪花

    本教程主要使用Photoshop给冬季美女照添加漫天飞舞的雪花,冬季很容易让人想到的雪花,不过我们拍出的照片是静态的,如果适当用PS加上动态雪花,图片非常增色不少。制作雪花之前需要对GIF动画制作流程有一定的了解,然后再慢慢规划动画的展示效果。 来源:图

    经典设计 2014年9月17日
  • Photoshop合成迷雾森林中的天使

    本教程主要用Photoshop合成迷雾森林中的天使,教程不是很难,都是合成的基本方法啊,主要是创意和思路大家可以一起来学习。 作者:冷月出自:PS视觉网 效果: 所用素材: 合成过程: 本帖隐藏的内容需要回复才可以浏览第一步: 第二步 第三步 第四步 第五步

    经典设计 2014年12月21日
  • Photoshop调出城市傍晚照片质感的暗色调

    这篇教程教思缘的朋友们利用照明和光影关系调节出漂亮的风景照片,教程难度中等,但是对于喜欢摄影的朋友来说这篇教程绝对不能错过,推荐过来一起分享,喜欢的记得给我好评了。 先来看一下效果图和原图的对比: 调整后 调整前 影调指的是画面的明暗关系和层

    经典设计 2014年12月23日
  • Photoshop调出人物图片漂亮的淡调红紫色教程

    来源:PS联盟 作者:Sener 本教程介绍淡雅图片的调色方法。过程也比较简单:先简单的把图片的颜色调亮,然后把主体颜色转为淡淡的暖色,人物肤色部分可以多增加一些红色或红紫色。后期把整体柔化处理即可。 原图 最终效果 1、打开原图素材,创建可选颜色调整

    经典设计 2016年2月23日

发表评论

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