用Photoshop制作Vista风格图标(4)

效果 图如下: 步骤如下: 1、新建一个 图像 文档(快捷键Ctrl N),背景色为#2a2a2a,宽度和高度依自己需要而定。 图1:新建一个暗色的图像文档 2、从 工具 栏选择圆角矩形 工具 (快捷键U),在选项栏设置其半径

photoshop制作火焰文字(2)

步骤7 合并之前几步所有的复制图层,并重命名为“火焰” 。改变合并图层的混合模式为“强光” 。您将有如下效果: ,在这个层上,按Ctrl + U应用下列色相和饱和度调整: 这就是你将要得到的效果: 步骤8 仍要停留在

效果图如下:

用Photoshop制作Vista风格图标(4)插图

  步骤如下:

  1、新建一个 图像 文档(快捷键Ctrl N),背景色为#2a2a2a,宽度和高度依自己需要而定。

用Photoshop制作Vista风格图标(4)插图(1)

图1:新建一个暗色的图像文档

  2、从 工具 栏选择圆角矩形 工具 (快捷键U),在选项栏设置其半径为5 像素 ,颜色为黑色, 绘制 类似如下形状的 图形 :

用Photoshop制作Vista风格图标(4)插图(2)

图2:绘制一个圆角的矩形形状
3、将“形状1” 图层 重命名为“按钮背景”,在空白处双击,打开 图层 样式 对话框。给图层应用“外发光”、“内发光”、“渐变叠加”、“描边”等样式。具体设置如图所示:

  (1) “外发光”图层样式参数设置:

用Photoshop制作Vista风格图标(4)插图(3)

图3:“外发光”图层样式参数设置

  (2)“内发光”图层样式参数设置:

用Photoshop制作Vista风格图标(4)插图(4)

图4:“内发光”图层样式参数设置

  (3)“渐变叠加”图层样式参数设置:

用Photoshop制作Vista风格图标(4)插图(5)

图5:“渐变叠加”图层样式参数设置

  其中渐变色三处色标的颜色分别是:#148791 #000f1b #000f1b,如图所示:

用Photoshop制作Vista风格图标(4)插图(6)

图6:编辑“渐变” 色彩
(4)“描边”图层样式参数设置:

用Photoshop制作Vista风格图标(4)插图(7)

图7:“描边”图层样式参数设置

  应用如上图层样式后,我们将得到如下效果:

用Photoshop制作Vista风格图标(4)插图(8)

图8:应用图层样式后的效果

  4、新建一个图层,并命名为“光泽”。从工具栏中选择“矩形选框工具”(快捷键M),绘制如下所示的 选区 。

用Photoshop制作Vista风格图标(4)插图(9)

图9:使用矩形选框工具绘制选区

  5、现在我们要得到按钮部分的选区。按住Shift Ctrl Alt键不放,用 鼠标 点击“按钮背景”图层的“图层缩览图”图标,即得到按钮部分的选区。

用Photoshop制作Vista风格图标(4)插图(10)

图10:按住Shift Ctrl Alt键,点击图中红色圈住的图标

用Photoshop制作Vista风格图标(4)插图(11)

图11:得到按钮部分的选区
6、从菜单中选择“选择 -> 修改 -> 收缩”,收缩量设置为1像素,将选区缩小1像素。

用Photoshop制作Vista风格图标(4)插图(12)

图12:将选区缩小1像素

  7、点击选择“光泽”图层,使用白色 #ffffff 填充选区,Ctrl D 取消选区。在图层面板上,将不透明度降低为20%。这样,一款 漂亮 的质感按钮就 制作 完成了。

用Photoshop制作Vista风格图标(4)插图(13)

图13:使用白色填充选区,将图层不透明度降低为20%

  8、最后在按钮上输入所需要的 文字 即可。注意使文字图层位于“光泽”图层之下,并且根据需要,适当调整文字图层的不透明度。最终 效果图 如下:

用Photoshop制作Vista风格图标(4)插图

搜索更多相关主题的帖子:Vista Photoshop 图标 风格 制作

简单的,我们教你,深奥的,你来分享,非主流照片|qqkongjian|feizhuliu|tupian|luntan|psjiaocheng|bishua|ruanjian|chajian|xiazai|psxiazai|qqkongjiandaima

  5、现在我们要得到按钮部分的选区。按住Shift Ctrl Alt键不放,用 鼠标 点击“按钮背景”图层的“图层缩览图”图标,即得到按钮部分的选区。

用Photoshop制作Vista风格图标(4)插图(10)

图10:按住Shift Ctrl Alt键,点击图中红色圈住的图标

用Photoshop制作Vista风格图标(4)插图(11)

图11:得到按钮部分的选区
6、从菜单中选择“选择 -> 修改 -> 收缩”,收缩量设置为1像素,将选区缩小1像素。

用Photoshop制作Vista风格图标(4)插图(12)

图12:将选区缩小1像素

  7、点击选择“光泽”图层,使用白色 #ffffff 填充选区,Ctrl D 取消选区。在图层面板上,将不透明度降低为20%。这样,一款 漂亮 的质感按钮就 制作 完成了。

用Photoshop制作Vista风格图标(4)插图(13)

图13:使用白色填充选区,将图层不透明度降低为20%

  8、最后在按钮上输入所需要的 文字 即可。注意使文字图层位于“光泽”图层之下,并且根据需要,适当调整文字图层的不透明度。最终 效果图 如下:

用Photoshop制作Vista风格图标(4)插图

搜索更多相关主题的帖子:Vista Photoshop 图标 风格 制作

简单的,我们教你,深奥的,你来分享,非主流照片|qqkongjian|feizhuliu|tupian|luntan|psjiaocheng|bishua|ruanjian|chajian|xiazai|psxiazai|qqkongjiandaima

