当前位置:首页ps教程Photoshop绘制逼真的索尼PSP拟物图标
Photoshop绘制逼真的索尼PSP拟物图标
°
  • 素材类型: 资源-素材
  • 上传时间:

本教程主要使用Photoshop绘制逼真的索尼PSP拟物图标,非常逼真的拟物图标绘制方法,希望大家在练习过程中多思考、理解制作思路和操作方法,活学活用。

PSP-3000 是 PSP 第 2 次改版型号,规格尺寸与现有 PSP-2000 大致相同,主要变更点为采用具备广色域、高对比与防反光处理的新液晶萤幕,并于 PSP 标志旁内建麦克风。

被 SONY 定位为“ 21 世纪的 WALKMAN ”的 PSP 是一款随时随地都可以享受乐趣的携带型游戏机。不只玩游戏,拥有它还可以享受到欣赏影片、听音乐、浏览照片等功能。

先看看效果图:

Photoshop绘制逼真的索尼PSP拟物图标

教程步骤—

步骤 01

新建画布,尺寸 1000X800 像素,分辨率 72,新建图层,填充颜色#b7b7b7,转为智能对象,添加杂色,数量3%,命名图层为【背景】并锁定

步骤 02

新建矩形,宽591px,高248px,新建椭圆,宽159px,高248px,复制一个椭圆,左右对齐(这里降低不透明度是为了方便你们观察)

Photoshop绘制逼真的索尼PSP拟物图标

步骤 03

新建矩形,宽434px,高5px,复制一个,上下对齐

Photoshop绘制逼真的索尼PSP拟物图标

步骤 04

然后合并刚才创建好的 5 个形状,并修改颜色为 #525252 ,命名为【机身】

Photoshop绘制逼真的索尼PSP拟物图标

步骤 05

接着创建矩形,宽 76px ,高 24px ,左上圆角 24px ,右下圆角 24px ,填充颜色 #ffffff ,右键转为智能对象,复制 3 个,分别放在四个角

Photoshop绘制逼真的索尼PSP拟物图标

步骤 06 然后调出四个矩形的选区,选中图层机身,加入蒙版,把右下的那个图层删掉,在机身蒙版把四周尖尖的角用黑色的画笔稍微擦一下,不要显得太尖,把三个按钮图层稍微缩放一点,让它们和刚刚擦除的圆角连接上,

步骤 06

然后调出四个矩形的选区,选中图层机身,加入蒙版,把右下的那个图层删掉,在机身蒙版把四周尖尖的角用黑色的画笔稍微擦一下,不要显得太尖,把三个按钮图层稍微缩放一点,让它们和刚刚擦除的圆角连接上,另外三个按钮图层分别命名,放在机身图层下面

Photoshop绘制逼真的索尼PSP拟物图标

步骤 07

【按钮-左下】填充改为 70% ,复制一层,缩小一点,左键点击【按钮-左下】图层缩略图,建立选区,给【按钮-左下】添加蒙版,得到以下形状,然后【按钮-左下】复制层可以删掉了~

Photoshop绘制逼真的索尼PSP拟物图标

给【按钮-左下】添加图层样式如图,内阴影颜色分别为 #ffffff 和 #57514b

Photoshop绘制逼真的索尼PSP拟物图标

Photoshop绘制逼真的索尼PSP拟物图标

再复制一次【按钮-左下】,命名为【按钮-左下-阴影】,清除图层样式和删掉蒙版,填充 0% ,再添加内阴影,设置如图,颜色为 #462e18

Photoshop绘制逼真的索尼PSP拟物图标

上面两个按钮的填充都设置为 50% ,给【按钮-左上】添加图层样式,再把图层样式复制给【按钮-右上】 内阴影颜色为 #ffffff,渐变颜色从左至右为 #b76d03 和 #ffffff 得到如图所示效果 步骤 08 给机身添加图层样式如

上面两个按钮的填充都设置为 50% ,给【按钮-左上】添加图层样式,再把图层样式复制给【按钮-右上】

内阴影颜色为 #ffffff,渐变颜色从左至右为 #b76d03 和 #ffffff

Photoshop绘制逼真的索尼PSP拟物图标

Photoshop绘制逼真的索尼PSP拟物图标

得到如图所示效果

Photoshop绘制逼真的索尼PSP拟物图标

步骤 08

给机身添加图层样式如图

斜面和浮雕的高光模式颜色为 #ffd9aa,阴影模式颜色为 #000000

第 1 个内阴影颜色为 #ffd9aa

第 2 个内阴影颜色为 #ffd9aa

第 3 个内阴影颜色为 #5e482b

第 4 个内阴影颜色为 #5e482b

渐变填充从左至右为 #cba47b~#81613a

