Photoshop绘制立体大气的播放器按钮

2016-02-15 23:39 14 1 收藏

下面图老师小编跟大家分享Photoshop绘制立体大气的播放器按钮,一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~

【 tulaoshi.com - PS 】

本教程主要使用Photoshop制作立体质感的播放器按钮,教程主要通过钢笔工具勾画形状,然后使用图层样式和渐变来完成立体效果和光感效果完成效果图,喜欢的朋友一起来学习吧,如果有什么不懂的地方可以下载PSD文件查看。

教程源文件:立体质感的播放器按钮PSD源文件

先看看效果图

Photoshop绘制立体大气的播放器按钮,PS教程,图老师教程网

1.渐变背景

文件新建,尺寸为800X600像素,72分辨率的文件

在颜色面板,设置前景色值#eceff6,背景色值#bec1cc

图像新建填充图层渐变(确定)下拉找到刚才设置的颜色勾上(反向-仿色-与图层对齐)

Photoshop绘制立体大气的播放器按钮,PS教程,图老师教程网

Photoshop绘制立体大气的播放器按钮,PS教程,图老师教程网

2.创建和调整圆

Photoshop绘制立体大气的播放器按钮,PS教程,图老师教程网

用形状工具画3个圆,选择3个圆的图层,回到选择工具然后如下图点击红色部分对齐

Photoshop绘制立体大气的播放器按钮,PS教程,图老师教程网

Photoshop绘制立体大气的播放器按钮,PS教程,图老师教程网

3.样式

回到图层面板双击其中一个圆设置图层样式如下:

斜面浮雕内阴影渐变叠加外发光阴影

Photoshop绘制立体大气的播放器按钮,PS教程,图老师教程网

窗口样式新建样式确定

Photoshop绘制立体大气的播放器按钮,PS教程,图老师教程网

设置另外2个圆的只要点击保存的刚才保存的样式就可以了(如上图)。

Photoshop绘制立体大气的播放器按钮,PS教程,图老师教程网

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

4.创建真实阴影

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

复制一个圆,删除样式(拉到垃圾桶),CTRL+T缩小,填充颜色如下

Photoshop绘制立体大气的播放器按钮,PS教程,图老师教程网

滤镜模糊动感模糊

Photoshop绘制立体大气的播放器按钮,PS教程,图老师教程网

用矩形框选工具删除多余部分,把图层放在圆的底层,透明度设置在25%-75%

Photoshop绘制立体大气的播放器按钮,PS教程,图老师教程网

5.斜面和浮雕

Photoshop绘制立体大气的播放器按钮,PS教程,图老师教程网

这是一个很简单的步骤,只需要一分钟。创建了一个更大的圈,重复刚才的步骤,

其中斜面浮雕和阴影设置如下。

Photoshop绘制立体大气的播放器按钮,PS教程,图老师教程网

现在你明白了图层样式的应用了,然后往里面增加播放按钮或者你喜欢图形。

Photoshop绘制立体大气的播放器按钮,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160215/1565380.html

延伸阅读
标签: PS PS基础
当我们看到一个教程的时候,大家会想到些什么呢?马上开练?做完之后呢?本狼建议:在做之前,先看看效果图,想想自己能不能在没有教程的前提下把这个案例做出来?眼前的这个图形由几部分组成,在软件里该怎么实现?步骤是怎么样的?好好思考一番后,再动手做,有目的的去看教程。 看教程的目的是什么?无非就是熟悉软件+绘制技巧(或方法)这两个了吧?...
标签: PS PS基础
本教程主要使用Photoshop绘制时尚迷你的网页播放器教程,一个很简单的播放界面。主要是图层样式的应用,操作绝对简单。做完之后,修改颜色神马的相当的快,当然直接用色相之类的来修改颜色,我并不赞同,原因嘛,自己想!其实做完一个颜色后,直接在源文件里更改图层样式,换个色也花不了多长时间的。 今天,我所提供的PSD里,我们做了四个颜色...
标签: PS PS基础
先看看效果图吧: 具体教程: 1..新建600*400大小文档,用蓝色柔软画笔在画布中间点一下,得到效果如下: 2.新建图层,用椭圆选框工具按住shift键不放,画出正圆,填充颜色#ffb910,选区不要取消。 3.给图形增加高光和阴影。新建图层,用白色柔软画笔在左上角点一下,用黑色画笔在右下角点一下,适当降低不透明度,取消选区。 ...
标签: PS PS基础
本教程主要使用Photoshop绘制绿色风格的网页下载按钮,整体的立体效果表现的非常的漂亮,光泽方面也非常的漂亮,喜欢的朋友让我们一起来学习吧。 先看看效果图 最终效果图
标签: PS PS基础
本教程主要使用Photoshop绘制超质感的立体播放器旋钮图标,教程主要是临摹一枚特别特别特别精致的旋钮图标,效果好看到哭,过程非常细致,已经有不少同学交过作业了,你也来试试。 教程源文件: 立体质感的播放器旋钮图标教程源文件 最终效果: 新建一个1000*1000,72分辨率的新画布。 新建一层,填充34%的灰色。 在当前这个层...

经验教程

344

收藏

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