平面商品信息的设计与制作基础.ppt

1、网络商品信息设计与制作,任课教师：罗卓君,任务2.2 平面商品信息的设计与制作基础,能力目标： 能根据绘制的图片和美化的文字制作平面信息作品 知识目标： 1、熟练掌握绘制与修饰图片的技巧与方法 2、熟练掌握文字处理与美化的技巧与方法,美食平面广告,操作步骤 新建文件 导入图片 图层（效果） 绘制形状（滤镜） 书写文字（属性） 绘制形状（属性） 保存导出文件,创建和编辑选区,使用工具创建选区 使用菜单命令创建选区 编辑和修改选区 填充和描边选区 变换图像,使用工具创建选区,使用选框工具创建规则选区 使用套索工具创建不规则选区 使用魔棒工具选取颜色相近的选区,使用选框工具创建规则选区I,选框工具主

2、要用于创建一些比较规则的形状区域，如矩形、椭圆等。单击工具箱中的选框工具，将弹出选框工具组。 各工具的作用如下： 矩形选框工具：用于创建矩形或正方形选区。 椭圆选框工具：用于创建椭圆或正圆选区。 单行选框工具：用于创建宽度为1像素的单行选区。 单列选框工具：用于创建高度为1像素的单列选区。,使用选框工具创建规则选区II,选择选框工具后，属性栏中会显示所使用工具的相关选项，如图所示为选择矩形选框工具时的工具属性栏。,使用套索工具创建不规则选区,套索工具 多边形套索 磁性套索,使用魔棒工具选取颜色相近的选区I,快速选择工具 选择快速选择工具后，属性栏中会显示相关的工具选项，如图所示。,使用魔棒工具

3、选取颜色相近的选区II,魔棒工具 选择魔棒工具后，属性栏中会显示相关的工具选项，如图所示。,使用“全部”和“重新选择”命令快速创建选区,返回本节,全选：CtrlA 取消选区：CtrlD 重新选择：CtrlShift+D 反向选择：“选择”“反选” 扩大选取 选取相似,使用“色彩范围”命令创建选区,在“选择”菜单中选取“色彩范围”命令，将弹出如图所示的“色彩范围”对话框。,编辑和修改选区,移动和羽化选区 隐藏和删除选区 修改选区 变换选区 存储和载入选区,返回本章目录,移动和羽化选区,移动选区 （1）使用鼠标移动（2）使用方向键移动 羽化选区 （1）在工具属性栏中设置：在创建选区之前，可以在选框

4、工具、套索工具或魔棒工具的属性栏中的“羽化”文本框中设置羽化值， （2）使用“羽化”命令：在创建选区之后，可以通过“选择”“修改”“羽化”命令或快捷键Alt+Ctrl+D，来打开“羽化选区”对话框。 取值范围为0-250（像素），数值越大，选区边缘虚化的效果越明显,修改选区,边界：用于创建将原选区边界分别向内外扩展指定宽度后生成的区域。单击“选择”“修改”“边界” 平滑：清除选区中的杂散像素以及平滑尖角和锯齿。单击“选择”“修改”“平滑” 扩展：将原选区沿边界向外扩大指定的宽度。单击“选择”“修改”“扩展” 收缩：将原选区沿边界向内缩小指定的宽度。单击“选择”“修改”“收缩”,变换选区,使用“

5、变换选区”命令可以对选区进行缩放、旋转和变形等操作。单击“选择”“变换选区”，选区的四周将出现8个控制块，将鼠标置于变换框内，拖曳鼠标即可移动选区；将鼠标置于变换框框线上或控制块上变为双向箭头时，拖曳鼠标即可改变选区的大小；将鼠标置于变换框四角变为双向旋转箭头时，拖曳鼠标即可旋转选区。按回车键确认选区的变换，按Esc键则取消变换操作。,存储和载入选区,使用“存储选区”命令可以将当前的选区存放到一个新的Alpha通道中。单击“选择”“存储选区”，在弹出的“存储选区”对话框中选择保存通道的图像文档和通道名称，并键入存储选区的名称，单击“确定”按钮完成选区的存储。 使用“载入选区”命令可以调出Alp

