图片无限放大也不会模糊的秘密,矢量图的那些事
当你想在你的文档或者幻灯片中插入一个图片,感觉图片太小排版不太美观,我们放大一下图片,发现图片因为放大而变得模糊,严重影响视觉感受。这个视频我会告诉如何让图片放大、再放大都不会失真的方法。
首先我们先来了解一下图片为什么放大后会变得模糊失真,我们平时经常使用的jpg、png 等格式的图片都是位图。位图当放大到一定倍数之后便会出现失真的问题。因为位图是由一个一个的像素组成。当放大位图时,可以看见构成整个图像的无数单个像素块。
那么,什么样的图片放大很多倍以后也不会模糊失真呢?是矢量图。比如 eps、svg 等格式就是矢量图。
所谓矢量图,就是使用直线和曲线来描述的图形,构成这些图形的元素是一些点、线、矩形、多边形、圆和弧线等,它们都是通过数学公式计算获得的,具有编辑后不失真的特点。
如果我们在文档或幻灯片中使用矢量图就可以随意的放大了,那么我们应该去哪里会获取矢量图呢?接下来我汇总了几个非常好用且资源丰富的矢量图素材网站。
-
阿里巴巴矢量图标库
- https://www.iconfont.cn/
- Iconfont-阿里图标库 一个国内功能很强大且图标内容很丰富的矢量图标库 ——超人欧巴的好用工具分享
-
undraw
- https://undraw.co/illustrations
- 一个提供完全免费的 SVG/PNG 图片素材的站点,网站由 KaterinaLimpitsouni 创建创办,该网站所有的素材图片遵循 MIT 协议许可(开源协议),网站不断更新 SVG 图像素材,并完全免费使用。更赞的是,你还可以一键换色!点击右上方的颜色选项,选择预先设定好的几个颜色选项或在取色器中鼠标自定义/键入色值,点击确定后可以实时看到色彩方案效果。
-
freepik
- https://www.freepik.com/home
- Freepik 是非常受欢迎的免费素材网站之一,其中提供了超过大量的优质素材,其中包含的矢量素材数量极其惊人。你可以在 Freepik 下载可供个人和商业项目使用的免费素材。
-
DrawKit
- https://drawkit.com/
- DrawKit 是一个免费矢量插画网站,目前包含40多个免费插画、20个插画合集、100个模块化插画组件,其中免费插画会提供无彩色及彩色2种风格样式、插画合集和插画组件属于收费内容,会包含多种风格。
-
Humaaans
- https://www.humaaans.com/
- Humaaans 提供了免费可商用的插画素材,可以自定义人物姿势、发型和服装。除了有免费的人物插画编辑库,场景及人物造型等的元素都可以随意切换编辑,而且可以下载为向量格式的文件(.svg),在Al上使用十分非常方便,是拯救新手的插画神器。
-
Mixkit
- https://mixkit.co/free-stock-art/
- Mixkit Art收录的是很好看的艺术图案和插画,这些图案都有着非常强烈的配色,加上简单、舒服的构图设计,依照网站授权说明,网站上所有插图皆能免费下载、自由使用,无论是商业或非商业用途,亦可复制、修改或公开播放等等,没有规定必须标注来源。
-
Stubborn Generator
- https://craftwork.design/checkout/
- Stubborn.fun 是插插画生成器,具有令人难以置信的25个酷角色和50个背景。使用Sketch组件和Figma组件自定义插图。所有组件都是矢量并仔细分组。此外,它绝对免费用于商业和个人用途。
-
Iradesign
- https://iradesign.io/
- 能够提供多种渐变色矢量图插画素材,是iradesign最大的优点,对色彩有特殊要求的朋友,可以格外关注。
但是如果我们的图片素材不是矢量图怎么办?我们可以把位图转换为矢量图。
我给大家提供几种转换方法:
-
PhotoShop转换
- 打开一张图片,通过魔术棒工具选取需要矢量化的图形部分,或者直接用钢笔工具绘制路径
- 选取后点击右键,选择建立工作路径
- 在蒙版菜单点击建立矢量蒙版
- 另存为EPS格式文件,选择默认选项,这样就把一张位图转化为矢量图形了
-
Adobe Illustrator图像描摹
- 用软件打开图像
- 鼠标单击选择图像,找到菜单栏上的图像描摹菜单
- 选择素描图稿,可以看到最终效果,但这一步还没有将图片转为矢量图形
- 点击菜单栏上扩展按钮,将对象转化为路径,这样就可以进行矢量编辑了
-
CorelDRAW轮廓描摹
- 新建空白文件,点击文件菜单栏-导入位图文件
- 点击位图菜单,在弹出菜单中选择轮廓描摹-线条图
- 在弹出的窗口中调整细节、平滑、拐角平滑度等参数来达到最佳效果
- 如果需要导入图片的内容不一样,我们还可以选择不同的图像类型效果,看哪一种效果更接近原图
- 点击确定按钮,一张位图就转化为了矢量图形
推荐两个位图转矢量图神器
VECTOR MAGIC和Inkscape
在线位图转换矢量图的网站:
- https://www.vectorizer.io/
- https://www.aconvert.com/image/ 最推荐
- https://products.aspose.app/svg/zh/image-vectorization
- https://convertio.co/zh/
其实也不是说矢量图就要比位图要好,我们还是要分不同的场景去选择「矢量图」和平常我们所见的「位图」有什么区别
如果你还有其他使用矢量图的方法,可以在评论区分享讨论。最后,如果你喜欢这篇文章,不要忘了点个关注,你的鼓励对我非常的重要, 我是分享知识,持续提升的格物时间,我们下期不见不散。