找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
查看: 249|回复: 0

[ps教程] Photoshop图标设计:绘制立体风格的Bbox寄存器图标教程

[复制链接]

该用户从未签到

发表于 2017-7-6 00:00:00 | 显示全部楼层 |阅读模式

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

×
先看看效果图:


                               
登录/注册后可看大图


首先把它分为五个部分来制作:1、主体;2、金属部分;3、端口;4、垫脚;5、文字。


                               
登录/注册后可看大图


一、主体的绘制
1:建一个800x800px的画布,背景色为#f9f9f9。
2:绘制一个400x400px圆角半径为70px的圆角矩形,命名为“主体”,将填充色设置为#f4f4f4,描边宽度为2px,颜色为#BBBBBB。


                               
登录/注册后可看大图


3:给主体图层添加内发光,然后在左右以及上部添加高光。(用钢笔绘制出白色形状,在属性里将羽化值改为7,再添加图层蒙板,用柔边圆画笔选择黑色涂抹边缘,使其更缓和。)降低上部高光的不透明度到60%。


                               
登录/注册后可看大图



                               
登录/注册后可看大图



                               
登录/注册后可看大图


至此主体部分就先告一段落,接下来我们绘制金属部分。

               
               
二、金属部分
1:绘制一个400x80px的圆角矩形命名为“金属”,圆角半径分别为:0,0,70,70,颜色为#cecece,命名为金属部分。将其与“主体”图层底边居中对齐。


                               
登录/注册后可看大图


2:为其添加内阴影以及渐变叠加。


                               
登录/注册后可看大图



                               
登录/注册后可看大图



                               
登录/注册后可看大图


此时的效果应该是这样的:


                               
登录/注册后可看大图



               
               
三、端口
1:绘制一个80x30px的圆角矩形命名为“端口”,圆角半径分别是:0,0,20,20,颜色填充:#1b1b1b。将其与金属部分顶边居中对齐。


                               
登录/注册后可看大图


2:为它添加一个内阴影


                               
登录/注册后可看大图


3:绘制一个白色的椭圆命名为“白光”,羽化值设置为7,剪切到“端口”图层。


                               
登录/注册后可看大图



                               
登录/注册后可看大图



               
               
四、垫脚
1:创建一个20x20px的圆角矩形,圆角半径分别是:6,6,2,2 ,然后用直接选择工具去选择左上,右上的锚点更改它们的位置。


                               
登录/注册后可看大图


2:为它添加内阴影,然后复制一份水平翻转放到对称的位置。


                               
登录/注册后可看大图



                               
登录/注册后可看大图



                               
登录/注册后可看大图


五、文字
1:用文本工具打出“Bbox”,颜色为#8b8b8b;
2:给文字添加内阴影。


                               
登录/注册后可看大图


完成后效果:


                               
登录/注册后可看大图
回复

使用道具 举报

网站地图|页面地图|文字地图|Archiver|手机版|小黑屋|找资源 |网站地图

GMT+8, 2024-11-23 00:09

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

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