PS绘制质感红色Logo按钮的详细教程

2016-04-05 15:10 33 1 收藏

人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的PS绘制质感红色Logo按钮的详细教程懂PS的网友们快点来了解吧!

【 tulaoshi.com - ps鼠绘 】

PS绘制质感红色Logo按钮的详细教程

PS绘制质感红色Logo按钮的详细教程 图老师教程

  (1)photoshop教程运行Photoshop CS5,打开素材文(www.tulaoshi.com)件红背景.psd文件。

按此在新窗口浏览图片

  (2)设置前景色,选择圆角矩形工具,设置并绘制。

按此在新窗口浏览图片

  (3)对形状 1进行自由变换操作。

按此在新窗口浏览图片

  (4)为形状 1添加图层样式投影效果。

按此在新窗口浏览图片

PS绘制质感红色Logo按钮的详细教程(2)

  (5)新建图层 1,并与形状 1合并图层。

按此在新窗口浏览图片

  (6)为合并后的图层 1添加图层样式。

按此在新窗口浏览图片

  (7)选择多边tulaoshi形套索工具绘制选区。复制选区内容到图层 2并删除图层样式。

按此在新窗口浏览图片
按此在新窗口浏览图片

  (8)执行图像→调整→色相/饱和度命令。

按此在新窗口浏览图片

PS绘制质感红色Logo按钮的详细教程(3)

  (9)使用魔棒工具载入选区。

按此在新窗口浏览图片

  (10)新建图层 3,使用渐变工具拉出渐变。

按此在新窗口浏览图片

  (11)取消选区选择状态,设置图层 3的不透明度tulaoshi为70%。

按此在新窗口浏览图片

  (12)设置前景色,使用钢笔工具进行绘制。

按此在新窗口浏览图片

  (13)为形状 1添加图层样式。

按此在新窗口浏览图片

PS绘制质感红色Logo按钮的详细教程(4)

按此在新窗口浏览图片
按此在新窗口浏览图片

  (14)使用钢笔工具进行绘制。

按此在新窗口浏览图片

  (15)复制形状 2,改变其位置和tulaoShi.com颜色。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/psshuhuijiaocheng/)
按此在新窗口浏览图片

  (16)选择钢笔工具绘制出路径。

按此在新窗口浏览图片

PS绘制质感红tuLaoShi.com色Logo按钮的详细教程(5)

  (17)将路径载入选区。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/psshuhuijiaocheng/)
按此在新窗口浏览图片

  (18)新建图层 4,选择渐变工具在选区内拉出渐变。

按此在新窗口浏览图片

  (19)取消选区选择状态,设置图层 4的不透明度为40%。

按此在新窗口浏览图片

  (20)显示组 1图层组,完成实例制作。

按此在新窗口浏览图片

  完成最终效果

按此在新窗口浏览图片

来源:https://www.tulaoshi.com/n/20160405/2124603.html

延伸阅读
标签: PS PS教程
按钮制作不难,首先确立具体形状,然后再用图层样式为其加上效果,最后加强下质感,给底部和顶部一些高光,然后再加上文字就大功告成了,接下来就跟@DearSalt 一起学习这篇按钮教程吧 一、分析图层 在复杂的图形效果也是一层一层叠加起来的,想要做出它的效果必须分析它每一个图层的构成,这样才能做出更好的设计作品,首...
标签: PS PS基础
在本Photoshop教程中,我们要学习如何在PhotoshopCS3中创建一个简单的按钮。当我们通过本PS教程,我们将处理许多Photoshop 的技巧和技术! 先看效果图 1、打开Adobe Photoshop CS3软件,执行菜单:文件/新建(快捷键Ctrl+N),弹出新建对话框,设置名称:按钮,宽度:570像素,高度:400像素,分辨率:72像素/英寸,颜色模式:RGB颜色、8位,...
PS制作黄色质感水晶按钮教程TuLaoShi.com 教程介绍如何用photoshop的自定义形状工具和图层样式制作一个小巧的黄色按钮,先看效果图。 新建文档280x160像素,背景填充浅蓝色,建新层,画一白色圆角矩形 添加图层样式。 TuLaoShi.comPS制作黄色质感水晶按钮教程(2) 效果如下。 建新层,做如下选区...
PS绘制一枚质感卡通游戏开始按钮   效果图: PS绘制一枚质感卡通游戏开始按钮 1、分析图层 2、制作背景 新建600*600px,72分辨率的RGB画布,使用简便工具做一个径向简便图层,颜色数值如图。然后在其上方填充一个纹理图层并适当降低不透明度以增加背景质感。 3、制作按钮底层 新建图层命名为底...
标签: PS PS基础
下面是详细的制作过程,图文并茂.

经验教程

736

收藏

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