sketch怎么绘制微信朋友圈中的照相机icon图标?

APP界面设计中,有很多icon需要绘制,比如:微信朋友圈的照相机icon等,这些icon都可以使用Sketch软件来绘制。

1、打开Mac电脑中的sketch软件,界面如下:

2、在Sketch里面,按下快捷键R,即可选中矩形工具,开始在画布上拖动绘制3个矩形,调整尺寸和位置,效果如下:

3、按下快捷键O,即可选中圆形工具,开始绘制2个圆形。效果图如下:

4、将Sketch里面的矩形和圆形,进行布尔运算,并且填充上白色和灰色。效果如下:

5、现在发现顶部的矩形,要是能改成梯形,这照相机就更完美了。所以,可以双击矩形的一个点,开始按下键盘上的水平方向键【】,即可调整成直角梯形。效果如下 :

6、再把右边的点,也双击选中,调整位置。使得梯形变成,上边短,下边长的等腰梯形。效果如下:

7、整个过程,我摆成一排。这样看起来,步骤更清晰,效果如下:从线框图→到灰色填充图→到微调仿真效果

8、这样就完成了微信的照相机icon制作。效果如下: 左边是我画的线框图,右边是微信截图。两边的照相机icon,简直一模一样了。

注意事项:

1、Sketch软件,目前仅支持Mac电脑。

2、软件只是工具,建议在画icon之前,先用铅笔在纸上勾画出icon的大致效果,然后再用软件去画。

3、APP界面设计,还涉及到切图和尺寸标注。因为开发需要切图和尺寸标注来实现界面的效果。

(0)

相关推荐

  • 微信朋友圈中内容如何截图发送出去

    微信朋友圈中内容截图发送出去的方法(实质上就是发送带图片的朋友圈): 01 现在我们来说说,微信怎么发带图片的说说.在进入到如图所示页面的时候,我们单击右上角的拍照图标,如图所示. 02 单击后会弹出 ...

  • 微信朋友圈中的文章怎么复制保存到电脑

    微信朋友圈中的文章复制保存到电脑的方法 1 :用链接 手机打开微信,同时打开手机上的QQ. 然后找到想用的微信文章,打开,点击右上角的那三个竖点的图标,选择复制链接. 打开手机上的QQ,找到“联系人” ...

  • 微信朋友圈中的视频怎么转发至自己的朋友圈

    微信现在很多人都喜欢玩,尤其是朋友圈里的小视频,我们也非常想取来自己用,那么如何把别人微信圈发的视频转到自己的微信上呢?我们小编就为大家讲解下. 微信朋友圈中别人的视频怎么转发至自己的朋友圈 手机上下 ...

  • 微信朋友圈中的视频怎么发送给好友?

    朋友圈里别人的小视频怎么转发给自己朋友圈呢?特别是有一些重大会议,如何假装自己在现场,把小视频转到自己的朋友圈呢?软件明显可以操作,今天告诉大家一种小方法,不用软件也可以转发视频到自己的朋友圈. 微信 ...

  • 如何删除微信朋友圈中的消息

    随着科技的发展,微信已然成为了现代人沟通联系的工具,人们可以在朋友圈中发布自己的生活动态,但如何删除朋友圈中的消息呢?接下来就由小编来告诉大家.具体如下:1. 第一步,点击桌面上的微信图标进入微信主页 ...

  • 如何在微信朋友圈中发布加长时间的小视频

    今天小编来教大家如何在微信朋友圈中发布加长时间的小视频具体如下:1. 第一步,将需要的视频发送给文件传输助手.2. 第二步,按住发送的视频,选择"收藏"选项.3. 第三步,进入收藏 ...

  • 如何屏蔽手机微信朋友圈中的广告?

    相信很多小伙伴都有在手机上使用微信,其中朋友圈中的广告如何才能屏蔽呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,打开手机上的"微信".2. 进入后,点击页面底端的& ...

  • 如何在手机微信朋友圈中下载保存视频?保存的视频在哪查看?

    相信很多小伙伴都有在手机上使用微信,在其中的朋友圈中如何才能下载视频呢?下载的视频又在哪才能看到呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,打开手机上的"微信". ...

  • 如何在手机微信朋友圈中删除自己或好友的评论?

    相信很多小伙伴都有在手机上使用微信,其中朋友圈中的评论如何才能删除呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,打开手机上的"微信"并登录.2. 进入首页后,点击底 ...