zshits吧 关注:30贴子:2,997

【教程(?)】最基础的动态壁纸制作

只看楼主收藏回复

顺便水个帖子,原图镇(´-ω-`)


IP属地:河南来自iPhone客户端1楼2021-12-27 13:21回复
    照例先bb两句
    虽说想着学做动态壁纸好几年了,结果从下载ae开始就一直咕咕咕
    然后昨天晚上开始做(・_・;发现基础的几个功能还真的……没啥难度
    所以人不想毕业的时候啥都能干出来_(´ཀ`」 ∠)_


    IP属地:河南来自iPhone客户端2楼2021-12-27 13:23
    回复
      本帖将涉及到的知识点:
      1. 分图层
      2. 木偶功能
      3. 网格变换功能
      4. 粒子功能
      5. 眨眼效果(蒙版的使用)
      大概就是以上这些
      ———————
      主要是这图在我手里憋了半个月了不发出来实在是难受(ーー;)


      IP属地:河南来自iPhone客户端3楼2021-12-27 13:28
      回复
        啊,漏了个波纹,波纹功能ε-(´∀`; )


        IP属地:河南来自iPhone客户端4楼2021-12-27 13:29
        回复
          好,开始
          ——————
          1. 分图层
          首先确定一下最后动起来的效果
          1.)头发要会动
          2.)拿杯子的手会动
          3.)身下的草会动
          4.)空气中有灰尘飘动
          5.)前景虚化的树枝微微动一下
          6.)眨眼效果
          如上我们就需要:
          主体&脑壳、左手、散发、脑壳上的头发、眼睛、遮住身体的草、树枝这些个对象
          而眼睛,又需要睫毛+眼睛这两个图层(只做眨眼就不做转动了orz
          开始抠图
          咳咳,因为当初画的时候就分了图层所以其实没有重新抠图那么麻烦……
          虽然还是几乎重新画了一遍

          嗯其实左右眼睛不怎么需要分开图层,如果需要左右眼不同步的wink之类的效果是可以分开的
          但是这次就不这么做了(倒不如说分开了之后更麻烦了orz
          然后这是一个教训:画头发一时爽,前后关系火葬场
          因为散发其实是分左右的……最好左右分开,嗯(教训x2)
          扣完图之后保存.psd即可(这就是adobe全家桶的方便之处)
          ——————
          ?你问怎么抠图
          仿制图章+套索……或者直接打开sai或者procreat直接画
          ——————
          关于补图
          因为头发动起来、手动眼睛眨的时候会露出后面的景,所以可能会露出来的地方都是需要补的(仿制图章大法好


          IP属地:河南5楼2021-12-27 14:06
          回复


            一般情况下需要补的地方:脑壳(画圆一点就行,记得保留阴影
            还有被前后关系遮挡住的部分


            IP属地:河南6楼2021-12-27 14:07
            回复
              吐个槽:
              你知道头发有多难抠吗!!!!!
              本来画头发就是为了挡住肩膀(犹抱琵琶半遮面的瑟琴真的太好了
              结果……还是要抠出来

              顺便一提因为头发分了三块,所以尽量……分开吧(会影响,真的
              如果想追求高端操作的盆友还可以把主体散发分层,找找前后关系,重画几遍(等会儿这tm不是技能教程吗
              ——————
              这么一看,短头发(把头发扎起来)的钟师傅和长头发(披散头发)的钟师傅……感觉还真的是,不一样啊
              我?我都喜欢


              IP属地:河南7楼2021-12-27 14:14
              回复
                抠完之后我们打开ae

                从素材新建合成(会保留你.psd中的分辨率之类的信息,很方便
                当然也可以根据正常屏幕大小新建合成
                然后……调整素材大小,很麻烦!为什么不做完一起改呢!(咳咳

                然后导入选项整成可编辑的图层

                它就会很乖地把各个图层按照ps里的顺序给你新建一个合成
                顺便一提,因为后期要作灰尘效果所以原图上其实是不需要灰尘这个图层的
                不过其实如果真的有也完全不好抠所以……问题不大!

                点开最底下的合成之后就是操作界面了,右边那个是合成的时间长度,可以改
                ————————
                以上就是第一步的操作了


                IP属地:河南8楼2021-12-27 14:30
                回复
                  2.木偶工具
                  简单理解就是,给你的图像扎几个钉子,然后根据不同关键帧钉子的位置模拟改变图像的形状
                  嗯,提线木偶原理
                  我们首先拿树枝做个演示

                  点击最上面那个图钉图标→选中需要的图层→钉!
                  打的每一个点都会成为独立的控制中心,把他们都点开,就可以看到关键帧(菱形小方块)了
                  注意:只有全部展开之后的关键帧才可以进行复制/粘贴的操作
                  在你钉的时候会默认生成基于该时刻的关键帧……所以记得确认一下时间轴
                  不出意外的话它应在在最左边(当然你想从中间开始也行
                  ——————
                  因为动态壁纸说白了它是一个循环的大型gif,也就是理论上第一帧要能接上最后一帧,循环起来才不会奇怪
                  所以,如果第一帧我们确定了某个形态
                  最后一帧也应该是这样的
                  具体操作就是……把第一帧复制过去(搁这搁这呢)
                  虽然是个很简单的操作但是请一定记得复制
                  ——————
                  然后我们就可以根据需要在不同帧拉形状了
                  如果你拉形状的时候整个图层都动了,那说明你的这些点处于全部选中的状态,点一下需要的那一个点解除这个状态就可以了


                  IP属地:河南9楼2021-12-27 14:47
                  回复
                    小tips:
                    树枝它其实不会运动得那么鬼畜,所以幅度和晃动频率不需要很高
                    一般10秒俩仨关键帧就够了
                    想让它运动得更顺滑的话可以考虑使用关键帧辅助

                    具体操作就是选中关键帧,右键(或者直接快捷键
                    不过其实有的时候动得生硬一点反而有意想不到的效果……看情况啦


                    IP属地:河南10楼2021-12-27 14:51
                    回复

                      可以空格查看效果,有时候会需要等一会儿渲染
                      关于预览分辨率,越高,渲染得越慢,所以其实可以适当降低分辨率(比如说四分之一,够用就行
                      屏幕可以滚轮放大,空格依旧是adobe万用抓手
                      ……我绝对不是想盯着钟师傅的屁股看


                      IP属地:河南11楼2021-12-27 14:57
                      回复
                        脑壳上的头发也用到了木偶功能
                        倒不如说live2D程度的都是木偶做出来的
                        比较复杂一点的就是头发这种
                        在开始要动的地方钉一下,发梢钉一下
                        然后只移动发梢
                        具体移动方向和频率就看个人审美了
                        比如没必要把所有关键帧都打一起,会营造出一种延迟的自然感觉








                        美颜8连发
                        上头那仨圈是不动的点(如果不打整个头发都会动起来,然而我们只需要动发梢)
                        看审美,总之就是一遍遍渲染一遍遍调就行了


                        IP属地:河南12楼2021-12-27 15:37
                        回复
                          然后我们来介绍下一个功能:网格变换
                          它用于处理需要打几十个钉子的情况(还有处理呼吸啊之类的拉伸效果需要的场合
                          选中你所需要应用变形的图层
                          然后选择网格变换
                          它在这里

                          哦原来叫网格变形orz


                          IP属地:河南13楼2021-12-27 15:44
                          回复
                            它的基本操作类似于ps里自由变换的扭曲
                            拖动交叉点可以改变图形的形状

                            可以通过调整参数改变网格密度(有的时候网格密度太大反而麻烦且鬼畜

                            因为偷懒没把躯体单独抠出来所以就……嗯
                            这里主要是模仿呼吸的动作
                            选择时间→拖动
                            别忘了把第一帧复制给最后一帧
                            接下来交给审美吧
                            如果你的整个网格都被拖动了,ctrl+z撤回一下吧,说明你没有点到交叉点上
                            ——————
                            ctrl+z是个好文明


                            IP属地:河南14楼2021-12-27 15:50
                            回复
                              tips:善用”移动到上一个关键帧“功能
                              有时候你可能想要微调一下这一帧的动作,结果放的时候莫名鬼畜
                              然后一看时间轴上出现一堆关键帧
                              因为你的每次改变都会生成一个关键帧,所以,如果时间轴刚好没拉到关键帧上,就会添加新的关键帧
                              所以,尽量使用移动关键帧来微调的操作吧

                              其实根本用不到那么多关键帧,嗯


                              IP属地:河南15楼2021-12-27 15:55
                              回复