6、ha通道中存储过的选区，单击“选择”“载入选区”，在弹出的“载入选区”对话框中选择想要载入的选区，单击“确定”按钮完成选区的载入。,填充和描边选区,填充选区 描边选区 自定义填充图案,填充选区,返回本节,填充选区就是将选定的颜色或图案内容按指定的模式填充到选择区域内。单击“编辑”“填充”，在弹出的“填充”对话框中选择填充的内容、混合模式和不透明度，单击“确定”按钮完成选区的填充。,描边选区,描边选区是用所选颜色在选择区域边缘填充指定宽度的线条。单击“编辑”“描边”，在弹出的“描边”对话框中设置描边宽度（取值范围1-250像素）、描边颜色、描边位置、混合模式和不透明度，单击“确定”按钮完成选区的

7、描边。,自定义填充图案,选区的另外一个重要的应用是将选区内容定义为图案或画笔，可以在填充或绘画时使用自定义的图案或画笔。自定义图案的步骤是： 制作选区（必须是羽化值为0的矩形选区）； 单击“编辑”“定义图案”，在弹出的“图案名称”对话框中输入图案的名称，单击“确定”按钮完成图案的定义。自定义的图案在使用填充工具或填充命令时会出现在图案列表中。,变换图像,移动和复制 缩放和旋转 斜切和扭曲图像 透视 变形,移动和复制,移动图像 （1）使用移动工具移动图像 （2）使用菜单命令移动图像：快捷键Ctrl+X剪切图片，Ctrl+V粘贴图片 复制图像 （1）使用移动工具复制图像：Alt+移动工具同时拖曳

8、（2）使用菜单命令移动图像：使用“编辑”菜单中的“拷贝”（快捷键Ctrl+C）然后使用“编辑”菜单中的“粘贴”（快捷键Ctrl+V）,缩放和旋转,要对选区内的图像进行缩放，可以单击“编辑”“变换”“缩放”，选区周围出现带8个控制手柄的变形框，将鼠标置于手柄或边框线上，指针将变为双向箭头时沿所需方向拖动鼠标即可实现对图像的缩放，若同时按住 Shift 键可等比例缩放。,斜切和扭曲图像,斜切图像 单击“编辑”“变换”“斜切”，选区周围变形框，拖动四个顶角的手柄或者将鼠标置于框线附近变为双向箭头时拖动鼠标即可让图像的某一条边或几条边倾斜一定的角度。 扭曲图像 单击“编辑”“变换”“扭曲”，选区周围出

9、现变形框，沿任意方向拖动手柄即可对图像进行挤压、拉伸等扭曲操作。,透视,单击“编辑”“变换”“透视”，选区周围出现变形框，拖动任何一个顶角的手柄，它对称的顶角也会做相同的运动。比如单击一个控制手柄并向选区外拖动鼠标时，对称角的手柄也会向选区外做相同的运动。,变形,单击“编辑”“变换”“变形”，选区周围出现网格状的变形框，可以直接从属性栏中的“变形样式”下拉菜单中选取一种变形，或者拖动网格内的控制点、线条或区域来做任意形状的变形。,图像的绘制与修饰,绘画工具 橡皮擦工具 填充工具 图章工具 修复工具 调整工具,绘画工具,“画笔”控制面板 工具的使用 画笔工具 铅笔工具,“画笔”控制调板,主直径控

10、制笔刷的外形大小，而硬度则是控制边缘的羽化程度,工具的使用,无论是选择那种绘画工具，它们的使用方法基本可以分为以下几种。 1.点绘 2.自由线条绘制 3.直线绘制 4.标准直线绘制,画笔工具,使用画笔工具可以绘制出边缘柔软的画笔效果，画笔的颜色为工具箱中的前景色。可以通过画笔的工具选项栏，对画笔进行若干设置,铅笔工具,使用铅笔工具可以绘制出硬边缘的效果，特别是绘制斜线，锯齿效果会非常明显，并且所有定义的外形光滑的笔刷也会被锯齿化。,橡皮擦工具,橡皮擦工具 背景橡皮擦工具 魔术橡皮擦工具,橡皮擦工具,橡皮擦工具可将像素更改为背景色或透明。如果正在背景中或已锁定透明度的图层中工作，像素将更改为背景