Photoshop绘制逼真的索尼PSP拟物图标

Photoshop绘制逼真的索尼PSP拟物图标

Photoshop绘制逼真的索尼PSP拟物图标

Photoshop绘制逼真的索尼PSP拟物图标

Photoshop绘制逼真的索尼PSP拟物图标

Photoshop绘制逼真的索尼PSP拟物图标

Photoshop绘制逼真的索尼PSP拟物图标

然后整理一下图层并编组,命名为【按钮】

Photoshop绘制逼真的索尼PSP拟物图标

步骤 09 创建矩形,命名【屏幕】,颜色填充为 #818181 ,图层填充为0% 步骤 10 给【屏幕】图层添加图层样式如图 内阴影 1 的颜色为 #f7c678 内阴影 2 的颜色为 #614a31 内阴影 3 的颜色为 #000000 得到如图所示效果

步骤 09

创建矩形,命名【屏幕】,颜色填充为 #818181 ,图层填充为0%

Photoshop绘制逼真的索尼PSP拟物图标

步骤 10

给【屏幕】图层添加图层样式如图

内阴影 1 的颜色为 #f7c678

内阴影 2 的颜色为 #614a31

内阴影 3 的颜色为 #000000

Photoshop绘制逼真的索尼PSP拟物图标

Photoshop绘制逼真的索尼PSP拟物图标

Photoshop绘制逼真的索尼PSP拟物图标

得到如图所示效果

Photoshop绘制逼真的索尼PSP拟物图标

步骤 11 新建矩形,宽351px,高210px,命名为【屏幕底】,右键编组,并且放在【屏幕】文件组里, 给【屏幕底】文件组添加渐变叠加,渐变颜色从左至右为 #000000 ~ #ffffff 左键点击【屏幕】的缩略图,新建选区,在

步骤 11

新建矩形,宽351px,高210px,命名为【屏幕底】,右键编组,并且放在【屏幕】文件组里,

给【屏幕底】文件组添加渐变叠加,渐变颜色从左至右为 #000000 ~ #ffffff

左键点击【屏幕】的缩略图,新建选区,在屏幕内容上添加蒙版

Photoshop绘制逼真的索尼PSP拟物图标

步骤 12

用画笔写出 1 像素的【PSP】字样,右键编组并添加投影,颜色为 #472f18

Photoshop绘制逼真的索尼PSP拟物图标

Photoshop绘制逼真的索尼PSP拟物图标

步骤 13

新建矩形,宽 16px ,高 9px ,圆角 4.5px ,填充颜色为 #2e2e2e ,命名为【喇叭-左】,添加图层样式如图

内阴影 1 颜色为 #000000

内阴影 2 颜色为 #f7c678

Photoshop绘制逼真的索尼PSP拟物图标

Photoshop绘制逼真的索尼PSP拟物图标

步骤 14

右键把图层转为智能对象,并添加杂色,数量 2% ,之后再复制一个放大一点为【喇叭-左-高光】,填充为 0% ,添加内阴影,颜色为 #f7c678

Photoshop绘制逼真的索尼PSP拟物图标

这样,左边喇叭就做好了,同样方法做出右边喇叭,做好之后右键编组,命名为【喇叭】

Photoshop绘制逼真的索尼PSP拟物图标

步骤 15

用形状工具画出描边为 1px 的【△】,描边颜色 #ffffff ,再画一个直径 30*30px 的圆,填充颜色 #3f3f3f ,添加图层样式如图

内阴影颜色为 #ffffff

渐变叠加颜色从左至右分别为 #000000 ~ #ffffff

外发光颜色为 #272727

Photoshop绘制逼真的索尼PSP拟物图标

复制一个刚才的圆形,制作高光,填充为 0% ,放大一点,清除图层样式,重新添加内阴影如图,颜色为 #ffffff ,就这样会得到一个【按键】

Photoshop绘制逼真的索尼PSP拟物图标

步骤 16 下面的【X】的制作方法是一样的,只是高光颜色不一样。颜色改为 #f7c678 ,左边的【□】制作方法也一样,只是下面的高光,需要把它分成两边不一样的的颜色,左边的颜色为 #f7c678,右边颜色为 #ffffff ,然

步骤 16

下面的【X】的制作方法是一样的,只是高光颜色不一样。颜色改为 #f7c678 ,左边的【□】制作方法也一样,只是下面的高光,需要把它分成两边不一样的的颜色,左边的颜色为 #f7c678,右边颜色为 #ffffff ,然后把中间的地方用蒙版擦去一点,右边的【○】,只是高光颜色就和【□】相反,改一下就可以了,做完之后记得右键编组

Photoshop绘制逼真的索尼PSP拟物图标

