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

催碎小小碎催

催碎小小碎催

2016-02-15 23:39

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

本教程主要使用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://m.tulaoshi.com/ps/)

4.创建真实阴影

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

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

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

滤镜模糊动感模糊

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

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

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

5.斜面和浮雕

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

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

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

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

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

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

展开更多 50%)
分享

猜你喜欢

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

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

Photoshop制作立体透明效果的播放器按钮

PS PS基础
Photoshop制作立体透明效果的播放器按钮

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

播放器按钮的制作

PS PS基础 ps平面设计教程 ps去水印教程
播放器按钮的制作

Photoshop设计简洁大气的音乐播放器

PS PS基础
Photoshop设计简洁大气的音乐播放器

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop设计简洁大气的音乐播放器教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop设计简洁大气的音乐播放器教程

Photoshop制作精致的媒体播放器按钮

PS PS基础 PS效果
Photoshop制作精致的媒体播放器按钮

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop调出草丛女孩另类冷色效果

Photoshop调出草丛女孩另类冷色效果

Photoshop调出木桥上女孩唯美紫色效果

Photoshop调出木桥上女孩唯美紫色效果
下拉加载更多内容 ↓