平面设计 
首页 > 平面设计 > 浏览文章

ps设计立体风格的Bbox寄存器图标的教程

(编辑:jimmy 日期: 2024/10/12 浏览:3 次 )

闲时绘制了一个Bbox寄存器的拟物图标,把过程写出来分享给大家,希望对新手设计师的成长有帮助。本篇主旨的是要学会逐步去分解结构,进行形状组建来绘制图标。那我们开始吧。先看看效果图:

软件名称:
Adobe Photoshop 8.0 中文完整绿色版
软件大小:
150.1MB
更新时间:
2015-11-04立即下载

ps设计立体风格的Bbox寄存器图标的教程

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

ps设计立体风格的Bbox寄存器图标的教程

一、主体的绘制

1:建一个800x800px的画布,背景色为#f9f9f9。

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

ps设计立体风格的Bbox寄存器图标的教程

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

ps设计立体风格的Bbox寄存器图标的教程

ps设计立体风格的Bbox寄存器图标的教程

ps设计立体风格的Bbox寄存器图标的教程

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

二、金属部分

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

ps设计立体风格的Bbox寄存器图标的教程

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

ps设计立体风格的Bbox寄存器图标的教程

ps设计立体风格的Bbox寄存器图标的教程

ps设计立体风格的Bbox寄存器图标的教程

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

ps设计立体风格的Bbox寄存器图标的教程

三、端口

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

ps设计立体风格的Bbox寄存器图标的教程

上一页12 下一页 阅读全文

上一篇:photoshop简单鼠绘透明水晶彩色气球教程
下一篇:ps怎么鼠绘可爱的卡通动画小熊?
一句话新闻
微软与英特尔等合作伙伴联合定义“AI PC”:键盘需配有Copilot物理按键
几个月来,英特尔、微软、AMD和其它厂商都在共同推动“AI PC”的想法,朝着更多的AI功能迈进。在近日,英特尔在台北举行的开发者活动中,也宣布了关于AI PC加速计划、新的PC开发者计划和独立硬件供应商计划。
在此次发布会上,英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件,以及联合微软等合作伙伴联合定义“AI PC”的定义标准。