步骤 17

创建圆形【右边键盘底座-下】,直径72*72px,填充颜色 #525252,添加图层样式如图

内阴影 1 颜色为 #000000

内阴影 2 颜色为 #ffffff

外发光颜色为 #000000

Photoshop绘制逼真的索尼PSP拟物图标

Photoshop绘制逼真的索尼PSP拟物图标

Photoshop绘制逼真的索尼PSP拟物图标

步骤 18

然后复制一个,命名为【右边键盘底座-上】,不透明度 80% ,删除图层样式重新添加

内阴影颜色为 #ffffff

渐变叠加颜色从左至右为 #000000 ~ #ffffff

Photoshop绘制逼真的索尼PSP拟物图标

Photoshop绘制逼真的索尼PSP拟物图标

把这两个图层编组,一起放在组【右边键盘】里面,然后左边键盘底座方法和右边一样,就是圆形的直径改成 94*94px

Photoshop绘制逼真的索尼PSP拟物图标

步骤 19 新建矩形,宽26px,高21px ,填充颜色 #3f3f3f ,命名为【上】,用钢笔工具添加锚点,得到如下形状,并添加图层样式 内阴影 1 ,颜色为 #ffffff 内阴影 2 ,颜色为 #000000 渐变叠加,颜色从左至右为 #0000

步骤 19

新建矩形,宽26px,高21px ,填充颜色 #3f3f3f ,命名为【上】,用钢笔工具添加锚点,得到如下形状,并添加图层样式

内阴影 1 ,颜色为 #ffffff

内阴影 2 ,颜色为 #000000

渐变叠加,颜色从左至右为 #000000 ~ #ffffff

外发光,颜色为 #272727

Photoshop绘制逼真的索尼PSP拟物图标

Photoshop绘制逼真的索尼PSP拟物图标

Photoshop绘制逼真的索尼PSP拟物图标

Photoshop绘制逼真的索尼PSP拟物图标

Photoshop绘制逼真的索尼PSP拟物图标

步骤 20

复制一层,放大一点,命名为【上-高光】,图层填充 0% ,添加内阴影,颜色为 #ffffff

再画一个描边像素为 1px 的 【△】放到上面,注意图层顺序,其他三个方向键的绘制方法是一样的

Photoshop绘制逼真的索尼PSP拟物图标

步骤 21 创建圆形,直径 37*37px ,填充颜色#434343,命名为【遥杆】,添加图层样式 内阴影,颜色为 #ffffff 外发光,颜色为 #000000 步骤 22 用形状图层画出下面这个图案,填充颜色 #272727,命名为【花纹】,然后

步骤 21

创建圆形,直径 37*37px ,填充颜色#434343,命名为【遥杆】,添加图层样式

内阴影,颜色为 #ffffff

外发光,颜色为 #000000

Photoshop绘制逼真的索尼PSP拟物图标

Photoshop绘制逼真的索尼PSP拟物图标

步骤 22

用形状图层画出下面这个图案,填充颜色 #272727,命名为【花纹】,然后旋转 30 度,缩小一点,放到遥杆上面,并右键【创建剪贴蒙版】,再添加内阴影,颜色为 #ffffff

复制【遥杆】图层,命名为【遥感-高光】,图层填充 0% ,添加内阴影,颜色为 #f7c678

Photoshop绘制逼真的索尼PSP拟物图标

完成之后,注意图层顺序

Photoshop绘制逼真的索尼PSP拟物图标

步骤 23 创建矩形,宽 8px ,高 4px ,填充颜色 #2e2e2e,圆角 2px ,命名为【麦克风】,并添加内阴影,颜色为 #f7c678 步骤 24 接着制作屏幕下方的按键,我先说一下按键 1 的制作方法,按键 167 制作方法是一样的

步骤 23

创建矩形,宽 8px ,高 4px ,填充颜色 #2e2e2e,圆角 2px ,命名为【麦克风】,并添加内阴影,颜色为 #f7c678

Photoshop绘制逼真的索尼PSP拟物图标

Photoshop绘制逼真的索尼PSP拟物图标

步骤 24

接着制作屏幕下方的按键,我先说一下按键 1 的制作方法,按键 167 制作方法是一样的,直接复制即可,2345 呢就是大小改变而已,其他没有变,也是复制就可以,

新建矩形,宽36px,高17px ,填充颜色 #525252 ,圆角 8.5px ,添加图层样式

内阴影,颜色为 #ffffff

渐变叠加,颜色从左至右为 #000000 ~ #ffffff

外发光,颜色为 #000000

Photoshop绘制逼真的索尼PSP拟物图标

Photoshop绘制逼真的索尼PSP拟物图标

Photoshop绘制逼真的索尼PSP拟物图标

