《Photoshop-CC网店美工》完整教学教案
Photoshop网店美工实例教程 第4版 教案

第1章 Photoshop网店美工设计快速入门教学内容一、网店美工设计四大要点二、Photoshop中与图像有关的基本概念三、Photoshop CC 2020的工作界面四、调整Photoshop视图五、应用辅助工具六、设置前景色与背景色七、常用图标汇总八、常用快捷键汇总教学要求【知识目标】1.了解网店美工设计的四大要点。
2.了解Photoshop中与图像有关的基本概念。
3.掌握辅助工具的使用方法。
4.掌握设置前景色与背景色的方法。
【技能目标】1.熟悉Photoshop CC 2020的工作界面和各种视图。
2.能够熟练应用Photoshop辅助工具。
3.能够通过不同的方法设置图像颜色。
【素质目标】1.在进行作品创意设计时,植入中国传统文化、中国元素,增强民族自豪感和文化自信。
2.激发学生创造创新能力,与时俱进,锐意进取,勤于探索,勇于实践。
教学重点1.Photoshop CC 2020的工作界面和各种视图2.Photoshop辅助工具的应用3.通过不同的方法设置图像颜色教学难点1.Photoshop辅助工具的应用2.通过不同的方法设置图像颜色教学方法讲授法、案例法课时数3课时教学内容第一节网店美工设计四大要点在网店美工设计中有四个要点是引起买家兴趣和购买欲望的关键,即图片、配色、布局和文字。
一、图片素材在对网店进行美工设计之前,首先要获取大量的图片素材,这些素材包括商品图片和各种修饰页面的素材。
二、色彩搭配在网店美工设计中,常用的配色方案主要有同一色相配色、类似色相配色、相反色相配色、补色色相配色、渐变效果配色和重色调配色。
根据配色方案的不同,商品页面给买家感觉也不同。
三、合理布局将商品页面的组成要素进行合理的排布,以达到吸引买家的目的,这就是网店美工设计的页面布局。
在排列商品图片或展示模特图片时,为了突出商品的特征,将一些希望强调的图片进行放大并布局在比较显眼的位置,效果会更加理想。
常用的商品页面布局有中间对齐模式、对角线排列模式、棋盘式模式、左对齐模式、对称型模式。
photoshop网店美工教学教案

《Photoshop CS6平面设计教程》配套教学教案第1章课堂案例——赏析“论道竹叶青”画册设计小结1、掌握平面设计基础的相关内容,包括色彩构成、色彩对比等知识。
2、掌握Photoshop CS6的基本操作方法。
思考及作业想一想:Photoshop提供的绘制和修饰图像工具除了用于合成和绘制图像,还能用于什么?练一练:(1)打开光盘中提供的“房地产海报.tif”图片,对其进行简单赏析。
课后习题——房地产广告赏析打开光盘中提供的“人物照片.jpg”文件,在Photoshop 为不同的色彩模式。
课后习题——设计照片色彩模式第2章2.6.1 填充文字2.6.2 制作海报2.7 拓展知识2.8 课后习题课堂案例1——填充圣诞树图像课堂案例2——制作水杯贴图小结1、掌握图像调整和查看的相关知识2、掌握填充图像颜色的方法3、熟练使用编辑图像的方法。
思考及作业想一想:如何对文字填充颜色?练一练:(1)结合本课所学知识,对素材图像进行基本的编辑操作,完成后的参考效果。
(2)通过所学知识制作一个下图所示倒影作品展示效果。
第3章课堂案例1——制作夜空图像课堂案例2——合成风景艺术照1、掌握选区工具的使用方法。
2、掌握调整选区大小和位置的方法。
3、掌握编辑选区的操作技巧。
第4章课堂案例1——绘制水墨梅花课堂案例2——人物面部精修1、掌握绘图工具的使用方法2、掌握修饰图像工具的操作方法3、熟悉修饰图像工具的使用技巧。
第5章课堂案例1——为图像添加柔和日光课堂案例2——制作儿童成长艺术照小结1、掌握图层的创建方法2、掌握图层的基本操作3、熟悉图层混合模式和不透明度的设置4、掌握图层样式的使用方法。
想一想:1、如何将背景图层转换为普通图层?2、如何将普通图层转换为背景图层?3、如何合理使用“背后”和“清除”选项?练一练:(1)利用光盘中提供的素材设计一个汽车网页,要求画面体现出高端产品的视觉效果,并且具有一定的神秘色彩,完成后的效果如下图所示。
Photoshop美工基础与网店装修教学教案

