梦幻水晶按钮

2016-03-18 05:59 8 1 收藏

图老师电脑网络栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享梦幻水晶按钮的教程,热爱PS的朋友们快点看过来吧!

【 tulaoshi.com - PS 】

最终效果图


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


图1


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


图3


图4

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


图3


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


图5

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


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


图7


图8

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

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


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


图10


图11


图12


图13


图14

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


图15


图16


图17


图18


图19

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

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


图21


图22

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


图23


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


图25


图26

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


图27


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


图29


图30

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


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


图32


图33


图34

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


图35


图36

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


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


图38


图39

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


图40


图41
20.效果图如图42。


图42

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


图43


图44

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


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


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


图48


图49

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


图50


图51


图52

得到图53效果。


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


图54

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

延伸阅读
   先看看最终效果吧,哈哈是不是有点复杂. 不过不要急,心情放松...注意力集中...现在我们就来"肢解"他.不难看出这个按钮主要由3部分构成:背景,水晶按钮及文字,下面我们就开始动手. 一.背景的制作: 1.打开photoshop 新建一个400*400的文件 最好是"RGB"颜色 用黑白圆形渐变绘制如图2所示渐变 图1 图2 2.选择滤镜 杂色 ...
标签: 水晶
案例欣赏 对于水晶按钮的效果,大家应该见得很多了,我们使用Fireworks软件可以制作各种各样的立体水晶效果,但是不管什么样的水晶立体效果,都有一个共同的特点,为了能够实现按钮的立体效果,我们可以通过渐变色和制作高光效果来实现。效果如图1.1所示。 图 1.1卡通表情图标效果 思路分析   ...
photoshop绘制圆形水晶按钮 最终效果图 1.新建文件,宽、高都TuLaoShi.com为5,单位cm,分辨率200,模式为RGB,白色背景。 2.用圆形选框工具画出圆形选框,在选区内点鼠标右键,选通过拷贝的图层项(图层1)。 3.新建图层(图层2),使用渐变工具,设置成前景色到透明渐变,前景色设置为R:255,拉出如图渐变...
photoshop水晶按钮制作教程 最终效果 1.新建一个300 * 200像素的文件,定义圆角矩形大小为250 * 120 2.复制圆角矩(图老师整理)形图层并缩小 3.给底部圆角矩形加个渐变叠加,这里具体颜色头可以先不管,是同一色相调整不同明度就可以了。 4.这是是具体的简便颜色设置 photoshop水晶按钮制作教程(2) ...
ps水晶按钮制作教程 photoshop教程最终效果 1.新建一个300tuLaoShi.com * 200像素的文件,定义圆角矩形大小为250 * 120 2.复制圆角矩形图层并缩小 3.给底部圆角矩形加个渐变叠加,这里具体颜色头可以先不管,是同一色相调整不同明度就可以了。 ps水晶按钮制作教程(2) 4.这是是具体的简便颜色设置 ...

经验教程

66

收藏

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