Photoshop网店美工与网店装修（微课版）课件 第7章　切片、批处理与帧动画

第07章

切片、批处理与帧动画Photoshop网店美工与网店装修（微课版）7.1切片7.2动作与批处理图像7.3

创建帧动画7.4

综合案例7.1.1切片类型3Photoshop中有两种切片类型，分别是用户切片和自动切片。其中，用户切片是指用户通过切片工具手动创建的切片；自动切片是指Photoshop自动生成的切片。7.1.2

创建切片41.

切片工具2.

“新建基于图层的切片”菜单命令选择切片工具后，按住鼠标左键不放并在图像编辑区上拖曳，完成选区的绘制。在“图层”面板中选择某个图层后，选择【图层】/【新建基于图层的切片】命令，可基于该图层创建切片，该切片会包含所选图层中的所有像素。7.1.3编辑切片51.

切片选择工具2.

切片的选择、移动、复制使用切片选择工具可以对切片进行选择、调整堆叠顺序、对齐与分布等操作。选择切片选择工具后将显示如图所示的工具属性栏。选择切片：选择切片选择工具，在图像编辑区中的切片上单击鼠标左键，可直接选择切片，按住【Shift】键的同时在各个切片上单击鼠标左键，可选择多个切片。移动切片：选择切片后，按住鼠标左键不放并拖曳鼠标指针，可沿着轨迹移动所选切片。复制切片：选择切片，按住【Alt】键，当鼠标指针变为

形状时按住鼠标左键不放并拖曳鼠标指针，可复制该切片。7.1.3编辑切片63.

删除切片4.

锁定切片通过按【Delete】键或【Backspace】键删除通过【视图】/【清除切片】命令删除通过快捷菜单中的“删除切片”命令删除当图像中的切片过多时，可将部分切片锁定，防止因误触而产生错误操作。选择【视图】/【锁定切片】命令，锁定选择的切片。7.1.4保存切片7选择【文件】/【存储为Web所用格式】命令，打开“存储为Web所用格式”对话框，在其中设置图像格式、颜色及大小，完成后单击“存储”按钮，打开“将优化结果存储为”对话框，在“格式”下拉列表框中选择保存的切片格式，输入文件名称后，单击“保存”按钮保存切片。7.1切片7.2动作与批处理图像7.3

创建帧动画7.4

综合案例7.2.1认识“动作”面板9“动作”面板是用于创建、播放、修改和删除动作的区域。打开该面板的方法为：选择【窗口】/【动作】命令，或按【Alt＋F9】键，可打开“动作”面板，在其中进行动作的有关操作。7.2.2创建与保存动作10下面将打开“椅子.jpg”图像文件，调整该图像的色彩，然后创建与保存动作，以便对椅子详情页中的其他商品图像进行调整，其具体操作如下。1.单击“创建新组”按钮2.新建组7.2.2创建与保存动作113.新建动作4.设置亮度/对比度5.设置自然饱和度6.设置照片滤镜7.2.2创建与保存动作122.新建组7.设置色相/饱和度8.完成动作录制9.选择“存储动作”命令 10.保存动作7.2.3批处理图像131.使用“批处理”命令打开需要批处理的所有图像文件或将所有文件移动到相同的文件夹中，选择【文件】/【自动】/【批处理】命令，打开“批处理”对话框。7.2.3批处理图像142.创建快捷批处理方式7.1切片7.2动作与批处理图像7.3创建帧动画7.4

综合案例7.3.1认识“时间轴”面板16“时间轴”面板有两种模式，分别是“视频时间轴”模式和“帧动画”模式。选择“帧动画”模式的方法为：选择【窗口】/【时间轴】命令，打开“时间轴”面板，单击面板上的“创建帧动画”按钮，切换为“帧动画”模式，然后在其中进行一系列的操作，制作出帧动画，如图所示。7.3.2创建、选择与导出帧动画17下面将使用制作好的“义苒家居店招.psd”文件，将其制作成帧动画，展示出动态的效果，其具体操作如下。1.拆解文字 2.复制帧7.3.2创建、选择与导出帧动画183.调整第1帧画面 6.设置动画循环4.调整第2帧~第5帧画面5.设置帧延迟时间7.3.2创建、选择与导出帧动画197.导出帧动画7.3.3编辑动画帧20在帧动画的制作过程中，经常需要对帧进行跳转修改和编辑。单击”时间轴“面板右上角的

按钮，在弹出的快捷菜单里选择相应的命令，如图所示，即可编辑帧。7.1切片7.2动作与批处理图像7.3创建帧动画7.4综合案例7.4.1切片家居网店首页222.创建切片1.创建参考线7.4.1切片家居网店首页233.设置名