如果您喜欢『PS学习网』,请推荐给您身边的朋友!本站永久域名:www.ps-xxw.cn
当前位置 : PS学习网 > 鼠绘专区 > 正文

鼠绘立体风格面包机图标的PSbodog博狗娱乐官网

来源:网络作者:网络时间:2017-7-20 22:45:50点击:
闲时绘制了一个面包机的拟物图标,把过程写出来分享给大家,希望对新手设计师的成长有帮助。本篇主旨的是要学会逐步去分解结构,进行形状组建来绘制图标。那我们开始吧。先看看效果图: 鼠绘立体风格面包机图标的PSbodog博狗娱乐官网   首先把它分为五个部分来制作:1、主体;2、金属部分;3、端口;4、垫脚;5、文字。 鼠绘立体风格面包机图标的PSbodog博狗娱乐官网   一、主体的绘制 1:建一个800x800px的画布,背景色为#f9f9f9。 2:绘制一个400x400px圆角半径为70px的圆角矩形,命名为“主体”,将填充色设置为#f4f4f4,描边宽度为2px,颜色为#BBBBBB。 鼠绘立体风格面包机图标的PSbodog博狗娱乐官网   3:给主体图层添加内发光,然后在左右以及上部添加高光。(用钢笔绘制出白色形状,在属性里将羽化值改为7,再添加图层蒙板,用柔边圆画笔选择黑色涂抹边缘,使其更缓和。)降低上部高光的不透明度到60%。 鼠绘立体风格面包机图标的PSbodog博狗娱乐官网 鼠绘立体风格面包机图标的PSbodog博狗娱乐官网 鼠绘立体风格面包机图标的PSbodog博狗娱乐官网   至此主体部分就先告一段落,接下来我们绘制金属部分。   二、金属部分 1:绘制一个400x80px的圆角矩形命名为“金属”,圆角半径分别为:0,0,70,70,颜色为#cecece,命名为金属部分。将其与“主体”图层底边居中对齐。 鼠绘立体风格面包机图标的PSbodog博狗娱乐官网   2:为其添加内阴影以及渐变叠加。 鼠绘立体风格面包机图标的PSbodog博狗娱乐官网 鼠绘立体风格面包机图标的PSbodog博狗娱乐官网 鼠绘立体风格面包机图标的PSbodog博狗娱乐官网   此时的效果应该是这样的: 鼠绘立体风格面包机图标的PSbodog博狗娱乐官网   三、端口 1:绘制一个80x30px的圆角矩形命名为“端口”,圆角半径分别是:0,0,20,20,颜色填充:#1b1b1b。将其与金属部分顶边居中对齐。 鼠绘立体风格面包机图标的PSbodog博狗娱乐官网   2:为它添加一个内阴影 鼠绘立体风格面包机图标的PSbodog博狗娱乐官网   3:绘制一个白色的椭圆命名为“白光”,羽化值设置为7,剪切到“端口”图层。 鼠绘立体风格面包机图标的PSbodog博狗娱乐官网 鼠绘立体风格面包机图标的PSbodog博狗娱乐官网   四、垫脚 1:创建一个20x20px的圆角矩形,圆角半径分别是:6,6,2,2 ,然后用直接选择工具去选择左上,右上的锚点更改它们的位置。 鼠绘立体风格面包机图标的PSbodog博狗娱乐官网   2:为它添加内阴影,然后复制一份水平翻转放到对称的位置。 鼠绘立体风格面包机图标的PSbodog博狗娱乐官网 鼠绘立体风格面包机图标的PSbodog博狗娱乐官网 鼠绘立体风格面包机图标的PSbodog博狗娱乐官网   五、文字 1:用文本工具打出“Bbox”,颜色为#8b8b8b; 2:给文字添加内阴影。 鼠绘立体风格面包机图标的PSbodog博狗娱乐官网   完成后效果: 鼠绘立体风格面包机图标的PSbodog博狗娱乐官网
本站公告
  PS学习网是一个专业的学习交流Photoshop的网站,本站致力于向广大PS爱好者提供一个学习与交流的平台,想要学习提高自己的PS水平,马上从这里开始吧…
  Photoshop 8.0免费下载地址
  Photoshop CS2免费下载地址
  Photoshop CS3免费下载地址
  Photoshop基础入门视频bodog博狗娱乐官网
  Photoshop CS5软件视频bodog博狗娱乐官网