Photoshop+AE UI动效设计从新手到高手

Photoshop+AE UI动效设计从新手到高手
分享
扫描下方二维码分享到微信
打开微信,点击右上角”+“,
使用”扫一扫“即可将网页分享到朋友圈。
作者:
2023-08
版次: 1
ISBN: 9787302632269
定价: 99.00
装帧: 其他
开本: 16开
纸张: 胶版纸
  • 《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?卡片擦除转场

     
  • 内容简介:
    《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?卡片擦除转场

     
查看详情
12
您可能感兴趣 / 更多
Photoshop+AE UI动效设计从新手到高手
包里包外
高昌苗