书名：电子商务美工技术教程pdf/doc/txt格式电子书下载

推荐语：

作者：顾桢著

出版社：中国人民大学出版社

出版时间：2016-01-01

书籍编号：30388201

ISBN：9787300222110

正文语种：中文

字数：94038

版次：1

所属分类：互联网+-电子商务

版权信息

书名：电子商务美工技术教程

作者：顾桢

ISBN：9787300222110

版权所有 · 侵权必究

前言

随着互联网发展的不断深入，结合图、文、声、像技术的网络媒体已经深深渗透到我们生产和生活的方方面面。为了适应社会技术进步和生产方式变革，强化技术教育和技术创新在高职教育中的分量和作用，本教材以多个社会服务项目为原创载体（其中部分作品被“千图网”收录） ，按照工作主线设计符合高职教育特色和人才培养规格的能力目标，构建阶梯式知识模块，不断挖掘教材知识结构与学生原有知识、技能和经验等之间的联系，充分发挥学生的特长、潜能和创造力，帮助学生对当前学习内容所反映的对象的性质、规律以及该事物与其他对象之间的内在联系达到较深刻的理解，贯彻落实现代学徒制的精神。

本教材的特色与创新之处在于：

（ 1）教材内容与职业标准相对接，体现职业教育的专业性。教材内容结合我国电子商务技能大赛中对美工岗位的能力考核标准进行编写，注重模块之间的内容横向连贯，同时与相关课程的内容保持纵向衔接。

（ 2）模块任务与项目运行相匹配，突出职业技能的综合性。从整体优化和以应用为目的的角度出发，经过专业调查与职业岗位分析、职业能力的分析与分解、教材内容的设置等一系列过程，确定模块任务的操作技能和要点，确定理论知识学习的深度和广度，培养岗位能力的综合性。

（ 3）教材内容与课程资源相配套，满足职业教学的现代性。依据本教材内容开发的系列微课，便于学生通过M o o d l e平台共享，促进翻转课堂教学模式的发展。教材根据学生为主、教师为辅的教学需要，配备多媒体电子资料，还将配套网络教学平台支持，为学生学习和老师教学提供更多便利。

本教材由无锡商业职业技术学院的顾桢担任主编。本教材在编写过程中，得到了无锡歌迪服饰有限公司、无锡贝贝帕克文化创意发展有限公司、上海泊溪儿童用品有限公司等单位领导和专家的大力支持，也特别感谢章萍、凌守兴、乔巍、戴梅萍、张芸潇、徐杨、成淼、沈雪龙提供的帮助。

由于作者水平有限，书中难免存在不足或遗漏之处，恳请广大读者批评指正。

编　者

模块一 Photoshop基础知识与基本工具——设计制作个性电子台历

任务参考效果图

能力目标

（ 1）能掌握各种工具的基本用途。

（ 2）能设计制作个性台历。

知识目标

（ 1）掌握Photoshop CS6的基础操作。

（ 2）掌握位图与矢量图的区别。

模拟制作任务

任务名称：个性电子台历的设计与制作

任务背景

某广告公司需要设计师以顾客提供的照片为素材设计一款个性台历。

任务要求

画面简洁大方，有立体感。台历尺寸：1 7厘米× 1 4﹒3厘米。

任务分析

运用“矩形选框工具” 、“椭圆选框工具” 、“自由变换” 、“描边”等命令设计版面。

任务难点

（ 1）使用“自由变换”命令。

（ 2）使用“椭圆选框工具”制作圆孔和圆环。

（ 3）使用“保存”命令。

操作步骤详解

步骤1：执行“文件”＞“新建”命令（快捷命令“ C t r l＋N” ） ，如图1—1所示，在弹出的“新建”对话框中设置“名称”为“个性台历” ， “宽度”和“高度”分别为“ 1 7厘米” 、“ 1 4﹒3厘米” ，“分辨率”为“ 3 0 0像素” ，“颜色模式”为“ CMYK颜色” ，设置完成后单击“确定”按钮，创建新文件。按“ A l t”键双击“背景图层” ，背景图层转化为普通图层，如图1—2所示。

图1—1

图1—2

知识点1

背景图层不能设置任何图形属性，也不能添加任何效果，如果要对背景图层添加属性或效果，必须将其转化成普通图层。因此使用Photoshop设计图片时，习惯性地将背景图层转换成普通图层。另一种转换方法是双击背景图层，在弹出的“新建图层”对话框中输入新建图层的名字，单击“确认”按钮后，背景图层转化为普通图层。

