UI设计— 利用软件Sketch制作镂空图标

打开Sketch，新建文件并点击左上角的”+“选择Image图片选项：

然后导入想要处理的目标图片：

既然是想要镂空效果，那就是把多余的空白部分给切掉。于是，鼠标左键双击图片进入编辑模式，也可以按键盘"Enter"键进入编辑模式，或者点击上面选项栏里的”Edit“，可以看到右边出现两个框：

先来解释一波哈，Selection是自己选择，Magic Wand 是魔法棒识别，这是两种识图模式，一个是自己手动识别，另一个是自动帮你识别。我这里选择自动识别抠图：

通过不同角度的选取，最终找到了一个角度可以把想要扣出的部分都覆盖到，这时选择抠图。抠图有三种扣法，可以看到识别模式下面的三个图标：第一个图标：Invert Selection 反向抠图，意思就是把上图红色部分给拿掉，留下红色部分以外的；第二个图标：Crop 正常扣出，留下选中的红色部分；第三个图标：Fill Selection 填充选择的部分的颜色。事实上，这几个操作通常是配合使用的，下图就是扣除了空白的部分，变成了镂空的图案：

放在app里查看一下效果：

镂空图片制作完成！

UI设计— 利用软件Sketch制作镂空图标相关推荐

UI设计系列——线性，面性图标制作day1-2
UI设计系列--线性,面性图标制作前言制作一个用户图标分析技巧制作一个下雨天的面性图标确定大小层次结构复制一层绘制内部图标绘制一个多角星修改弯曲度用椭圆添加弯曲形成雨点修改颜色 ...
全栈UI设计各类软件教程
学习视频是我们在学习过程中不可缺少的一部分,当我们出现疑问的时候,查找资料是我们想到的第一步,那么学习视频就能够很好的帮助我们.在这里源码时代UI老师给大家分享一些UI设计的基础学习视频. 一:PS基 ...
【MATLAB APPdesigner ui设计实现软件动态页面启动】（启动无标题栏）
MATLAB APPdesigner实现软件动态页面启动 (启动无标题栏) 前言实现实现动态界面启动隐藏动态界面启动的标题栏前言最近需要验收利用MATLAB所实现的控制系统,为了更好的展示, ...
UI设计学习软件下载的好去处
当你想自学UI设计,先下载软件,或者对于网络搜索不太了解又无从下载. 这个时候,一个集合了设计师常用的各类设计软件及效率插件的引导,就凸显出优秀的作用出来了,节省了设计师的大部分搜索时间而且也进一步 ...
UI设计超干货素材！小图标里的大学问！
UI最重要组建之一就是图标,随着扁平化设计的发展趋势,越来越注重图标的简洁与寓意表达,平面图标已占主导地位. 图标在视觉化表达上有着非常重要的作用,在工作型PPT中,更是提升商务感的神器之一.为什么 ...
程序UI设计——工业软件UI 设计心得
第一阶段: 萝卜青菜一个框,凡事需要都玩里面扔. 第一次接触MFC 界面程序是在大学本科期间.导师分配一个任务:使用串口通信的方式完成一个导轨式机器人的界面控制程序. 那时候对于编程,仅有的一点知识是 ...
UI设计|PS软件操作应用——GIF动图
前言 JRedu 在之前的分享中,跟大家主要讲解了PS软件工具的基本操作,对主要的图层.蒙版.通道和滤镜都有一些介绍,希望对大家有所帮助,在介绍这些工具时也提到过GIF,而在本次分享中就跟大家 ...
Android UI设计——ListView练习（制作水果选择菜单）
功能说明: 通过使用ListView制作一个水果选择菜单,菜单中有多种水果,菜单每种水果以水果选择框, 水果图片, 水果名称的形式展现在ListView中的每个Item中. 1. 通过水果多选框可以选 ...
PS利用选择工具制作微信图标
1.ctrl+N新建图层. 2.m快捷键调出椭圆选区.画一个圆,新建图层,填充前景色. 3.再画一个椭圆,与前一个圆交叉,漏出小尾巴,再按住alt键减选选区,直到尾巴出来,新建选区,填充前景色. 4. ...

UI设计— 利用软件Sketch制作镂空图标

UI设计— 利用软件Sketch制作镂空图标相关推荐

最新文章

热门文章