Photoshop美工基础与网店装修教学教案第一章:Photoshop基础知识1.1 教学目标让学生了解Photoshop的基本功能和界面布局。
学会使用Photoshop的基本工具,如选择工具、裁剪工具、画笔工具等。
掌握基本的图像编辑技巧,如调整图像大小、分辨率、颜色模式等。
1.2 教学内容Photoshop的基本功能和界面布局介绍。
选择工具、裁剪工具、画笔工具等基本工具的使用方法。
图像编辑技巧,如调整图像大小、分辨率、颜色模式等。
1.3 教学步骤1. 导入:向学生介绍Photoshop的基本功能和界面布局。
2. 演示:教师演示如何使用选择工具、裁剪工具、画笔工具等基本工具。
3. 练习:学生跟随教师的指导,自行尝试使用基本工具进行图像编辑。
1.4 作业布置让学生利用Photoshop制作一张简单的个人名片,运用基本工具和图像编辑技巧。
第二章:图像调整与修饰2.1 教学目标让学生学会使用Photoshop调整图像的亮度、对比度、饱和度等基本调整功能。
掌握图像修饰技巧,如去除污点、修复图像、涂抹等。
2.2 教学内容图像调整功能,如亮度、对比度、饱和度等的调整方法。
图像修饰工具,如去除污点、修复图像、涂抹等的使用方法。
2.3 教学步骤1. 导入:向学生介绍图像调整功能和图像修饰工具。
2. 演示:教师演示如何调整图像的亮度、对比度、饱和度等以及使用去除污点、修复图像、涂抹等工具。
3. 练习:学生跟随教师的指导,自行尝试调整图像和进行修饰。
2.4 作业布置让学生利用Photoshop调整一张照片的亮度、对比度、饱和度等,并进行必要的修饰。
第三章:图层与蒙版3.1 教学目标让学生了解图层的概念和基本操作,如创建图层、删除图层、图层属性等。
学会使用蒙版功能,如图层蒙版、调整图层蒙版等。
3.2 教学内容图层的概念和基本操作,如创建图层、删除图层、图层属性等。
蒙版功能的使用方法,如图层蒙版、调整图层蒙版等。
3.3 教学步骤1. 导入:向学生介绍图层的概念和基本操作。
网店美工教案

网店美工教案一、教学目标1、让学生了解网店美工的重要性和作用。
2、使学生掌握网店美工所需的基本软件操作技能,如 Photoshop、Illustrator 等。
3、培养学生的审美能力和创新思维,能够独立完成网店页面的设计与装修。
4、提高学生对色彩、构图、排版等设计元素的运用能力,制作出吸引人的网店页面。
二、教学重难点1、重点掌握网店页面设计的基本原则和流程。
熟练运用设计软件进行图片处理和页面排版。
学会运用色彩、字体、图形等元素提升页面的视觉效果。
2、难点培养创新思维,设计出独特且符合网店风格的页面。
能够根据不同商品的特点和目标受众,制定合适的设计方案。
三、教学方法1、讲授法通过讲解和演示,向学生传授网店美工的基本理论知识和软件操作技巧。
2、案例分析法展示优秀的网店页面案例,引导学生分析其设计思路和优点,从中汲取经验。
3、实践操作法让学生亲自动手进行设计实践,在实践中巩固所学知识和技能。
4、小组讨论法组织学生进行小组讨论,共同解决设计过程中遇到的问题,培养团队合作精神和沟通能力。
四、教学资源1、多媒体教室,配备电脑和设计软件。
2、相关教材和参考书籍。
3、网络资源,如设计网站、论坛等。
五、教学过程1、导入(约 10 分钟)展示一些精美的网店页面和普通的网店页面,让学生对比分析,引导学生思考网店美工对网店销售的影响。
提问学生对网店美工的初步认识和理解,激发学生的学习兴趣。
2、知识讲解(约 30 分钟)介绍网店美工的概念、职责和工作内容。
讲解网店页面设计的基本原则,如简洁性、一致性、突出重点、引导性等。
讲解色彩搭配的基本原理和常用方法,如对比色、互补色、邻近色的运用。
介绍字体的选择和排版技巧,包括字体的风格、大小、间距等。
3、软件操作演示(约 40 分钟)打开设计软件(如 Photoshop),演示图片处理的基本操作,如裁剪、调色、抠图等。
演示如何制作网店页面的模板,包括页面布局、导航栏设计、商品展示区设计等。
《网店美工设计——Photoshop 2022案例教程》教案