效果图如下:

用Photoshop制作Vista风格图标(4)插图

  步骤如下:

  1、新建一个 图像 文档(快捷键Ctrl N),背景色为#2a2a2a,宽度和高度依自己需要而定。

用Photoshop制作Vista风格图标(4)插图(1)

图1:新建一个暗色的图像文档

  2、从 工具 栏选择圆角矩形 工具 (快捷键U),在选项栏设置其半径为5 像素 ,颜色为黑色, 绘制 类似如下形状的 图形 :

用Photoshop制作Vista风格图标(4)插图(2)

图2:绘制一个圆角的矩形形状
3、将“形状1” 图层 重命名为“按钮背景”,在空白处双击,打开 图层 样式 对话框。给图层应用“外发光”、“内发光”、“渐变叠加”、“描边”等样式。具体设置如图所示:

  (1) “外发光”图层样式参数设置:

用Photoshop制作Vista风格图标(4)插图(3)

图3:“外发光”图层样式参数设置

  (2)“内发光”图层样式参数设置:

用Photoshop制作Vista风格图标(4)插图(4)

图4:“内发光”图层样式参数设置

  (3)“渐变叠加”图层样式参数设置:

用Photoshop制作Vista风格图标(4)插图(5)

图5:“渐变叠加”图层样式参数设置

  其中渐变色三处色标的颜色分别是:#148791 #000f1b #000f1b,如图所示:

用Photoshop制作Vista风格图标(4)插图(6)

图6:编辑“渐变” 色彩
(4)“描边”图层样式参数设置:

用Photoshop制作Vista风格图标(4)插图(7)

图7:“描边”图层样式参数设置

  应用如上图层样式后,我们将得到如下效果:

用Photoshop制作Vista风格图标(4)插图(8)

图8:应用图层样式后的效果

  4、新建一个图层,并命名为“光泽”。从工具栏中选择“矩形选框工具”(快捷键M),绘制如下所示的 选区 。

用Photoshop制作Vista风格图标(4)插图(9)

图9:使用矩形选框工具绘制选区

效果图如下:

用Photoshop制作Vista风格图标(4)插图

  步骤如下:

  1、新建一个 图像 文档(快捷键Ctrl N),背景色为#2a2a2a,宽度和高度依自己需要而定。

用Photoshop制作Vista风格图标(4)插图(1)

图1:新建一个暗色的图像文档

  2、从 工具 栏选择圆角矩形 工具 (快捷键U),在选项栏设置其半径为5 像素 ,颜色为黑色, 绘制 类似如下形状的 图形 :

用Photoshop制作Vista风格图标(4)插图(2)

图2:绘制一个圆角的矩形形状
3、将“形状1” 图层 重命名为“按钮背景”,在空白处双击,打开 图层 样式 对话框。给图层应用“外发光”、“内发光”、“渐变叠加”、“描边”等样式。具体设置如图所示:

  (1) “外发光”图层样式参数设置:

用Photoshop制作Vista风格图标(4)插图(3)

图3:“外发光”图层样式参数设置

  (2)“内发光”图层样式参数设置:

用Photoshop制作Vista风格图标(4)插图(4)

图4:“内发光”图层样式参数设置

  (3)“渐变叠加”图层样式参数设置:

用Photoshop制作Vista风格图标(4)插图(5)

图5:“渐变叠加”图层样式参数设置

  其中渐变色三处色标的颜色分别是:#148791 #000f1b #000f1b,如图所示:

用Photoshop制作Vista风格图标(4)插图(6)

图6:编辑“渐变” 色彩
(4)“描边”图层样式参数设置:

用Photoshop制作Vista风格图标(4)插图(7)

图7:“描边”图层样式参数设置

  应用如上图层样式后,我们将得到如下效果:

用Photoshop制作Vista风格图标(4)插图(8)

图8:应用图层样式后的效果

  4、新建一个图层,并命名为“光泽”。从工具栏中选择“矩形选框工具”(快捷键M),绘制如下所示的 选区 。

用Photoshop制作Vista风格图标(4)插图(9)

图9:使用矩形选框工具绘制选区

  5、现在我们要得到按钮部分的选区。按住Shift Ctrl Alt键不放,用 鼠标 点击“按钮背景”图层的“图层缩览图”图标,即得到按钮部分的选区。

用Photoshop制作Vista风格图标(4)插图(10)

图10:按住Shift Ctrl Alt键,点击图中红色圈住的图标

用Photoshop制作Vista风格图标(4)插图(11)

图11:得到按钮部分的选区
6、从菜单中选择“选择 -> 修改 -> 收缩”,收缩量设置为1像素,将选区缩小1像素。

用Photoshop制作Vista风格图标(4)插图(12)

图12:将选区缩小1像素

  7、点击选择“光泽”图层,使用白色 #ffffff 填充选区,Ctrl D 取消选区。在图层面板上,将不透明度降低为20%。这样,一款 漂亮 的质感按钮就 制作 完成了。

用Photoshop制作Vista风格图标(4)插图(13)

图13:使用白色填充选区,将图层不透明度降低为20%

  8、最后在按钮上输入所需要的 文字 即可。注意使文字图层位于“光泽”图层之下,并且根据需要,适当调整文字图层的不透明度。最终 效果图 如下:

用Photoshop制作Vista风格图标(4)插图

搜索更多相关主题的帖子:Vista Photoshop 图标 风格 制作

简单的,我们教你,深奥的,你来分享,非主流照片|qqkongjian|feizhuliu|tupian|luntan|psjiaocheng|bishua|ruanjian|chajian|xiazai|psxiazai|qqkongjiandaima

作者: 791650988

为您推荐