惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

人人都是产品经理
人人都是产品经理
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
宝玉的分享
宝玉的分享
月光博客
月光博客
爱范儿
爱范儿
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
WordPress大学
WordPress大学
有赞技术团队
有赞技术团队
阮一峰的网络日志
阮一峰的网络日志
博客园_首页
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
博客园 - 三生石上(FineUI控件)
博客园 - 聂微东
小众软件
小众软件
量子位
MongoDB | Blog
MongoDB | Blog
Blog — PlanetScale
Blog — PlanetScale
The Cloudflare Blog
Stack Overflow Blog
Stack Overflow Blog
U
Unit 42
Hugging Face - Blog
Hugging Face - Blog
T
The Blog of Author Tim Ferriss
H
Help Net Security
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
如何用 Sketch 完成基础的图片标注 - 少数派
2017-07-23 · via 少数派

在手机上你经常会用到 Annotable 那种一系列的标注 App ,对你的图片进行标注。在电脑上其实也有可以标注的软件,比如 OmniGraffle ,但是也有别的方式,可以给你带来丰富的标注样式。之前的文章里,有网友评论区里寻问我配图里标注是怎么做的,其实就是用 Sketch 来完成图片标注的。

1. 连线标注

连线标注是我比较常用的标注方式,操作也比较简单。连线其实就是三部分组成 ,「头」、「身」、「尾」。只需要你完成这三部分,在按照你自己的要求进行摆放就可以了。

其实这三个部分都是很基本的形状,一般都是三角形、圆形、正方形、线等等,你都可以按照你的喜好来进行搭配。这里主要就在在右侧里调整头尾形状角度、大小和圆角。

其实这里不止是我列出来的这些形状,你也可以进入按下「回车」对形状进行自由调整,例如线头的第二个形状就是用三角形编辑锚点变化而来的。当然你也可以根据自己的喜好,选择是否填充形状,以此搭配出不同的效果。

如果你需要的不是直线,也可以用锚点工具直接按路径绘制你的线条,然后再对线的粗细以及其他属性进行调整即可。

2. 遮盖处理

这里分为两部分的遮盖处理,一部分是文字遮盖,一部分是图片的遮盖。在你截图部分里,你有些文字并不想有要别人看到,你可以选择打码,覆盖等等,在 Sketch 里你也可以很简单的完成这些效果。

这里你可选择各种形状直接覆盖文字打码,也可以调整覆盖的颜色,如果你需要打码模糊的效果的话,你可以在右侧勾选 Background Blur ,然后调整你填充的透明度即可完成。图片的模糊和文字的处理就是完全一样的操作了。

3. 放大镜效果

放大镜的效果在图片标注里起到了凸现重点的作用,在 Annotable 里可以直接拖拽出来,如果这个步骤在 Sketch 里,也是可以完成的。我们首先准备两张一样的截图。

这里我们主要是采用了蒙版,对你需要放大的部分,覆盖上一个圆形,然后选中两者进行蒙版处理,你就可以的得到一个部分的图像。这个时候你可以在这个部分图形上覆盖一个只有描边的圆形让他作为放大镜的边框,再成组并且放大得到放大效果。再加上上面我们讲到的连线里的头身两种元素一起组合放置在原始图片上,即可完成放大镜的效果。

4. 剪裁留白

在照片处理上,Sketch 也可以帮到你。校正水平,你可以使用旋转;你也可以自由对图片进行剪裁

,框选住区域点击中间的剪裁按钮即可。

如果你需要一个留白的效果,或者说是拍立得效果,这在 Sketch 里就是添加一个矩形的事情,然后成组导出就可以有你需要的效果。

这就是在电脑上用 Sketch 标注的一些小技巧,当然你也可以有其它的更好的方式,也欢迎你在评论区分享你独特的技巧!