8.删除图层删除图层的方法有多种,可以通过“图层”面板、“图层”菜单命令来删除图层,也可在选择图层后按【Delete】键来删除图层。
二、设置前景色与背景色1.使用工具箱中的颜色工具设置前景色和背景色在工具箱中有一个设置前景色和背景色的工具,可以通过单击相应的颜色色块来设置前景色和背景色。
按【D】键可快速恢复默认的前景色和背景色,按【X】键可快速切换前景色和背景色。
2.使用“拾色器”对话框设置前景色和背景色单击工具箱中的前景色色块,打开“拾色器(前景色)”对话框,在对话框中的颜色区域中单击可设置当前颜色,拖动颜色带的三角滑块可以设置颜色的色相。
也可直接在色值文本框中输入颜色值来确定颜色。
3.使用“颜色”面板设置前景色和背景色选择“窗口>颜色”命令,打开“颜色”面板,在其中单击前景色和背景色色块,通过单击颜色带上的颜色即可调整颜色。
单击面板中右上角的按钮,打开的菜单中提供了多种颜色显示模式,选择相应的命令后可以在不同的颜色模式中调整颜色。
4.使用吸管工具设置前景色和背景色在工具箱中选择吸管工具,将鼠标指针移到图像窗口中,此时鼠标指针变为形状,在需要取色的位置单击即可吸取该位置的颜色,吸取的颜色即为前景色。
5.使用“色板”面板设置颜色在“色板”面板中可以直接单击相应的色块来设置前景色。
单击面板中右上角的按钮,在打开的菜单中选择“新建色板预设”目录可打开“色板名称”对话框,单击“确定”按钮可以将当前前景色添加到“色板”面板中。
第三节常用快捷键归纳与提高要想更好地使用Photoshop对图像进行处理,首先需要掌握Photoshop的基本操作。
本章主要介绍了使用Photoshop 2022处理图像时要用到的基本操作,包括图像文件的基本操作、编辑图像、图层的基本操作和设置前景色与背景色。
通过本章的学习,读者可快速掌握美工图像处理的基本操作。
第3章选区教学内容一、创建选区——【课堂案例】制作品销宝二、编辑选区——【课堂案例】制作直通车主图三、技能提升——为书籍绘制阴影教学要求【学习目标】1.了解选区的相关工具2.画笔工具的使用3.橡皮擦工具的使用教学方法讲授法、案例法课时数3课时教学内容第一节颜色填充——【课堂案例】绘制二级页主视觉海报一、图像填充工具在Photoshop 2022 中还可使用渐变工具、油漆桶工具、吸管工具和菜单命令来对图像进行颜色填充。
《网店美工》教案

《网店美工》教案教案:网店美工一、教学目标:1.了解网店美工的定义和作用。
2.学习常见的网店美工软件和工具。
3.掌握网店美工的基本技巧和方法。
4.培养学生实际操作的能力,能够独立完成网店美工任务。
二、教学内容:1.网店美工的定义和作用。
a.网店美工是指通过使用各种美工软件和工具,为网店设计各种平面图像,以提升网店的视觉效果和吸引力。
b.网店美工的作用主要包括:吸引顾客,提高转化率,增加销量等。
2.常见的网店美工软件和工具。
a. Photoshop:用于处理图像,进行修图和设计等操作,是最常用的网店美工软件之一b. Illustrator:用于绘制矢量图形,制作品牌LOGO和插图等,美化网店图片效果。
c. CorelDRAW:类似于Illustrator,也是用于绘制矢量图形的软件。
3.网店美工的基本技巧和方法。
a.图片处理:调整亮度对比度,色彩饱和度,剪裁图片,添加滤镜等,使图片更加美观。
b.文字设计:选择适合的字体,大小和颜色,设置合适的文本布局,突出重点信息。
c.色彩运用:根据产品和品牌的风格选择合适的色彩方案,增加网店的辨识度。
d.布局设计:合理安排各类元素的位置和排列方式,使整个网店页面看起来更加整洁和有序。
e.图片素材:选择高品质的图片素材,遵守版权规则,确保使用的图片合法可靠。
4.实际操作:a. 学生使用Photoshop软件,根据所选商品分类或主题,设计一个网店页面,包括主图,标题,文字,图标等元素。
b. 学生选择一个网店风格,利用Canva设计一个产品图片的海报,包括产品图片,文字信息,以及背景等内容。
三、教学方法:1.讲授法:通过讲解网店美工的基本概念和技巧,让学生了解相关知识。
2. 示范法:教师以实际案例为例,展示如何使用Photoshop、Canva等软件进行网店美工的操作。
3.实践操作:提供实际的操作任务,让学生进行网店美工的实际操作,锻炼实际操作能力。
4.个性化指导:根据学生的实际情况和水平,提供个性化的指导和建议,帮助他们进一步提高。
Photoshop美工基础与网店装修教学教案