步骤2：在图层面板选择“创建新图层”按钮，得到“图层1” 。选择矩形选框工具，在图层1空白处建立矩形选区，形成流动的蚂蚁线。点击前景色设置按钮，弹出拾色器（前景色）对话框，如图1—3所示。设置为C：6 3，M：0，Y：2 4，K：0，点击“确定”按钮。执行快捷命令“ A l t＋D e l e t e”用前景色填充矩形选区，如图1—4所示。

知识点2

使用快捷键能够提高绘图速度。

图1—3

图1—4

步骤3：执行快捷命令“ C t r l＋T” ，则矩形选区出现自由变换定界框，右击弹出的对话框中选择“斜切”命令，如图1—5所示。选择“移动工具”，使用快捷命令“ C t r l＋ R”调出标尺，将鼠标移至视图左侧垂直方向的标尺，向右移动鼠标，拖出四条参考线如图1—6所示，保证左、右两边斜切的角度相等。

图1—5

图1—6

知识点2

标尺和参考线的配合使用可以精确制图。选择移动工具，拖动参考线至左侧垂直方向的标尺处，即可清除参考线。

步骤4：执行命令“ C t r l＋D” ，取消选区。新建“图层2” ，方法如步骤2所述。拖出一条水平方向的参考线至矩形底部，选择钢笔工具，在钢笔的属性栏中设置钢笔的类型为“路径”，创建定位点，形成三角形闭合路径，右击选择“填充路径” ，弹出“填充路径”对话框，在“内容”选项中“使用”下拉框中选择“颜色” ，C：0，M：6 2，Y：8 1，K：0，如图1—7所示。点击“确定”按钮。

步骤5：选择“路径”选项，出现路径面板，如图1—8所示。点击“将路径作为选区载入”按钮，则图层2中的路径转换为选区，如图1—9所示。

图1—7

图1—8

图1—9

步骤6：选择“图层”选项，回到“图层面板” 。建立“图层3” ，填充颜色为白色，如图1—1 0所示。执行“文件”＞“打开”命令，在弹出的对话框中，选中“模块一＼任务1素材＼台历日期﹒j p g”文件，单击“打开”按钮，将图像打开。单击“移动工具”，拖动鼠标至“个性台历”文档合适位置，在“图层”面板形成“图层4” 。执行命令“ C t r l＋T” ，右击分别使用“缩放” 、“斜切”命令，效果如图1—11所示。

图1—1 0

图1—1 1

步骤7：双击“图层4” ，打开“图层样式”对话框，如图1—1 2所示，勾选“外发光”选项，设置“图素大小”为“ 2 1像素” ，点击“确定”按钮。拖动素材图片“模块一＼任务1素材＼马﹒j p g”至操作界面，形成“图层5” 。双击“图层5” ，打开“图层样式”对话框，如图1—1 3所示，勾选“投影” ，对设置“角度”为“ － 2 4度” ，“距离”为“ 2 1像素” ，“大小”为“ 4像素” ，如图1—1 3所示。

图1—1 2

图1—1 3

步骤8：新建“图层6” ，选择钢笔工具绘制“花边” ，右击选择“填充路径” ，弹出“填充路径”对话框，在“内容”选项中“使用”下拉框中选择“颜色” ，用吸管吸取“图层2”的颜色，点击“确定” 。效果如图1—1 4所示。

图1—1 4

步骤9：绘制圆孔。新建图层“图层7” ，选择“椭圆工具”，在合适位置拖动鼠标形成椭圆选区，右击鼠标，选择“描边”选项，打开“描边”对话框，将“宽度”设置为“ 3 p x” ，“颜色”设置为“黑色” ，“位置”设置为“居中” ，如图1—1 5所示。

步骤1 0：执行“选择”＞“修改”＞“收缩”命令，打开“收缩选区”对话框，如图1—1 6所示，将“收缩量”设置为“ 1 0像素” ，单击“确定”按钮，形成内环选区，执行“ A l t＋D e l e t e”命令，用前景色（黑色）填充矩形选区。

图1—1 5

图1—1 6

步骤1 1：绘制圆环。新建图层“图层8” ，选择“橡皮擦工具”，擦除多余部分。使用“ C t r l”键，同时选择“图层7”和“图层8” ，执行“ C t r l＋E”命令合并图层。