11、色；否则，像素将被抹成透明。,背景橡皮擦工具,背景橡皮擦工具可在拖动时将图层上的像素抹成透明，从而可以在抹除背景的同时在前景中保留对象的边缘。通过指定不同的取样和容差选项，可以控制透明度的范围和边界的锐化程度。,魔术橡皮擦工具,返回本节,用魔术橡皮擦工具在图层中单击时，该工具会将所有相似的像素更改为透明。如果在已锁定透明度的图层中工作，这些像素将更改为背景色。如果在背景中单击，则将背景转换为图层并将所有相似的像素更改为透明。,填充工具,渐变工具 油漆桶工具,渐变工具,渐变工具可以创建多种颜色间的逐渐混合。可以从预设渐变填充中选取或创建自己的渐变。通过在图像中拖动用渐变填充区域。起点（按下鼠标处

12、）和终点（松开鼠标处）会影响渐变外观，具体取决于所使用的渐变工具。,渐变工具,“渐变编辑器”对话框可用于通过修改现有渐变的拷贝来定义新渐变。还可以向渐变添加中间色，在两种以上的颜色间创建混合,A. 调板菜单 B. 不透明性色标 C. 色标 D. 调整值或删除选中的不透明度或色标 E. 中点,渐变工具,2.创建平滑渐变 （1）创建选择渐变工具。 （2）在选项栏中单击渐变示例，显示“渐变编辑器”对话框。 （3）从“渐变类型”弹出式菜单中选取“实底”。如果要使新渐变基于现有渐变，请在对话框的“预设”部分选择一种渐变。 （4）定义渐变的起始颜色，请单击渐变条下方左侧的色标。该色标上方的三角形将变黑，这

13、表明正在编辑起始颜色。 修改颜色需要双击色标，或者在对话框的“色标”部分单击色板。选取一种颜色，然后单击“确定”。 （5）定义终点颜色，请单击渐变条下方右侧的色标。然后选取一种颜色。,渐变工具,（6）调整起点及终点的位置，将相应的色标拖动到所需位置的左侧或右侧或单击相应的色标，并在对话框“色标”部分的“位置”中输入值。如果值是 0%，色标会在渐变条的最左端；如果值是 100%，色标会在渐变条的最右端。 （7）调整中点的位置（渐变将在此处显示起点颜色和终点颜色的均匀混合），请向左或向右拖动渐变条下面的菱形 ，或单击菱形并输入“位置”值。 （8）添加中间色到渐变，请在渐变条下方单击，以便定义另一个

14、色标。像对待起点或终点那样，为中间点指定颜色并调整位置和中点。 （9）要删除正在编辑的色标，请单击“删除”，或向下拖动此色标直到它消失。 （10）如果需要，还需要设置渐变的透明度值。 （11）输入新渐变的名称。 （12）要将渐变存储为预设，请在完成渐变的创建后单击“新建”。,渐变工具,渐变类型的选择 设置好渐变后，需要通过工具选项栏选择渐变类型 线性渐变：以直线从起点渐变到终点。 径向渐变：以圆形图案从起点渐变到终点。 角度渐变：围绕起点以逆时针扫描方式渐变。 对称渐变：使用均衡的线性渐变在起点的任一侧渐变。 菱形渐变：以菱形方式从起点向外渐变。终点定义菱 形的一个角。,油漆桶工具,油漆桶工具

15、填充颜色值与单击像素相似的相邻像素,图层的应用,图层的基本概述 图层基本操作 编辑图层 图层复合 图层效果和样式,图层的基本概述,图层是Photoshop中处理图像的关键，是实现绘制与合成的基础，在执行所有的操作中都不能离开它。在实际的绘画中我们是将一张图画的各个部分画在不同的透明纸上，纸上有图像的地方是不透明的，没有图像的地方是透明的，然后把这些透明纸叠放在一起就可以形成一幅完整的图画。而在Photoshop中，图层就相当于这些透明纸，通过图层我们可以制作出任何想要的效果。,图层面板,图层面板位于工作界面的右下脚，我们可以通过“窗口”菜单对它进行显示与隐藏的操作，或者直接使用快捷键F7。,图