Photoshop美工基础与网店装修教学教案第一章:Photoshop基础知识1.1 软件概述介绍Photoshop的背景、功能和应用领域。
演示Photoshop的基本界面和工具栏。
1.2 图像基本概念讲解图像的分辨率、尺寸和格式。
演示图像的打开、保存和关闭操作。
1.3 基本工具与操作介绍选择工具、裁剪工具和移动工具的使用。
演示图像的裁剪、复制和粘贴操作。
第二章:图像编辑与调整2.1 图像编辑讲解图像的剪切、复制和粘贴操作。
演示图像的旋转、翻转和扭曲效果。
2.2 图像调整介绍色彩调整、亮度/对比度和饱和度调整。
演示图像的色调平衡、曝光度和曲线调整。
2.3 选区与蒙版讲解选区的创建和编辑方法。
演示蒙版的应用和调整技巧。
第三章:图层与遮罩3.1 图层概述介绍图层的概念和作用。
演示图层的创建、删除和隐藏操作。
3.2 图层样式讲解图层样式的应用和调整方法。
演示图层样式的不透明度、颜色和混合模式调整。
3.3 遮罩的应用介绍遮罩的概念和作用。
演示遮罩的创建和编辑技巧。
第四章:色彩与色调调整4.1 色彩调整讲解色彩平衡、色相/饱和度调整。
演示色彩调整的方法和技巧。
4.2 色调调整介绍曲线、曝光度和亮度/对比度调整。
演示色调调整的方法和技巧。
4.3 渐变与图案讲解渐变工具的使用和调整方法。
演示图案的创建和应用技巧。
第五章:文字处理与图层样式5.1 文字工具的使用介绍文字工具的概念和作用。
演示文字的输入、编辑和字体调整。
5.2 图层样式应用讲解图层样式的应用和调整方法。
演示图层样式的阴影、光泽和浮雕效果。
5.3 组合与对齐介绍图层的组合和对齐方法。
演示图层的分布和对齐技巧。
第六章:路径与矢量图形6.1 路径概述讲解路径的概念和作用。
演示路径的创建、编辑和转换操作。
6.2 矢量图形绘制介绍钢笔工具和矢量路径的创建。
演示矢量图形的绘制和调整技巧。
6.3 路径与选区的转换讲解路径与选区的相互转换方法。
演示路径选区的创建和编辑技巧。
Photoshop美工基础与网店装修教学教案

Photoshop美工基础与网店装修教学教案章节一:Photoshop基础知识与界面熟悉教学目标:1. 了解Photoshop的基本功能和应用领域。
2. 熟悉Photoshop的工作界面和基本工具的使用。
教学内容:1. Photoshop的基本功能介绍。
2. Photoshop的工作界面介绍。
3. 基本工具的使用和操作。
教学方法:1. 讲解和演示Photoshop的基本功能和工作界面。
2. 学生跟随老师的演示进行操作练习。
教学资源:1. Photoshop软件。
2. 教学PPT或幻灯片。
教学评估:1. 学生能够熟练操作Photoshop的基本工具。
2. 学生能够理解Photoshop的基本功能和应用领域。
章节二:选区和裁剪工具的使用教学目标:1. 学会使用选区工具创建选区。
2. 熟悉裁剪工具的使用。
1. 选区工具的使用方法和技巧。
2. 裁剪工具的使用方法和技巧。
教学方法:1. 讲解和演示选区工具和裁剪工具的使用。
2. 学生跟随老师的演示进行操作练习。
教学资源:1. Photoshop软件。
2. 教学PPT或幻灯片。
教学评估:1. 学生能够熟练使用选区工具创建选区。
2. 学生能够熟练使用裁剪工具进行裁剪操作。
章节三:图像的调整和修饰教学目标:1. 学会调整图像的大小和位置。
2. 熟悉图像的修饰工具。
教学内容:1. 调整图像的大小和位置的方法。
2. 图像修饰工具的使用方法和技巧。
教学方法:1. 讲解和演示图像调整和修饰工具的使用。
2. 学生跟随老师的演示进行操作练习。
1. Photoshop软件。
2. 教学PPT或幻灯片。
教学评估:1. 学生能够熟练调整图像的大小和位置。
2. 学生能够熟练使用图像修饰工具进行修饰操作。
章节四:图层的基本操作教学目标:1. 学会创建和删除图层。
2. 熟悉图层的隐藏和显示操作。
教学内容:1. 图层的创建和删除方法。
2. 图层的隐藏和显示操作。
教学方法:1. 讲解和演示图层的基本操作。
《网店美工》教案-主图制作

