饼干icon教程

Hello,不露又和大家见面了,今天给大家带来的是一个可爱Q弹的icon~看起来像块饼干是吧~做起来非常简单哦,快打开PS一起躁起来吧。先来看看效果图:

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

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

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

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

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

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

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

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

作品作者:NestStrix Design

教程作者:不露

Photoshop
(0)

相关推荐

  • 橡皮擦包装质感ICON教程(PS教程+PSD下载)

    成功的捷径就是不停的耕耘!对于比较复杂的形态,捷径就是多看,多加效果~~今天小编给大家带来了一个橡皮擦包装质感ICON教程,对于初学者来说可能有点难度~但试着临摹下,绝对是有收获滴!制作塑料质感的快乐 ...

  • 小丑icon教程[PS教程]

    哇咔咔,今天的教程要教大家画一枚小丑icon,希望大家就算遇到天大的事儿都要像小丑一样乐观的大笑.准备好了没?我们开始咯~ 先看个最后的效果图吧 1.让我们先新建一个 400*400 的画布 2.用& ...

  • 教你画IOS无线热点图标(ICON教程)

    教你绘制苹果MAC OS 的AIRPORT图标,这篇文章作者生动的讲述了制作的做成.方法其实还有好几种.之前有发过群里金多多的一篇<教你画信号图标>,方法讲解的更详细! 作者:十分钟设计 ...

  • 史上最简单的图标教程第七课 (PS教程)

    咳咳...又是我,没错,今天小编给大家带来的是灰常有情怀的手表icon教程,原作者说是人类史上最简单的图标教程,这也是他出的第七次教程,相关教程都可以在学ui网找的到哦.好了,不多说了,大家跟着一起来 ...

  • PS简单绘制相机镜头(ps教程)

    一转眼周末又来了,大家可以好好的休息一下,不过还是要记得给自己充电哦,今天给大家带来一个镜头icon的教程,很详细哦,小伙伴儿们跟着一步步来做,肯定会学到不少东西,包括各种图层样式的叠加,路径文字的制 ...

  • UI设计新人疑惑解答

    新人不知道该如何学UI设计,也有很多疑问解不开.这篇文章就是虎哥专门写给新人的.咱采用问答的形式来揭开谜团,让新人心里的石头落地. 下面是虎哥(学UI网创始人)私人微信号:hu2020 (请备注来意, ...

  • AI+PS打造老灯ICON!(AI教程+PS教程)

    之前和大家分享过用AI+PS制作3DICON的几个教程,今天也以此为题继续为大家推荐一个非常不错的3D老灯ICON的制作过程.当你初看图标的时候真的很难想像这居然是用AI和PS制作而成的,但当你跟随教 ...

  • 如何快速绘制电话icon(ps教程)

    电话是在UI设计中很常见的icon,但是大家知道是怎么画出来的吗?看起来虽然简单,但是要做出一个完美的电话icon却还要花点心思哦,碰巧昨天看到群里有人问怎么画电话icon,今天小编就给大家带来教程啦 ...

  • 5分钟打造锤子时钟icon(PS教程)

    随着智能手机的普及,一瞬间好像大家都来做手机,比如罗永浩罗老师,好好的英语培训不搞,跑来做手机.今天我们不是来聊手机的,只是因为今天的教程是绘制锤子时钟icon,锤子rom里面的一款APP,精致,质感 ...