前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Sketch制作简单的ios的Icon(基本矩形、三角形、圆形、渐变)的使用

Sketch制作简单的ios的Icon(基本矩形、三角形、圆形、渐变)的使用

作者头像
何处锦绣不灰堆
发布2021-03-02 15:36:09
9010
发布2021-03-02 15:36:09
举报
文章被收录于专栏:农历七月廿一农历七月廿一
写在前面

今天我们简单的做一下下面的四个icon,都是简单的icon,本来准备录制一个视频制作的,但是呢,视频上传不上去,gif呢我也录制了几个,但是都会超过5M,说实话,一个gif很短就会超过5M,算了,我尽量说的明白一些,因为本来就不是很难!会了一个基本上别的也就都可以了!

  • Youtube的ICON

在这里插入图片描述
在这里插入图片描述
步骤

看到这个图的人肯定有人说,这个东西我是用PPT也可以实现,是的,但是这个只是入门的,所以肯定是很简单的,后面会慢慢的绘制一些比较难的,这样你们才不会直接上来就很难导致很多人对这个瞬间失去了兴趣!体谅下!

  • 打开软件
基本图形的绘制
  • 置入画板
在这里插入图片描述
在这里插入图片描述
  • 改变背景色
在这里插入图片描述
在这里插入图片描述
  • 选择绘制一个圆角的矩形
  • 长款分别是120,圆角半径是15,背景颜色是白色 (快捷键是ctrl+c),边框是0(快捷键是B),可以在右侧的编辑栏看得到这些功能
在这里插入图片描述
在这里插入图片描述
  • 在内部绘制一个同样的矩形
在这里插入图片描述
在这里插入图片描述
  • 这里值得一提的是右侧的编辑栏,当我们不需要的时候,可以直接进行点击删除即可,然后没有该设计的时候,他的编辑是关闭的状态,打开的时候说明有一个之前使用过的功能但是还没有删除,这里值得注意一下
  • 然后我们在内部绘制一个三角形
在这里插入图片描述
在这里插入图片描述
  • 到此第一个就绘制结束了,我知道这种方式很呆板,但是确实可以让你们明白是怎么回事,另外的几个你们自己是这绘制一下,至于说最后一个的圆形背景颜色的渐变怎么实现的,这里我说一下
颜色的渐变实现
  • 我们绘制一个圆
在这里插入图片描述
在这里插入图片描述
  • 当然这里可以选择线性渐变,包括渐变的方向,透明度,都是可以自己在下面调节的,你们自己多试试就明白了!
写到最后

即使画到这里我还是觉得这种方式给你们说这个软件怎么使用显的很呆板,不过我还是想把这个系列写完,下篇文章写一下怎么制作一些比较无规则的图和怎么制作一些头像和倒影的效果!

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2021-02-15 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 写在前面
  • 步骤
    • 基本图形的绘制
      • 颜色的渐变实现
      • 写到最后
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档