AE制作跟随音符跳动的图片
这篇教程教大家用AE制作跟随音符跳动的图片,教程制作的效果有点类似于音乐播放器的界面效果。制作难度中等。转发过来和飞特的朋友们一起学习。先来看看最终的效果图:
具体的制作步骤如下:
1、请先分别下载 声音档、图片素材。
声音文件下载地址为:
图片文件下载地址为:
2、打开AE,把素材通通都扔进去吧。
3、新建Comp「Command(Ctrl)+N」,取名「Boom」尺寸 700*350 长度12秒 Frame Rate 30。(图01)
图01
4、双击「3」,点选Footage面板下方Go to Time按钮,输入11:10,按ok。(图02)
图02
5、点选Footage面板下方设定11:10为Out点,然后再按下「插入素材按钮」将MP3?n放到Timeline面板中。(图03、04)
图03
图04
6、上面步骤再做一张图给大家看看,(图05)
图05
7、TimeLine面板中打开3层的所有子项目,可以看到声波,发现最后面没有切的很准,多了1、2格。把它拉回去一点就好了。(图06、07)
图06
图07
8、请先存档,准备开始制作了～
第一步:转换声波
1、[3] 层上右键单击选取「Keyframe Assistant Convert Audio to Keyframes」,AE会自动生出一个新的layer层,叫做 [Audio Amplitude]。
2、点选 [Audio Amplitude]层,看一下Effect Controls面板,里面一共生成有3个效果,我们只会用到「Both Channels」,所以另外两个可以杀掉没关系。(图08)
图08
3、点选 [Audio Amplitude]层,按「U」,并打开Graph Editot。 (图09)
图09
4、把11:10以后的Keyframe通通杀掉。
5、点选 [Audio Amplitude]层下方的「Slider」全选所有的Keyframes,调整上方位置到30 units以内。(图10)
图10
6、音波的Keyframes部分准备好了,下面的步骤就来套用这些Keygrames吧。
第二步:添加图片
1、把下载的Photo目录图文件全部拉到Timeline面板中。
2、按「S」调整Scale为25。并打开这4层图片的3D模式。(图11)
图11
3、按「Y」调整4层图片的轴心位置,通通移到图片的最下方。这里的操作不会很好调,如果你想要直接输入数值请参考图例。(图12、13)
图12
图13
4、接下来,把Comp视角改为Top,我们要来调整图片的位置了。
5、利用位移、旋转把4层图片排成一个方形。详细数值就不用太在意了,大概就好啦～(图14、15)
图14
图15
6、新增一个 50mm 的 Camera,按「C」调整位置方便观看。
7、选取[][]两层,按「S」打开Scale控件,按着「Alt」键点选小码表符号,打开Expression输入接口。
8、把[][]两层的Scale控件里的「猪尾巴」连结到 [Audio Amplitude] 里面的「Slider」。(图16)
图16
看一下目前的结果,放大缩小似乎太过强烈点,需要调一下。
第三步:修正缩放效果
1、上一步骤中图片的Scale数值都是连结 [Audio Amplitude] 里面的「Slider」,因此要修正缩放强度的话,也是去改动「Slider」的数值就好了。
2、点选 [Audio Amplitude]层下方的「Slider」全选所有的Keyframes,调整下方位置到10 units以上。(图17)
图17
大家可以看一下自己修正后的结果,顺多了～
第四步:位移动作连结
1、[] [] 这两层一样要连结到 [Audio Amplitude] 里面的「Slider」,不过这里我们改成用位置来链接。
2、点选 [],按「P」,按着「Alt」键点选小码表符号,打开Position的Expression输入接口。
3、把 [] 的Position控件里「猪尾巴」连结到 [Audio Amplitude] 里面的「Slider」。(图18)
图18
4、看一下结果....哇 位置根本不对,不能这样连啊～现在的XYZ轴都跟着「Slider」一起变动,但我只需要他往横向移动就好了啊～ 所以,接下来只好手动修正了。
5、注意看一下,Expression里有一组数值[temp, temp, temp],这里就是修正重点啦～,这个数值其实就是 [X, Y, Z]的数值。基本上我只有X轴需要连结到「Slider」,Y 跟 Z 轴我还是要原来的就好了。
6、这里教大家一个参数「 [0], [1], [2] 」这就是原始轴心的位置,0 1 2分别代表X Y Z,所以等下把Y Z的数值换掉就好了。
7、回到 [] 的Position控件里,把 [temp, temp, temp] 改成 [temp, [1], [2]] 。
8、看看效果,X轴动的不够大,必须调整一下,把数值改成 [-temp*5+350, [1], [2]] 。(图19)
图19
9、 [] 也做跟上面一样的动作,数值为 [temp*5+350, [1], [2]] ,跟另一个只差在一个是负数,一个是正数喔。
第五步:加上一些其他东西
1、首先加上摄影机围绕的动作,这里各位自行调整即可。
2、再加上倒影,看起来会比较丰富。
3、最后再加了一层白色Solid当背景。结束。(图20)
图20
免抠视频素材网站-做自媒体，配图的网站有哪些？如何快速配图？
素材网站推荐个口碑好的吧?
享设计
网站介绍:享设计是一家设计作品共享交易平台,为设计师寻找创意设计。
觅知网
网站介绍:专注原创版权设计模板图片素材下载。超过200万PPT模板、海报、PNG素材、背景、插画、元素、摄影图片、字体、视频、音频素材供会员免费下载。
图巨人
网站介绍:图巨人网专注共享精品设计素材下载网站。提供企业荣誉文化墙,党建文化墙,背景图片展板,免抠元素,节日海报素材,psd素材,每日更新。
PPT制作素材?
图标类
1、emojipedia
这个网站收录了海量的emoji表情,有点像是emoji词典的感觉。
而且,一个表情就有很多种样式:
2、iconfinder
如果我们想要制作一套2.5D风格的PPT,在网上很难找到风格统一的图标,但是在这个网站,所有的2.5D素材,都按照风格进行了分类:
并且质量也很高:
下载时,还有各种格式可供选择:
3、basicons
网站内提供大量的线性图标,
而且,页面右侧还可以设置图标的大小和线条粗细:
最重要的是这些免费可商用,直接下载即可使用。
图片类
1、foodiesfeed
这个网站里,全部是一些美食的图片,数量很是丰富。
里面的图片素材,都可以免费下载:
2、NASA图片和视频库
这是专门提供星球宇宙图库的网站,素材一流,而且还提供视频素材。
当搜索某个关键词时,还能够按照时间顺序来筛选:
并且,这个网站还提供了不同的尺寸,很是贴心了:
3、imgbin
这个号称全球最大的免抠Png素材网站,基本上收录了常见的免抠图片。素材分类很是丰富:
如果你点击其中一个标签,还能看到更加具体的分类:
而且质量很高:
如果你平时不擅长抠图,一定要收藏这个网站。
样机类:
1、dimmy
这是一个少而精的网站。
为什么呢?因为这个网站的样机数量少,但是个个精美:
每个样机可以调节边框的样式、颜色,如果需要透明背景,勾选即可。
2、mockuphone
这个样机网站的特点是,每个样机都被进行了详细的分类:
操作也很方便,只需选中模型,把对应的尺寸界面上传即可:
3、mockup
这个网站的样机种类多样。
有广告牌的样机:
有手机的样机:
电脑的样机:
还有很多,就不一一举例了。
但是,这个网站的样机都是PSD格式,需要用PS打开。
做自媒体,配图的网站有哪些?如何快速配图?
配图网站有哪些,这里我分享几个免费图库网站,需要图片可以在这些网站上查找并下载。
01PxHere
02picjumbo
03Reshot
04Piqsels
05Pixabay
06MOOSE
07PickPik
08Stockio
01PxHere
PxHere提供有大量摄影图像。
02picjumbo
picjumbo由设计师和摄影师ViktorHanacek创建,网站上有很多库存图像、背景图以及高分辨率图像。
03Reshot
Reshot提供大量精选照片。
04Piqsels
同样,Piqsels提供着大量精美图像资源。
05Pixabay
Pixabay提供超过一百七十万优质图片和视频素材。
06MOOSE
这个网站提供了一些不错的图片,如我可以找到一系列相关的图片,我还可以找到图片中主要元素的免抠png图。
07PickPik
该网站图像根据AI算法进行分类排序。
08Stockio
Stockio是一个有不同类型素材的资源网站,图像就是其中一个方面。
免扣png-怎么用PS制作免抠的PNG图片？
PNG免抠图片是怎么做出来的?
1、所谓免抠素材,就是没有像素的地方保持了透明状态。
2、png格式的图像,本身就保持了透明状态。
3、所以,在保存图像的时候,选择png格式就行了。
怎么用PS制作免抠的PNG图片?
【利用PS建立一个透明图层】
【把非透明图某部分透明,选中要透明的部分,然后按下图操作】
最后保存为【png】格式即可
怎么用PS制作免抠的PNG图片?
1、首先,打开一张图片,如图。
2、然后,选择魔棒工具,点选白色部分。
3、接着,Delete键删除,再按Ctrl+D。
4、最后,存储为PNG格式即可。