主图焦点图制作
步骤1打开Photoshop新建800像素×800像素,分辨率为96像素/英寸的空白文档。
步骤2将茶背景图片移入主文档,调整好大小和位置。
步骤3为图层1添加蒙版,为底部制作渐变工具模糊效果。
步骤7创建新图层并绘制圆形,填充颜色为“#c38736”,复制副本备用,原图层创建图层样式,描边颜色为“#b0811e”,大小为“1像素”,颜色叠加为“白色”。
步骤8将副本缩小,形成白色的边环效果,并在其中输入“品”字。
步骤9选择椭圆、椭圆副本以及品字三个图层,Ctrl+J复制三个图层,并一起向下移动30个像素,用同样的方法再复制多复制两次。
《网店美工》电子教案
学科
PS网店美工
班级
日期
课时
4
课型
实操课
教师
课题任务2.Βιβλιοθήκη 主图焦点图设计课前
系
统
教学目的
让学生了解主图焦点图的作用,能够利用图层样式、渐变工具、文字等工具对主图进行设计。
教学重点
主图的制作
教学难点
主图能否突出商品的特性,吸引消费者
教学方法
演示法、练习法
教具准备
多媒体
课
堂
系
统
一、导入新课
步骤10修改文字,形成最终效果。
三、课堂练习
制作一幅水壶的主图,输入相关文案,加入素材。
四、归纳小结
通过课堂学习,学生对主图的设计基本上已经掌握,对字体设计,蒙版的运用更加熟悉。
五、作业安排
根据自己店铺的情况,对某个商品自行设计一个主图。
Photoshop-CC网店美工》完整教学教案

Photoshop-CC网店美工》完整教学教案Photoshop CC网店美工配套教学教案第1章课时内容:网店美工常识授课时间:45分钟课时1教学目标:1.了解网店美工的基本概念。
2.掌握网店美工必备的设计要点。
3.掌握制作网店美工文案。
4.掌握网店美工点、线、面3大基本设计元素。
教学重点:1.掌握色彩搭配、构图及文字的应用。
2.掌握文案的策划与编写。
教学难点:1.熟悉网店美工工作内容以及其技能要求。
教学思路:1.介绍美工的基础知识,使读者掌握网店美工的基础和技能要求。
2.着重讲解网店美工必需学会的设计要点,掌握时下最时尚的设计效果。
3.讲解文案在网店美工中的作用,以及制作文案的技巧与方法。
4.最后安排知识拓展和课堂实训,讨论和练本章知识。
教学手段:1.由浅入深,从基础知识到实际操作。
2.通过知识拓展探讨问题,掌握网店设计装修中应注意的事项。
3.以实例讲解操作,对设置的方法以及效果均配图讲解。
教学资料及要求:除教材中讲解的知识,学员可以研究关于设计和文案方面的知识,通过各种模板和资料,提升自己的操作能力、审美能力以及文字功底。
教学内容:讨论问题:1.网店美工主要做些什么,从事哪些行业?2.设计风格和文案对网店的影响力?内容大纲:具体可结合本章的PPT课件进行配合讲解。
1.1 什么是网店美工?1.1.1 网店美工要做些什么?1.1.2 网店美工的技术要求。
1.1.3 网店美工须注意的问题。
1.1.4 网店美工工作准备。
1.2 网店美工必须掌握的设计要点。
1.2.1 认识点、线、面3大基本设计元素。
1.2.2 怎么搭配色彩更出色。
1.2.3 怎么让构图更加美观。
1.2.4 怎么选择字体提升图片竞争力。
1.3 网店美工文案策划。
1.3.1 文案在美工中的重要性。
1.3.2 文案的策划与编写。
1.4 知识拓展。
1.怎么定位网店的装修风格?2.常见的配色方案有哪些?3.在网店装修设计中,字体有哪些布局技巧?1.5 课堂实训。
《网店美工》教案-店标设计

