记得收藏【国际动画教程网】,赶快注册吧!
注册

合作站点账号登陆

QQ登录

只需一步,快速开始

扫一扫,访问微社区

快捷导航
查看: 166215|回复: 11
收起左侧

[UI教程] AE教程:旅游界面动效设计[含11P]

[复制链接]
发表于 2018-10-4 08:06:09 | 显示全部楼层 |阅读模式
                               
                                                                               



课前准备
在7月10日会带着大家花2-3周做一套车机的设计 http://activity.ui.cn/lynk 从规范制定到动效然后包装设计,欢迎关注!


根据这次主题做出ui界面,然后将动效设计传到UI中国后,将其链接放到群文件中
点评后选出最佳作品发放价值200元奖品,希望大家认真对待每次练习

---------------------------------------------------------------------------------

活动时间
7月1号-7月8号下午5点
将会在5点把点评和下一期教程一起发出
有问题可以在群里讨论和交流,不懂也可以来要教程看看



高清播放视频地址
界面设计(上):https://www.bilibili.com/video/av25776719/
动效设计(下):https://www.bilibili.com/video/av25777354/

必须下载的素材
本文所需要的素材 网盘下载




一、确定所需要的操作

1、设计App
2、切图后导入AE
3、制作动效








二、设计这个App

这个教程的参考放上





首先确认这个小页面的一些规范

字体:Mont     Heavy / Bold / Light
字号:标题54px 内容24px
颜色:主字色#3d424c   辅助字色#3d424c 70%透明度     主色调#4cb7ff- #4cf0ff





针对界面的一些细节去介绍
首先是第一个界面





然后是第二个界面







三、开始制作AE

首先将素材包下载后,将其文件放入AE中





1, 首先制作第一个界面的出现效果





2,制作界面上滑的效果





3, 然后是点击过渡的效果





最终效果





上周点评地址:http://www.ui.cn/detail/371624.html
希望大家能一起进步


版权申明:本文为我的原创文章,如有转载请附上作者和链接哦~
也欢迎加入设计群, 一起交流设计

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x




上一篇:基础操作流程系列——登录、注册流程
下一篇:PS教程!图层样式制作纸质复古卡片街景
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】
发表于 2018-10-4 08:06:22 | 显示全部楼层
谁有AE软件包  发个吧  很想学
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】
回复

使用道具 举报

发表于 2018-10-4 08:11:33 | 显示全部楼层
就是懒啊。。。哈哈
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】
回复

使用道具 举报

发表于 2018-10-4 08:14:17 | 显示全部楼层
日常、日常~~~
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】
回复

使用道具 举报

发表于 2018-10-4 08:17:34 | 显示全部楼层
想做这个动效,又不想画这个界面,真是太懒了。。。
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】
回复

使用道具 举报

发表于 2018-10-4 08:23:04 | 显示全部楼层
这是教程么??
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】
回复

使用道具 举报

发表于 2018-10-4 08:23:47 | 显示全部楼层
哈哈哈
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】
回复

使用道具 举报

发表于 2018-10-4 08:24:29 | 显示全部楼层
很简单啊,画几个框框就好了
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】
回复

使用道具 举报

发表于 2018-10-4 08:27:44 | 显示全部楼层
高产似母猪
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】
回复

使用道具 举报

发表于 2018-10-4 08:29:18 | 显示全部楼层
厉害
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】
回复

使用道具 举报

发表于 2018-10-4 08:34:53 | 显示全部楼层
高产似母猪
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】
回复

使用道具 举报

发表于 2018-10-4 08:36:07 | 显示全部楼层
我是程序员  我很冷静
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】
回复

使用道具 举报

QQ|QQ群:133515734|站长博客|百度网盘|许进龙|手机触屏版|国际动画教程网 ( ICP13037175 )