教你如何制作饼干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就这么诞生了可以加点装饰在背景上，显得更生动~

小伙伴们可以通过学习上面这种质感小图标的做法，尝试着做出不同样式的图标（例子如下）；

技巧包括：添加渐变提升质感，添加内阴影/斜面浮雕等图层样式打造出厚度感。

最后记得交作业哦~爱你们。

转载于:https://www.cnblogs.com/leolei/p/9073437.html

教你如何制作饼干icon教程相关推荐

SwiftUI3 新组件教程之 TimelineView 制作一闪一闪星耀效果（中文教程）
实战需求 SwiftUI3 新组件教程之 TimelineView 制作一闪一闪星耀效果(中文教程) 本文价值与收获看完本文后,您将能够作出下面的界面基础知识什么是TimelineView 根据 ...
ps教程：教你如何制作一种牛仔布料
这里我们教大家学习如何巧妙的利用滤镜制作一款非常经典的牛仔布纹理,做出来的效果无论是色泽还是色彩的更替都非常的棒,做的同时,注意图层样式每一步造成的字体不同变换,接下来让我们先欣赏一下效果图. 打开A ...
ps教程：教你如何制作一种漂亮的银色金属字体
这里我们教大家学习如何巧妙的利用图层样式制作一种漂亮的银色金属字体,这是一个非常简单的金属字体教程,只用到了一次图层样式,做出来的效果无论是色泽还是色彩的更替都非常的棒,做的同时,注意图层样式每一步 ...
android+制作一个锁屏,手机个性锁屏怎么做？教你如何制作DIY手机锁屏图文教程...
制作DIY手机个性锁屏的方法很简单,只需下载一款软件即可自定义各种类型的壁纸来当做大家的个性化锁屏,具体教程小编将在本文告诉大家,希望能够帮助到大家.下面就一起来看看本教程吧教你如何制作DIY手机锁 ...
html5游戏制作入门系列教程（五）
我们继续这一系列文章,使用HTML5的canvas组件进行游戏开发.今天,这是相当完整的游戏例子 – 它会回顾经典的旧电脑游戏 – 坦克大战.我会教你使用阵列地图并教你如何检测活动对象(坦克)与环境( ...
电脑制作泡泡的html代码,Flash教你如何制作吹泡泡动画特效 -电脑资料
教程贴士:这个Flash实例制作了一个有趣的"小丑吹泡泡"动画,主要运用了椭圆.直线工具,以及任意变形和渐变填充等,操作简洁易懂,适合练习, 这个Flash实例制作了一个有趣的&q ...
html做手机锁屏,手机个性锁屏怎么做？教你如何制作DIY手机锁屏
制作DIY手机个性锁屏的方法很简单,只需下载一款软件即可自定义各种类型的壁纸来当做大家的个性化锁屏,具体教程小编将在本文告诉大家,希望能够帮助到大家. 教你如何制作DIY手机锁屏 1.首先,大家在制作 ...
网站制作入门指导教程
作者:韩亚飞_yue31313_韩梦飞沙 QQ:313134555 网站制作入门指导教程目录前言...2 第一步:网站基础知识学习...5 第二步:最简单的网站架设与制作过程...7 第三步:HT ...
手工卡纸做机器人_折纸大全手把手教你安卓机器人的手工制作教程
折纸大全手把手教你安卓机器人的手工制作教程折纸大全里不但和大家分享一些装饰性的手工折纸制作,还有一些趣味性的手工折纸制作同样值得尝试哦.大家在这里看到的这个手工折纸安卓机器人的制作教程就是其中一个, ...

教你如何制作饼干icon教程

教你如何制作饼干icon教程相关推荐

最新文章

热门文章