Photoshop实现梦幻水晶按钮

2016-01-30 01:16 7 1 收藏

Photoshop实现梦幻水晶按钮,Photoshop实现梦幻水晶按钮

【 tulaoshi.com - PS 】

本文为中国合作伙伴印象特别供稿,转载必须取得授权

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

  本教程的主要目的是使用photoshop中的一些最基本的工具,绘制水晶效果图标。

 所使用的主要工具有:“椭圆、矩形选框工具”、“椭圆、矩形工具”、渐变工具。
  图层面板中的主要功能:样式、编组、图层混合模式,蒙板。

  因为主要针对的对象是photoshop的初学者,所以步骤相对较详细(详细的嘟嘟自己都感觉有点罗嗦)。

  水晶的特点是透明,晶莹,光照下来有明显的反光,也有比较明显的折射,所以下面标注了各步骤的主要目的。练习的是矩形和圆形水晶效果的设置。


——建立文件——

  1.新建一个文件,图象大小为128X128象素,颜色模式选择RGB模式,分辨率设置为300,选择白色背景。

图1


 

图2
[next]
——建立下层矩形形体——

  2.新建图层1,设置前景色为黑色,使用矩形工具(注意要选择工具状态栏上的“填充像素”)在新建的图层上绘制一个矩形。

图3

图4

  3.再新建图层2,按键盘上的alt键点击图层面板上两个图层的中缝,如图04,使其编组。

图5[next] 4.将前景色设置为35%的灰,如图05,背景色为白色。
图6

  5.选择“渐变”工具,然后在工具状态栏上选择“线性渐变”,如图07,然后在图层2上使用渐变工具,方向是自上而下,如图08,得到效果图09。
图7

图8

图9
 
 6.新建图层3,再按步骤3将其与下面的图层编组,如图10。

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


——制作水晶突起部分——

  7.将前景色设置为白色,选择“渐变”工具状态栏里的“对称渐变”(如图11)和“反向”(如图12);然后选择渐变的状态中“前景到透明”(如图13),单击该图例打开“渐变编辑器”,将其中“不透明性色标”(如图14)向右移动到60%的位置。在图层3上中心偏上的位置(方向是自下而上),拖动渐变工具,如图15。

图11

图12

图13

图14

图15[next]——制作边缘立体效果——

  8.按ctrl键的同时点击图层1,如图16,得到矩形的选区后,执行菜单“选择”-“修改”-“收缩”,设置收缩量为3像素,如图17。然后选择图层3,点击图层面板中的“添加图层蒙板”,如图18,19,效果如图20。
图16

图17

图1

来源:http://www.tulaoshi.com/n/20160130/1516330.html

延伸阅读
Photoshop制作绿色水晶按钮教程 1.在photoshop中新建文件背景黑色;使用圆角矩形工具,圆角半径为10px;填充颜色绿色,    tulaoshi photoshop教程 2.设置图层混合模式如下: Photoshop制作绿色水(图老师整理)晶按钮教程(2) Photoshop制作绿色水晶按钮教程(3) 3.按住ctrl选择图层;...
来源:PConline 作者:李华仁 水晶按钮是非常常用的,制作方法按个人操作也有一些区别。下面的教程是用图层样式来完成主体操作。制作的时候只需用选区工具做出想要的按钮形状,然后添加图层样式和高光即可。 最终效果 1、打开Adobe Photoshop,执行菜单:“文件”/“新建”(快捷键Ctrl+N),弹出新建对话框,设置名称:按钮,宽度:570像...
标签: PS PS基础 PS效果
本教程的按钮制作比较简单。大致的过程:先画好想要的按钮形状,可以使任意图形。然后设置一些图层样式,后面加上高光和文字即可。 最终效果 1、把底图层填充成灰色,再创建一个新图层,在新图层上用矩形选框工具画出一个长方形(大小自己看着来) 用兰色填充(兰色值为#22aff7)。在这里顺便把选区储存起来 因为后面要用到。 最后给一个5p...
本教程介绍非常简单的水晶按钮的制作方法。制作的时候只要用圆角矩形拉出按钮的大www.tulaoshi.com小,然后加上图层样式和高光即可。教程只是个参考,其他形状的按钮制作方法类似。 最终效果 1、新建一个大小自定的文件,选择圆角矩形工具,半径设置为15像素,前景颜色设置为蓝色,拉出一个圆角矩形,然后双击图层调出图层样式,参数设置如下...
标签: PS PS基础
本教程主要使用Photoshop绘制绿色风格的网页下载按钮,整体的立体效果表现的非常的漂亮,光泽方面也非常的漂亮,喜欢的朋友让我们一起来学习吧。 先看看效果图 最终效果图

经验教程

683

收藏

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