Photoshop样式教程:制作灰色质感的播放器界面

2016-02-16 07:41 20 1 收藏

下面,图老师小编带您去了解一下Photoshop样式教程:制作灰色质感的播放器界面,生活就是不断的发现新事物,get新技能~

【 tulaoshi.com - PS 】

开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。

素材:MissYuan_教程素材.rar

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

(1)运行Photoshop CS5,打开本书附带光盘背景.psd文件。

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

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

(2)使用钢笔工具在视图中绘制形状图层。

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

(3)接着为形状 1图像添加渐变叠加和斜面和浮雕样式效果,使其呈现立体效果。

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

(4)继续为其添加内阴影、描边、投影样式效果,将播放器底座制作出来。

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

(5)复制形状 1图层,删除其图层样式并调整大小和形状。

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

(6)接着为其添加内发光和描边效果。

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

(7)更改该图层的图层填充度。

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

(8)复制形状 1 副本图层,更改其形状和图层样式。

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

(9)使用圆角矩形工具绘制形状并对其加以调整。

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

(10)更改形状 2的图层填充度,为其添加渐变叠加和描边样式效果。

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

(11)复制形状 2,调整其大小和形状。

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

(12)更改其渐变叠加参数选项,添加内发光样式效果。

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

(13)使用椭圆工具绘制正圆形状图层,为其添加渐变叠加和外发光样式效果。

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

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

(14)复制形状 3图层,删除外发光样式,更改渐变叠加样式参数选项。

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

(15)使用椭圆选框工具绘制选区,为其添加图层蒙版,屏蔽选区内图像。

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

(16)复制形状 3 副本图层,删除图层蒙版,缩小其形状并更改其渐变叠加样式参数选 项。

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

(17)继续使用钢笔工具绘制形状图层,参照上述所示方法,为其添加不同的图层样式效果。

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

(18)下面开始制作播放器的上部分,在装饰 2图层组的上方绘制形状,并为其添加不同的图层样式效果。

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

(19)在形状 5图层的下方绘制形状图层。

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

(20)将形状 5图层的图层样式效果复制到形状 6图层中并加以调整。

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

(21)使用圆角矩形工具绘制形状并加以调整。

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

(22)接着为其添加渐变叠加、外发光和投影效果。

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

(23)将形状 3及其副本图层复制,调整其图层顺序。

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

(24)调整复制图层的位置、大小和图层样式效果设置。

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

(25)最后将隐藏装饰图层组显示,并对其他图层加以调整,完成实例的制作。

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

Photoshop样式教程:制作灰色质感的播放器界面,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1569816.html

延伸阅读
标签: PS PS基础 PS效果
效果图中的按钮共有两层,分别由不同颜色的圆构成。制作的时候只需要先画出合适的圆形,然后用图层样式添加颜色和质感,再在底部增加一点暗部和高光即可。 最终效果 1、文件新建,尺寸为800X600像素,72分辨率的文件。 在颜色面板,设置前景色值#eceff6,背景色值#bec1cc。图像新建填充图层渐变(确定)下拉找到刚才设置的颜色勾上(...
标签: PS PS基础
最终效果 1、在做这个图标之前,我首先翻箱倒柜去找了一个古董级MP3来参考一下。 2、考了一下,我决定把一体的按键变成五个,科技感会强一些。在这里我画了一个草图。 3、新建一个1000*600的文档,设置前景色为白色#ffffff,背景色为#cfcfcf,使用渐变工具,画一个白色到浅灰色的渐变,渐变跟我下图中的箭头差不多就行了。 4、...
photoshop制作播放器PLAY图标 tulaoshi 1、看完了最后效果后,我们来学习它的制作方法:新建一个400*400象素的画布,取名WMP_logo,参数设置如下图所示。 2、在画布中央位置拉横竖两条辅助线。 3、选择工具栏的圆形工具,在画布中央点位置按shift+alt键画一个正圆,填充深蓝色作为背景(如下图)。 photoshop制作播放器...
Director 8.5支持多种视频格式,包括常用的MOV和AVI视频格式。本节实例将介绍创建AVI播放器,通过控制按钮,可以对AVI进行视频播放、停止、快进、快退等操作。   AVI 播放器制作操作步骤如下: (1) 进入Director 8.5。执行Modify→Movie→Properties命令,在弹出的舞台属性检查器对话框中将电影舞台的大小设置为500×400,将背...
播放器折纸视频教程 通过自己动手来制作播放器摆在桌上是一个不错的选择,制作的时候到最后可能一些步骤可能没有那么的顺利,那么就需要我们的细心了,如果我们一步步的去做,相信一定会做好的。首先就先根据视频来学一遍,看看玫瑰盒子是怎么折出来的吧。 播放器折纸步骤教程 准备材料:彩色正方形 1、沿着对边互角对折一下,在对折...

经验教程

560

收藏

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