新書推薦:
《
快人一步:系统性能提高之道
》
售價:NT$
505.0
《
我们为什么会做梦:让梦不再神秘的新科学
》
售價:NT$
352.0
《
算法图解(第2版)
》
售價:NT$
356.0
《
科学的奇幻之旅
》
售價:NT$
352.0
《
画艺循谱:晚明的画谱与消闲
》
售價:NT$
653.0
《
新民说·现实政治史:从马基雅维利到基辛格
》
售價:NT$
454.0
《
宽容是件奢侈品(人生360度·一分钟经典故事)
》
售價:NT$
203.0
《
甲骨拼合六集
》
售價:NT$
1520.0
|
編輯推薦: |
读者对象
《Photoshop AE UI动效设计从新手到高手》适合零基础UI设计人员学习,即使之前并未接触过Photoshop和After Effects软件,通过《Photoshop AE UI动效设计从新手到高手》的学习也可以轻松地掌握这两款软件的基本操作,实现酷炫的UI动效制作。
本书特色
★★《Photoshop AE UI动效设计从新手到高手》核心内容:扁平化UI设计风格、Logo演绎、动态按钮和菜单、动感字效、表达式控制、C4D动力学和角色动画插件。
★★《Photoshop AE UI动效设计从新手到高手》从PS平面到AE动效,从UI设计到MG动画,赠送案例全程视频教学、全部源文件和制作素材。
★★《Photoshop AE UI动效设计从新手到高手》适合零基础UI设计人员学习,即使之前并未接触过Photoshop和After Effects软件,通过《Photoshop AE UI动效设计从新手到高手》的学习也可以轻松地掌握这两款软件的基本操作,实现酷炫的UI动效制作。
|
內容簡介: |
《Photoshop AE UI动效设计从新手到高手》是一本以动画制作理论、软件使用基础和UI实战案例相结合,介绍如何使用Photoshop和After Effects软件制作UI动效的实操案例图书。全书共分9章内容:第1~5章介绍了使用Photoshop制作手机图标、按钮、界面等多类UI实战案例;第6~9章介绍了使用After Effects软件实现UI动效的技术。《Photoshop AE UI动效设计从新手到高手》案例精选自作者参与的商业案例,内容极具实用性,另外随书附赠了书中案例的素材、源文件、高清视频教程和PPT课件。 《Photoshop AE UI动效设计从新手到高手》适合零基础UI设计人员学习,即使之前并未接触过Photoshop和After Effects软件,通过《Photoshop AE UI动效设计从新手到高手》的学习也可以轻松地掌握这两款软件的基本操作,实现酷炫的UI动效制作。
|
關於作者: |
高昌苗,个人获第14届、13届中国大学生计算机设计大赛四川省级赛优秀指导教师;第六届、七届全国应用型人才综合技能大赛优秀指导教师;第八届、第七届、第六届全国高校数字艺术作品大赛优秀指导教师;十二届中国玩具婴童用品创意设计大赛优秀指导教师等奖项十余项。发表《“课程思政”视域下“专题设计2”课程案例的设计》《论高校艺术教育过程中的民族文化传承》《中外高等教育中服装设计与工程专业课程设置研究》等研究论文十余篇,主持和参与项目《乡村振兴战略下西南刺绣艺术教育研究》《川西汉族挑花技艺的保护与传承》《羌族文化在学校教育中的传承机制研究》等多项。
|
目錄:
|
第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?卡片擦除转场
|
內容試閱:
|
UI动效通常指的是动态界面设计,用视频设计、多媒体CG设计、电视包装的方式将UI进行动画表现。UI动效其实是一种动态图形,融合了平面设计、动画设计和电影语言,它的表现形式丰富多样,具有极强的包容性,总能和各种表现形式以及艺术风格混搭。动态图形的应用领域主要集中于节目频道包装、电影电视片头、商业广告、现场舞台屏幕、互动装置等。
传统的平面设计主要是针对平面媒介的静态视觉表现,而动态图形则是在平面设计的基础之上制作一段以动态影像为基础的视觉符号。动态图形和动画片的不同之处就好像平面设计与漫画书,虽然同样是在平面媒介上来表现,但是一个是设计视觉的表现形式,而另一个则是叙事性地运用图像来为内容服务。
《Photoshop AE UI动效设计从新手到高手》介绍
《Photoshop AE UI动效设计从新手到高手》是一本UI动效制作的实操案例图书。全书以理论、软件基础和案例相结合,涉及9章内容,涵盖了UI动效的基础知识、制作UI动效常用的两款软件(Photoshop和After Effects)以及UI动效的多个商业实战应用项目,内容极具实用性。
赠送资源
《Photoshop AE UI动效设计从新手到高手》通过扫码下载资源的方式为读者提供增值服务,这些资源包括全书所有案例的源文件、素材、高清视频教程和PPT课件,方便读者循序渐进地进行练习,并在学习过程中随时调用素材。
《Photoshop AE UI动效设计从新手到高手》特色
《Photoshop AE UI动效设计从新手到高手》内容丰富、结构清晰、技术参考性强,讲解由浅入深且循序渐进,知识涵盖面广又不失细节,非常适合喜爱影视特效及动画制作的初、中级读者作为学习参考书,也可以作为后期特效处理人员、影视动画制作者的辅助工具手册,还可以供教育行业及培训机构相关专业作为动画特效制作培训教程使用。
《Photoshop AE UI动效设计从新手到高手》由高昌苗著,由于时间仓促且作者水平有限,书中疏漏在所难免,欢迎广大读者批评指教。
作?者
|
|