Photoshop设计蓝色精致的透明水晶按钮

2016-03-18 05:47 6 1 收藏

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的Photoshop设计蓝色精致的透明水晶按钮,过去的都会过去,迎接崭新的开始,释放更美好的自己。

【 tulaoshi.com - PS 】

来源:PS联盟 作者:大眼仔~旭
作者寄语:本教程教大家制作一款简单又美观的玻璃按钮,不用任何图层样式就可以做出非常漂亮的效果。用最简单的方法制作最漂亮的作品。
最终效果



新建一个400 * 250像素的文档,背景填充蓝色:#106D98。

1、新建一个图层,命名为“玻璃边框”,选择矩形工具,半径设置为25,然后拉出下图所示的选区并填充白色。填色后不要取消选区。


2、把当前图层复制一层,得到图层副本,隐藏“玻璃边框”图层,保持选区,执行:选择 修改 收缩,数值为1,确定后按Delete 删除。确定后不要取消选区。


3、再新建一个图层,选择菜单:选择 修改 收缩,数值为1,然后选择渐变工具,拉上渐变。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

渐变色设置如下图,两边为白色,中间位透明。由上至下拉出线性渐变。


4、输入自己需要的文字,字体颜色为白色。


5、新建一个图层,命名为“下载”,用钢笔工具勾出选区,并填充绿色,用来制作动态效果。


6、调出“玻璃边框”图层的选区,新建一个图层填充白色,设置不透明度为:20%,用矩形选框工具删除其不需要的部分,如下图。

7、选Tulaoshi.com择菜单:窗口 动画面板,选择下载图层,新建空白帧,使用移动工具把下载图层向下移几格像素。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
8、按住Shift 键选择两个帧,为其添加过渡帧。


9、再为其添加时间为0.6秒,储存为Web格式所用,完成最终效果。


最终效果:

来源:http://www.tulaoshi.com/n/20160318/1873756.html

延伸阅读
来源:PS联盟 作者:Sener 本教程的文字是根据水滴的质感及高光来完成的。大致需要经过三大步骤。第一步是文字的造型:文字的边缘尽量制作圆滑一点,保留有水珠的流动性。第二步表面制作,需要根据水珠的高光特效来设置暗部和高光。最后一步就是投影的制作,投影只需要添加到文字的外部,制作的时候需要慢慢调整。 最终效果 1、新建一个800 *...
标签: PS PS基础
先看看效果图 新建文件..径向渐变填充颜色 设置字体颜色..输入文字 选中字体图层双击 .. 图层样式--选择内发光 图层样式斜面与浮雕 图层样式描边 还可以加些笔刷做些装饰 其他效果
【PS文字特效】Photoshop制作透明水晶艺术字效果 图层样式制作出透明水晶艺术字效果 1、首先我们在photoshop中创建一个新文档,尺寸:1000*5000px。然后我们打准备好的背景素材图片复制到文档中。一个好素材是一个好PS作品的起点,所以素材选择是很重要的。 2、使用横排文字工具在图片中输入文字,在这个ps教程中我选用了...
标签: PS PS基础
最终效果 1、打开PS,新建一个一个文档(Ctrl + N)。参数如下:分辨率:72dpi;颜色模式:RGB;尺寸:600×600 px,使用钢笔工具(P)创建如下形状。 2、使用钢笔工具绘制文件夹背后的部分,然后再绘制蓝色条纹。如下图所示。 3、绘制完成文件夹之后,继续按下图所示添加纸和箭头。你现在应该有五个图层,每个形状都会有自己的图层...
 网页设计越来越注重细节的完美,一种好的字体效果或一个比较精致的按钮会让你的网页增色不少。下面我们来探讨这种按钮的制作方法。 1:打开Photoshop新建一个200像素*200像素的文件,颜色最好是用RGB格式,前景颜色为黑色,用圆角矩形工具半径设为4个像素绘制如图1所示的图形。 图1 2:删格化图层(方法在图2所示的蓝色地方按...

经验教程

994

收藏

69
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部