藝術(shù)二維碼設(shè)計(jì)

搬家了哦,歡迎關(guān)注公眾號,干貨滿滿,還有大量資源


image

01

打開草料二維碼(網(wǎng)址:https://cli.im/

選擇微信

個(gè)人號(根據(jù)實(shí)際情況進(jìn)行選擇,工作中一般選擇公眾號較多,直接輸入公眾號名字就行,這里我用的是個(gè)人微信號)

上傳二維碼圖片(提前準(zhǔn)備好個(gè)人微信二維碼,直接上傳)

image

02

基本:容錯(cuò)給到7%,大小隨意

其他格式:選擇矢量格式,三者哪個(gè)都可以,一般我選擇SVG或者EPS

image
image

03

在下載中找到自己下載的SVG文件,用AI打開

image

04

選中二維碼,右鍵取消編組

image

05

將鼠標(biāo)移至最邊上,將邊框delete刪除

image

06

再次全部框選二維碼,變換:寬1450px,高1450px

選擇畫板工具,將畫板任意放大,包住二維碼即可(同時(shí)按住alt+shift,拖動(dòng)四個(gè)邊角中的任意一個(gè),同心等比放大)

image
image

07

選擇工具,再次框選二維碼,將不透明度降低

image

08

調(diào)出圖層工具,新建圖層(圖層面板找不到的,在窗口里面找)

image

09

1.將圖層一鎖定(點(diǎn)擊小眼睛后面的小空格 就鎖定了)

2.在新建的圖層面板中畫出一個(gè)2020的圓,選擇橢圓工具,空白位置點(diǎn)擊一下,輸入2020

3.將畫布放大后再進(jìn)行移動(dòng),有智能參考線進(jìn)行輔助,很容易對齊,將這個(gè)圓形移到與二維碼的第一個(gè)小格子居中對齊的位置

image
image
image

10

第一個(gè)小圓點(diǎn)放好之后,選中狀態(tài)下右鍵 變換->移動(dòng)

將水平,與角度填好之后其他自動(dòng)變化數(shù)值

填好之后 點(diǎn)擊復(fù)制

這樣第二個(gè)小圓點(diǎn)就填充好了

image
image

11

接下來,直接進(jìn)行重復(fù)上一步(ctrl+d)就可以了

按住ctrl不松手,按一次d自動(dòng)向右移動(dòng)一個(gè)圓點(diǎn),一直重復(fù)按d。一排結(jié)束

image
image

12

將第一排小圓點(diǎn)選中,變換->移動(dòng),這次是向下移動(dòng),還是ctrl+d,直到填滿

image
image

13

選中這些小圓點(diǎn),給個(gè)紅色,降低不透明度

將兩個(gè)圖層都鎖定

image
image

13

再次新建圖層

下面這三個(gè)框框?yàn)榇a眼的位置,我們先將碼眼做出來

先以大的矩形為框,畫一個(gè)350px*350px的正圓,描邊給到50px,放到如下位置

再以小正方形為框,畫一個(gè)150px*150px的正圓,填充顏色

image
image
image

14

三個(gè)碼眼是一樣,做好了其中一個(gè)其他兩個(gè)復(fù)制就好了

image

我們接下來要做得是,將小圓點(diǎn)與二維碼重疊的位置,用一些圖形形狀蓋住

(可以這樣理解二維碼是一個(gè)方方正正的矩形,平時(shí)我們看到的只是黑色的部分,但實(shí)際看不見的白色也是信息點(diǎn),黑色部分蓋住,白色部分不能蓋住,或者白色部分用淺色蓋住也可以)

所說的蓋住到底要蓋多少,只要把我們做的20*20的小圓點(diǎn)蓋住就行了

注意15

接下來我們就用各種好看的形狀將黑色部分的小圓點(diǎn)蓋住就行了

image

16

關(guān)閉小圓點(diǎn),檢查一下黑色部分是不是都蓋住了,再將黑色的圖層關(guān)閉,掃一掃試試行不行;

如果不成功,一定是有黑色的部分沒被蓋住;或者白色的部門被蓋住了,檢查調(diào)整就行了

image
image
image
image
image
image
image

這個(gè)是我給一個(gè)叫護(hù)花使者的客戶做的二維碼;

草料下載完之后,直接ai打開,什么都沒做

image

新建圖層之后直接拿畫筆工具畫的;

image

可以看到一共就有兩個(gè)圖層,所以以后在做二維碼的時(shí)候,直接上手就行了
image
image

導(dǎo)出之后,在ps中加的一些手繪

image
image
image
image
image

這個(gè)是我給一個(gè)民宿做二維碼的二維碼;

就是拿上面的那些元素改的,因?yàn)檎檬敲袼?,元素也符?/p>

我把圖層全部打開就是這樣的,上面小房子馬路都是后拼上去的;

需要做動(dòng)效的小汽車和風(fēng)箏我沒放在ai中;直接這樣導(dǎo)出的png,然后ps打開加的小汽車和風(fēng)箏,做動(dòng)效;

也可以全部都加在ai中,導(dǎo)出圖層也可以(我嫌麻煩)

image
image
image
image
image
image
image

這個(gè)是給中糧做的面包的貼紙

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

image

這是一個(gè)圓的形狀,我們平時(shí)間的都是正方形的,但是由于需要做成了圓的;

紅色框的位置是真正的二維碼有效區(qū),意思就是這個(gè)紅色方框外的位置我隨變畫,不管怎么畫都不會(huì)影響二維碼的掃描

image

導(dǎo)出的時(shí)候,關(guān)閉無用信息,在來ps中進(jìn)行裝飾

image

往期內(nèi)容,點(diǎn)擊查看黑白二維碼的制作

image
image

后臺(tái)回復(fù)領(lǐng)取源文件哦!

▼更多精彩推薦,請關(guān)注我們▼
image
image
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容