您的位置: 首页 > 软件教程 > photoshop教程专题 > 7步制作立体风格主题图标的PS教程

photoshop教程专题

精品软件课程
更多 >
AutoCAD是美国Autodesk公司开发... [详细]
CorelDRAW是一款由Corel公司开发... [详细]
美图秀秀是一款很好用的图片处理软件,不用学习... [详细]
Photoshop从头学起,从新手快速到高手... [详细]
光影魔术手(nEO iMAGING)是一款对... [详细]
Photoshop是集图像扫描、编辑修改、图... [详细]
7步制作立体风格主题图标的PS教程 7.0分
出处:PS学习网 时间:2018-08-27

您可能感兴趣的话题: 立体风格   图标   PS   教程  

核心提示:教程中主要给大家带来的是一个可爱ICON图标,看起来像块饼干是吧,做起来非常简单,推荐给朋友学习,希望大家可以喜欢。

Adobe Photoshop CS4 (PS)

软件大小:358.3MB版本:11.0.1.0

下载:www.duote.com/soft/11040.html

立即下载

  教程中主要给大家带来的是一个可爱ICON图标,看起来像块饼干是吧,做起来非常简单,推荐给朋友学习,希望大家可以喜欢。

  先来看看效果图:

7步制作立体风格主题图标的PS教程

  步骤1:打开PS,新建一个800*600的画布。给画布填充颜色:#6807ae,在画布中间建一个尺寸为360*360;圆角为60的圆角矩形;填充颜色:#ffffff。

7步制作立体风格主题图标的PS教程

  步骤2:在圆角矩形左上角建一个90*90的矩形,填充渐变色:#fc7f26~#fcc277;角度:-45°。

7步制作立体风格主题图标的PS教程

  步骤3:复制出剩下的15个;然后选中这16个渐变小色块右建—创建剪切蒙版,得到下图:

7步制作立体风格主题图标的PS教程

  步骤4:用钢笔工具勾出上面的白色“淋面”,颜色为#ffffff(记得添加剪切蒙版哦)。用路径选择工具选中这个形状后在它的右上角画一个椭圆,尺寸随意。画这个圆的时候按住ALT键即可完成布尔运算的减法运算;另外画两个正圆在“淋面”的左下方,画圆的时候按住SHIFT键即可完成布尔运算的加法运算。

7步制作立体风格主题图标的PS教程

  步骤5:现在给底部圆角矩形加图层样式:

7步制作立体风格主题图标的PS教程
7步制作立体风格主题图标的PS教程
7步制作立体风格主题图标的PS教程
7步制作立体风格主题图标的PS教程
7步制作立体风格主题图标的PS教程
7步制作立体风格主题图标的PS教程

  步骤6:现在给白色“淋面”加图层样式:

7步制作立体风格主题图标的PS教程
7步制作立体风格主题图标的PS教程
7步制作立体风格主题图标的PS教程
7步制作立体风格主题图标的PS教程
7步制作立体风格主题图标的PS教程

  步骤7:好啦~简简单单的几步下来~一个可爱的icon就这么诞生了可以加点装饰在背景上,显得更生动~

7步制作立体风格主题图标的PS教程

  小伙伴们可以通过学习上面这种质感小图标的做法,尝试着做出不同样式的图标(例子如下);技巧包括:添加渐变提升质感,添加内阴影/斜面浮雕等图层样式打造出厚度感。最后记得交作业哦~爱你们。

7步制作立体风格主题图标的PS教程
网友评论