Photoshop+AEUI动效设计从新手到高手

Photoshop+AEUI动效设计从新手到高手

查阅电子书
手机扫码
  • 微信扫一扫

    关注微信公众号

因版权原因待上架

编辑推荐

一本介绍如何使用Photoshop和AfterEffects软件制作UI动效的实操案例图书。

内容简介

全书共分9章内容:第1~5章介绍了使用Photoshop制作手机图标、按钮、界面等多类UI实战案例;第6~9章介绍了使用AfterEffects软件实现UI动效的技术。书中案例精选自作者参与的商业案例,内容极具实用性,另外随书附赠了书中案例的素材、源文件、高清视频教程和PPT课件。

作者简介

作者高昌苗,个人获第14届、13届中国大学生计算机设计大赛四川省级赛优秀指导教师;第六届、七届全国应用型人才综合技能大赛优秀指导教师;第八届、第七届、第六届全国高校数字艺术作品大赛优秀指导教师;十二届中国玩具婴童用品创意设计大赛优秀指导教师等奖项十余项。

章节目录

版权信息

内容简介

前言

第1章 UI动效设计概念

1.1 什么是UI设计

1.2 UI设计的重要性

1.3 平面UI与手机UI的不同

1.4 动态图形与UI动效

1.4.1 什么是动态图形

1.4.2 动态图形的历史

1.4.3 动态图形的原理

1.4.4 什么是UI动效

1.5 制作UI动效的软件

1.5.1 Photoshop软件

1.5.2 After Effects软件

1.6 UI动效在产品设计中的重要性

1.6.1 UI动效善于展示软件的特色

1.6.2 UI动效利于软件的推广

1.6.3 UI动效降低使用成本

1.7 UI动效的运动规律

1.7.1 UI动效概念

1.7.2 动效的持续时长和速度

1.7.3 动效的缓动

1.7.4 界面动效的编排

1.8 制作第一个UI动效

1.8.1 设计一个UI小图标

1.8.2 图标的UI动效制作

1.8.3 导出UI动画

第2章 Photoshop编辑操作

2.1 Photoshop的工作界面

2.1.1 了解工作界面的工作组建

2.1.2 了解工具箱

2.1.3 了解选项栏

2.1.4 了解状态栏

2.1.5 了解面板

2.2 图标设计技巧和原则

2.3 跟大师设计一组图标

2.3.1 准备工作

2.3.2 构思、草图

2.3.3 辅助背景的制作

2.3.4 基本形、放大

2.3.5 创作过程

2.3.6 常用方法——变形

2.3.7 进阶方法——改进

2.3.8 成品

2.3.9 形状工具和选区的区别

2.4 对图层的基本理解

2.5 路径的运算方法

2.6 制作可回收资源图标

2.7 制作短信图标

2.8 制作照相机图标

2.9 钢笔工具的使用

2.10 认识锚点

第3章 UI图标设计

3.1 Tumblr图标的制作

3.1.1 制作基本形状

3.1.2 绘制高光和阴影

3.1.3 表现图标质感和立体感

3.2 工具箱图标

3.2.1 制作基本形状

3.2.2 制作工具箱的正面

3.2.3 制作工具箱的四边

3.2.4 制作工具箱的四角

3.2.5 制作工具箱的锁

3.2.6 制作工具箱的提手

3.2.7 制作工具箱的支角

3.3 条形码图形

3.3.1 制作条形码的外形

3.3.2 添加阴影

3.3.3 绘制条形码

3.3.4 绘制扫描条

3.4 工具图形

3.4.1 制作工具锤的手柄

3.4.2 制作手柄的外观

3.4.3 制作锤的底部与顶部

3.4.4 制作锤钩

3.4.5 制作锤头

3.4.6 制作扳手工具

第4章 Photoshop按钮制作

4.1 简单的水晶方按钮

4.1.1 制作按钮的外形

4.1.2 添加阴影和高光

4.2 音乐播放器按钮

4.2.1 制作背景

4.2.2 制作播放器的外形

4.2.3 制作按钮底部的背景

4.2.4 制作向前播放按钮

4.2.5 绘制高光

4.2.6 制作向后播放按钮

4.2.7 制作暂停按钮

4.2.8 制作电源亮光

4.2.9 制作播放按钮

4.3 日历界面

4.3.1 制作日历的背景

4.3.2 制作日历界面

4.3.3 制作日期显示框

4.3.4 输入日期

4.3.5 制作翻阅按钮

第5章 Photoshop输入框和列表设计

5.1 搜索界面输入框

5.1.1 制作搜索界面的背景

5.1.2 制作标题栏

5.1.3 制作按钮

5.1.4 制作搜索栏

5.1.5 制作菜单栏

5.2 通知列表

5.2.1 制作通知列表的背景

5.2.2 添加高光

5.2.3 制作列表的内部

5.2.4 制作列表通知栏

5.2.5 制作图标

第6章 After Effects动画制作

6.1 了解AE

6.2 AE的工作界面

6.3 导入素材

6.3.1 导入单个素材

6.3.2 一次导入多个素材

6.3.3 导入文件夹

