《Photoshop网店美工实例教程第2版》教案.docx
《《Photoshop网店美工实例教程第2版》教案.docx》由会员分享，可在线阅读，更多相关《《Photoshop网店美工实例教程第2版》教案.docx（49页珍藏版）》请在冰豆网上搜索。
《Photoshop网店美工实例教程第2版》教案
第1章Photoshop网店美工设计快速入门
教学内容
一、网店美工设计四大要点
二、Photoshop的基本概念
三、PhotoshopCS6的工作界面
四、调整Photoshop视图
五、应用辅助工具
六、设置前景色与背景色
七、常用图标汇总
八、常用快捷键汇总
教学要求
【知识目标】
1．了解网店美工设计的四大要点。
2．了解Photoshop的基本概念。
3．熟悉Photoshop的工作界面和视图模式。
4．掌握辅助工具的使用方法。
5．掌握设置前景色与背景色的方法。
教学重点
1．熟悉Photoshop的工作界面和各种视图。
2．学会Photoshop辅助工具的应用。
3．学会通过不同的方法设置图像颜色。
教学难点
1．学会Photoshop辅助工具的应用。
2．学会通过不同的方法设置图像颜色。
教学方法
讲授法、案例法
课时数
4课时
教学内容
第一节网店美工设计四大要点
网店美工设计四大要点：
（一）图片素材
在对网店进行装修之前，首先要获取大量的图片素材，这些素材包括商品照片和各种修饰页面的素材。
（二）色彩搭配
在网店装修设计中，常用的配色方法主要有同一色相配色、类似色相配色、相反色相配色、补色色相配色、渐变效果配色和重色调配色。
（三）合理布局
将商品页面的组成要素进行合理的排布，以达到吸引买家的目的，这就是网店装修设计的页面布局。
（四）创意文字
在网店装修过程中，为了让主题文字富有艺术感和设计感，在设计时通常会对文字进行创意设计。
第二节Photoshop的基本概念
一、像素与分辨率
（一）像素
像素是构成位图的基本单位，一张位图是由在水平及垂直方向上的若干个像素组成的。
（二）图像分辨率
图像分辨率，即图像中每个单位面积内像素的多少，通常用“像素/英寸”（ppi）或“像素/厘米”表示。
二、图像的颜色模式
（一）RGB颜色模式
RGB颜色模式是工业界的一种颜色标准，通过红（R）、绿（G）、蓝（B）3个颜色通道的变化，以及它们相互之间的叠加来得到各式各样的颜色。
（二）CMYK颜色模式
CMYK颜色模式，也称印刷颜色模式，是一种依靠反光表现的颜色模式。
（三）灰度颜色模式
灰度颜色模式是用0~255的不同灰度值来表示图像，0表示黑色，255表示白色，其他值代表黑、白中间过渡的灰色，不包含颜色。
第三节PhotoshopCS6的工作界面
一、工具箱
（一）选择工具
（二）显示隐藏的工具
二、工具属性栏
工具属性栏位于菜单栏的下方，主要用于设置工具的参数属性。
三、面板
（一）打开面板
（二）展开和折叠面板
（三）分离与合并面板
（四）关闭面板和面板菜单
四、状态栏
状态栏位于工作界面的底部，可以显示图像的视图比例、当前文档的大小、当前使用的工具等信息，极大地方便了用户查看图像信息。
第四节调整Photoshop视图
一、切换商品图像编辑窗口
在操作过程中，为了能够更方便地操作和更好地查看图像效果，可以通过切换图像的显示模式来查看图像。
二、调整商品图像显示比例
（一）使用状态栏调整图像显示比例
（二）使用缩放工具调整图像显示比例
三、移动商品图像显示画面
（一）使用抓手工具移动画面
（二）使用滚动条移动画面
第五节应用辅助工具
一、显示商品图像标尺
在PhotoshopCS6中，为了在处理图像时能够精确定位鼠标指针的位置和对图像进行选择，可以使用标尺来协助完成相关操作。
二、编辑商品图像参考线
（一）新建参考线
（二）移动与删除参考线
第六节设置前景色与背景色
一、使用工具箱中的颜色工具
在工具箱中有一个设置前景色和背景色的工具，用户可以通过该工具来设置当前使用的前景色和背景色。
二、使用“拾色器”对话框设置前景色和背景色
通过“拾色器”对话框设置前景色和背景色是最常用的选择颜色的方法。
三、使用“颜色”面板设置前景色和背景色
单击“窗口”|“颜色”命令，调出“颜色”面板。
在其中单击前景色或背景色色块，通过拖动R、G、B颜色条上所对应的滑块即可调整颜色。
四、使用吸管工具设置前景色和背景色
在处理图像时，经常需要从图像中获取颜色，以确保图像中的颜色相一致。
例如，要修补图像中某个区域的颜色，通常要从该区域附近找出相近的颜色，然后用该颜色处理需要修补之处，此时便会用到吸管工具。
第七节常用图标汇总
第八节常用快捷键汇总
归纳与
提高
通过本章的学习，我们对Photoshop网店美工设计有了初步的认识，了解了Photoshop的基本概念和网店美工设计的四大要点，熟悉了Photoshop的工作界面和各种视图，掌握了Photoshop辅助工具的应用，学会了通过不同的方法设置图像颜色。
第2章网店美工图像处理基本操作
教学内容
一、调整商品图像尺寸
二、裁剪与变换商品图像
三、恢复与还原图像编辑操作
四、图层的基本操作
教学要求
【知识目标】
1．掌握调整商品图像尺寸的方法。
2．掌握裁剪与变换商品图像的方法。
3．掌握恢复与还原图像编辑操作的方法。
4．掌握图层的基本操作。
【技能目标】
1．学会调整图像大小和画布大小。
2．学会为商品重新构图。
3．学会恢复与还原图像编辑操作。
4．学会选择图层、合并图层等图层的基本操作。
教学重点
1．掌握调整商品图像尺寸的方法。
2．掌握裁剪与变换商品图像的方法。
3．掌握恢复与还原图像编辑操作的方法。
4．掌握选择图层、合并图层等图层的基本操作。
教学难点
1．掌握调整商品图像尺寸的方法。
2．掌握裁剪与变换商品图像的方法。
3．掌握恢复与还原图像编辑操作的方法。
4．掌握选择图层、合并图层等图层的基本操作。
教学方法
讲授法、案例法
课时数
4课时
教学内容
第一节调整商品图像尺寸
一、调整图像大小
图像的大小和图像的像素与分辨率有着密切的关系，使用“图像大小”命令可以调整
图像的像素大小和分辨率，从而改变图像的大小。
二、调整画布大小
所谓画布，就是指绘制和编辑图像的工作区域。
如果希望调整画布的大小，可以使用“画布大小”命令进行调整。
第二节裁剪与变换商品图像
一、裁剪商品图像
在PhotoshopCS6中，使用裁剪工具裁剪图像是最常用、最方便的一种方法。
二、变换商品图像
（一）图像的缩放
（二）图像的旋转
（三）图像的斜切
（四）图像的扭曲
（五）图像的透视
（六）图像的变形
（七）水平翻转和垂直翻转
第三节恢复与还原图像编辑操作
一、使用菜单命令还原图像操作
单击“编辑”|“还原”命令，可以撤销最近一次对图像所做的操作。
撤销之后，单击“编辑”|“重做”命令，可以重做刚刚还原的操作。
二、使用“历史记录”面板恢复图像操作
“历史记录”面板主要用于记录操作步骤，一个图像从打开后开始，对图像进行的任何操作都会记录在“历史记录”面板中。
使用“历史记录”面板可以帮助使用者恢复到之前所操作的任意一个步骤。
第四节图层的基本操作
一、选择图层
（一）选择多个图层
（二）取消选择图层
二、重命名图层
在Photoshop中，新创建的图层默认以“图层1”“图层2”“图层3”……的顺序进行命名，但这样不便于用户区分图层中的内容。
因此，可以将图层名称更改为更有标识意义的名称。
三、转换“背景”图层与普通图层
（一）将“背景”图层转换为普通图层
（二）将普通图层转换为“背景”图层
四、复制图层
在“图层”面板中，可以根据需要复制图层。
五、栅格化图层内容
对于文字图层、形状图层、矢量蒙版或智能对象等包含矢量数据的图层，如果要对其进行编辑操作，首先要将图层栅格化。
六、对齐和分布图层顺序
在网店美工设计中，经常需要将多个图层中的内容进行对齐和分布操作，不过此时要先选中图层或者对图层进行链接。
七、合并图层
（一）合并图层
（二）盖印图层
八、使用图层组管理图层
（一）创建图层组
（二）使用图层组
归纳与
提高
通过本章的学习，我们对网店美工图像处理基本操作有了一个大概的了解，学会了使用Photoshop进行商品图像处理时所涉及的各种基本操作，其中包括图像文件的基本操作、调整商品图像尺寸、裁剪与变换商品图像、恢复与还原图像编辑操作，以及图层的基本操作等。
掌握Photoshop的基本操作是利用Photoshop进行网店美工设计的第一步。
第3章选区的创建与编辑
教学内容
一、选区工具的应用
二、课堂案例——制作养生壶主图
三、课堂案例——制作学院派可爱童装海报
四、编辑与修改选区
五、课堂案例——制作真皮男鞋海报
六、课堂练习——制作手机端女装海报
七、课后练习——制作中秋月饼简约海报
教学要求
【知识目标】
1．掌握选框工具、磁性套索工具和魔棒工具的使用方法。
2．掌握快速选择工具和调整边缘工具的使用方法。
3．掌握移动选区的方法。
4．掌握全选和反选选区的方法。
5．掌握羽化选区的方法。
【技能目标】
1．掌握制作“养生壶主图”的方法。
2．掌握制作“学院派可爱童装海报”的方法。
3．掌握制作“真皮男鞋海报”的方法。
教学重点
1．掌握选框工具、磁性套索工具和魔棒工具的使用方法。
2．掌握快速选择工具和调整边缘工具的使用方法。
3．掌握移动选区、全选和反选选区及羽化选区的方法。
教学难点
1．掌握选框工具、磁性套索工具和魔棒工具的使用方法。
2．掌握快速选择工具和调整边缘工具的使用方法。
3．掌握移动选区、全选和反选选区及羽化选区的方法。
教学方法
讲授法、案例法
课时数
4课时
教学内容
第一节选区工具的应用
一、应用选框工具
矩形选框工具用于创建矩形选区。
二、应用磁性套索工具
磁性套索工具是一种智能化、可以识别图像边界的选择工具，适用于选择背景复杂但边缘清晰的图像。
三、应用魔棒工具
魔棒工具是根据图像的饱和度、色度和亮度等信息来选择选区的范围，通过调整容差值来控制选区的精确度。
四、应用快速选择工具
快速选择工具是魔棒工具的升级，同时又结合了画笔工具的特点，其默认选择光标周围与光标范围内的颜色类似且连续的图像区域，所以光标的大小决定着选取范围的大小。
五、应用调整边缘工具
利用PhotoshopCS6的调整边缘功能可以对选区进行细化，从而更精确地选择对象。
第二节课堂案例——制作养生壶主图
一、【案例学习目标】
学习使用不同的选择工具选取不同的商品图像，并应用移动工具移动图像。
二、【案例知识要点】
使用磁性套索工具绘制选区，使用魔棒工具选取图像，使用矩形选框工具绘制选区，使用移动工具移动选区内的图像，完成养生壶主图制作。
三、【效果文件位置】
效果文件/第3章/制作养生壶主图.psd。
第三节课堂案例——制作学院派可爱童装海报
一、【案例学习目标】
学习抠取毛发等丝丝缕缕的对象的方法与技巧，并应用移动工具移动图像。
二、【案例知识要点】
使用快速选择工具选取图像，利用调整边缘工具精确抠取图像，使用移动工具移动抠出的图像，完成“学院派可爱童装海报”制作。
三、【效果文件位置】
效果文件/第3章/制作学院派可爱童装海报.psd。
第四节编辑与修改选区
一、移动选区
创建选区后，选择工具箱中的任意一种选区创建工具，然后将鼠标指针移至选区内，当指针呈
形状时按住鼠标左键并拖动，即可移动选区。
二、全选和反选选区
单击“选择”|“全部”命令或者直接按【Ctrl+A】组合键，可以选择画布范围内所有的图像。
三、羽化选区
“羽化”命令主要用于柔化选区的边缘，使其产生一种渐变过渡的效果，以免选区边缘过于生硬。
第五节课堂案例——制作真皮男鞋海报
一、【案例学习目标】
学习调整选区的方法与技巧，并应用羽化选区命令制作出柔和的图像效果。
二、【案例知识要点】
使用羽化选区命令制作柔和的图像效果，使用全选命令全选图像，使用魔棒工具选取图像，完成真皮男鞋海报制作。
三、【效果文件位置】
效果文件/第3章/制作真皮男鞋海报.psd。
第六节课堂练习——制作手机端女装海报
一、【练习知识要点】
使用矩形选框工具绘制并填充矩形选区，使用调整边缘工具抠出模特，使用羽化选区命令为图像制作阴影效果。
二、【素材所在位置】
素材文件/第3章/制作手机端女装海报/01.psd、02.jpg。
三、【效果文件位置】
效果文件/第3章/制作手机端女装海报.psd。
第七节课后练习——制作中秋月饼简约海报
一、【习题知识要点】
使用魔棒工具和多边形套索工具抠出素材图像，使用移动工具将其置入海报中，然后变换图像的大小和位置。
二、【素材所在位置】
素材文件/第3章/制作中秋月饼简约海报/01.psd、02.jpg、03.jpg。
三、【效果文件位置】
效果文件/第3章/制作中秋月饼简约海报.psd。
归纳与
提高
通过本章的学习，我们了解了选区的创建与编辑，掌握了选框工具、磁性套索工具和魔棒工具的使用方法、快速选择工具和调整边缘工具的使用方法和移动选区、羽化选区及全选和反选选区的方法。
学会了制作“养生壶主图”、制作“学院派可爱童装海报”及制作“真皮男鞋海报”的方法。
选区是Photoshop中非常重要的概念，将图像中想要修改的部分创建为选区，这样在对图像进行编辑操作时仅选区内的对象会发生变化，而选区外的对象不会受到影响。
因此，熟练运用选区是网店美工必须熟练掌握的基本技能之一。
第4章图层的高级应用
教学内容
一、应用图层样式
二、课堂案例——制作放假公告海报
三、应用图层混合模式
四、课堂案例——制作珠宝首页宽屏海报
五、应用填充图层和调整图层
六、课堂案例——制作手机端天猫年货节海报
七、课堂练习——制作户外鱼竿主图
八、课后练习——制作七夕VIP福利海报
教学要求
【知识目标】
1．掌握应用图层混合模式的方法。
2．掌握应用调整图层调整图像的方法。
3．掌握应用图层样式的方法。
【技能目标】
1．学会“放假公告海报”的制作方法。
2．学会“珠宝首页宽屏海报”的制作方法。
3．学会手机端“天猫年货节海报”的制作方法。
教学重点
1．掌握应用图层混合模式的方法。
2．掌握应用调整图层调整图像的方法。
3．掌握应用图层样式的方法。
教学难点
1．掌握应用图层混合模式的方法。
2．掌握应用调整图层调整图像的方法。
3．掌握应用图层样式的方法。
教学方法
讲授法、案例法
课时数
4课时
教学内容
第一节应用图层样式
一、添加投影效果
投影效果，就是在图层内容背后添加阴影。
二、添加内发光效果
内发光效果，就是在文本或图像的内部产生光晕的效果。
在“图层样式”对话框左侧选中“内发光”选项，即可在右侧设置各项内发光参数。
三、添加斜面和浮雕效果
斜面和浮雕效果，经常用于制作各种凹陷或凸出的浮雕图像或文字效果。
第二节课堂案例——制作放假公告海报
一、【案例学习目标】
学习为文字添加不同的图层样式效果，制作文字的特殊效果。
二、【案例知识要点】
选择文本图层，使用“图层样式”对话框为其添加各种图层样式。
三、【效果文件位置】
效果文件/第4章/制作放假公告海报.psd。
第三节应用图层混合模式
一、应用正常模式与溶解模式
在图层混合模式中，“正常”和“溶解”模式是不依赖其他图层的。
“正常”模式是Photoshop的默认模式，在该模式下形成的合成色或者着色图像不会用到颜色的相加/相减属性。
而“溶解”模式将产生不可知的结果，同底层的原始颜色交替，以创建一种类似扩散抖动的效果，这种效果是随机生成的。
二、应用压缩图像模式
在Photoshop图层模式中，使用“变暗”“正片叠底”“颜色加深”“线性加深”与“深色”模式都可以使底层图像变暗。
此外，对比上下图层的“差值”与“排除”模式也可以起到压暗图像的作用。
三、应用加亮图像模式
在图像上使用“变亮”“滤色”“颜色减淡”“线性减淡（添加）”与“浅色”模式混合时，其黑色会完全消失，任何比黑色亮的区域都可能加亮下面的图像。
四、应用叠图模式
对于很多Photoshop用户来说，对图层混合的叠图模式并不陌生。
在使用过程中，为了找到最佳的表现效果，常常会将图层混合模式的选项逐个尝试，以得到理想的效果。
五、应用特殊图层模式
除了前面介绍的图层模式外，还有一组比较特殊的图层模式，分别为“差值”“排除”“减去”和“划分”，使用它们可以创建一些特殊的混合效果。
六、应用上色模式
“色相”“饱和度”“颜色”与“亮度”模式是将上层图像中的一种或两种特性应用到下层图像中，它们是比较实用和显著的几种模式，可以为图像上色。
第四节课堂案例——制作珠宝首页宽屏海报
一、【案例学习目标】
学习为图层添加不同的混合模式，使图层产生多种不同的效果。
二、【案例知识要点】
使用移动工具移动图像，使用“叠加”“整片叠加”“线性加深”等图层混合模式制作混合效果。
三、【效果文件位置】
效果文件/第4章/制作珠宝首页宽屏海报.psd。
第五节应用填充图层和调整图层
一、应用填充图层
填充图层包括纯色、渐变和图案3种填充方式。
二、应用调整图层
使用调整图层调整图像与使用菜单命令调整图像的功能基本相同，只是使用调整图层可以不修改原图像，且编辑起来更加方便。
三、认识“调整”面板
在创建调整图层时，将弹出其对应的“调整”面板。
了解“调整”面板中各选项的功能。
第六节课堂案例——制作手机端天猫年货节海报
一、【案例学习目标】
学习使用渐变填充图层和不同的调整图层制作年货节海报。
二、【案例知识要点】
使用渐变填充图层和图层混合模式更改图像的显示效果，使用“色相/饱和度”和“亮度/对比度”调整图层为图像增加饱和度和对比度。
三、【效果文件位置】
效果文件/第4章/制作手机端天猫年货节海报.psd。
第七节课堂练习——制作户外鱼竿主图
一、【练习知识要点】
使用添加图层样式命令制作颜色叠加效果，使用图层混合模式及调整图层制作图像视觉特效。
二、【素材所在位置】
素材文件/第4章/制作户外鱼竿主图/01.jpg、02.jpg、03png和04.png。
三、【效果文件位置】
效果文件/第4章/制作户外鱼竿主图.psd。
第八节课后练习——制作七夕VIP福利海报
一、【习题知识要点】
使用移动工具导入光效素材文件，使用图层混合模式制作特殊视觉效果，使用曲线调整图层调整图像整体对比度。
二、【素材所在位置】
素材文件/第4章/制作七夕VIP福利海报/01.jpg、02.png、03.psd。
三、【效果文件位置】
效果文件/第4章/制作七夕VIP福利海报.psd。
归纳与
提高
通过本章的学习，我们了解了图层的高级应用的基础知识，掌握了应用图层混合模式及应用图层样式的方法，掌握了应用调整图层调整图像的方法。
学会了“放假公告海报”“珠宝首页宽屏海报”和手机端“天猫年货节海报”的制作方法。
Photoshop中的图像是由一个或多个图层组成的。
图层是Photoshop进行图形绘制和图像处理的最基础和最重要的功能。
在网店美工设计中，灵活地运用图层可以提高图像处理的效率，创作出丰富多彩的艺术效果。
第5章调整网店图像的色调与色彩
教学内容
一、调整图像的色调
二、课堂案例——处理曝光过度的商品图像
三、调整图像的色彩
四、课堂案例——制作黑白照片效果
五、课堂案例——增强商品图像的色彩鲜艳度
六、课堂案例——调出优雅暖色调
七、课堂练习——调出紫水晶手链复古色调
八、课后练习——制作绚丽手机海报
教学要求
【知识目标】
1．掌握调整图像色阶、曲线、曝光度的方法。
2．掌握调整图像亮度/对比度、自然饱和度、色相/饱和度的方法。
3．掌握调整图像色彩平衡、可选颜色的方法。
4．掌握图像通道混和器的应用方法。
5．掌握为图像去色的方法。
【技能目标】
1．掌握处理曝光过度照片的方法与技巧。
2．掌握黑白照片效果的制作方法。
3．掌握增强照片色彩鲜艳度的处理技巧。
4．掌握优雅暖色调的调整方法与技巧。
教学重点
1．掌握处理曝光过度照片的方法与技巧。
2．掌握黑白照片效果的制作方法。
3．掌握增强照片色彩鲜艳度的处理技巧。
4．掌握优雅暖色调的调整方法与技巧。
教学难点
1．掌握处理曝光过度照片的方法与技巧。
2．掌握黑白照片效果的制作方法。
3．掌握增强照片色彩鲜艳度的处理技巧。
4．掌握优雅暖色调的调整方法与技巧。
教学方法
讲授法、案例法
课时数
4课时
教学内容
第一节调整图像的色调
一、调整色阶
“色阶”命令是最常用的色调调整命令之一，利用此命令可以通过修改图像的阴影区、中间调区和高光区的亮度水平来调整图像的色调范围和色彩平衡，常用于调整曝光不足或曝光过度的图像，也可用于调整图像的对比度。
二、调整曲线
“曲线”命令也是Photoshop中最常用的色调调整命令之一，利用它可以在暗调到高光这个色调范围内对图像中多个不同点的色调进行调整。
三、调整曝光度
“曝光度”命令用于调整HDR图像的色调，也常用于调整曝光不足或曝光过度的数码照片。
四、调整亮度/对比度
使用“亮度/对比度”命令可以快速调整图像的亮度和对比度。
第二节课堂案例——处理曝光过度的商品图像
一、【案例学习目标】
学习使用色彩调整命令调整图像颜色。
二、【案例知识要点】
使用“曲线”和“色阶”命令调整照片的整体颜色。
三、【效果文件位置】
效果文件/第5章/处理曝光过度的商品图像.psd。
第三节调整图像的色彩
一、调整自然饱和度
“自然饱和度”命令用于调整色彩的饱和度，它可以在增加饱和度的同时防止颜色过于饱和而出现溢色，比较适合处理人像照片。
二、调整色相/饱和度
使用“色相/饱和度”命令可以对色彩的色相、饱和度和明度三大属性进行调整。
三、调整色彩平衡
“色彩平衡”命令是通过调整各种色彩的色阶来校正图像中出现的偏色现象，更改图像的总体颜色混合。
四、调整可选颜色
使用“可选颜色”命令可以对图像进行校正和调整，主要针对RGB、CMYK和黑、白、灰等主要颜色的组成进行调节。
五、应用通道混和器
图像的色彩是由各种颜色混合在一起组成的，其颜色信息都保存在通道中。
“通道混和器”命令利用存储颜色信息的通道混合通道颜色，从而改变图像的颜色。
六、图像去色
使用“去色”命令可以对图像进行去色，将彩色图像转换为灰度效果，但不改变图像的颜色模式。
第四节课堂案例——制作黑白照片效果
一、【案例学习目标】
学习使用不同的调色命令调整图像颜色。
二、【案例知识要点】
使用“去色”命令将彩色图像转换为黑白图像，再利用“通道混和器”命令进一步调整色调。
三、【效果文件位置】
效果文件/第5章/制作黑白照片效果.psd。
第五节课堂案例——增强商品图像的色彩鲜艳度
一、【案例学习目标】
学习使用不同的调色命令调整图像的饱和度。
二、【案例知识要点】
使用“亮度/对比度”“色相/饱和度”和“自然饱和度”命令对图像色彩进行调整。
三、【效果文件位置】
效果文件/第5章/增强商品图像的色彩鲜艳度.psd。
第六节课堂案例——调出优雅暖色调
一、【案例学习目标】
学习使用不同的调色命令调整图像颜色。
二、【案例知识要点】
使用多种调色工具将偏
升级会员 