PhotoshopCC网店美工视觉设计实战（全彩微课版）-教学教案.doc

《PhotoshopCC网店美工视觉设计》配套教学教案

第1章

课时内容

网店美工基础知识

授课时间

135分钟

课时

3

教学目标

■熟悉网店美工的工作范畴

■掌握网店美工的设计要点

■掌握Photoshop图像处理软件的操作方法

教学重点

■掌握色彩搭配及构图技巧和文字的应用

■掌握色彩和图层的处理，以及图片的调整

教学难点

文字布局、构图与布局、批处理图片

教学设计

1、教学思路：(1)通过讲解网店美工概述，让学员了解网店美工的工作范畴、视觉设计注意问题和技能要求等知识；(2)通过讲解网店美工必须掌握的设计要点，让学员掌握色彩搭配、文字布局、构图与布局等技巧；(3)通过讲解Photoshop的基础知识，让学员掌握图像颜色填充、图层的编辑、批处理图片等操作；(4)最后安排

实战演练和课后练习。

2、教学手段：(1)由浅入深，从基础知识到实际操作；(2)以实例讲解操作，对设置

的方法以及效果均配图讲解。

3、教学资料及要求：除教材中讲解的知识，可以多浏览一些店铺，学习其排版、配色、

构图等技巧，提升自己的审美能力。

教学内容

讨论问题：1、网店美工主要做些什么,从事哪些行业?

2、以女性消费者为主体的视觉设计中如何选择字体?

内容大纲：具体可结合本章的PPT课件进行配合讲解。

1.1网店美工概述

1.1.1网店美工的工作范畴

1.1.2网店美工视觉设计注意问题

1.1.3网店美工的技能要求

1.2网店美工必须掌握的设计要点

1.2.1认识点、线、面三大设计元素

1.2.2色彩的搭配

1.2.3文字的字体与布局

1.2.4构图与布局

1.3熟悉Photoshop图像处理软件

1.3.1认识Photoshop工作界面

1.3.2设置和填充图像颜色

1.3.3图层的基本操作

1.3.4批处理商品图片

1.4实战演练——制作促销标签

小结

1、了解网店美工的工作范畴和技能知识。

2、掌握色彩和图层的处理，以及图片的调整。

思考及作业

(1)如图所示为不同店铺的商品海报，请对海报的字体风格、构图与布局进行分析。

(2)如图所示为某网店的店铺首页，请对该首页的设计元素、色彩搭配、字体搭配、

布局等进行分析。

布局等进行分析。

LCF在回殖1四理费作共基

KITCHEN

SINK

本殖预域物娘分

=89

店铺热销厨房小能手

第2章

课时内容

商品图片基本处理

授课时间

90分钟

课时

2

教学目标

■掌握修改与校正商品图片的方法

■掌握调整商品图片色调的方法

■掌握商品图片特殊效果的处理方法

教学重点

■掌握调整图片亮度、对比度、颜色的方法

■掌握调整商品图片质感、虚化商品图片背景的方法

■掌握修改与校正商品图片的方法

教学难点

裁剪图片、调整图片的颜色与质感

教学设计

1、教学思路：(1)通过讲解修改与校正商品图片，让学员掌握修改图片大小和角度的方法；(2)通过讲解调整商品图片色调，让学员掌握调整图片亮度、对比度、颜色

的方法；(3)通过讲解商品图片特殊效果处理，让学员掌握调整商品图片质感、虚

化商品图片背景的方法；(4)最后安排实战演练和课后练习。

2、教学手段：采用理论加实例操作演示的方式进行展现，使学员可以快速理解其效果。

3、教学资料及要求：除教材中讲解的知识，学员可在现实生活中拍摄商品，然后对图

片进行裁剪和调色处理。

教学内容

知识回顾：在前面讲解了网店美工的工作范畴，设计要点以及PhotoshopCC的基础操作，下面讲解

商品图片的基本处理，包括调色、裁剪等。

讨论问题：1、商品图片调色应该遵循什么原则?

2、怎样凸显商品特征?

内容大纲：具体可结合本章的PPT课件进行配合讲解。

2.1修改与校正商品图片

2.1.1修改商品图片尺寸

2.1.2校正变形的商品图片

2.2调整商品图片色调

2.2.1了解图片调色

2.2.2调整曝光不足的商品图片

2.2.3调整曝光过度的商品图片

2.2.4调整有色差的商品图片

2.3商品图片特殊效果处理

2.3.1调整商品图片质感

2.3.2虚化商品图片背景

2.4实战演练

2.4.1修饰女包商品图片

2.4.2调整休闲鞋商品图片色调

小结

1、根据图片的问题，选择合适的处理方法处理图片。

2、能够使用不同调色命令对图片进行调色。

思考及作

业

(1)某玻璃瓶商品图片曝光不足、色彩暗淡，需要对其进行处理，使其颜色鲜艳、效果美观。处理时，网店美工可使用“曲线”命令提高图片亮度，使用“色阶”命令增

加明部和暗部的对比度。玻璃瓶图片调整前后的对比效果如图所示。

(2)某商家拍摄的羽毛球拍商品图片颜色暗沉，需要调整其亮度和对比度。调整前后

的对比效果如图所示。

第3章

课时内容

商品图片后期处理

授课时