Photoshop实现梦幻水晶按钮

按钮

本教程的主要目的是使用photoshop中的一些最基本的工具,绘制水晶效果图标。
  所使用的主要工具有:“椭圆、矩形选框工具”、“椭圆、矩形工具”、渐变工具。
  图层面板中的主要功能:样式、编组、图层混合模式,蒙板。

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

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

——建立文件——

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

图1

图2

——建立下层矩形形体——

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

图3

图4

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

图5

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

图6

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

图7

图8

图9

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

图10

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

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

图11

图12

图13

图14

图15

——制作边缘立体效果——

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

图16

图17

图18

图19

图20

——制作中间凹下去的效果——

  9.选择图层3,如图21,使用椭圆选框工具在偏上的位置绘制一个椭圆选区,如图22,按键盘上的delete键删除多余部分,如图23。

图21

图22

图23

——建立圆形水晶按钮——

  10.新建图层4,如图24,在该层上使用椭圆工具绘制一个椭圆(该层的目的是得到一个可保留的形状,所以颜色无所谓)如图25。

图24

图25

  1.设置前景色为黑色,选择渐变工具的“前景色到透明”,如图26。设置为“线性”,取消“反向”,如图27。

图26

图27

  新建图层5,使用渐变工具方向从上到下绘制,如图28。按步骤8的方法得到图层4的选区后,在图层5上建立蒙板,然后隐藏图层4得到如图29的效果。

图28

图29

 以同样的方法在新建的图层6上进行处理,不同的是前景色为白色,方向是从下到上,如图30,得到图31的效果。

图30

图31

  此时的图层关系如图32

图32

12.新建图层7,使用椭圆工具绘制一个圆,如图33,然后选择图层面板上的“样式”,如图34,在弹出的菜单上选择“渐变叠加”,如图35。

图33

图34

图35

按图36设置渐变颜色(您所需要的颜色到黑色渐变,嘟嘟设置的是绿色)。将渐变中的“颜色中点”位置移动到40%,如图37。

图36

图37

  接着设置“投影”样式,设置如图38。

图38

 13.新建图层8,使用椭圆选框工具建立椭圆选区,如图39,使用白色到透明渐变从上到下绘制,如图40。

图39

图40

  将选区移动到下方,如图41,使用白色到透明渐变从下到上绘制,如图42,注意这个的位置要远于下边界。

图41

图42

效果图如图43。

图43

  14.选择55%的灰,如图44,使用矩形工具绘制正方型,如图45。

图44

图45

选择“编辑”—“变换”—“旋转”,旋转45度,如图46。

图46

  使用矩形选框工具,绘制一个正方形,按键盘上的delete键,如图47。

 

图47

  选择该层,如图48,将该层的图片混合模式更改为正片叠底,如图49。

图48

图49

——制作整体立体效果——

  15.对图层1进行阴影处理,选择该层后,选择样式,如图50,选择“投影”,如图51,设置项目如图52。

图50

图51

图52

  得到图53效果。

图53

——后期处理——

  16.添加其他装饰图片,如图54。图55是在100%状态下的图片。

图54

图55

 

时间: 2024-11-08 18:54:11

Photoshop实现梦幻水晶按钮的相关文章

Photoshop简单绘制水晶按钮图标

教程介绍非常简单的水晶按钮的制作方法.制作的时候只要用圆角矩形拉出按钮的大小,然后加上图层样式和高光即可.教程只是个参考,其他形状的按钮制作方法类似. 本教程介绍非常简单的水晶按钮的制作方法.制作的时候只要用圆角矩形拉出按钮的大小,然后加上图层样式和高光即可.教程只是个参考,其他形状的按钮制作方法类似. 最终效果     1.新建一个大小自定的文件,选择圆角矩形工具,半径设置为15像素,前景颜色设置为蓝色,拉出一个圆角矩形,然后双击图层调出图层样式,参数设置如下图.       2.新建一个图层

photoshop 制作圆形水晶按钮 教程