步骤8将所有的动画帧的播放时间设置为0.1秒,最终完成国之饮动态店标的制作。
三、课堂练习
制作久川公司的店标
四、归纳小结
这节课学习了店铺图设计的内容,通过对“茶”店铺图的设计,同学们掌握了设计所需要用到的一些工具,基本能完成店铺图的设计。
步骤8输入文字“茶”,字体为“华文行楷”,颜色为“#304127”字体大小为“43点”。
2.动态店标设计
在“国之饮”静态店标的基础之上进行动态店标的设计,下面开始讲解制作方法。
步骤1打开“国之饮”静态店标,隐藏其他图层,只显示背景和叶子图层。
步骤2在窗口菜单打开“时间轴”浮动窗口,将第一帧叶子图层的透明度设置为10%,复制帧,将第二帧透明度调节为100%。
1店标分类
店标是店铺的标志,在搜索店铺时显示的就是店标,店标还会在手机店铺首页显示。
店标按内容分为以下3类。
1.纯文字店标
2.纯图案店标。
3.图文组合店标
2 静态店标设计制作
店标的大小为80像素×80像素,下面开始讲解“国之饮”店标的制作方法。
步骤1在Photoshop中新建一个80像素×80像素,分辨率为72像素/英寸的空白文档,使用工具箱中的椭圆选框工具绘制圆形,大小为63像素×63像素,颜色为“#699f48”。
步骤3插入“过渡动画帧”,设置要添加的帧数为10帧,如图3-40所示,时间轴添加了过渡帧,制作出茶叶渐现的动画效果。
步骤4在第12帧处显示半圆圈图层,并将图层透明度设置为10%。
步骤5复制第12帧,将半圆圈图层透明度设置为100%,用同样的方法插入过渡动画帧,设置帧数为10帧。
步骤6用同样的方法,在23帧处显示文字“茶”图层,并将图层透明度设置为10%,复制帧后将透明度设置为100%,插入10帧过渡帧。
《网店美工》教案

上篇:美工设计之“道”第1章走进视觉美学(3学时)一、教学目的及要求通过本章的学习,使学生了解视觉美学的基础知识、色彩心理,掌握色彩的搭配与黄金分割、冷暖色调及网店设计的颜色效应。
二、教学重点及难点教学重点:色彩的搭配与黄金分割,色彩心理与网店设计。
教学难点:视觉营销在网店商品中的运用。
三、教学手段多媒体(投影仪、计算机),板书。
四、教学方法课堂演讲、头脑风暴、提问、讨论、启发、案例分析。
五、作业1、了解视觉美学发展历程。
2、列出视觉营销运用较好的3个以上天猫店铺。
六、参考资料1.《网店美工实操》,淘宝大学编著,电子工业出版社,2013年。
2.《电子商务网页设计与制作》,徐峰主编,浙江大学出版社,2013年。
3.《网店美工宝典》,王楠编著,电子工业出版社,2015年。
七、教学内容与教学设计1.1 视觉美学1.2 色彩心理1.2.1色彩的分类与属性1.2.2色彩的搭配与黄金分割1.2.3色彩心理与冷暖色调1.2.4色彩心理与网店设计1.3 视觉营销1.3.1视觉营销1.3.2视觉营销与商品八、课后小结第2章入门网店美工(3学时)一、教学目的及要求使学生了解网店美工在店铺运营中的位置和优秀美工的成长路径。
二、教学重点及难点教学重点:网店美工运营之手,美工在店铺运营中的位置。
教学难点:网店美工成长路径及日常工作。
三、教学手段多媒体(投影仪、计算机),板书。
四、教学方法课堂讲授、提问、讨论、启发、案例分析。
五、作业1、网店美工的岗位介绍及岗位要点?2、网店美工的日常工作有哪些?六、参考资料1.《网店美工实操》,淘宝大学编著,电子工业出版社,2013年。
2.《电子商务网页设计与制作》,徐峰主编,浙江大学出版社,2013年。
3.《网店美工宝典》,王楠编著,电子工业出版社,2015年。
七、教学内容与教学设计2.1网店美工2.1.1美工分类2.1.2网店美工简介2.2网店美工运营之手2.3优秀网店美工成长之路2.3.1网店美工成长路径2.3.2网店美工日常工作2.3.3网店美工工资待遇2.4网店美工新手建议八、课后小结中篇:美工设计之“器第3章学会宝贝拍照(3学时)一、教学目的及要求通过本章的学习,使学生了解相机的选择和网拍的注意事项、掌握宝贝拍照场景的布置、光线的角度、拍照的流程。
(中职)网店美工全套教案整本书电子教案完整版教学设计最新电子讲义

