凯发国际平台_凯发国际娱乐平台_凯发线上娱乐平台_恭喜发财

资讯中心
企业简介 查看更多资讯

News and information

咨询热线

地址:
电话:
传真:
邮箱:
资讯中心您当前的位置:凯发国际平台 > 资讯中心 >

iphone录屏工具!如何用AE创建简单的UI动效

文章来源:admin    时间:2018-03-12 09:50

  

天气应用gif(据观测,小圆点弹的过了,各位建造的时刻批改一下吧)


文末提供源文件下载


在Drioptionter motorcoair conditionershiness bureaule和Behperce上,你们可能见过很多用Gif来表达安排理念的UI作品。很多人都想清晰怎样来建造,怎样更好、更高效的表达本身的理念。很显然,静态的展现比静态的更气象,在这片文章中,学会苹果录屏。我将教公共如何“静态化”本身的安排作品。

静态GIF展现UI作品,好处在于:

展示现实职业流程诈欺转场,相比看何用。来展示应用不同形态时的成就便于网络分享。工具After Effects CS6 or CCPhotoshop CS6 or CC安排流程

After Effects

    在一个分解中创作发明转场成就另外一个分解中创作发明展示成就导出


Photoshop
4. 优化GIF图像

素材

伦敦背景图一张

手机透视成就模板一张


一、根本建立


创作发明转场成就分解举措1

翻开AE,分解>新建分解(Cmd+N),尺寸为640*1136,创建。帧数29,不断6s



举措2.

导入伦敦背景图像,将图像丢入分解1,调整背景图像尺寸,使其得当画布


举措3

创作发明3个蓝色框(用样式图层),这些蓝色框将从屏幕上方着落到屏幕底部,你看如何。宽度213、214、213px。三个方框上方的方框宽度640px输出相应文本。学习手机上最好的录屏软件。


举措4

用钢笔勾勒出云朵和6片雪花空心圆(勾勒的略水,见谅)


举措5

留存一下

展示分解


举措1

创作发明分解2

尺寸1280 x 720帧数29,时间6s

举措 2.导入iPhone背景调整尺寸。


举措3

把分解1拖到分解2内里,iphone录屏工具。那么分解2内里该当是这样:(p.s,我加了一层背景层)



举措4.

选中分解1,成就>歪曲>边角定位,让分解1的4个角对上模板中屏幕的4个角。


-----------------------------------------------以上为根本建立局限-------------------------------------------------------------------

二、动效建造


上面,我们来理解一下动画

1.3个蓝色方框变长,简单。不同时的落下

2.透亮框从底部往上搬动,自始至终宽度不变。

3.4个框达到目标地后,文字初步映现,蓝色框文字是比例伸张+从不透亮变透亮,事实上iphone录屏工具。透亮框中得文字是从不透亮变透亮。

4. 云朵图标,同时随同雪花。

5. Snowy文字映现


样式图层中,可能统制的属性有比例、地位、不透亮度、描边等等,你知道iphone录屏工具。本文的动效中,就充足诈欺了这些属性随时间的变化,制造出动画成就。

执掌经过

首先保举2个脚本插件Eautomotive service engineers for the reason thwith well for the reason thwith wizz和Repostion Anchor Point

一个容易做疏通曲线,一个容易设置锚点地位。


三个蓝色框

翻开分解1,选中三个蓝色框,设置如下

备注

1.最左面和最左面的蓝色框锚点在上方(诈欺Anchor Point插件设置)

2.比例从0-100%

3.诈欺Eautomotive service engineers for the reason thwith well for the reason thwith wizz选中关键帧,你看iphone录屏工具。可能很容易的调整疏通曲线。对比一下手机录视频软件有哪些。

透亮框

透亮框的疏通,初步以很快的速度搬动了大局限位移,你知道什么录屏软件好。自后速度减慢,徐徐搬动到原位,设置如下

备注:Eautomotive service engineers for the reason thwith well for the reason thwith Wizz中设置Quadvertisement+out 疏通成就比力平滑。ae。

底部文字

备注:

1.三个蓝色框,当蓝色框触及终究部时,文字敏捷弹出,不透亮度从0->100%比例从0->100%

2.透亮框中的文字随透亮框完全疏通(地位设置可能参考透亮框),我不知道如何用AE创建简单的UI动效。但是,左侧的文字先到,右侧的-4度后到,详细时间轴中得设置。对于工具。


云朵

当透亮框的文本初步映现时,云朵映现,先是透亮度从0-100%。

而比例初步时是60%,当透亮度到了100%时,从60%->100%


雪花小圆点


当云朵动效完成后,雪花小圆点初步逐一映现。看着好用的录制视频软件app。

备注:

1.详细小圆点会缭乱的向右搬动,然后弹回,想知道录屏专家。详细疏通依次的调整

2.此次也倡议用Quadvertisement+Out

3.详细小圆点逐一映现,因而透亮度的变化要在时间轴上依次设置。


Snowy文字成就

这里运用了蒙版疏通,来制造Snowy文本渐渐映现的成就,如何用AE创建简单的UI动效。详细Snowy不透亮度也要变化(蒙版的不透亮度变化是多余,什么录屏软件好。请勿仿照)

成就:

原作者的做法:

成就:

结果:

----------------------------------------------------以上为动画建造局限--------------------------------------------------------------

三、导出方法1:AE+PS

1.留存后,AE中分解>增加到渲染队列

完成设置后,ui。点渲染

2.用PS翻开渲染进去的.mov(文件>导入>视频帧到图层)

3.Cmd+Shift+S 或许 文件>蓄积为Web可用格式

备注:

1.循环选项遴选好久

2.图像大小可能设置

3.详细遴选Gif格式


方法2:LiceCap


假如你不想用PS的话,可能先调整AE中画布大小,再使用LiceCap这款录屏为Gif的小软件录制,录视频软件下载。很容易,可谓最好用的GIF录制软件。(有多平台版本)

录制成就:手机视频录制软件。


学习iphone
【返回列表页】

地址:     电话:    传真:    
Copyright © 2018-2020 凯发国际平台_凯发国际娱乐平台_凯发线上娱乐平台_恭喜发财 版权所有     技术支持:凯发国际平台    ICP备案编号: