Photoshop制作播放器按钮教程

xiangzi53880 · 发表于 2014-9-20 03:13:49

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

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

x

最终效果

提示：教程详细步骤在二楼，不用回复也能看到！

想下载该教程的可以回复获取下载网址:点击进入下载页

教程编号:134523 作者：隐风出处：飞特网

xiangzi53880 · 发表于 2014-9-20 03:13:51

具体的制作步骤如下：
Ctrl+N新建画布，大小为3000×2380像素，分辨率300dpi,点击确定。
新建组，命名为"background"，在组内新建图层，在工具栏选择渐变工具，模式为径向渐变，单击渐变条，在背景图层上由上往下拉动光标填充背景，如图。

xiangzi53880 · 发表于 2014-9-20 03:13:52

单击形状工具，选择圆角矩形工具，将半径设置为25，在画布中央绘制一个长条状的圆角矩形，填充为白色，如图。

xiangzi53880 · 发表于 2014-9-20 03:13:53

Ctrl+J复制此图层，单击移动工具，按键盘的"↑"键将副本层向上移动3像素，双击图层添加图层样式(fx)，勾选"渐变叠加"效果如图。

xiangzi53880 · 发表于 2014-9-20 03:13:54

新建组1，并在组1内新建图层。

xiangzi53880 · 发表于 2014-9-20 03:13:55

单击形状工具里的圆角矩形工具，将半径设置为25像素，按住shift键在矩形框内绘制一个圆角矩形，为该图层添加图层样式。

xiangzi53880 · 发表于 2014-9-20 03:13:56

Ctrl+J复制图层，单击移动工具，向下移动3像素，并为图层添加图层样式，勾选"斜面和浮雕""内发光""渐变叠加"，颜色如图。

xiangzi53880 · 发表于 2014-9-20 03:13:57

注意这里"光泽等高线"需要调整，调整成如图的效果。

xiangzi53880 · 发表于 2014-9-20 03:13:58

xiangzi53880 · 发表于 2014-9-20 03:13:59

单击钢笔工具，选择"形状"填充颜色设置为#7d1821，绘制形状如图，将"填充"设置为78%，画好后单击右侧的属性选项卡，将"羽化"值设置为16像素。

xiangzi53880 · 发表于 2014-9-20 03:14:00

Ctrl+J复制图层，执行"编辑>变换路径>水平翻转"，将复制的形状移动到矩形右边的相应位置，使左右对称，如图。

xiangzi53880 · 发表于 2014-9-20 03:14:01

单击形状工具选择自定形状工具，单击形状右边的箭头，选择已经定义好的squircle形状，按住shift键在红色矩形中央绘制一个squircle，用移动工具放置在中央，按alt+shift键同时拖动变换控件调整大小。添加图层样式，勾选"渐变叠加""外发光"。如图。
这里的squircle精确的形状无法用photoshop绘制完成，可以用AI绘制，或者在网上直接下载形状素材，这里就不再多讲啦"做不出来的同学可以换一种形状做。

xiangzi53880 · 发表于 2014-9-20 03:14:02

新建图层，单击钢笔工具，在按钮上绘制高光形状如图。右键>填充路径，选择颜色填充，填充为白色，按"Enter"确认

xiangzi53880 · 发表于 2014-9-20 03:14:03

为该图层添加蒙版
单击蒙版，选择渐变填充工具，渐变颜色为由白到黑，选择对称渐变
从路径中央拖动光标到右边，蒙版效果如图
"填充"不透明度设为40%

xiangzi53880 · 发表于 2014-9-20 03:14:04

单击钢笔工具，在面板上方勾选形状

账号		自动登录	找回密码
密码			注册

[网页图片] Photoshop制作播放器按钮教程

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