ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 2424|回复: 13
收起左侧

[按钮图标] Photoshop播放器按钮教程

[复制链接]
发表于 2014-4-23 06:03:38 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

x
      本教程主要使用Photoshop制作立体质感的播放器按钮,教程主要通过钢笔工具勾画形状,然后使用图层样式和渐变来完成立体效果和光感效果完成效果图
先看看效果图


提示:教程详细步骤在二楼,不用回复也能看到!
想下载该教程的可以回复获取下载网址:
游客,如果您要查看本帖隐藏内容请回复
教程编号:133281 作者:wenjunliao 出处:站酷
 楼主| 发表于 2014-4-23 06:03:40 | 显示全部楼层

Photoshop播放器按钮教程


1.渐变背景
文件>新建,尺寸为800X600像素,72分辨率的文件
在颜色面板,设置前景色值#eceff6,背景色值#bec1cc
图像>新建填充图层>渐变(确定)>下拉找到刚才设置的颜色>勾上(反向-仿色-与图层对齐)





回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-4-23 06:03:41 | 显示全部楼层

Photoshop播放器按钮教程


2.创建和调整圆


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-4-23 06:03:42 | 显示全部楼层

Photoshop播放器按钮教程


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





回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-4-23 06:03:43 | 显示全部楼层

Photoshop播放器按钮教程


3.样式
回到图层面板双击其中一个圆设置图层样式如下:
·斜面浮雕·内阴影·渐变叠加·外发光·阴影


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-4-23 06:03:44 | 显示全部楼层

Photoshop播放器按钮教程

        
窗口>样式>新建样式>确定


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-4-23 06:03:45 | 显示全部楼层

Photoshop播放器按钮教程


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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-4-23 06:03:46 | 显示全部楼层

Photoshop播放器按钮教程


4.创建真实阴影
复制一个圆,删除样式(拉到垃圾桶),CTRL+T缩小,填充颜色如下


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-4-23 06:03:47 | 显示全部楼层

Photoshop播放器按钮教程


滤镜>模糊>动感模糊


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-4-23 06:03:48 | 显示全部楼层

Photoshop播放器按钮教程


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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-4-23 06:03:49 | 显示全部楼层

Photoshop播放器按钮教程


5.斜面和浮雕


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-4-23 06:03:50 | 显示全部楼层

Photoshop播放器按钮教程


这是一个很简单的步骤,只需要一分钟。创建了一个更大的圈,重复刚才的步骤,
其中斜面浮雕和阴影设置如下。


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-4-23 06:03:51 | 显示全部楼层

Photoshop播放器按钮教程


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



?
  
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-5-11 14:28 , Processed in 0.040767 second(s), 10 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表