网店美工 _______________________________________________________________ XX 学校学科教案本Teaching PlanXX 一 学期XX学校(School )学科(Subject )年级(Grade ) 教师(Teacher )注意:①按住Ctrl 键后单击每个任务即可跳转到对应的教案 ②单击按钮可返回目录 ③页面设置参数为: 纸张:B5 页边距左:1.5 页边距右:1.5《网店美工》目录项目一 Photoshop 基础操作任务一 商品照片裁剪 任务二 商品照片抠图 任务三 商品照片调试 任务四 商品照片修图教学课题任务一商品照片裁剪课题类型理论+实作课时安排4上课时间教学目标1.掌握商品照片裁剪的方法2.掌握校正透视、定重心及大小3.掌握校正倾斜重构图的方法教学重点1、2教学难点3辅助资源课件、多媒体、网络复习引入①你曾经玩过修理照片吗?②你利用什么软件美化或者校正照片?③你对那些软件还知道哪些功能?教学手段教学过程师生互动活动设计课件讨论实作一:了解Photoshop界面二:校正倾斜重构图案例任务具体解说及操作1、在拍摄商品时,有时因产品透视太夸张,拍摄时因相机离的太近,角度过高过低,拍摄出来的产品出现扭曲变形。
比如这张图片在拍摄时因角度没调整好,导致拍摄出来的商品头重脚轻,严重失真。
接下来,我将用Photoshop CS6软件来处理。
2、在Photoshop CS6中打开【任务一原始图.jpg】,点击工具栏【裁剪工具】右下角箭头处,选择【透视裁剪工具】,此刻画布中出现裁剪框。
然后我们根据透视学的原理调整裁剪框的控制点,当裁剪框的虚线与物品边缘处于同一平行线,然后按下回车确定。
阅读知识窗:Photoshop的产生和发展提问或讨论:商品照片出现什么问题讨论:用什么方法可以校正网络搜索:裁剪工具的使用案例视频小组合作教学课题任务二商品照片抠图课题类型理论+实作课时安排4上课时间教学目标1.掌握钢笔抠图的方法2.掌握其他方法抠图教学重点1、2教学难点2辅助资源课件、多媒体、网络复习引入④你曾经玩过照片抠图吗?⑤你利用什么软件进行抠图照片?⑥你会用Photoshop软件抠图吗?教学手段教学过程师生互动活动设计课件讨论实作一:了解Photoshop抠图工具二:具体解说及操作流程(一)钢笔抠图1、抠图在网店美工中是一项重要的环节,通过抠图可以使不美的图片经过处理后看上去美观大方亮堂,也可以使本来很美的图片更加锦上添花。
《网店美工》教案-详情页设计

最后利用广告区制作背景的方法制作彩色背景,调整不透明度,黄色部分为“61%”,红色部分为“31%”,至此本例制作完毕。
6.合成详情页操作
将之前制作的详情页各个区域储存为.jpg格式的图片,将各个高度相加。新建一个“宽度”为750像素、“高度”为2444像素、“分辨率”为72像素/英寸的空白文档,将各个区域拖曳到合成详情页文档中。
步骤6新建图层,在底部中间位置绘制一个粉红色圆角矩形,在上面输入文字“色彩展示”,在底部中间位置绘制白色圆角矩形,调整不透明效果为“38%”,至此色彩展示区制作完毕。
3、细节展示区操作
步骤1启动Photoshop,新建一个750像素×600像素,分辨率为72像素/英寸的空白文档,用制作广告区相同的方法制作背景。
三、课堂练习
根据所学的详情页设计方法,根据商品特性完成详情页设计。
四、归纳小结
本项目主要学习了网店美工详情页的视觉设计包括详情页的文案设计、详情页的整体布局、详情页的整体效果设计。通过对详情页的综合设计,让学生熟知详情页设计的方法要领,从而更好地设计出具有吸引力的详情页,体现出了详情页设计的丰富性和灵活性。
4.上身效果操作
步骤1启动Photoshop,新建一个750像素×600像素,分辨率为72像素/英寸的空白文档,用制作广告区相同的方法制作背景并降低不透明度,红色部分为“31%”,黄色部分为“61%”。
步骤2打开“素材”文件夹,在“项目二素材”文件夹中找到“上身001” “上身002” “上身003” “上身004” “上身005”,将图片拖曳到“上身效果”文档中,将圆角矩形的两个素材的“混合模式”设置为“正片叠底”。
Photoshop CC网店美工教学大纲

