UI设计师那些事

艺术二维码设计

2019-05-22  本文已影响0人  七叶5

搬家了哦,欢迎关注公众号,干货满满,还有大量资源


image

01

打开草料二维码(网址:https://cli.im/

选择微信

个人号(根据实际情况进行选择,工作中一般选择公众号较多,直接输入公众号名字就行,这里我用的是个人微信号)

上传二维码图片(提前准备好个人微信二维码,直接上传)

image

02

基本:容错给到7%,大小随意

其他格式:选择矢量格式,三者哪个都可以,一般我选择SVG或者EPS

image image

03

在下载中找到自己下载的SVG文件,用AI打开

image

04

选中二维码,右键取消编组

image

05

将鼠标移至最边上,将边框delete删除

image

06

再次全部框选二维码,变换:宽1450px,高1450px

选择画板工具,将画板任意放大,包住二维码即可(同时按住alt+shift,拖动四个边角中的任意一个,同心等比放大)

image image

07

选择工具,再次框选二维码,将不透明度降低

image

08

调出图层工具,新建图层(图层面板找不到的,在窗口里面找)

image

09

1.将图层一锁定(点击小眼睛后面的小空格 就锁定了)

2.在新建的图层面板中画出一个2020的圆,选择椭圆工具,空白位置点击一下,输入2020

3.将画布放大后再进行移动,有智能参考线进行辅助,很容易对齐,将这个圆形移到与二维码的第一个小格子居中对齐的位置

image image image

10

第一个小圆点放好之后,选中状态下右键 变换->移动

将水平,与角度填好之后其他自动变化数值

填好之后 点击复制

这样第二个小圆点就填充好了

image image

11

接下来,直接进行重复上一步(ctrl+d)就可以了

按住ctrl不松手,按一次d自动向右移动一个圆点,一直重复按d。一排结束

image image

12

将第一排小圆点选中,变换->移动,这次是向下移动,还是ctrl+d,直到填满

image image

13

选中这些小圆点,给个红色,降低不透明度

将两个图层都锁定

image image

13

再次新建图层

下面这三个框框为码眼的位置,我们先将码眼做出来

先以大的矩形为框,画一个350px*350px的正圆,描边给到50px,放到如下位置

再以小正方形为框,画一个150px*150px的正圆,填充颜色

image image image

14

三个码眼是一样,做好了其中一个其他两个复制就好了

image

我们接下来要做得是,将小圆点与二维码重叠的位置,用一些图形形状盖住

(可以这样理解二维码是一个方方正正的矩形,平时我们看到的只是黑色的部分,但实际看不见的白色也是信息点,黑色部分盖住,白色部分不能盖住,或者白色部分用浅色盖住也可以)

所说的盖住到底要盖多少,只要把我们做的20*20的小圆点盖住就行了

注意15

接下来我们就用各种好看的形状将黑色部分的小圆点盖住就行了

image

16

关闭小圆点,检查一下黑色部分是不是都盖住了,再将黑色的图层关闭,扫一扫试试行不行;

如果不成功,一定是有黑色的部分没被盖住;或者白色的部门被盖住了,检查调整就行了

image image image image image image image

这个是我给一个叫护花使者的客户做的二维码;

草料下载完之后,直接ai打开,什么都没做

image

新建图层之后直接拿画笔工具画的;

image 可以看到一共就有两个图层,所以以后在做二维码的时候,直接上手就行了 image image

导出之后,在ps中加的一些手绘

image image image image image

这个是我给一个民宿做二维码的二维码;

就是拿上面的那些元素改的,因为正好是民宿,元素也符合

我把图层全部打开就是这样的,上面小房子马路都是后拼上去的;

需要做动效的小汽车和风筝我没放在ai中;直接这样导出的png,然后ps打开加的小汽车和风筝,做动效;

也可以全部都加在ai中,导出图层也可以(我嫌麻烦)

image image image image image image image

这个是给中粮做的面包的贴纸

放大看的话里面都是面包的元素

image

这是一个圆的形状,我们平时间的都是正方形的,但是由于需要做成了圆的;

红色框的位置是真正的二维码有效区,意思就是这个红色方框外的位置我随变画,不管怎么画都不会影响二维码的扫描

image

导出的时候,关闭无用信息,在来ps中进行装饰

image

往期内容,点击查看黑白二维码的制作

image image

后台回复领取源文件哦!

▼更多精彩推荐,请关注我们▼ image image
上一篇下一篇

猜你喜欢

热点阅读