6.3.4 替换素材

6.4 创建合成

6.4.1 建立一个合成

6.4.2 用其他方式建立合成

6.5 时间线操作

6.5.1 时间线窗口和合成

6.5.2 时间的定位

6.6 AE的图层操作

6.6.1 建立文字图层

6.6.2 创建纯色层

6.7 导出动画

6.8 AE的关键帧操作

6.8.1 在时间线窗口中查看属性

6.8.2 设置关键帧

6.8.3 移动关键帧

6.8.4 复制和粘贴关键帧

6.8.5 修改关键帧

6.9 捆绑父子关系

6.10 制作透明度动画

6.11 制作路径动画

6.12 动画控制的插值运算

6.13 用AI制作路径动画

6.13.1 双十二海报(在AI中分层)

6.13.2 在AE中制作矢量路径动画

6.14 制作信封UI动效动画

6.14.1 制作信封和爱心

6.14.2 制作信封打开动画

第7章 高级UI动效制作

7.1 理解表达式

7.1.1 表达式的添加

7.1.2 建立自己的第一个表达式

7.2 解读表达式

7.2.1 错误提示

7.2.2 数组和表达式

7.2.3 程序变量和语句

7.3 常用的一些程序变量

7.3.1 Time(时间)表达式

7.3.2 Wiggle(摆动)表达式

7.3.3 将表达式动画转换成关键帧

7.3.4 用声音来控制动画

7.4 在AE中实现UI动效缓动

7.4.1 手机的UI动效制作

7.4.2 UI动效缓动曲线的调整

7.5 UI动效高级实践

7.5.1 闹铃抖动UI动效的制作

7.5.2 圆形旋转进度条UI动效的制作

第8章 UI字幕特效制作

8.1 创建文字图层

8.1.1 创建一个文字图层

8.1.2 用文字工具添加文字图层

8.1.3 文字的竖排和横排

8.2 创建文字动画

8.2.1 车身文字动画

8.2.2 文字特性动画

8.2.3 选择器的高级设置

8.2.4 文字动画预设

第9章 动态图形转场动画

9.1 认识转场

9.2 快速模糊转场

9.3 刷墙过渡转场

9.4 条形转场

9.5 卡片擦除转场

Photoshop+AEUI动效设计从新手到高手是2023年由清华大学出版社出版,作者高昌苗。

得书感谢您对《Photoshop+AEUI动效设计从新手到高手》关注和支持,如本书内容有不良信息或侵权等情形的,请联系本网站。

购买这本书

你可能喜欢
数码摄影后期高手之路 电子书
Adobe知名专家李涛的最新力作,带你全局认识数码摄影后期。
绘画高手这样画.人物速写 电子书
这是一本帮助你找到画面质感与绘画乐趣的素描绘制技法书。本书不同于变通教材中讲解的刻板的静物绘画,而是通过一种更加细腻、生活气息更加浓郁的表现方式,让素描更加生动地展现在我们面前。全书共分为4个部分,分别是速写绘制基础知识、人物动态速写绘制方法、人物组合速写绘制技法及场景绘制技法。让读者从不同的绘画角度去理解如何表现人物速写。每一幅速写范例都有丰富的知识点,教读者从绘画技巧入手,由简到难,循序渐进,
绘画高手这样画.素描静物 电子书
这是一本能帮助你找到画面质感与绘画乐趣的素描绘制技法书。本书区别于普通教材中刻板的静物绘画,二通过一种更加细腻、生活气息更加浓郁的表现方式,让素描更加生动地表现在我们面前。全书共分为4大部分,分别是素描绘制基本知识、物体质感表现绘制技法、物体虚实强弱绘制技法与物体空间表现绘制技法。每一幅静物范例都有丰富的知识点,并从不同的绘画角度去理解如何表现素描静物,教读者从绘画技巧入手,由简到难,循序渐进,有
绘画高手这样画.素描综合技法 电子书
这是一本帮助你找到画面质感与绘画乐趣的素描绘制技法书。本书区别于普通教材中刻板的静物绘画,通过一种绘画手法更加细腻、生活气息更加浓郁的表现方式,让素描更加生动地表现在我们面前。全书共分为7大部分,分别是素描绘制基础知识、基础绘制技法、植物绘制技法、动物绘制技法、日常事物绘制技法、人物绘制技法和风景绘制技法。从不同的绘画角度上理解如何表现绘画。每一幅范例都有丰富的知识点,教读者从绘画技巧入手,由简到
手机摄影高手真经:拍摄+构图+专题+后期 电子书
>本书是一本“单点极致”拍法的实战教程,包括多个精彩手机摄影实拍案例。全书分3篇,拍摄篇主要涵盖一个人的远距离6种自拍方法,手机连拍、抓拍组照的技巧,全景摄影技巧,水的慢门、延时摄影效果拍摄方法,光与色的效果调整方法,以及滤镜特效的选用等;构图篇主要包含中景、远景及斜线构图的拍法,对角线构图的8种拍法,三分线构图的7种拍法,九宫格构图的10种拍法,黄金分割构图的10种拍法,透视构图的5种拍法,以及