关于教程

本次教程内容主要是将二维码与插画相结合,打破常规的展示形式,增 强二维码的观赏性、趣味性和传播性。那么如何设计出这样的效果呢？ 我们需要注意哪些细节？有哪些简单实用的制作技巧呢？这篇教程会带 给大家详细的步骤（思路）

步骤01

首先,生成一个二维码，可直接搜索二维码生成器,这里用的是草料;其中,二维码容错7-30%, 容错率越高二维 码图可被遮挡的部分就越多，当然生成的码也就越复杂。呐!我们生成一个老司机的主页码,扫码发一个老司机！

值得一提的是，草料提供二维码美化器，各项设置参数如上 ;对于正视角度的二维码美化下载后填充插图和少部分元素即可;大家有空可以试一试。

二维码结构和注意事项

1、 上图左侧三个大矩形处为码眼位，标识整个二维码的大小,制作中尽量保证其整体性，便于识别 ;其余为定位及数据存储的作用。

2、 二维码的每一个小格是一个正矩形,制作时50%-80%左右的覆盖率,整体的空间感会较好。

3、 前景和背景的对比度要强烈,即黑色码的颜色和背景 色对比度要高。

4、 边做边扫描,发生无法识别的情况校验是否对比度不够、是否超容错率及覆盖率是否足够。

步骤02

接下来就是构思画面内容了，这里以夜晚为主题,两个浮岛和月亮为主要元素做ISO和多边形风格的一个画 面;首先新建画板拉背景渐变。

基础形状准备:等距角度的画法和变形,画面中所有的正 方体、长方体、立方体都廻由此基础形状拉长、拉宽、旋转而来。

二维码转立体：效果 -3D-凸出和斜角-等角上方

二维码效果图:整个二维码由4个颜色的小矩形拼合而成 ,用颜色对一个个的小区块做了区分,使画面更有层次感且能更好的展示各区块内容;大家也可以根据前面提到的二维码注息事项自己设计动手做一个。

二维码绘制,这里通过调整形状高低和顺序,利用视觉差的错落感和小细节的刻画来实现整个立体效果。优先绘 制整体性较好,能够构成空间感的部分,零散部分最后绘制,用较深的底色来突出前面的立体建筑。

二维码浮岛分解,通过矩形叠加及角度变换做出立体感

步骤03

城市分解,通过原始形状变化而来，也可以通过优设之前的iso网格来自己画，这里就不再重复了。

浮岛中字母的2种制作方法,文字一般选用较粗的字体。

最后,为城市浮岛加上碎石点缀和文字,碎石通过基础形状旋转所得。

步骤04

形状工具新建一个多边形,添加渐变外发光 ;通过triangulateimage工具生成一个pdf格式的低多边形;用ai打开pdf文件,删除多余空白，叠加在渐变月亮上即可。

总结

教程到这里就结束了，我希望大家有所收获，欢迎在评论区里留言反馈。