16、层种类,在打开不同格式的图像文件时，图层面板中会显示出多种不同形式的图层。图层面板中有背景图层、普通图层、文字图层、形状图层、调整图层、填充图层、样式图层和蒙版图层。,图层基本操作,移动和复制图层 显示和隐藏图层 链接合并图层 对齐和链接图层,移动和复制图层,1. 移动图层 移动图层实际上就是改变图层原有的排列顺序。 2. 复制图层 在实际的制作过程中经常会出现一个图层多次使用的现象。为了减少不必要的操作，提高效率，就需要对已经存在的图层进行复制操作。,显示和隐藏图层,当一幅图像包含很多图层的时候，为了操作的方便，通常会将一些不经常使用的图层隐藏起来。隐藏图层的方法十分简单，直接在图层面板上点

17、击“眼睛”图标即可。如果想要将已经隐藏了的图层显示出来，只需要在“眼睛”图标上再次单击，就可以完成图层的显示了。,链接合并图层,在图像处理过程中，链接合并图层不但可以避免大量的重复工作、提高效率，也可以减少文件的大小，方便合并后图像的编辑。 1. 链接图层 图层链接就是将一些相关的图层连到一起，从而将某些操作应用于具有链接关系的图层。执行链接图层的前提条件是具备多个被选中的图层。 2. 合并图层 图层的合并方式主要有“向下合并”，“合并可见图层”和“拼合图像”三种。,编辑图层,智能对象 调整图层 编辑图层 文字图层,调整图层,调整图层位于图层面板中，是将“色阶”、“曲线”、“色彩平衡”等命令制

18、作的效果存放在一个独立的层中，并使其下方所有的图层都能应用到效果的调整方式。这种方式不但可以同时作用于多个图层，而且还不会改变各个图层中图像原有的状态，当不需要某种效果的时候，只要删除该调整图层即可，大大的提高了处理图像时的灵活性。,编辑图层,编辑图层的基本方法有： 1.通过拷贝的图层 通过拷贝的图层可以将选区范围内的图像复制到新的图层中，而不影响原图层中的图像。 2.通过剪切的图层 通过剪切的图层是将选区中的图像裁切到新生成的图层中，原图层中的图像将不再存在。,编辑图层,使用图层组 在图层众多的图像里,图层组可以帮助用户管理和组织图层，也可以通过调整图层组的位置来改变图像的效果。,文字图层,

19、文字图层就是文字对象所处的图层。当使用文字工具创建文本时，就会在图层面板中自动生成文字图层。文字图层的基本操作包括：文字图层的处理和文字图层的转换。,文字图层,文字图层的处理 创建文字图层后，可以编辑文字并对其应用图层命令。可以更改文字方向、应用消除锯齿、在点文字与段落文字之间转换、基于文字创建工作路径或将文字转换为形状。可以像处理正常图层那样，移动、叠放、拷贝和更改文字图层的图层选项。还可以对文字图层进行更改。,文字图层,文字图层的转换 当文字输入后，执行“图层”菜单中的“文字”命令，会弹出一个下拉菜单，可以对文字图层进行一定的修改和转换。,图层复合,图层复合就是将图层的位置、不透明度、图层

20、样式等布局信息存储起来，通过简单的切换来比较几种布局的效果。因为这个功能简单、快捷，所以也经常用于为客户展示多种设计方案。,图层复合,1. 图层复合调板 图层复合是图层调板状态的快照，可以通过“窗口”菜单，选择“图层复合”命令，来显示该调板。 2. 导出图层复合 图层复合也可以导出到单独的文件、包含多个图层复合的PDF文件或图层复合的WEB照片画廊。,图层效果和样式,图层样式对话框 投影效果和内阴影效果 外发光效果和内发光效果 斜面和浮雕效果 图层样式,图层样式对话框,单击图层面板中的按钮，在弹出的下拉菜单中选择所需要的效果命令，或者在“图层”菜单中选择“图层样式”命令，都可以激活图层样式对话