本教程是的目的是告诉各位怎么用ps制作水晶按钮效果哦,这种效果给搞设计的朋友有很有用哦,先来看看效果图片. 效果还行吧,现在来看看按钮的制作过程吧.新建一个文件. 再调整图片大小. 为了按钮更有立体效果我们就设置阴影效果如下图. OK,就完成了效果怎么喽,色彩你可以自己调整吧.

Photoshop打造梦幻水晶效果

先看一下效果:     也许,这是一个梦幻的水晶效果,也许这只是一个PS的简单应用,但我感觉还不错啦!!呵呵,是不是有点象古时候的那卖瓜的王婆啊!!!好了,卖瓜到此为止     ---.     --翠花,上酸菜呢!!     新建一个文件,设背景层为黑色     新建一层,选取一个矩形,并填充颜色,我使用的是:#339900,并用渐变工具,设置渐变工具的混合模式为叠加,再使用描边菜单做出如左图效果     设置上一步新建的图层混合模式为屏幕,并复制此图层,使用自由变换工具调开头及位置,并根据自

Photoshop图文教程:水晶按钮的制作之图层法

按钮|教程 作者联系方式 QQ:546321 msn:lightant@hotmail.com 最大的优点可以把这个图层效果保存为Styles,以后要用就画个椭圆加一层渐变,选个Styles就可以了.

Photoshop制作绿色水晶按钮教程

1.在photoshop中新建文件背景黑色;使用圆角矩形工具,圆角半径为10px;填充颜色绿色,     photoshop教程 2.设置图层混合模式如下: 分类: PS鼠绘教程

利用photoshop 制作发光水晶按钮教程

1.新建画布,大小随意,然后新建圆角矩形图形,如图所示: 2.圆角矩形属性. 3.画一个吧,高 宽自定. 4.接下来要出玻璃效果就是靠图层属性设置,选择蒙板图层右键混合属性,描边设置: 5.渐变叠加设置: 6.渐变值: 7.内发光设置: 玻璃效果的好坏跟图素值有关系,可以试一下. 8.内阴影设置: 想要玻璃表面粗糙一些,可以在正常模式下设置一下内阴影的大小. 9.投影设置:使按钮能有光感. 10.调整颜色:最后可以添加一个色相/饱和度图层,用来调整按钮整体颜色. 11.取值随意.

photoshop绘制圆形水晶按钮

最终效果图 1.新建文件,宽.高都为5,单位cm,分辨率200,模式为RGB,白色背景. 2.用圆形选框工具画出圆形选框,在选区内点鼠标右键,选"通过拷贝的图层"项(图层1). 3.新建图层(图层2),使用渐变工具,设置成"前景色到透明渐变",前景色设置为R:255,拉出如图渐变. 4.新建图层(图层3),在新图层上用喷笔画出阴影(也可填充颜色,然后用椭圆选区羽化后删除,但是那样效果没有用喷笔来得自然好看,小魔星就不在此赘述:P) 分类: PS鼠绘教程

用ps制作常用的网页水晶按钮

最终效果图 教程 1.新建一个文件,在工具箱中选择圆角矩形工具,如下图所示设置: 2.新建一个图层后,在画布上拉出一个长方形,就得到这样的结果.(为了更好的给大家讲解,这个图放大了400%显示) 如果大家得到这样的结果. 就需要将"对齐像素"的选项给勾上. 3.为这个图层添加图层样式. 相关教程: PS绘制蓝色高光方形水晶按钮教程 PhotoShop绘制玻璃质感水晶按钮教程 photoshop绘制透明玻璃质感长圆形按钮 photoshop绘制圆形水晶按钮 分类: PS鼠绘教程

Photoshop基础教程:制作非常精致的蓝色水晶按钮

水晶按钮是非常常用的,制作方法按个人操作也有一些区别.下面的教程是用图层样式来完成主体操作.制作的时候只需用选区工具做出想要的按钮形状,然后添加图层样式和高光即可. 最终效果 1.打开Adobe Photoshop,执行菜单:"文件"/"新建"(快捷键Ctrl+N),弹出新建对话框,设置名称:按钮,宽度:570像素,高度:400像素,分辨率:72像素/英寸,颜色模式:RGB颜色.8位,背景内容:白色,设置完毕后单击确定按钮,如图1所示. <图1> 2.在