ps吧 关注:5,953,242贴子:46,736,664

【教程】二维码动态

只看楼主收藏回复

我又来安利福利了。
用ps制作动态的二维码。
镇楼图

上面一张是属于比较慢的
下面一张是属于比较快的

教程,楼下。


1楼2017-11-24 15:11回复
    版本:ps6(即Photoshopcs6)
    难易程度:在ps的工具栏基本会操作
    最好是会使用ps的做过动画的基础
    这里有两张动态,一张是属于比较慢,一张是比较快,如镇楼图。
    素材


    2楼2017-11-28 08:40
    回复
      首先我们看到这种动态的扫描二维码,我们可以分析一下:
      1:一个亮的小长条下方还带着一个稍微浅的亮的小长条。
      2:这两条亮的小长条随着拇指的大小而改变。
      常见的基本都是一条亮的长方形条状直接扫过去,基本这种属于简单粗暴系列。
      所以我们可以参考这种简单系列,可以看作这是两条小长方条,之所以会随着拇指大小的改变而改变,那应该是加了类似蒙版之类。
      再认真观看和细想我们可以轻易得到该拇指的选区。然而我们该怎么对这两个长方条制作出加了类似蒙版那种效果?继续往下看。
      步骤:
      1:先将素材导入ps6里,在图层0上用选框选取拇指的部分,按ctrl+J键复制该选中的图案即为图层2。如图


      3楼2017-11-28 08:41
      回复
        步骤2:我们可以看到那两条长方条是连在一块,放大该图片(如图下),我们可以看到拇指中间是最长的部分,所以我们画的长方条的长度就是参考最长的这部分。所以我们新建一个图层先画出一个稍微浅又大的长方条,然后再画出另一个正常颜色的蓝色的小长条。将正常颜色的小方条叠加在浅色的长条上,记得对齐。在对齐后,即将两个图层合并成一个图层。(担心会出错,记得备份。)如图(因为怕在素材的背景下,你们看不清楚,所以我新建一个黑色的图层,方便你们看清楚。)




        4楼2017-11-28 08:41
        回复
          步骤3:将长方条往下移动到拇指纹最下方,以亮的长方条对准拇指纹即可。如图


          6楼2017-11-28 08:42
          回复
            步骤4:然后依次复制该长方条,切记是一个长方条一个图层。这里我就不一一演示了,完成后效果图为如图下


            8楼2017-11-28 08:43
            回复
              步骤5:回到第一个长方条,使用魔棒工具在图层2的空白处点击一下,即可以得到该拇指纹的选区(如图)。将鼠标点击第一个长方条的图层上,按删除键即可。如图(即删除后的效果图)


              9楼2017-11-28 08:44
              回复
                删除后的效果图


                10楼2017-11-28 08:45
                回复
                  然后将鼠标选中第二个长方条的图层点击删除,依次删除下去,得到的效果图如图下:

                  完成后即可按ctrl+D键取消该选区。


                  11楼2017-11-28 08:45
                  回复
                    步骤6:将所有的眼睛都关闭掉,只留下素材背景,以及第一长方条图层的眼睛。这部分是开始做动画。在菜单上的窗口下选择时间轴如图,然后会出现一个时间轴。如图


                    然后在时间轴的倒数第二个按钮点击即复制第一帧里的内容,将第一个长方条的眼睛关闭,打开第二个长方条的眼睛。即如图

                    我们依次复制帧和依次打开下一个图层的眼睛和关闭前一个图层的眼睛。直到到拇指上端结束,我们大概有57帧左右(仅供参考的数字)。如图下


                    12楼2017-11-28 08:47
                    回复
                      我们看到动态图的长方条扫上去还会扫下来,我们刚才之前做的是扫上去的步骤,现在还要做扫下来的步骤。(也就反过来即可。)
                      将57帧复制,然后打开倒数第二个的长方条的图层眼睛,关闭倒数第一个的长方条的图层眼睛。如图

                      然后我们依次复制前面的一帧,依次打开下一个长方条图层的眼睛,依次关闭上一个长方条图层的眼睛。直到拇指纹下端结束,也就是到第一个长方条的图层的眼睛被打开便结束。(全部弄完有113帧。仅供参考的数字)可按中间的的单个三角形的第二个播放观看效果。
                      弄完记得将鼠标选到第一帧后再保存。


                      14楼2017-11-28 08:49
                      回复
                        步骤7:保持gif格式,选择菜单上的文件下的存储为web所用格式.....。弹出一个框,将格式选为gif。如图


                        15楼2017-11-28 08:49
                        回复