Illustrator实例教程：制作矢量像素风的拼图效果

新知榜官方账号

2023-12-04 06:18:10

Illustrator实例教程：制作矢量像素风的拼图效果

本文讲解使用Illustrator中创建对象马赛克功能制作矢量像素风的拼图效果。教程包括如何设置拼贴数量和宽高比、如何进行圆角处理等。最终效果非常不错，适用于任何一张图片。

首先，在Illustrator中选择一张位图图片，并将它置入到画板中。接下来，选中图片，选择“对象”-“创建对象马赛克”，弹出“创建对象马赛克”的对话框。因为画板的宽高比为16:9，所以在设置拼贴数量的时候，它们的宽高比也设为16:9，设置宽度48、高度27，保证它们的比例是不变的。设置好后，点击“确定”。这样，原本的图片就变成了一个个矢量的马赛克方格。

然后，将方格移到其他地方，可以看到，原本的图片还是在下方的。将图片移到画板外，将马赛克格子移到画板中，可以方便对比一下处理前后的变化。选中所有的马赛克格子，选择“效果”-“风格化”-“圆角”，将圆角的数值设为20px，这样，每一个方块就变成了一个圆。绘制一个深色的矩形置于底层，这样，矢量像素风的拼图效果就完成了。

当然，如果圆角半径数值小一点，就变成了圆角矩形的马赛克拼图效果。最终得到的结果非常不错，适用于任何一张图片。如果你想了解更多和设计相关的内容，欢迎关注我的头条号！

本页网址：https://www.xinzhibang.net/article_detail-21954.html

寻求报道，请

关键词

分享至微信：

相关工具

即时AI

即时设计推出的由文本描述生成可编辑的原型设计稿

Vizcom

AI渲染转化手绘图为产品设计图

Khroma

AI调色盘生成工具

Color Wheel

AI灰度logo或插画上色工具

Magician

Figma插件，AI生成图标、图片和UX文案

Illustroke

AI SVG矢量插画生成工具

Photoshop（Bate）更新速度特别快，新增参数滤镜和背景创建器

Photoshop（Bate）更新速度特别快，新增参数滤镜和背景创建器最近，Photoshop（Bate）更新速度特别快，12月4日，Photoshop（Bate）升级到了25.4(2422)版,新增参数滤镜，背景创建器，直接在2405基础上覆盖升级即可。神经滤镜更新神经滤镜新增背景创建器可以选取自

分类标签 Photoshop参数滤镜背景创建器

12-10 08:44

2019年新锐网页设计工具和字体免费盘点

2019年新锐网页设计工具和字体免费盘点本文盘点了2019年的新锐网页设计工具和字体，包括免费的工具、编码资源、字体和颜色资源等，为网站设计人员和开发人员提供参考。免费设计工具1、404Illustrations2、311产品管理免费资源3、RealDev4、Paaatterns5、SaaSPage

分类标签网页设计工具字体免费

12-09 22:14

“离谱的AI扩图”火了！

“离谱的AI扩图”火了！最近，AI扩图成为了热议的话题，其中“离谱的AI扩图”更是引起了广泛的关注。据悉，这种AI扩图技术可以让图片的分辨率得到大幅提升，让图片变得更加清晰。而这种技术的背后，则是量子位实验室的科学家们所做出的贡献。随着2023年的临近，AI扩图技术的发展将会更加迅速。我们相信，这种

分类标签 AI扩图量子位2023

12-08 08:02

PSBeta 25.3版本免安装版分享

PSBeta 25.3版本免安装版分享PSBeta升级到了25.3(2405）版本了，今天分享中文免安装版。此版自带ACR16.0.1，赠送Alpaca还有神经滤镜，新增背景创建器和参数滤镜，并可在菜单栏的滤镜里面使用。PhotoshopAI（Beta）更新了“创意填充”工具、调整预设和移除工具等功

分类标签 PSBeta免安装版ACR16.0.1

12-01 12:25

荣耀Magic3使用感受

荣耀Magic3使用感受我是悦齐，一名全职的自媒体运动博主和时尚生活博主。在工作和生活中，我喜欢用手机随时随地记录和分享。前两天入手了国货荣耀Magic3，到手后无论是外观还是性能，都让我有了全新的使用体验。荣耀Magic3的外观设计非常出色。我喜欢黑蓝白这种比较纯粹的颜色，所以当我看到这款曙光蓝配

分类标签荣耀Magic3手机设计摄像功能

11-30 02:30

Photoshop更新速度特别快，AI免安装豪华版25.3更新内容说明

最近，Photoshop（Bate）更新速度特别快，11月21日，Photoshop（Bate）更新25.3AI免安装中文豪华版，除了自带ACR神经滤镜以外，还自带各种AI神器。这个更新涵盖了众多功能，包括新增StartAIv3.0Isometrical-3D视图生成器、RadiantPhoto、C

分类标签 Photoshop更新AI免安装豪华版

11-22 08:52

AI技术让Photoshop变得更加智能化和创意丰富

AI技术让Photoshop变得更加智能化和创意丰富随着人工智能（AI）技术不断演进，Photoshop正站在技术革新的前沿，迎来了一场新时代的设计变革。AI为Photoshop赋予了前所未有的创意和智能，让设计变得更加艺术化、高效和个性化。首先，AI技术使得图像编辑过程更为智能。Photoshop

分类标签人工智能AI技术Photoshop

11-21 10:02

AI技术赋能下的Photoshop：智能、高效、创意无限

随着人工智能（AI）技术的迅猛发展，Photoshop正在迎来一场前所未有的变革。AI技术为Photoshop注入了创新力，让图像处理和设计变得更加高效、智能、富有创意。首先，AI技术为Photoshop提供了强大的图像识别能力。通过深度学习，AI可以智能识别图像中的元素，如人物、背景、场景等，使得

分类标签人工智能AI技术Photoshop

11-21 10:01

AI技术让Photoshop焕发新生

AI技术让Photoshop焕发新生随着人工智能（AI）技术的崛起，Photoshop正迎来一场革命性的改变。这个经典的图像编辑软件正在通过AI技术焕发新生，为设计师和创意工作者们带来了前所未有的创意可能性和设计效率。首先，AI技术让Photoshop变得智能化。它可以通过大量的学习和分析，理解图像

分类标签人工智能AI技术Photoshop

11-21 10:00

PS和AI有哪些区别？设计新手看过来！

PS和AI有哪些区别？设计新手看过来！有新手在刚接触设计的时候总会有个疑问，AI和PS有些功能很像但为什么去学平面设计的时候还要同时学两个？AI和PS的区别有哪些？想知道实质有那些不同，请看今天设计达人网小编为大家整理的AIvsPS信息图，看了后你会知道答案的。【60秒职业性格测试】测试你是否有合适

分类标签 PSAI区别

11-21 08:55

ChatGPT Midjourney 文心一言文心一格 bing新必应 Stable diffusion 稿定设计墨刀AI mastergo Adobe Firefly runway