《Photoshop CC网店美工——商品拍摄+店铺装修+视觉设计》教学大纲(素质选修课/专业基础课)一、课程信息课程名称:Photoshop CC网店美工全能一本通——店面装修+商品摄影+后期处理+详情页设计课程类别:素质选修课/专业基础课课程性质:选修/必修计划学时:21计划学分:2先修课程:无选用教材:《Photoshop CC网店美工全能一本通——店面装修+商品摄影+后期处理+详情页设计》,编著,2018年;人民邮电出版社出版教材;适用专业:本书内容丰富全面,将理论与开店运营实操紧密结合,既适合网店美工专业人士、淘宝天猫店主、各类美工培训机构使用;同时也适合大学生、初创业者、兼职人员阅读参考。
课程负责人:二、课程简介网店美工是基于我国蓬勃发展的网上购物而存在的职业,它的工作职责是通过Photoshop进行图片的处理,并根据店铺产品的要求,制作不同效果的促销图片。
随着网上购物的飞速发展与完善,社会对美工工作者的需求也越来越大。
美工工作者只会使用Photoshop处理商品图片已经不足以满足美工的需求,而是要将自己当作一名营销人员,站在消费者的角度来考虑问题,通过图片中添加文案的方法,将产品的卖点、促销信息、品牌文化表达出来。
因此对于美工来说文案的编写、颜色的搭配、图片的美化缺一不可,直接影响着店铺的美观度和消费者的购买意向。
本课程从网店美工的基础知识入手,通过详细讲解美工页面的设计与制作方法,培养并提高读者对每个页面设计的能力,帮助读者可以胜任美工这一岗位。
三、课程教学要求体描述。
“关联程度”栏中字母表示二者关联程度。
关联程度按高关联、中关联、低关联三档分别表示为“H”“M”或“L”。
“课程教学要求”及“关联程度”中的空白栏表示该课程与所对应的专业毕业要求条目不相关。
四、课程教学内容五、考核要求及成绩评定六、学生学习建议(一)学习方法建议1. 理论配合实战训练进行学习,提高学生的实战动手能力;2. 在条件允许的情况下,可以申请一个网店,进行深入学习;3. 提高学生的是设计感和审美能力;(二)学生课外阅读参考资料《Photoshop CC网店美工全能一本通——店面装修+商品摄影+后期处理+详情页设计》,编著,2018年,人民邮电出版社合作出版教材七、课程改革与建设该课程为网店美工培训规划丛书,教学形式为基础知识掌握+知识拓展+课堂实例。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
《Photoshop CC网店美工》
配套教学教案
第1章
(2)先分析页面的设计元素,再对页面的颜色搭配与字体搭配进行依次分析。
第2章
想一想:
1.环境差时,拍摄商品图片的补救方法有哪些?
2.拍摄时不同的效果各自的布景方式怎样?
练一练:
(1)根据实训目标,先拍摄不锈钢锅的整体效果,再拍摄材质和工艺。
(2)根据实训目标,需要先将洗面奶放到固定位置,再根据需要整体和单个展现,并拍摄展现效果。
第3章
5、掌握为图像添加元素的方法。
想一想:
1.怎么保证处理不清晰的商品图片?
2.怎样使插入的元素更加合理美观?
3.商品图片扣取时需要注意的细节问题有哪些?
练一练:
(1)根据实训目标,需要先将美女抠取出来,再应用到背景中并进行不透明度的处理。
(2)使用“亮度/对比度”命令处理图片,调整其亮度和对比度,使其更加美观。
(3)使用“亮度/对比度”命令处理图片,调整其亮度和对比度,使其更加美观。