Photoshop绘制逼真的索尼PSP拟物图标

然后复制一层,放大一点,填充 0% ,清除图层样式,添加内阴影,颜色为 #f7c678

Photoshop绘制逼真的索尼PSP拟物图标

其他几个按键就复制就可以了,上面的图案自己画一下就可以了(按键上面的图案和文字都要加投影,颜色为 #2d2c2c) 步骤 25 接下来做指示灯,创建圆形【绿灯-左】,直径 5*5px ,填充颜色 #1cf03a ,并添加图层样式 内

其他几个按键就复制就可以了,上面的图案自己画一下就可以了(按键上面的图案和文字都要加投影,颜色为 #2d2c2c)

Photoshop绘制逼真的索尼PSP拟物图标

步骤 25

接下来做指示灯,创建圆形【绿灯-左】,直径 5*5px ,填充颜色 #1cf03a ,并添加图层样式

内阴影,颜色为 #000000

外发光,颜色为 #1cf03a

Photoshop绘制逼真的索尼PSP拟物图标

Photoshop绘制逼真的索尼PSP拟物图标

一个灯就做好了~

然后再复制 3 个,其中有两个改一下颜色填充 #f3dc1d ,图层样式的外发光也要改为 #f3dc1d

Photoshop绘制逼真的索尼PSP拟物图标

四个指示灯就做好了,把名字改好,灯旁边的图案和文字自己画一下就可以了,(图案和文字都要加投影,颜色为 #2d2c2c )然后编组

Photoshop绘制逼真的索尼PSP拟物图标

步骤 26

接着添加 SONY 的 LOGO ,可以从网下载图片,抠图并调整大小,添加和指示灯文字一样的图层样式,外发光颜色改为 #472f18 就可以了

Photoshop绘制逼真的索尼PSP拟物图标

步骤 27 在【机身】图层组里新建图层,命名【机身下高光-亮】,用柔边画笔点一下,压扁,调整合适大小和位置,图层混合模式改为【叠加】,复制一层,命名【机身下高光-浅】,混合模式改为【柔光】,不透明度调整为

步骤 27

在【机身】图层组里新建图层,命名【机身下高光-亮】,用柔边画笔点一下,压扁,调整合适大小和位置,图层混合模式改为【叠加】,复制一层,命名【机身下高光-浅】,混合模式改为【柔光】,不透明度调整为 20%

Photoshop绘制逼真的索尼PSP拟物图标

步骤 28

用钢笔勾出下面这个形状,羽化值 3px ,填充颜色 #ffddd8 ,图层混合模式改为【叠加】,命名【机身右高光 亮】,复制一层,命名【机身右高光 浅】,混合模式【柔光】,不透明度 60% ,左边机身高光制作方法一样

Photoshop绘制逼真的索尼PSP拟物图标

步骤 29

接下来画一个和屏幕同等大小的黑色矩形,命名【屏幕光影】,注意图层顺序!!

再用钢笔工具把左上角的锚点删掉,羽化值 1px ,不透明度 20%

Photoshop绘制逼真的索尼PSP拟物图标

Photoshop绘制逼真的索尼PSP拟物图标

步骤 30

接着用 AI 画出下面这几个图案,画完之后,拉到 PS 里面来,调整合适大小和位置,除了图案 2,其他图案不透明度为 50% ,然后给图案 2 加个图层样式

Photoshop绘制逼真的索尼PSP拟物图标

Photoshop绘制逼真的索尼PSP拟物图标

步骤 31

最后加个投影就完成

在背景组上面新建图层,命名【投影】,用黑色柔边画笔点一下,压扁,调整合适大小和位置,添加高斯模糊 15px ,混合模式改为【正片叠底】,不透明度70%

Photoshop绘制逼真的索尼PSP拟物图标

最终效果图—

Photoshop绘制逼真的索尼PSP拟物图标

小结—

本期教程到这里就结束了,希望大家在练习过程中多思考、理解制作思路和操作方法,活学活用。

进入论坛交作业:http://www.missyuan.com/thread-849776-1-1.html

温馨提示:

文章标题:Photoshop绘制逼真的索尼PSP拟物图标

文章链接:https://www.4tu.cn/photoshop/42019.html

更新时间:2024年09月01日

文章版权声明
1、本网站名称:思图创意
2、本站永久网址:https://www.4tu.cn
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报

本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。本站仅提供信息存储空间,不拥有所有权,不承担相关法律责任。

给TA打赏
共{{data.count}}人
人已打赏
ps教程

Photoshop绘制逼真的汽车仪表盘教程

2024-9-1 10:22:11

ps教程

Photoshop调出室内人像美女甜美通透效果

2024-9-1 10:24:30

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