21、框 。,投影效果和内阴影效果,当想要某个图层中的图像呈现出立体或透视效果时，可以为其添加投影和内阴影两种效果。投影可在图像的外部添加阴影效果，内阴影可在图像边缘的内部添加阴影，从而产生凹陷的感觉。,外发光效果和内发光效果,在Photoshop中提供了两种制作发光效果的图层样式，它们分别是外发光和内发光。其中，“外发光”可以在图像边缘的外部制作发光效果，“内发光”可以在图像边缘的内部制作发光效果。,斜面和浮雕效果,“斜面和浮雕”图层样式效果可以为图像产生一种类似浮雕的效果，单击图层面板下方的“图层样式”按钮，在弹出的快捷菜单中选择“斜面的浮雕”命令 即可。,图层样式,在图层中为图像添加图层样式可

22、以使图像的效果更加逼真、生动，但对于图层样式的操作并不是一次就可以完成的，需要进行多次的尝试与对比，那么如何对图层样式进行查看、修改、复制和存储就成为图层样式操作的基础。,路径和形状应用,路径在处理图像时的作用 认识路径 路径的创建与编辑 “路径”控制调板的应用 路径形状的创建,路径在处理图像时的作用,路径具有创建选区、绘制图形、编辑选区、剪贴的功能。利用这些功能，我们可以制作任意形状的路径，然后将其转换为选区，实现对图像更加精确的编辑和操作；或者使用路径工具建立路径后，再利用描边或填充命令，制作任意形状的矢量图形；还可以将Photoshop 其他工具创建的选区转换为路径，使用路径的编辑功能对

23、其进行编辑和调整，从而达到修改选区的目的。,认识路径,认识贝赛尔曲线 认识路径类型,认识贝赛尔曲线,贝赛尔曲线的两个端点称为锚点（或称节点），两个锚点之间的曲线部分是由称为控制点的空间参照物的位置决定的，每个控制柄沿锚点的切线方向排列。若控制柄发生了移动，那么它与锚点之间的线性联系也随之发生了变化，一条新切线的产生也就意味着曲线方向的变化。,认识路径类型,中文版Photoshop 中的路径没有严格的分类，可以按照绘制过程简单地划分为以下四种： 直线段：用钢笔工具单击两个不同的位置，可以在两个节点之间创建一条直线段。 曲线段：在两个不同位置的平滑点之间拖曳鼠标，可绘制一条曲线段。 直线段后接曲线

24、段：绘制了一条直线段后，从最后一个节点处拖曳鼠标来生成一条贝赛尔曲线， 然后在不同位置单击鼠标左键，这时直线段后就连上了一条曲线段。 曲线段后接直线段：创建了一条曲线后，按住“ALT”键取消最后一个平滑点的控制柄，然后在不同位置单击鼠标左键，这时曲线段后就连上了一条直线段。,认识路径类型,路径从状态上又分为以下两种类型： 开放路径：即路径的起点和终点不重合。直线和曲线就是最典型的开放路径 闭合路径：闭合路径是连接的，没有起始点和终点，如图右所示。,路径类型,路径的创建与编辑,使用钢笔工具创建路径 使用自由钢笔工具创建路径 添加锚点工具 删除锚点工具 转换锚点工具 路径选择工具 直接选择工具,使

25、用钢笔工具创建路径,使用钢笔工具创建路径，其操作步骤如下： 1.选取工具箱中的钢笔工具，然后在图像编辑窗口的合适位置单击鼠标左键，确定路径的起始点。 2.移动鼠标指针至另一个位置处，单击鼠标左键并拖曳鼠标建立第二个节点，此时将创建一条曲线路径。 3.按以上步骤创建其他路径节点，将终点和起点重合，当鼠标指针右下方呈小圆圈形状。时，单击鼠标左键即可闭合路径。,使用自由钢笔工具创建路径,使用自由钢笔工具绘制路径可按以下操作步骤进行： 1.首先选取工具箱中的自由钢笔工具，移动鼠标指针至图像编辑窗口中。 2.然后在图像编辑窗口中单击鼠标左键并拖曳鼠标至适当位置。 3.用户在闭合路径时，直接双击鼠标左键，即可得到一条闭合的路径 。,添加锚点工具,添加锚点工具的主要功能是在已绘制的路径上添加锚点。 选取工具箱中的添加锚点工具，然后将鼠标指针移至路径中想要添加锚点的位置，当鼠标指