恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
【笔记】AE故障动画插件
0.0°
2019-01-22 原创文章 经验/观点 举报 7989 77 55 17

工欲善其事,必先利其器;本着简单粗暴,高效实用的原则,第三篇笔记分享一款超屌的 AE 故障效果插件“Rowbyte”

※ 码字截图啥的挺辛苦,转载请与我联系并注明作者与出处,阿里嘎多※


       大家嚎!我是爱学习的烨翔君 (。・`ω´・),之前看到了饼干姐出的关于《如何用PS打造故障效果》的教程后感觉故障效果酷酷哒~,于是也做了一下关于此方面系统的学习;UICN 上的子潇老师出过两篇关于如何用 AE 打造故障效果的教程和饼干姐的教程一同奉上,有需要的小伙伴可以拿去学习。

饼干姐哒教程:PS打造故障效果》

子潇老师哒教程:《【中级教程02】5分钟打造坏信号动画效果 》

                           《 攻壳机动队动态海报教学 


       本篇笔记主要是讲解在 AE 中利用 Rowbyte 插件,已达到各种故障类动画效果;笔记可能会有一点难度,比较适合有一定的 AE 基础的小伙伴参考学习。Rowbyte插件是一款十分强大的插件,可以制作出目前大部分的电视故障效果,插件的下载地址附在文末的下载链接处。

【还等啥呢?神器都给你里快去下载啊!(  ̄~ ̄ )】


      在介绍插件之前还是得先来科普一下“故障艺术”什么是故障艺术 (Glitch Art)?

为了缩减篇幅翔君做了链接,点击蓝色文字可以查看外链~ ~在这就不赘述了~

【 ( ̄ε(# ̄)☆╰╮o( ̄皿 ̄///) 你这个淫,总能给懒得码字找借口 】


首先说一下插件的安装

1,在下载链接中可以得到这么一个文件:

Image title

2,双击运行,点击 GO 进行安装;

Image title

安装过程中可能会出现精度条走满了但是卡着不动的情况,这里耐心等待就 ok 啦 (•̀ᴗ•́)و

Image title

3,在安装过程中可能会出现安全软件等的提醒,直接允许就 ok 啦

Image title

4,安装完成后计算机可能会自动重启,等待再次开机之后就能在 AE 的效果菜单中看见 Rowbyte 选项,嘿!骚年你安装成功啦!【 (  ̄ ▽ ̄)人(  ̄▽  ̄ ) give me five!】

Image title


------------------------  我是萌萌哒分割线  ˋ( ° ▽、° )   ---------------------------


好啦~下面进入正题

【在这之前说明一下带有“@”表示该属性前面有码表,可以进行 k 帧 ( ̄ 0  ̄)y 】


Rowbyte插件

 

【1】bad tv

      顾名思义就是模拟各种样式的电视信号故障的一个效果。

@ time control【时间控制选项】

- automatic【自动控制】在添加效果后会自动生成动画,但是动画比较缓慢

- manual 【手动控制】调为手动后将出现“time”选项可以进行k帧,类似于时间重映射

@ distortion mode 【变形模式】

- stretch【延伸式】

- tile【瓦楞式】目前来看还没发现两者有什么差别,有发现的小伙伴可以留言告诉我哦~

@ signal distortion 【信号失真】小范围的左右位移 

Image title



@ scan distortion 【扫描失真】大范围波浪式左右位移

Image title



@ horizonal sync【水平同步】水平整体拼合式移动 

Image title



@ vertical sync 【垂直同步】垂直整体拼合式移动 

Image title



@ bars overlay 【条纹齿龈覆盖】出现黑白大条纹

Image title



@ noise 【噪点】有点像老显像管电视没有信号或者信号不好的时候出现的“雪花”式的噪点 

Image title



@ scanline overlay 【扫描线覆盖】细小的横条纹覆盖整屏

@ scanline speed 【扫描线速度】

@ scanline thickness 【扫描线宽度】扫描线覆盖效果可以模拟用相机拍摄电脑或者电视时出现的那种效果 ~( ̄ー ̄〃) 嗯。。。。就是那样婶儿的效果~Image title

 

@ blend w/original 【与原始混合】这个是一个总开关,作用于 bad tv 的所以效果 100%将没有任何效果,0% 效果最强。



 

【2】data glitch

 

@ glitch count 【故障计数】故障效果的多少

    scan type【扫描类型】 - strip 【带状】修改为带状将出现可以设置带状宽度选项

                                     - image【图像】

 

@ seed random 【随机种子】与 bad tv 不同 data glitch 没有时间选项,只有对随机种子 k 帧才会“动起来”

     color space【颜色空间】 -rgb

                                             -yuv    YUV是被欧洲电视系统所采用的一种颜色编码方法(属于PAL),是PAL和SECAM模拟彩色电视制式采用的颜色空间。

 

 @ image compression 【图像压缩】

     compression quality 【压缩质量】百分比越高图片的质量越高,下调参数出现马赛克

     quality image map  【图像质量映射图】类似于 AE 当中的置换图,可以将故障效果利用映射图添加到原图层上,对于“置换图”的工作原理还不了解的同学可以参看 UICN 快乐的教程 Ae制作水波纹loading教程》

 

@ scan glitch 【扫描故障】长条形的故障条纹

  -@ scan glitch amount 【扫描故障量】

  -@ scan glitch amplitude 【扫描故障幅度】

  -@ apply scan glitch to - rgb 【应用扫描故障引用于】

                                          -r

                                          -g

                                          -b

  @per channel seed (scan glitch)  打 √ 会出现效果反向效果

Image title


@block glitch【块故障】正方形故障块,以正方形为单位进行 RGB 的局部位移

  -@block glitch amount【数量】

  -@block glitch amplitude【幅度】

  block glitch image map【映射图】

  @ apply block glitch to - rgb 【添加于】

                                          -r

                                          -g

                                          -b

  @ per channel seed(block glitch)

Image title


@ offset glitch 【胶印故障】通道条状的左右位移,故障计数越大条纹越细

  @offset glitch amount  【数量】

  @offset glitch amplitude 【幅度】

     offset glitch image map 【映射图】

  @apply offset glitch to - rgb 【作用于】

                                         -r

                                         -g

                                        -b

  @per channel seed (offset glitch)

Image title


@ rect glitch 【整流故障】通道方块式的局部位移

 @rect glitch amount【数量】

  @rect glitch amplitude 【幅度】

   offset glitch image map【映射图】

  @apply rect glitch to - rgb 【作用于】

                                       -r

                                       -g

                                       -b

  @per channel seed (rect glitch)  

Image title

     



【3】dot pixels 【像素点】

         将图片变成由一个个圆形的像素点组成图像,类似于早期的电脑显示器的效果

@ dimension factor 【尺寸因素】

 @ outer radius 【外半径】

 @ inner radius 【内半径】

 @ shading type 【明暗器】-sphere 【球】

                                                    -torus 【环】像素点的两种不同形式

 @ shading 【阴影】单元小块的阴影,从中心点和四周添加黑色

 @ fill background 【填充背景】

 @ bg color 【背景颜色】缝隙所填充的颜色

 @ blend w / original  【与原始图层混合】100% 无效果,0% 效果最强 

Image title

 

 

【4】separate RGB 【通道分离】

      其实就是对通道的变换,因为RGB三个通道的参数相同这里就不一一写出了,只记录一个通道的调试参数

 red / green / blue channel 【红 / 绿 / 蓝 通道】

@ offset 【偏移】 有一个中心点坐标可以进行控制

@ rotate 【旋转】 

@ scale 【缩放】 

@ blend w/orig 【与原始图层混合】 

@ blur 【模糊】 

@ opacity 【不透明度】

@ distortion 【扭曲】

@ distort center 【扭曲中心】

Image title



【5】TVPixel 【电视像素】

       不知道小时候小伙伴们有没有用放大镜看过老电视(谁会向你那么无聊╮(╯▽╰)╭ ),如果有,那么你就会发现显像管电视的像素点是有红绿蓝三色的长方形组成的小块,TVPixel就是模拟的这种效果。

 @ pixel width 【电视像素宽度】

@ pixel height 【电视像素高度】

@ fill background 【填充背景】

@ bg color 【背景颜色】

@ blend w / original 【与原始图层混合】

Image title

 

  ( ̄▽ ̄") 额。。。可是我就是想修一张有故障效果的图片,不做动画就不用学了吧~

辣也不行哎!!!


你可以利用 AE 的调整图层和内置参数在 AE 中修图啊! 而且参数和效果可以随意调节。

【( ⊙ o ⊙ ) 马萨卡!还有这种操作!】

Image title


蓝后在合成中选择一个你比较满意的帧 “合成 - 帧另存为 - PS图层 ”这样就有了一个 psd 文件了,哈!瞬间感觉美滋滋哒~(*≧▽≦)ツ

Image title


当然,Rowbyte 插件不止可以做故障效果,只要脑洞够大一切皆有可能嘛~

例1:利用【整流故障】将效果幅度降低,通道模式改为 YUV 还能模拟出海市蜃楼 or 由于温度过高产生的空气折射效果,如果在添加一些模糊效果会更逼真 ≖‿≖✧

Image title


例2:利用horizonal sync【水平同步】还能做个滚动的字幕条啥的~

Image title


最后总结一下:

     Rowbyte 插件的一些效果可能无法直接作用于文字图层或者出现错误啥的,将文字图层预合成一些在添加效果就 ok 啦~ 

      总的来说 Rowbyte 是一款十分强大的插件,效果可以叠加使用,在配合一些其他内置特效可以做出更多的效果,翔君的笔记在这里只是简单的介绍了单一特效作用的效果,更多更好玩的玩法等着小伙伴儿们去挖掘哟~

      如果在使用过程中遇到什么问题可以给我留言,翔君劲量帮大家解决,一起学习,共同进步;~\(≧▽≦)/~啦啦啦~ 我们下一篇笔记再见~

Image title


Image title


更新:2019-01-22

下载
收藏

77人已收藏

烨翔君

蔚来汽车 界面体验设计师

  • 36

    作品

  • 2300

    粉丝

  • 424

    关注

  • OPPO · GORGEOUS GREY
  • 【主题】WPS Office 2019 NewYear
  • 【字体】滑翔造字计划·100+
  • 【2018】翔君の作品集
相关标签
设计经验分享

    猜你喜欢

      2019-01-22 原创文章 经验/观点 举报 7989 77 55 17

      【笔记】AE故障动画插件

      0.0°

      你确定要举报【笔记】AE故障动画插件

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年06月01日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      55
      77
      17

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录