PS设计金黄色的3D立体按钮

2016-02-19 16:20 12 1 收藏

下面请跟着图老师小编一起来了解下PS设计金黄色的3D立体按钮,精心挑选的内容希望大家喜欢,不要忘记点个赞哦!

【 tulaoshi.com - ps制作按钮 】

先看看效果图

Photoshop设计金黄色的3D立体按钮

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

1.新建大小自定,这里500*300。

2.前景色设置纯黑,选择形状工具,形状圆角矩形工具,在背景上层拉出形状适当钢笔修改下,如下图

Photoshop设计金黄色的3D立体按钮

3.添加形状1的图层样式,渐变叠加 颜色-838383-020202-838383- 如下图

Photoshop设计金黄色的3D立体按钮

4.复制形状1用移动工具,稍微往上移动 ,添加图层样式 投影请看下图。渐变叠加 颜色-ffffff-

afafaf-ffffff-afafaf-4a4a4a-afafaf-3e3e3e-ffffff-afafaf

Photoshop设计金黄色的3D立体按钮

Photoshop设计金黄色的3D立体按钮

5.为了方便,在复制形状 大家可以自己选择形状1或形状2。用变换工具缩小形状3.

Photoshop设计金黄色的3D立体按钮

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

6.添加形状3.图层样式,投影看下图。渐变叠加 颜色 -513900-b07c00-473200-946800-。

Photoshop设计金黄色的3D立体按钮

Photoshop设计金黄色的3D立体按钮

7.复制形状3.稍微适当拉长,添加图层样式 渐变颜色-946800-ffb300-c38900

Photoshop设计金黄色的3D立体按钮

8.设置完成这四个形状 我们得到下图 。

Photoshop设计金黄色的3D立体按钮

9.下面 可以用钢笔 或还用形状 看个人爱好 绘制一个类似月丫的某某【这里命为形状5】设置为叠加不

透明44% 添加图层样式,渐变为中心纯白色 看图 。

Photoshop设计金黄色的3D立体按钮

Photoshop设计金黄色的3D立体按钮

10复制形状5 命为形状6 设置叠加 ,添加图层样式 渐变叠加 还是中心白 跟形状5一样 只修改缩放。

Photoshop设计金黄色的3D立体按钮

Photoshop设计金黄色的3D立体按钮

Photoshop设计金黄色的3D立体按钮

最终效果:

Photoshop设计金黄色的3D立体按钮

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

来源:http://www.tulaoshi.com/n/20160219/1611749.html

延伸阅读
标签: Web开发
CSS 按钮的效率远比基本图像的按钮的效率高得多,因为它们全部都是基于文本的。所有要用 XHTML 标记只是一个无序列表——CSS 样式负责其余部分。而且,你不需要任何 JavaScript 来交换图像以实现翻卷效果,因为 CSS 伪类(pseudoclass)能够让你为链接的每个状态(链接link、已访问visited、悬停hover、激活active)建立独立的样式。 纯 CSS ...
3D岩浆字效制作教程做出的字体好像沉入了炽热的岩浆一样,效果非常好。而且“简单”实用。有兴趣的试试吧 效果图: 效果图: 用黑色的背景,打上白色字体,最后合并图层 用“风” 滤镜 ,左右各执行2次最终效果如图: 用“分层云彩”执行几次 用文字工具再打入一样大小的字体与原图基本重合 现在,...
本教程简单介绍金黄色调的调色教程。思路:主要是使用曲线调色,过程比较简单,然后把调好的图片加上暗角和景深即可。 原图 最终效果 1、打开原图,按Ctrl + J复制一层,然后创建曲线调整图层,参数设置如下图。 2、新建一个图层,用椭圆选框工具绘制一个较大椭圆,按Ctrl + Alt + D羽化,数值为100,确定后按Ctrl + Shift + I...
金黄色葡萄球菌 什么是金黄色葡萄球菌 说起金黄色葡萄球菌,这是很多人都不知道的病菌,也很少有人知道金黄色葡萄球菌对人体有哪些影响。今天我们就一起来看看到底什么是金黄色葡萄球菌,什么金黄色葡萄球菌感染,是了解一下金黄色葡萄球菌对人的影响,看看它有哪些传播途径。想想知道的朋友就一起来看看下面的内容吧。 ...

经验教程

873

收藏

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