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就这么诞生了可以加点装饰在背景上,显得更生动~

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

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

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

最新文章

  1. bzoj4237 稻草人
  2. Cygwin ssh服务配置 (SecureCRT连接Cygwin配置)
  3. UML类图(转载)
  4. CF 353C Find Maximum #205 (Div. 2)
  5. [转]Oracle EBS APIs
  6. SQL server 2012序列号 注册码 z
  7. webpack 3.X学习之JS压缩与打包HTML文件
  8. 3.JAVA基础复习——JAVA中的类与对象
  9. 关于浏览器对html, js,css的解析先后顺序的理解
  10. js实现oss文件上传及一些问题
  11. linux /Android 平台下使用 i2c-tools
  12. 软件工程第二次作业(One who wants to wear the crown, Bears the crown.)
  13. 自动化部署-Jenkins+SVN+MSBuild 一些补充
  14. muduo学习笔记(二)Reactor关键结构
  15. centos7安装elasticsearch5.2.2
  16. android免root hook框架legend
  17. CCF 交通规划(Dijkstra+优先队列)
  18. 持续集成:TeamCity 的安装和使用
  19. MP3 编码解码 附完整c代码
  20. form表单提交时选择性传值到后台

热门文章

  1. html 更新
  2. HTML|CSS之CSS选择器及样式
  3. Postman的基础使用
  4. win10 + Ubuntu 双系统,重装后的引导修复,时间调整和启动项调整
  5. HTML5 位运算符
  6. C# 生成word文档(NPOI)
  7. jdk免安装对应配置
  8. 2018.8.14-C#复习笔记总
  9. Kotlin语言学习笔记(5)
  10. LeetCode关于数组中求和的题型