“动态二维码”教程来啦!超牛的!

三种动态二维码教会你制作!

胖友们,早上好!


之前小三儿写了这篇美化二维码的教程给大家,但万万没想到,你们的关注点竟然不是教程本身!而是:


①有错别字

②识别不了

③二维码丑


我承认是小三儿的锅,但我拒绝道歉!因为那天中午只吃了土豆丝!!!你看你们在文中百般虐我,但我却为了工资你们,连夜精心制作了这篇动态二维码教程!这次是不是该夸我?


本次教程会用到以下工具:

①GIF图网站(https://giphy.com)

②135编辑器(设计二维码)

③Photoshop cc 2017


网上大多教程,讲的不够细致,这次小三儿全程GIF操作,保证零基础的胖友也能看懂。ps软件底部会赠送,GIF图网站也只推荐这一个,反正推荐多了你们反而还不用。




----- ✍ -----

教程开始




想快速顺利学习本篇教程,请先看《漂亮的二维码都是这么做出来的!这个二维码工具厉害了!》此文。ps仅使用左侧工具栏第一个“选择”工具,不涉及其他功能按钮,建议大家找正方形GIF进行制作。并且,时刻用手机对二维码进行扫描测试。



第一种


在135编辑器的设计二维码工具中,调整二维码参数,优化二维码界面。主要调整:二维码容错、外边距。






选择1000像素对二维码进行下载,如果自己的GIF图质量不是特别好,则选择400-600像素下载即可。






在PS中打开准备好的GIF图片(将GIF直接拖拽ps图标上即可打开),并点击:窗口-时间轴,调出时间轴工具。






点击:图像-画布大小,改变宽度或高度,再确定定位,在其中一侧预留二维码位置。






点击时间轴GIF的最后一帧或者图层最顶层,以确定等下置入二维码的位置。







再点击:文件-置入嵌入的智能对象,置入二维码并移动至合适位置,点击上方确定✔按钮。







点击左下角:时间轴界面转换按钮,移动滑竿,检查帧数轴是否一齐,可用鼠标拖拽调整。






拖拽帧位置,点击GIF播放按钮,试看完成的GIF播放效果。此时也要检查置入的二维码图片是否是最后一帧或最上一图层。






点击:文件-导出-存为web格式,在右上角选择GIF格式,检查左下角GIF大小,可通过调节右下角像素值调整大小,然后保存在桌面。






成品欣赏。这是较为普通,比较常见的一种GIF二维码方式,右侧GIF通常为手印识别动图。






第二种


在135编辑器的设计二维码工具中,调整二维码参数,优化二维码界面。主要调整:二维码容错、外边距并勾选透明。





依然先在GIF的最后一帧or图层最顶层点击一下,确定GIF置入后的位置。





点击:文件-置入嵌入的智能对象,置入二维码,并移动至合适位置,点击上方确定✔按钮。(按住shift,鼠标可对图片等比缩放)





点击左下角:时间轴界面转换按钮,移动滑竿,检查帧数轴是否一齐,可用鼠标拖拽调整。拖拽帧位置,点击GIF播放按钮,试看完成的GIF播放效果。





点击:文件-导出-存为web格式,在右上角选择GIF格式,检查左下角GIF大小,可通过调节右下角像素值调整大小,然后保存在桌面。





这个是较有特点的GIF。常用模式为底图GIF为品牌logo或者动态公众号头像。





第三种


在135编辑器的设计二维码工具中,调整二维码参数,优化二维码界面。主要调整:二维码容错、外边距和满值原点。并选择1000像素对二维码进行下载。





ps中打开此二维码,选择通道,ctrl+左键点击RGB,后 ctrl+shift+i 进行反选,再返回图层,点击delete进行删除。





ctrl+d 取消选区,点击:文件-导出-存为web格式,在右上角选择GIF格式,检查左下角GIF大小,可通过调节右下角像素值调整大小,然后保存在桌面。





打开GIF,在GIF的最后一帧or图层最顶层,再点击:文件-置入嵌入的智能对象,置入二维码并移动至合适位置,点击上方确定✔按钮。





调整二维码图层透明度,达到最佳效果,前两种也可调。

点击左下角:时间轴界面转换按钮,移动滑竿,检查帧数轴是否一齐,可用鼠标拖拽调整。

拖拽帧位置,点击GIF播放按钮,试看完成的GIF播放效果。





点击:文件-导出-存为web格式,在右上角选择GIF格式,检查左下角GIF大小,可通过调节右下角像素值调整大小,然后保存在桌面。





这是一个优化后的动态二维码,可以更好的处理和展示细节,不过,建议密集恐惧症者少用。





以上就是常见的三种动态二维码模式。当然,除了用PS,还有很多软件都可以做到,小三儿就不再过多介绍。再放几张样品图给大家欣赏。





教程结束

----- ✍ -----




以上所出现的二维码,小三儿的手机均可以自动识别,但不保证所有胖友们都能识别,这大概就是人品的原因了吧...


以上文章出现的名词、解释以及操作流程,均为小三儿个人习惯,不代表官方,如有错误,还请诸位胖友指正包涵,别再抢走我的鸡腿啦!

文章申明:本文章转载自互联网公开渠道,如有侵权请联系我们删除
文章评价
登录后可以评论
立即登录
135笔记君资讯官
做你贴心的互联网笔记本!
共1059篇文章
最近文章
更多
  • 【135早资讯】:视频号小任务正式上线;拼多多将上线跨境电商平台
  • 【135早资讯】:特斯拉上海超级工厂第100万辆整车下线;​微信聊天对话框支持放大编辑
  • 【135早资讯】:北京发布国内首个数字人产业专项支持政策;元宇宙招聘潮开启
  • 【135早资讯】:平安银行零售条线降薪;蔚来李斌回应手机业务传闻
比格设计
热门工具
135编辑器
领先的在线图文编辑平台原创样式素材,一键套用
比格设计
受欢迎的在线作图网站,新媒体配图、手机海报应有尽有
管小助
企业营销、私域流量运营——站式营销管理平台
推荐文章
用户运营平台产品设计指南
浅谈用户运营中的用户分层
内容运营:戴上写作的六顶思考帽
5000字方法论:4个细节,决定私域能不能赚钱
一个案例说明白用户分析怎么用
22条视频,涨粉12.6万,一个女孩子在抖音靠洗车也能月入过万!
高价值社群的5大核心关键
抖音账号内容自检清单!
决定离职后,3天拿到offer的总结与反思!
【135早资讯】:教育部将彻查教材插图问题;抖音6月1日起将对本地生活商家收取服务费
热门素材样式
运营导航
运营工具
分享到