精华内容
下载资源
问答
  • 今天给大家介绍一款功能强大的GIF动图制作手机app,强大不强大,看完您说了算,基本上满足一切制作GIF的需求,接下来介绍一下这个软件的一些功能1,ae制作pc版的ae想必大家都很清楚,影视后期处理,特效,制作动画的...

    bbd1b674d2df919206988f8b53142b8c.png

    今天给大家介绍一款功能强大的GIF动图制作手机app,强大不强大,看完您说了算,基本上满足一切制作GIF的需求,接下来介绍一下这个软件的一些功能

    1,ae制作

    pc版的ae想必大家都很清楚,影视后期处理,特效,制作动画的一个特别牛b的软件,GIF豆豆软件做了绝大部分的ae动画制作的所需要的一些功能,我们来看一下使用GIF豆豆中的ae制作是如何制作动画的

    添加图片后点击“变换”按钮,可以进入动画制作的页面

    7329381b0a8fa89217e7991a452492d0.png

    这里有一些基本的动画属性,如,位置,中心点,缩放,旋转,还有透明度,斜切等等

    我们这里就简单的说一下位置动画

    2.点击“位置”后面的灰色圆圈按钮

    51b175aa40c055cf1a1680af7fd79271.png

    3.使之变成红色状态,并随之生成一个菱形按钮(即关键帧),然后点击如 下图所示的编辑按钮(如果无需改变当前参数值,可以省略此步骤)

    55db41d532eb79726a046c89b53c25b2.png

    4.设置参数

    775442b3d2528ca957aa4106555cb9cf.png

    5.设置参数后点击“下拉”按钮返回上一页面

    821e0b1b1a25946743276dbf6325a5f0.png

    6.把时间线从1的位置拉动到2的位置,再点击"编辑"按钮设置参数

    93ec51bb73e454b38c5a71e479ea4a7c.png

    7.设置参数后,再点下拉键返回上一页面

    ebb236ecf3ca607d637db690c8646d96.png

    8.可以看到面板上生成了2个关键帧,此时播放即有动画效果

    cc10b57a8113791f4a38d2821597937a.png

    效果图:

    55e7145dee078281b8e63c34b2d58761.gif

    这里只是简单的介绍了一些位移的动画,还可以做一些形状路径动画,文字范围动画,3d动画,遮罩动画,感兴趣的小伙伴可以自己试试。下面附几个效果图

    4cd119ca13c138ae1d24d1161b7b16f9.gif
    简单的文字3的动画

    032f9e7f38e2c6bc0e2b75bc4f7dfab4.gif
    形状的路径修剪动画

    d35dbe20008bc768c69d678104b5f4a1.gif
    图层轨道蒙版

    60bad20ce719dc33ee191a5057b49d00.gif
    图片的3d动画

    e496d6ce3b84762ffe25134e6758cd71.gif
    简单的遮罩动画

    bb8e5e6ff16567368c10ccd5b62a77e7.gif
    用户制作3d动画

    50cb708036f179c385e6be30a04eda84.gif

    711e25d071bf396d601c3b44d96c235d.gif
    文字图层添加特效

    c1acebe523b7b983bd7e059f92a82ea8.gif

    7110b136f3e31a1a8f2dc58d9ca4efe7.gif

    ae里面的功能太多,不一一讲解,感兴趣的可以下载了解一下,

    如何使用GIF豆豆手机app制作动画www.iqiyi.com
    4113904154e3ea34c3892008a5ba1b83.png

    2,视频转GIF功能

    软件支持视频转GIF的,还是高清无损的哦,

    如何使用GIF豆豆手机app将视频转GIFjingyan.baidu.com

    3.GIF压缩功能

    如何使用表情in/GIF豆豆软件来压缩动态GIF图片www.iqiyi.com
    14fb545b5082991741c6a7e22a913a7d.png
    如何使用表情in/GIF豆豆app压缩GIFjingyan.baidu.com

    4.GIF的裁剪功能

    如何使用GIF豆豆软件/表情in实现GIF动态图片的裁剪www.iqiyi.com
    75bf2740b14884c23f099a5ba2127c90.png

    5.制作隐藏图(即幻影坦克)

    如何使用表情in、GIF豆豆app制作隐藏图(幻影坦克)jingyan.baidu.com

    6,GIF拼图(九宫格)

    如何使用表情in、GIF豆豆软件制作拼图jingyan.baidu.com

    7。GIF图片合成

    如何使用表情in、GIF豆豆软件给合成动态GIF图片jingyan.baidu.com如何使用gif豆豆手机APP快速简单的制作炫酷的文字效果www.iqiyi.com
    40589e8e341a06de05c0f747e85e717e.png
    展开全文
  • 这是一款使用CSS3制作手机APP切换页面动画过渡效果。该页面切换动画效果只设计了两个页面,可以点击前一页和上一页按钮来回切换,并在页面切换的时候使用CSS3制作了非常炫酷的过渡动画效果。
  • 这是一组移动手机(Mobile)APP打开菜单时的过渡动画特效。这组过渡动画共有15种效果,分别使用CSS3 animation动画制作,这些动画均由线条和文字组成,效果非常炫酷。
  • 这是一款使用纯CSS3制作的效果非常有创意的手机APP登录界面动画特效。该特效在用户点击登录按钮之后,按钮变形为一个小球图标,并且小球会上下弹跳,之后小球会落入界面底部成为一个图标按钮。
  • 这是一款使用纯CSS3制作的效果非常有创意的手机APP登录界面动画特效。该特效在用户点击登录按钮之后,按钮变形为一个小球图标,并且小球会上下弹跳,之后小球会落入界面底部成为一个图标按钮。使用方法HTML结构该...

    这是一款使用纯CSS3制作的效果非常有创意的手机APP登录界面动画特效。该特效在用户点击登录按钮之后,按钮变形为一个小球图标,并且小球会上下弹跳,之后小球会落入界面底部成为一个图标按钮。

    使用方法

    HTML结构

    该手机APP登录特效的HTML结构使用嵌套

    的HTML结构。为制作点击事件,采用和的组合,使用checkbox-hack来制作点击事件。

    5:12PM

    f3ed95aaba7a1a2e0c0408430d2ef4f2.png

    CSS样式

    在登录按钮被点击之后,使用checkbox-hack来将按钮变形为圆心,并最终使它的透明度降低为0,变为不可见。

    .demo__login {

    position: absolute;

    width: 20rem;

    height: 4.4rem;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    text-align: center;

    line-height: 4rem;

    text-transform: uppercase;

    color: #fff;

    font-size: 2.5rem;

    border: 0.2rem solid #fff;

    will-change: width, height, border-radius, opacity;

    }

    .demo__checkbox:checked ~ .demo__login {

    -webkit-transition: font-size 0.2s, width 0.5s, height 0.5s, border-radius 0.3s, opacity 0s 0.7s, border-width 0.3s;

    transition: font-size 0.2s, width 0.5s, height 0.5s, border-radius 0.3s, opacity 0s 0.7s, border-width 0.3s;

    font-size: 0;

    width: 8.6rem;

    height: 8.6rem;

    border-radius: 50%;

    opacity: 0;

    border-width: 0.7rem;

    }

    之后小球图标的包裹容器透明度设置为1,并开始执行ballContAnim()动画。实际的小球也开始执行ballAnim()动画。

    .demo__ball-cont {

    z-index: -1;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -4.3rem;

    margin-top: -5rem;

    width: 8.6rem;

    height: 10rem;

    font-size: 10rem;

    line-height: 1;

    color: #fff;

    -webkit-transform-origin: 50% 300%;

    -ms-transform-origin: 50% 300%;

    transform-origin: 50% 300%;

    opacity: 0;

    will-change: opacity, transform;

    }

    .demo__checkbox:checked ~ .demo__ball-cont {

    z-index: 2;

    opacity: 1;

    -webkit-transition: opacity 0.2s 0.5s;

    transition: opacity 0.2s 0.5s;

    -webkit-animation: ballContAnim 2.2s 0.7s cubic-bezier(0.83, 0.28, 0.35, 1.02) forwards;

    animation: ballContAnim 2.2s 0.7s cubic-bezier(0.83, 0.28, 0.35, 1.02) forwards;

    }

    .demo__checkbox:checked ~ .demo__ball-cont .demo__ball {

    -webkit-animation: ballAnim 2.2s 0.7s cubic-bezier(0.83, 0.28, 0.35, 1.02) forwards;

    animation: ballAnim 2.2s 0.7s cubic-bezier(0.83, 0.28, 0.35, 1.02) forwards;

    }

    展开全文
  • CSS3+animation实现15种移动手机App打开菜单过渡动画特效源码是一款使用CSS3 animation动画制作,这些动画均由线条和文字组成,效果非常炫酷。 这15种移动手机APP打开菜单动画效果所需的CSS动画样式都写在各自的...
  • 制作手机gif动画

    2016-02-18 16:52:32
    以前看 泡在网上的日子 里面好多demo,而且全是gif动画,感觉特别的好,效果都能呈现出来。...开始在想怎么弄手机app动画呢,想到了用豌豆夹,但是效果太差了, 发现电脑上有Genymotion,就是它了,效果相当的好。

    以前看 泡在网上的日子 里面好多demo,而且全是gif动画,感觉特别的好,效果都能呈现出来。

    偶尔看到一款gif制作的软件,GifCam, 

    能够像录视频那样制作gif,觉得特别的好,然后就可以自己做一些发qq表情了,大笑


    开始在想怎么弄手机app的动画呢,想到了用豌豆夹,但是效果太差了,

    发现电脑上有Genymotion,就是它了,效果相当的好。

    展开全文
  • CSS3 animation实现15种移动手机App打开菜单过渡动画特效源码是一款使用CSS3 animation动画制作,这些动画均由线条和文字组成,效果非常炫酷。 这15种移动手机APP打开菜单动画效果所需的CSS动画样式都写在各自的...
  • 设计一款app和设计一款差不多的app是有那些差别?

    设计一款APP和设计一款还算说的过去的APP是有区别的,我相信大部分的设计者都是有强迫症的人。

    产品定位:

    首先问自己,这款APP的核心能力是什么,他的用户又是哪些人,有哪些盈利点。

    产品模型:

    设计之前,画一个产品草图,用思维导图列出框架,然后借助Axure等原型软件,开始逐步实现交互逻辑关系。app的样式、每一个跳转,其实往细里说,能复杂到你永远想不到。(为什么这的颜色要不一致,为什么这里字体要加粗,为什么产品要连接价格或者咨询等等等等)

    假设这一步你也完成了,如果你会UI设计的话更好,完全自己包办,不会的话找个设计师吧,把原型给他让他按照去做。

    接下来就是功能部分了。用原型软件做的交互要比代码实现方便多了,太细的东西不知道怎么讲,只好罗列一些我在研发app过程中可能会用到的框架(只适用于ios)没准会有些帮助

     

    以下为第三方框架

    网络请求:AFNetworking

    这是使用人数最多的网络连接开源库,提高文件下载计算速度,方便开发者使用

    图片加载请求:SDWebImage

    网络图像获取以及缓存的处理

     

    自适应布局:Masonry

    这是一个轻量级的布局框架,拥有自己的描述语法,采用优雅的链式语法封装自动布局,并且具有较高的可读性

     

    数据本地持久化:FMDB

    sqlite的工具,多线程FMDatabaseQueue实例


    图片图像处理:GPUImage

    https://github.com/BradLarson/GPUImage

    图像滤镜,美颜

     

    地图,定位,导航处理:高德地图百度地图

    不做介绍了。。

     

    即时通讯:推荐环信 其他还有网易IM(听过没用过)

     

    身份验证:九五云码

    www.95yunma.com

    朋友介绍的 使用期限1年,中间出现过一次小问题,很快解决了,推荐下

     

    第三方分享、第三方登录:友盟

     

    动画框架:POP

    pop是一个在iOSOS X上通用的极具扩展性的动画引擎。它在基本的静态动画的基础上增加的弹簧动画与衰减动画,使之能创造出更真实更具有物理性的交互动画。popAPI可以快速的与现有的ObjC代码集成,并可以作用于任意对象的任意属性

     

    刷新控件:MJRefresh

    能够快速集成列表的刷新与加载功能

     

    二维码扫描:ORCatcher

    二维码的扫描与识别

     

    正则:RegexKitLite

    用来处理正则表达式

     

    图片浏览:MWPhotoBrowser

    一款非常不错的照片浏览器

     

    视频录制SCRecorder

    短视频录制

     

    视频处理:ffmpeg

    http://www.cocoachina.com/ios/20150514/11827.html

    非常强大的视频处理框架,难度偏高

     

    播放器:ijkPlayer

    B站开源播放器

     

    音乐播放器:FreeStreamer

    流媒体音乐播放器,CPU占用率小

     

    时间处理:DateTimePicker

    一款超赞的时间处理库,他能帮你轻松处理时区,处理时间加减,计算到期时间等等场景下的问题

    以上就是我整理的第三方框架,希望能帮到想要研发app的朋友们。

     

    展开全文
  • mac下为iOS app制作gif展示动画

    千次阅读 2016-04-25 17:25:32
    mac下用自带的QuickTime录制模拟器和真机的app界面视频并用GIFBrewery转换成gif动图
  • APP交互制作软件

    2019-04-17 16:57:54
    1、交互工具-墨刀 吐血推荐!!! 我用过很多交互制作软件,包括老牌的Axure/Sketch,还有一些国外交互制作工具,最后还是选择了墨刀,...网页+PC+手机同步:手机上可以下载墨刀APP,PC上画好交互,可以直接操...
  • 在h5制作app中,设计路由跳转及跳转翻页动画是最必要的。其中有很多需要注意的问题,分享下小编的处理方式~ 一、翻页效果 首先,跳转翻页动画的监控,因为小编是用vue学的,所以在app.vue中监控路由变化,设置路由...
  • unity 制作app发布到andriod手机

    千次阅读 2018-11-05 07:54:04
    一,unity 制作一个简单的动画。...二,将“t1”发布为手机app,即“t1.apk”. 1.点击"file>>Build Settings…“,添加“t1”,选择android发布,点击“build”。系统提示设置bundle i...
  • 越来越多的公司开始选择使用HTML5开发手机APP,而随着手机硬件设备配置的不断提升,各种开发框架的不断优化,也使着H5开发的混合APP的体验越来越趋于原生!那么在本系列博客中,我们就来一探H5开发APP的神秘面纱吧~~...
  • 如何快速成为APP制作、H5制作高手?

    千次阅读 2016-06-02 17:32:42
    掌握App、H5制作技能,无论工作、学习,更胜人一筹。 那么,什么是App呢?   App(application的缩写),即安装在手机上的软件。早期的手机主流系统有以下:Symbian、Research in Motion、Windows Mobile.但是在...
  • 写一下关于html5 2d 以及发布手机APP的文章   先构思我们想要用html5 做点什么事情:   1.用html5代码创建一块用于作画的画布canvas  2.在canvas中写一句话如:你好,这是此系列的第一个html5 2d页面  3....
  • 这是一款使用jQuery和CSS3制作的效果超酷的移动手机APP界面设计特效。该App界面使用animate.css来制作动画效果,共有4个不同的界面,可以来回切换,效果非常震撼!
  • 逛简书,知乎或者GitHub时,看到很多大神写的技术文章,文章中有很多GIF演示动画来展示其所写代码的效果,这些GIF...平时喜欢写点博客的我也按捺不住了,于是就各种查、各种找,怎么制作这些生动而又形象的演示动画
  • 今天我就向大家推荐几款比较热门的手机APP。 一、哔哩哔哩动画 相信很多喜欢看二次元动漫的人都了解这个软件,里面有动画、音乐、游戏、娱乐、专辑合集和新番连载六大板块。包含各种各样的动画视频、鬼畜视频、搞笑...
  • 软件介绍动画工场app是一款模块化的动画制作APP,动画工场软件将MG动画镜头进行模块化,多个“独立镜头”可拼接成完整的动画视频,动画工场app用户还能进行更换镜头、图片、文字,并进行分享与下载。软件特色更改...
  • 这是一款效果非常炫酷的模拟手机APP登录界面的jQuery和CSS3用户登录动画特效。该特效使用扁平化设计风格,采用SVG作为图标,并使用CSS3制作各种页面切换时的炫酷动画效果。
  • Lottie Android 动画制作与使用还未了解Lottie的同志,请观看我上篇文章: Lottie Android 初探一、效果图预览二、Adobe After Effects安装作为IT攻城狮,安装软件这方面还都是很强大的,我就不献丑出安装教程了,...
  • Unity 2D独立开发手记(外篇):Anima2D动画制作

    万次阅读 多人点赞 2017-12-28 22:51:33
    角色全都是用手机的dotpict这款像素画APP一点一点画...动画制作我使用的是AssetStore里面的Anima2D插件,真心好用,不过仅仅合适于两朝向的动画,例如《饥荒》,而想要制作四朝向动画,例如GBA上《塞尔达传说》那种...
  • 1、前几天在手机看到了很好看的动画效果,于是,扬起袖子就是干: 上图的是咸鱼App效果,下图是俺高仿的,大神莫喷~以下是鄙人的~ 2、代码讲解: 代码讲解前,先上图,我手画的原理图,有点草,大家听我娓娓道来。1...
  • 使用GifMaker工具可以制作出gif动画,展示出我们APP效果,为方便日常使用,在些记录一下 下载地址:http://download.csdn.net/detail/gao_chun/9077023 百度云:
  • 9款好看又实用的手机APP UI模板

    万次阅读 2017-09-12 10:25:02
    这也就解释了为什么手机应用市场有很多APP功能差不多,但我们只使用一款就够了,而这一款必定有更优的界面设计及用户体验。 App界面设计出色与否将直接影响App用户的体验。要提高UI设计水平,除了经历一定的实践
  • 推荐理由:一款表情包生产工具,每天海量斗图资源,看到喜欢的还可以修改字体,而且还有超级多的表情包底图供你制作,做动图、做静图、做微动画、秒做文字、快P表情不在话下,还有图聊社区,我...
  • 手机app页面Toast提示框

    千次阅读 2017-03-03 17:08:45
    //此处获取存储手机本地的主页面连接URL var closePngUrl = homrUrl.substring(0,homrUrl.length-9) + "images/close.png"//截取主页面URL根路径,然后拼接close.png的路径 /**************结束****************...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 10,606
精华内容 4,242
关键字:

手机app的动画制作