步骤1 2：选择“移动工具”，按“ A l t”键在圆孔和圆环处移动鼠标，即可复制。复制6个移动至适当位置，执行“ C t r l＋； ”取消参考线，最终效果如图1—1 7所示。

步骤1 3：执行“ C t r l＋S h i f t＋S”命令，弹出“存储为”对话框，默认情况下格式为psd，如图1—1 8所示，选择“保存”按钮。在“格式”下拉框中选择jpg，则弹出“ JPEG选项”对话框，保存为jpg图片。

图1—1 7

图1—1 8

知识点解析

一、Photoshop CS6概述

Photoshop CS6是由Adobe公司开发的图像处理软件之一，它集图像的编辑修改、图像制作、广告设计、图像扫描、图像输入与输出于一体，深受广大平面设计人员和电脑美术爱好者的喜爱。

（一）Photoshop CS6在网页设计中的应用

Photoshop CS6可以用于设计制作网页页面，并将制作好的图像导入Dreamweaver中处理，再用Flash为网页添加动画内容，便可以生成互动的网站页面了，如图1—19所示。

图1—19

（二）Photoshop CS6在UI界面设计中的应用

U I（ User Interface）界面设计是一个新兴的领域，是指对软件的人机交互、操作逻辑、界面美观的整体设计。优秀的U I设计不仅让软件变得有个性、有品味，还让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点，如图1—2 0所示。为了使设计满足可用性要求，全面地了解用户特征及多元化要求是十分必要的。

图1—2 0

（三）Photoshop CS6在平面设计中的应用

Photoshop CS6在平面设计中被广泛应用，无论是人们正在浏览的网页还是正在翻阅的图书封面，或是在大街上看到的招贴画、海报、P O P广告（售卖场所广告） ，这些具有丰富画面效果的平面印刷品，基本上都需要Photoshop CS6软件对其进行处理，如图1—21所示。

图1—2 1

提示：Photoshop CS6常常与Illustrator、InDesign配合使用。用Photoshop处理图像，将处理好的图像存储输出成PSD／TIF／ JPG等格式，置入InDesign中进行图文排版，然后输出印刷；用Illustrator完成的图形也存储输出成A I ／EPS等格式，置入或复制到InDesign中进行图文排版，然后输出印刷。

（四）Photoshop CS6在数码摄影后期处理中的应用

Photoshop CS6的强大之处体现在对图像的编辑处理功能上，它不仅可以对其色调进行调整、校正、修复与润饰，还可以修改并合成图像等，如图1—22所示。

图1—22

（五）Photoshop CS6在插画设计中的应用

作为IT时代加强视觉效果的手段之一，电脑艺术插画是新兴起的艺术表达方式。Photoshop CS6具有良好的绘画与调色功能，插画设计者可以使用铅笔绘制草稿、用Photoshop填色的方法绘制插画，这些插画被广泛应用与网络、广告、产品包装等中，如图1—2 3所示。

图1—2 3

（六）Photoshop CS6在动画与CG设计中的应用

随着以计算机为主要工具进行视觉设计和生产的一系列相关产业的形成，国际上习惯将利用计算机技术进行视觉设计和生产的领域通称为CG（ Computer Graphics）设计，即电脑图形设计。动画的发展离不开计算机硬件技术的发展，3dsMax、Maya等三维软件可以制作出动态效果，但其中模型的贴图和人物皮肤以及各种材质的逼真效果大部分都可以通过Photoshop CS6来完成，如图1—2 4所示。

图1—2 4

（七）Photoshop CS6在效果图及后期制作中的应用

使用Maya、3dsMax等三维软件设计建筑效果图时，渲染出的图片效果通常会放在Photoshop CS6中进行处理和调整，为其添加一些装饰物，如盆栽、人物、草坪等，可以在节省电脑空间、渲染图片的同时，也能增加图片的美感，如图1—2 5所示。

图1—2 5

二、Photoshop CS6的工作界面

Photoshop CS6的工作界面中包含菜单栏、选项卡、窗口、工具箱、工具选项栏、状态栏以及面板的组件，如图1—2 6所示。

图1—2 6

工作界面上的各元素的具体作用如下：

（ 1）“菜单栏”菜单中包含“文件” 、 “编辑” 、 “图像” 、 “图层” 、 “选择” 、 “滤镜” 、“分析” 、“ 3D” 、“视图” 、“窗口” 、“帮助”11个菜单

....