手机
当前位置:查字典教程网 >网页设计 >photoshop >photoshop 梦幻水晶按钮
photoshop 梦幻水晶按钮
摘要:最终效果图1.新建一个文件,图象大小为128X128象素,颜色模式选择RGB模式,分辨率设置为300,选择白色背景。图1图22.新建图层1,...

最终效果图

photoshop 梦幻水晶按钮1

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

photoshop 梦幻水晶按钮2

图1

photoshop 梦幻水晶按钮3

图2

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

photoshop 梦幻水晶按钮4

图3

photoshop 梦幻水晶按钮5

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

photoshop 梦幻水晶按钮4

图3

photoshop 梦幻水晶按钮5

图4

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

photoshop 梦幻水晶按钮6

图5 #p# 4.将前景色设置为35%的灰,如图06,背景色为白色。

photoshop 梦幻水晶按钮7

图6

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

photoshop 梦幻水晶按钮8

图7

photoshop 梦幻水晶按钮9

图8

photoshop 梦幻水晶按钮10

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

photoshop 梦幻水晶按钮11

图9

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

photoshop 梦幻水晶按钮12

图10

photoshop 梦幻水晶按钮13

图11

photoshop 梦幻水晶按钮14

图12

photoshop 梦幻水晶按钮15

图13

photoshop 梦幻水晶按钮16

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

photoshop 梦幻水晶按钮17

图15

photoshop 梦幻水晶按钮18

图16

photoshop 梦幻水晶按钮19

图17

photoshop 梦幻水晶按钮20

图18

photoshop 梦幻水晶按钮21

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

photoshop 梦幻水晶按钮22

图20

photoshop 梦幻水晶按钮23

图21

photoshop 梦幻水晶按钮24

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

photoshop 梦幻水晶按钮25

图23

photoshop 梦幻水晶按钮26

图24

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

photoshop 梦幻水晶按钮27

图25

photoshop 梦幻水晶按钮28

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

photoshop 梦幻水晶按钮29

图27

photoshop 梦幻水晶按钮30

图28

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

photoshop 梦幻水晶按钮31

图29

photoshop 梦幻水晶按钮32

图30 #p# 14.此时的图层关系如图31。

photoshop 梦幻水晶按钮33

图31

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

photoshop 梦幻水晶按钮34

图32

photoshop 梦幻水晶按钮35

图33

photoshop 梦幻水晶按钮36

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

photoshop 梦幻水晶按钮37

图35

photoshop 梦幻水晶按钮38

图36 #p# 17.接着设置“投影”样式,设置如图37。

photoshop 梦幻水晶按钮39

图37

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

photoshop 梦幻水晶按钮40

图38

photoshop 梦幻水晶按钮41

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

photoshop 梦幻水晶按钮42

图40

photoshop 梦幻水晶按钮43

图41

20.效果图如图42。

photoshop 梦幻水晶按钮44

图42 #p# 21..选择55%的灰,如图43,使用矩形工具绘制正方型,如图44。

photoshop 梦幻水晶按钮45

图43

photoshop 梦幻水晶按钮46

图44 #p# 22.选择“编辑”—“变换”—“旋转”,旋转45度,如图45。

photoshop 梦幻水晶按钮47

图46

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

photoshop 梦幻水晶按钮48

图45

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

photoshop 梦幻水晶按钮49

图48

photoshop 梦幻水晶按钮50

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

photoshop 梦幻水晶按钮51

图50

photoshop 梦幻水晶按钮52

图51

photoshop 梦幻水晶按钮53

图52 #p# 得到图53效果。

photoshop 梦幻水晶按钮54

图53

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

photoshop 梦幻水晶按钮1

图54

【photoshop 梦幻水晶按钮】相关文章:

巧妙运用Photoshop调出唯美梦幻效果

photoshop滤镜教程之杂色

Photoshop制作古色非主流效果

Photoshop 极坐标打造烟花效果

photoshop文字样式添加图文教程

photoshop制作梦幻婚纱照

Photoshop曲线的调整方法介绍

photoshop打造放飞梦想主题海报

Photoshop把照片打造成蓝色梦幻效果

photoshop制作gif动画实例

精品推荐
分类导航