Photoshop艺术设计创意与案例精讲第14章超感动作网页与视频动画
合集下载
Photoshop全部课件
添加艺术效果
使用Photoshop的图层功能，将 多张照片合成在一起，创造出独 特的视觉效果和故事情境。
项目三：企业宣传册排版设计
确
定
宣
根据企业需求和品牌形
传 册
象，确定宣传册的尺寸
尺
、风格和排版规范。
寸
和
风
格
运用Photoshop的排版
功能，设计宣传册的封
面和内页布局，包括标
题、图片、文字等元素
Photoshop全部课件
目录
• Photoshop基础知识 • 图像调整与优化 • 图层与蒙版应用 • 文字处理与排版设计 • 矢量绘图与路径编辑 • 通道与选区操作 • 综合实战项目演练
01
Photoshop基础知识
Photoshop简介与发展历程
Photoshop的诞生与初期发展
01
介绍Photoshop的起源、初期版本及其特点。
详解在保存文件时的各种存储选项，如保存为 Web所用格式、保存为PDF等。
文件压缩与优化
讲解如何对图像进行压缩与优化，以适应不同场 景的需求。
02
图像调整与优化
图像大小与分辨率调整
1 2 3
图像大小调整
通过“图像大小”命令，可以调整图像的像素尺 寸和打印尺寸，以及分辨率。这对于准备用于打 印或网络的图像非常重要。
蒙版类型
包括图层蒙版、剪贴蒙版和矢量蒙版等，不同类型的蒙版具有不 同的特点和用途。
蒙版使用方法
可以通过创建蒙版、编辑蒙版和调整蒙版参数等操作，实现对图 像的精确控制和编辑。
实战案例：海报设计
案例分析
通过对一个实际的海报设计案例进行分析， 了解图层和蒙版在海报设计中的应用。
使用Photoshop的图层功能，将 多张照片合成在一起，创造出独 特的视觉效果和故事情境。
项目三：企业宣传册排版设计
确
定
宣
根据企业需求和品牌形
传 册
象，确定宣传册的尺寸
尺
、风格和排版规范。
寸
和
风
格
运用Photoshop的排版
功能，设计宣传册的封
面和内页布局，包括标
题、图片、文字等元素
Photoshop全部课件
目录
• Photoshop基础知识 • 图像调整与优化 • 图层与蒙版应用 • 文字处理与排版设计 • 矢量绘图与路径编辑 • 通道与选区操作 • 综合实战项目演练
01
Photoshop基础知识
Photoshop简介与发展历程
Photoshop的诞生与初期发展
01
介绍Photoshop的起源、初期版本及其特点。
详解在保存文件时的各种存储选项，如保存为 Web所用格式、保存为PDF等。
文件压缩与优化
讲解如何对图像进行压缩与优化，以适应不同场 景的需求。
02
图像调整与优化
图像大小与分辨率调整
1 2 3
图像大小调整
通过“图像大小”命令，可以调整图像的像素尺 寸和打印尺寸，以及分辨率。这对于准备用于打 印或网络的图像非常重要。
蒙版类型
包括图层蒙版、剪贴蒙版和矢量蒙版等，不同类型的蒙版具有不 同的特点和用途。
蒙版使用方法
可以通过创建蒙版、编辑蒙版和调整蒙版参数等操作，实现对图 像的精确控制和编辑。
实战案例：海报设计
案例分析
通过对一个实际的海报设计案例进行分析， 了解图层和蒙版在海报设计中的应用。
数字平面设计教程──Photoshop+CC第14章
14.1.1 14.1.2 14.1.3 14.1.4 14.1.5 14.1.6 海报的设计内容 海报的表现形式 海报的设计准则 海报的构图 海报的字体安排 海报的规格
14.1.1 海报的设计内容
海报设计的内容十分广泛，其题材几乎深入到社会 生活中的各个方面，其设计内容一般分为以下3类，如图 所示。
14.1.6 海报的规格
海报的规格最常见的是对开和四开尺寸。近年来全开 大小的海报也有很多，其印刷方式大都采用平板印刷或丝 网印刷。对开尺寸较适合一般场合张贴，如果是小的商店 张贴，要考虑海报的面积，可采用四开、长三开或长六开 尺寸。纸张厚薄与面积大小成正比，面积较大应使用较厚 的纸；面积较小，应使用较薄的纸。纸质的选择也是很重 要的，一般采用铜版纸。
1．社会公益海报 包括政治活动、节日、环保、交通、劳动、社会公 德等公益宣传内容。 2．文化事业海报 包括电影、戏剧、音乐、体育、美术、科研、展览 等方面的宣传。 3．商业海报 主要涉及工商企业的形象宣传或产品宣传等。
14.1.2 海报的表现形式
海报无论是以图案形式来表达还是以摄影作品来表 达，在设计时一定要注意与所宣传的内容相配合，不同 性质和内容的海报要有不同的表现形式，表现形式一般 分为以下4 种。 一、写实 写实表现手法是画家通过不同的绘画材料和方法将 事物进行细致真实的形象描写，此种表现手法给观众以 真实、自然的感觉。 二、抽象 抽象表现手法是画家将事物的形态进行不同的抽象
在设计时还要考虑所选用的字体在画面的底色中是否 容易辨认。一般正文内容小字采用红色和绿色比较难读， 所以红色和绿色只适合做标题大字。白色底色不适宜配上 黄色或橙色的字体，但黄色字体可以配上黑色或紫色底色， 有较好的对比效果。标题的字数不要太多并且要简单，最 好不要超过10 个字。内文的细字说明要尽量少。除了时间、 地点和标志外，其他字体最好靠画面来表达。在进行画面 的设计时，一行字体可以当作一条线，一个大字可以当作 一个面，一个小字可以当作一个点来处理。在字体的排列 上要有新意，有时可以根据图案的形状把字体排成弧线或 曲线，这样可以打破方形版式排列的呆板，使画面活泼有 趣。
14.1.1 海报的设计内容
海报设计的内容十分广泛，其题材几乎深入到社会 生活中的各个方面，其设计内容一般分为以下3类，如图 所示。
14.1.6 海报的规格
海报的规格最常见的是对开和四开尺寸。近年来全开 大小的海报也有很多，其印刷方式大都采用平板印刷或丝 网印刷。对开尺寸较适合一般场合张贴，如果是小的商店 张贴，要考虑海报的面积，可采用四开、长三开或长六开 尺寸。纸张厚薄与面积大小成正比，面积较大应使用较厚 的纸；面积较小，应使用较薄的纸。纸质的选择也是很重 要的，一般采用铜版纸。
1．社会公益海报 包括政治活动、节日、环保、交通、劳动、社会公 德等公益宣传内容。 2．文化事业海报 包括电影、戏剧、音乐、体育、美术、科研、展览 等方面的宣传。 3．商业海报 主要涉及工商企业的形象宣传或产品宣传等。
14.1.2 海报的表现形式
海报无论是以图案形式来表达还是以摄影作品来表 达，在设计时一定要注意与所宣传的内容相配合，不同 性质和内容的海报要有不同的表现形式，表现形式一般 分为以下4 种。 一、写实 写实表现手法是画家通过不同的绘画材料和方法将 事物进行细致真实的形象描写，此种表现手法给观众以 真实、自然的感觉。 二、抽象 抽象表现手法是画家将事物的形态进行不同的抽象
在设计时还要考虑所选用的字体在画面的底色中是否 容易辨认。一般正文内容小字采用红色和绿色比较难读， 所以红色和绿色只适合做标题大字。白色底色不适宜配上 黄色或橙色的字体，但黄色字体可以配上黑色或紫色底色， 有较好的对比效果。标题的字数不要太多并且要简单，最 好不要超过10 个字。内文的细字说明要尽量少。除了时间、 地点和标志外，其他字体最好靠画面来表达。在进行画面 的设计时，一行字体可以当作一条线，一个大字可以当作 一个面，一个小字可以当作一个点来处理。在字体的排列 上要有新意，有时可以根据图案的形状把字体排成弧线或 曲线，这样可以打破方形版式排列的呆板，使画面活泼有 趣。
Photoshop CS6 (14)
第14章 综合实例
本章作为本书的一个综合章节，将之前所学的基础知识和 实际运用结合在了一起，这些实例突出了多种功能协作的特点。 灵活运用各种工具和命令，才能对Photoshop熟练的运用和掌 握！
掌握运用多种工具和命令
14.1 制作牛奶字
制作思路 本案例是制作特效类字体，重点是用图层 样式制作牛奶质感的文字，对于纯色素材（如 本案例中的文本），用图层样式中的【斜面和 浮雕】模拟液体或其他的特殊质感即方便又真 实。【阴影】样式的作用是拉开主体与背景之 间的层次，使主体更加凸出。【波浪】滤镜用 于模拟奶牛身上的斑点效果。 案例总结 本案例是通过调整【斜面和浮雕】的参数 来模拟液体牛奶的质感，通过调整【斜面和浮 雕】样式的参数可以模拟各种效果。
14.3 增加身高
制作思路 本案例是通过变换来调整 图像，整体拉长图像会让图像 扭曲变形，将其部分拉长即可 达到想要的效果而又不破坏整 体的效果。此功能经常用于摄 影后期，可以让一些腿较短的 模特也有大长腿的效果。 案例总结 本案例的使用的功能基础， 但是在实际使用中运用很多， 几乎所有的摄影后期都会用到 该方法来修正模特身形。多用、 多看、多学，能纯熟的运用才 是学习的最终目的。
14.5 制作牛奶裙
制作思路 本案例重点是使用素材来合成图像，对 于本案例的裙子来说如果想要制作液体的效 果，就要借助Photoshop的滤镜了，图层样 式已经很难达到想要的效果了。导入合适的 素材结合蒙版的使用在图像合成中是非常常 见的，这样可以让合成的作品更加真实。
案例总结 对于本案例的制作需要非常多的耐心， 在制作的过程比较重复，而找到合适的素材 是作品成功的关键。在制作中要根据实际情 况对素材进行修改。
14.2 瑜伽狗
制作思路 本案例是通过蒙版和自 由变换来合成图像，重点在 于对蒙版的理解，合理的运 用蒙版来达到自己想要的效 果。 案例总结 本案例除了蒙版重点外， 也考验了对素材的理解，在 制作狗的后肢时，初学者可 能思想局限在有一只腿没有 素材怎么办，此时就考验了 对素材的灵活运用，将另一 只腿稍稍改变合运用各 种工具合成图像，对于此种案例 来说，寻找一个合适的素材比较 重要，找到合适的素材后混合运 用各种工具来一步一步完成自己 想要的效果。 案例总结 本案例考验的是对各种工具 的混合运用，所运用到的工具都 不算难，在photoshop中使用不同 的工具可以达到相同的效果，所 以不管使用的是什么工具，只要 能达到的自己想要的效果，就是 学习软件的最终目的。
本章作为本书的一个综合章节，将之前所学的基础知识和 实际运用结合在了一起，这些实例突出了多种功能协作的特点。 灵活运用各种工具和命令，才能对Photoshop熟练的运用和掌 握！
掌握运用多种工具和命令
14.1 制作牛奶字
制作思路 本案例是制作特效类字体，重点是用图层 样式制作牛奶质感的文字，对于纯色素材（如 本案例中的文本），用图层样式中的【斜面和 浮雕】模拟液体或其他的特殊质感即方便又真 实。【阴影】样式的作用是拉开主体与背景之 间的层次，使主体更加凸出。【波浪】滤镜用 于模拟奶牛身上的斑点效果。 案例总结 本案例是通过调整【斜面和浮雕】的参数 来模拟液体牛奶的质感，通过调整【斜面和浮 雕】样式的参数可以模拟各种效果。
14.3 增加身高
制作思路 本案例是通过变换来调整 图像，整体拉长图像会让图像 扭曲变形，将其部分拉长即可 达到想要的效果而又不破坏整 体的效果。此功能经常用于摄 影后期，可以让一些腿较短的 模特也有大长腿的效果。 案例总结 本案例的使用的功能基础， 但是在实际使用中运用很多， 几乎所有的摄影后期都会用到 该方法来修正模特身形。多用、 多看、多学，能纯熟的运用才 是学习的最终目的。
14.5 制作牛奶裙
制作思路 本案例重点是使用素材来合成图像，对 于本案例的裙子来说如果想要制作液体的效 果，就要借助Photoshop的滤镜了，图层样 式已经很难达到想要的效果了。导入合适的 素材结合蒙版的使用在图像合成中是非常常 见的，这样可以让合成的作品更加真实。
案例总结 对于本案例的制作需要非常多的耐心， 在制作的过程比较重复，而找到合适的素材 是作品成功的关键。在制作中要根据实际情 况对素材进行修改。
14.2 瑜伽狗
制作思路 本案例是通过蒙版和自 由变换来合成图像，重点在 于对蒙版的理解，合理的运 用蒙版来达到自己想要的效 果。 案例总结 本案例除了蒙版重点外， 也考验了对素材的理解，在 制作狗的后肢时，初学者可 能思想局限在有一只腿没有 素材怎么办，此时就考验了 对素材的灵活运用，将另一 只腿稍稍改变合运用各 种工具合成图像，对于此种案例 来说，寻找一个合适的素材比较 重要，找到合适的素材后混合运 用各种工具来一步一步完成自己 想要的效果。 案例总结 本案例考验的是对各种工具 的混合运用，所运用到的工具都 不算难，在photoshop中使用不同 的工具可以达到相同的效果，所 以不管使用的是什么工具，只要 能达到的自己想要的效果，就是 学习软件的最终目的。
Photoshop CC+Illustrator CC第14章
14.2.2 调整文本区域的大小
方法：使用“选择工具” 选择文字对象，拖动定界框上的
手柄，就可以调整文本区域的大小。如图（a）
如果要改变文本区域的形状，使用“直接选择工具” 对文 本区域进行编辑和变形，而区域中的文字也会重新排列，适 应新区域形状。如图（b）
14.2.3 更改文本区域的边距
文本和边框路径之间的边距，称为内边距，区域文本有边
该行将扩展或缩短，但不会自动换行。 方法：选择“文字工具” 或“直排文字工具” ，在
画板需要输入文字的位置单击鼠标左键，输入文本即可。
提示：输入文本时，若需要换行，按Enter键，可
以强制换行。
14.2 创建段落文本
“段落文本”也称为“区域文本”，它是利用对象边界来控 制字符排列（既可横排，也可直排）。当文本触及边界时，会
练 习
二、操作题
1．制作下图所示的文字效果。
练 习
二、操作题
2．制作下图所示的印章。
自动换行，以使文本排在所定义区域内。 方法：（1）选择“文字工具”
入文本即可。
或“直排文字工具”
，
在画板上单击并拖动鼠标左键，绘制一个区域，释放鼠标，输
14.2 创建段落文本
（2）也可以先绘制图形。再选择“文字工具” 、“直排
文字工具” 、“域文字工具”
或“直排区域文字工具”，
在图形路径上单击，即可输入文字。
ቤተ መጻሕፍቲ ባይዱ
和“间距”等参数。
14.2.5 文本对象之间的串接、删除与中断
1．串接文本
方法：（1）使用“选择”工具选择区域文字对象。 （2）单击文字区域的输入连接点或输出连接点。指针会变成已加
载文本的图标
。
，
photoshop第14课
创建动作 保存动作
中文版Photoshop CS4图像处理培训教程
创建动作
单击面板底部中的“创建新动作”按 钮 ，在打开 “新建动作”对话框便可 创建动作。
中文版Photoshop CS4图像处理培训教程
保存动作
在打开的“存 储”对话框中指定 保存位置和文件名， 完成后单击按 钮 ，即可将 动作以.ATN文件格 式进行保存。
中文版Photoshop CS4图像处理培训教程
第14课 动作与批处理文件
主讲：×××
学习目标
1
2 3
了解“动作”面板的组成
熟悉使用动作记录操作过程的方法
掌握“批处理”命令操作
掌握创建快捷批处理方法
中文版Photoshop CS4图像处理培训教程
课堂讲解
动作的使用
使用“批处理”命令
创建快捷批处理方式
中文版Photoshop CS4图像处理培训教程
课后练习（二）
（3）将第2题中记录的动作创建为快捷批处 理方式，将其他需要处理的图片拖到生成 的快捷批处理图标上，然后观察这些图片 的变化。
中文版Photoshop CS4图像处理培训教程
中文版Photoshop CS4图像处理培训教程
Click
to
中文版Photoshop CS4图像处理培训教程
“动作”面板
在“动作”面板中，程序提供了很多 自带的动作，如图像效果、处理、文字效 果、画框和文字处理等。
中文版Photoshop CS4图像处理培训教程
动作的创建与保存
通过动作的创建与保存，用户可以将 自己制作的图像效果，如画框效果制作成 动作保存在电脑中，以避免重复的处理操 作。
edit
Photoshop核心技术与高级特效第十四章
操作过程
26、执行高斯模糊滤镜。
操作过程
27、执行智能锐化滤镜,点击动作面板下方的停止按钮，完成动作的记录。
操作过程
28、依次选择图层组“组1副本”、“组1”，将它们合并。
操作过程
29、对图层面板中除图层3以外的所有图层执行刚才保存的“特效”动作。
操作过程
30、为图层2添加图层蒙版，用画笔将不需要显示的部分涂黑。
操作过程
30、添加调整图层-色相/饱和度4。
操作过程
31、为“色相/饱和度4”添加图层蒙版，黑色画笔涂抹不需要显示的部 分。
14.1
14.1.2
案例演示
案例演示2：商业插画
案例分析
本案例主要使用“钢笔”、“加深”、“椭圆”等工具和“添加杂色”、“高 斯模糊”、“智能锐化”、“镜头光晕”等滤镜及添加图层样式来制作商业插画。
23、设置画笔面板。
操作过程
24、新建图层5，用白色画笔绘制飞溅火花。
操作过程
25、执行动感模糊滤镜。
操作过程
26、设置图层5的“不透明度”为70%。
操作过程
27、新建图层6，将图层1载入选区。
操作过程
28、设置拾色器（前景色）对话框 ,设置画笔选项栏 ,用画笔涂抹选区。
操作过程
29、设置图层6的混合模式为颜色。
操作过程
27、输入其他说明文字。
操作过程
8、依次添加素材图片男2、男3、女1、女2，执行同样操作。
操作过程
9、添加填充图层-颜色填充1，设置拾色器（前景色）对话框，填充前景 色到图像。
操作过程
10、设置图层“颜色填充1”的混合模式为颜色、“不透明度”为68%。
操作过程
11、在图层4上方添加调整图层-色阶。
Photoshop：创意设计手法14点
Photoshop：创意设计手法14点Photoshop：创意设计手法14点1.直接展示法这是一种最常见的运用十分广泛的表现手法。
它将某产品或主题直接如实地展示在广告版面上，充分运用摄影或绘画等技巧的写实表现能力。
细臻刻划和着力渲染产品的质感、形态和功能用途，将产品精美的质地引人入胜地呈现出来，给人以逼真的现实感，使消费者对所宣传的产品产生一种亲切感和信任感。
这种手法由于直接将产品推向消费者面前，所以要十分注意画面上产品的组合和展示角度，应着力突出产品的品牌和产品本身最容易打动人心的部位，运用色光和背景进行烘托，使产品置身于一个具有感染力的空间，这样才能增强广告画面的视觉冲击力。
2.突出特征法运用各种方式抓住和强调产品或主题本身与众不同的特征，并把它鲜明地表现出来，将这些特征置于广告画面的主要视觉部位或加以烘托处理，使观众在接触言辞画面的瞬间即很快感受到，对其产生注意和发生视觉兴趣，达到刺激购买欲望的促销目的。
在广告表现中，这些应着力加以突出和渲染的特征，一般由富于个性产品形象与众不同的特殊能力、厂商的企业标志和产品的商标等要素来决定。
突出特征的手法也是我们常见的运用得十分普遍的表现手法，是突出广告主题的重要手法之一，有着不可忽略的表现价值。
3.对比衬托法对比是一种趋向于对立冲突的艺术美中最突出的表现手法。
它把作品中所描绘的事物的性质和特点放在鲜明的对照和直接对比中来表现，借彼显此，互比互衬，从对比所呈现的差别中，达到集中、简洁、曲折变化的表现。
通过这种手法更鲜明地强调或提示产品的性能和特点，给消费者以深刻的视觉感受。
作为一种常见的行之有效的表现手法，可以说，一切艺术都受惠于对比表现手法。
对比手法的运用，不仅使广告主题加强了表现力度，而且饱含情趣，扩大了广告作品的感染力。
对比手法运用的成功，能使貌似平凡的画面处理隐含着丰富的意味，展示了广告主题表现的不同层次和深度。
4.合理夸张法借助想象，对广告作品中所宣传的对象的品质或特性的某个方面进行相当明显的过份夸大，以加深或扩大这些特征的认识。
利用PHOTOSHOP制作网页
二、网页制作步骤
”
01.
一切完毕，下面使用切片工具，将页面切割成相应小块，如图所示。
02.
另存为WEB格式，为后面页面排版做好准备。
ቤተ መጻሕፍቲ ባይዱ
本节课通过一个实例，我们学习了网页制作的流程及基本步骤。
01
问答题： 为什么要使用切片工具将网页进行切割？
02
模仿练习： 请尝试设计本站的欢迎页面
03
课后小结及练习
03
绘制导航条
04
填充页面左边部分
05
使用圆角矩形工具绘制如图所示圆角：
二、网页制作步骤
应用渐变工具和圆角矩形绘制四个按钮并添加如图所示文字： 用矩形选框、自定义形状等工具绘制如图所示界面：
二、网页制作步骤
回到右上边，导入素材，使用圆角矩形工具进行处理，使之成为如图所示效果：
二、网页制作步骤
第二讲 PS网页制作案例
点击此处添加副标题
教学重、难点
利用PhotoShop制作网页
利用PhotoShop制作网页
一、PhotoShop制作网页简介
网页制作工具很多，PhotoShop是一个很不错的选择。利用PhotoShop制作网页的一般步骤是：
二、网页制作步骤
01
新建画布
02
我们先来设计网页的顶部区域
删除多余部分如图所示：
美化图形 复制一份合制的形状，将其透明度设置成15％，并移动到如图所示位置，用自定义图形中的箭头为图片添加一个ICO:
二、网页制作步骤
为展示学生作品，我们在中间绘制一个作品展示区 我们在页面下方设计出版权信息模块
按照同样的方法，绘制如图所示图形：
二、网页制作步骤
在整体看一下我们的界面