Unity 2D入门基础教程

Unity2D入门基础教程

作者:Christopher LaPollo Xiaoke翻译

目录

一、开始 (2)

二、创建你的项目 (2)

三、场景视图的2D模式 (3)

四、轻松制造精灵(Sprites) (4)

五、Sprite资源 (5)

切片精灵表(Slicing Sprite Sheets) (9)

六、配置游戏视图 (17)

七、精灵动画(Animating Sprites) (27)

八、精灵封装(Sprite Packing)-仅针对专业人员。 (36)

九、Sprite Packer的选项和问题 (39)

如果用以前版本的Unity做2D游戏，虽然能做，但是要费很多周折。

比如你可以将一张纹理赋予一个”面片”网格，然后用脚本控制它的动画调整它的位移。如果你要使用物理引擎，那么还要将这个Obeject处理3D的，所以你还要确保你的Object要有足够的深度以确保他们在其它轴向上不起冲突。或者你选用一个第三方插件，如2D Toolkit或者Orthello2D Framework，他们有着强大的功能，但同样需要你去做一些约束工作。

当上面这些你仍然可以选用上面这些方法的时候，Unity4。3增加了原生的2D开发环境，让我们一探究竟吧。

这个教程将带你探索Unity的2D工具，教程将引导你做一个主题为僵尸的iOS游戏。教程重点在于一个新的资源类型-”Sprite”，你将学到所有关于Sprite 知识，在后续的教程里你将学会如何通过Unity的动画系统控制动画，以及用到Untiy的2D物理引擎的支持。

上面是个教程概述，下面让我们一步一步来吧。

注:本教程假定你有一些Unity的使用经验，知道一些基本知识，了解Unity 的界面，游戏对象和组件等操作，比如你知道”要添加一个”猫”到场景里需要从Project拽到Hierarchy里”。

如果你看不懂上面这个，那么你需要一个教程入门再来看现在这个2D教程。

最后要注意，本教程是在OS X系统下操作的，然而如果你在Windows下也不用担心，Unity在Windows上和OS X下大多数指令都是一样的，会有一些小的差异(如使用Windows资源管理器取代Finder)，或者干脆直接用OS X系统。

一、开始

Unity在4。3中加入了原生的2D工具(专业版和免费版都带)，所以你要确保你安装的最新版，可以从官网下载到。

你还需要一些美术资源为这个2D游戏，幸运的是Mike

Berg(http://weheartgames。com/)已经做了一些很酷的图片资源，可以从这里下载解压使用:

http://cdn4。raywenderlich。

com/wp-content/uploads/2013/12/ZombieConga-Part1-Resources。zip

注:你可以在其他游戏里使用或修改本教程里提供的美术资源，音乐和音效，但是你必须在游戏中包含一下信息:”Artwork/sounds:from iOS Games by Tutorials book，available at http://www。raywenderlich。com”。

二、创建你的项目

打开Unity并选择”File\New Project…”创建一个新的项目，在”Create new Project”里点击”Set…”标签，给新项目命名为”ZombieConga”，选择一个存储的位置点”Save”。

然后在”Set up defaults for”选择”2D”，再点击”Create Project”:

上面这个对话框是Unity中遇到的第一个含有2D特性的设置。你可以随时改变这个2D设置，如果你想更改这个设置，可以选择”Edit\Project

Settings\Editor”打开编辑器设置，在”Default Behavior Mode”中改模式为2D，如下图:

“Default Behavior Mode”(默认行为模式)定义你项目在导入Assets时的默认导入设置，当设置为3D模式时，Unity假设你将导入的文件创建为纹理类型(如:PNG文件);当设置为2D时，Unity假定你想要的导入的资源为Sprite类型，你将在教程里学到关于Sprite资源导入设置具体的解释。

三、场景视图的2D模式

下一个2D特征就是在场景视图里有个控制二维切换的按钮，点击2D按钮可以激活2D模式，像下面这样:

这个按钮会将场景相机在透视视图和正交投影视图之间进行切换。它们有什么差别呢?当观察透视视图时，远离相机的物体看起来更小，就像在现实世界中眼睛看物体一样，然而当正交投影视图的时候，物体的大小并不受与相机的距离影响。因此，在二维模式时，一个对象不管位置离相机远近，只要尺寸不变，它看起来将没有变化的。

下面的配图可以清晰的看到2D和3D模式视窗的区别。

上一个图片也能看到当2D模式启用时，场景视图的Gizmo控制也是隐藏的，你只能做视图的平移操作，Y轴指向上，X轴指向右。

重要:

这个设置是不会影响到游戏播放时效果的，因为它只是帮助你组织场景里的对象，甚至后期你会在创建2D游戏的同时创造3D游戏，你可能需要在这两种模式间根据需要切换，本教程所有截图都是在场景视图的2D模式下。

为了更好的跟着教程学习，你可以调整Unity的布局和教程截图的的界面布局一致，教程里Unity是用”Dark”皮肤运行于OS X系统下，Dark皮肤只在Unity Pro 版本才能启用。我创建了8个打开的tab，调整他们如下面的样子，

如图你可以看到，左上角由Scene，Console和Animator视图组成，而Game，Project和Animation视图在左下角组合为一个选项卡，右边两列是Hierarchy和Inspector视图。

当然有时候我也会改变这种设置，视图的布局没有一个固定的要求，可以由自己心情随意安排自己的工作布局。

四、轻松制造精灵(Sprites)

用Unity新功能来创建一个精灵有多容易?试试下面的方法。

第一步:拽从Finder窗口拽cat.png文件到Scene视图，如下图:

第二步:空闲时写给Unity的开发者写封感谢信，哈哈。

如果没有创建成功精灵，从第一步开始重试一次。

注:想知道为什么上面动画有两个猫的图片?别担心，我后面会告诉你。

如此简化的导入依靠Unity默认导入设置，虽然这常常不是最终需要的正确效果，但足以说明Unity的新功能将使2D游戏开发异常简单!本教程后面涵盖了所有你使用Unity2D开发游戏需要了解的知识。

五、Sprite资源

在Hierarchy视图里选择cat，然后看Inspector。你的Inspector视图位置可能和下图不太一样，但不必担心这不重要，这里要注意的是为了让cat在场景中显示，Unity附加了一个Sprite Renderer组件到GameObject。

Unity会为这个物体创建网格，Unity会基于图像的非透明部分创建网格，下图里的僵尸的蓝色网格就是:

通过这样创建的纹理网格，可以有助于Unity提高场景运行时的fill rate，也使得创建多边形碰撞盒更容易，教程后面将介绍如何创建使用碰撞盒。

注意:别让僵尸突然出现惊吓到你，我只是觉得它比可爱的小猫更有趣。

在本节教程中你将了解Sprite的渲染器组件属性，可以看到Sprite的名称。下图里你可以看到”cat”对象在精灵渲染器里被分配的名字是”cat”。

确保Project视图是可见的，在Inspector视图里惦记Sprite编辑框能看到Sprite资源将在Project视图里呈现高亮状态，如下图:

Project视图中cat精灵高亮

注:高亮边框会在几秒后消失，所以如果你不小心错过它，可以再次点击一次Sprite编辑框。当然现在项目里只有一个资源，你不可能错过它。:]

正如上一个截图你所看到的，Unity会在Project视图里高亮显示cat项，还有另外一个也叫cat的子项。两只猫都在Project视图里，很容易混淆啊，这是怎么回事呢:

父级的cat是纹理资源。它将关联到你导入的原始美术资源文件cat.png，以及控制着如何从这个纹理资源创建Sprites，你可以看到它有个文件内容的缩略图。

子集的cat是Unity导入cat.png时创建的Sprite资源。现在只有一个子项，因为Unity只从文件里创建了一个Sprite，教程后面将教你创建”slicing sprite”，即从一个图片创建出多个Sprites。

注:Unity渲染Sprite对象实际上是由一个Texture2D生成的，图像信息实际是存储于图片文件中，你也可以动态的创建自己需要的Texture2D对象来运行时生成Sprite，这个进阶的知识本教程就先不讲了。

比如cat.png，你可以从Finder中拽一个图片到Scene视图(或者Hierarchy

视图，随你自己)中创建Sprites。但是更常见的是先添加资源到Project里在添加它到场景中。

将下载到的文件添加到项目里:background.png，enemy.png，和zombie.png。Unity提供了五种方法让你将资源导入项目中:

从Finder窗口拖拽文件到Project视图。

到”Assets\Import New Asset…”菜单，选择文件并点击Import。

在Project视图中右键选择”Assets\Import New Asset…”菜单，选择文件并点击Import。

在你的系统中直接添加文件或者创建子目录到项目的Assets目录，Unity会自动刷新显示最新的资源内容。不过要注意，一定不要直接从文件系统里删除不用的资源，要总是从Unity编辑器内部删除资源，因为Unity会存储有关项目的资源metadate，直接从文件系统修改删除可能损坏项目结构。

当然你也可以直接将文件Hierarchy或者Scene视图，不过这样做是直接在当前场景中创建一个GameObject。

从Project视图里拖拽enemy到Hierachy视图。和cat一样，同样会有两个名字为enemy项出现在Project视图中，当现在这样只有一个子精灵的时候，你选择拖拽哪个enemy到Hierarchy视图都是一样的。

在Hierarchy视图里选择enemy，设置Transform组件的位置为(2，0，0)，如下图:

enemy的初始位置。

现在场景视图里显得有点乱，在Hierachy视图里选择cat并设置它的位置为(0，2，0)，如下图:

你的场景现在会像下图这样:

cat和enemy在Scene视图

最后，从Project视图拖拽background到Hierachy视图里，并设置位置为(0，0，0)，如下图:

你可以稍晚些调整背景图像的质量，所以现在不用担心它现在不正确的样子。(提示:Unity默认设置在导入background.png时是不正确的)，Scene视图现在会是这样子:

只显示背景的场景视图

现在看不到cat和欧巴桑没关系，它们只是被背景暂时挡住了。可以很容易的调整出来，在调整他们层次之前，我们需要切一具尸体，嘿嘿，一具corpse Sprites，像这样:

六、切片精灵表(Slicing Sprite Sheets)

已经导入zombie.png到项目了，你会发现这个文件和其它文件不同，它包含了好多个图像，如下图:

这种文件通常被称为精灵表(sprite sheet)，我们将为表里的每个图像创建单独的Sprite。在Project视图里展开zombie，能看到像下面截图这样，Unity创建了一个包含所有图像的Sprite。这不是我们想要的。

Unity提供了一个非常简单的解决方案，可以来处理这个需求，在Porject视图选择zombie的顶层级后会看到Inspector中显示了它的Import Settings，设置Sprite模式到Multiple并点击Apply:

选择这个选项后在Sprite编辑器中会出现一个新的按钮，并且还移除了Pivot 属性，因为每个Sprite都将定义自己的轴点。

不知道什么是曲轴点(Pivot points)?Sprite Pivot定义了精灵在局部坐标系中

的原点，例如，Sprite的枢轴点在精灵的中心或者左上方，缩放它或者旋转它时，精灵将围绕这个原点进行变换。

你可以通过Pivot组合框来指定精灵的枢轴点，我们来看自定义枢轴编辑器(Custom pivot editor)。

轴的X和Y的值是0~1，所以0。5的时候是中央，但是你可以用小于0的值或大于1的值来设定枢轴在精灵范围外。

在Project视图(如下图)里，zombie纹理资源图标右侧没有小箭头，也就是说它不包含任何子物体。

在这种状态下zombie纹理是不可用的，如果你尝试将它拖到Hierarchy的时候，Unity会提示它不包含精灵。这是因为我们还需要告诉Unity怎么切分使用这个精灵表。在Project视图中选择zombie，并在Inspector中点击精灵编辑器(Sprite Editor)打开如下窗口:

精灵编辑器允许定义包含的图像怎么样来做为一个精灵。单击窗口左上方来开始定义精灵，如下图:

精灵编辑器的slice按钮

Unity能根据图片自动找到精灵，同样你也可以调整它自动处理的结果。这里我们用它默认设置，点击Slice按钮。

默认切片选项

Unity是基于贴图的透明度来确定精灵切分范围的。你可以看到它找到的精灵都会有一个线框表示。现在，我们看到Unity找到了4个精灵:

常规来讲当图片布置的很好(带有明确的空白分割空间)时Unity的自动切割效果是最好的，像下图Unity只找到了笑脸精灵，其他精灵它并没有自动识别出来:

错过的精灵

因为两个Box重叠相交所以Unity不能找到所有精灵。

Unity能找到三个精灵，因为每个精灵都有明显的边界间隙。

所以我们要细致的安排精灵表中的图像。在编辑器中点击Unity自动识别的任意一个精灵都将显示精灵详情窗口，包含其名称，位置，边界和中心点，如下图:

我们可以改变这里的值，也可以直接在图像中调整范围和中心点位置。

通常，做了更改后，要点击应用(Appley)或者还原(Revert)按钮来保存或者放弃做的修改。

仔细观察你会发现，zombie.png的图片是安排在四个同样大小的举行中，针对于这种精灵表Unity有个单独的选项来处理它。

在Sprite Editor的左上角单击Slice再次打开切片设置窗口，这次选择类型为Grid，切片设置将如下图:

Pixel size字段允许指定网格单元格的大小。X定义每个单元格的宽度，Y为高度。Unity会用这些值从图像的左上角来等分图像。

我们将X设定为157，Y设定为102，如下图:

切片网格大小设置。

点击Slice按钮，Unity会找到下面四个精灵:

在切片网格中的zombie精灵。

这时你仍然可以单独选择网格中的精灵来微调单个精灵的设置，不过一般情况下是没必要的。

在精灵编辑器左上角点击应用(Apply)提交更改。Unity会更新项目资源，你可以在Project视图里看到zombie会包含子精灵，名字分别是zombie_0，zombie_1等等，如下图:

现在你掌握了两种设置精灵的方式，这两种方式要活学活用，同样可以用于背景的制作。

通过选择”GameObject\CreateEmpty”菜单我们来创建一个空GameObject，命名为zombie并设置位置为(-2，0，0)如下图:

空zombie GameObject

在Hierarchy视图中选择zombie并用”Add Component”添加一个Sprite Renderer组件。如下图:

点击精灵渲染器组件右边的小圆圈打开精灵渲染器的精灵选项卡，如下图:

在出现的对话框中包含两个标签，Assets及Scene。这里将显示你项目所有精灵资源和场景中的精灵资源。

选择Assets选项卡并选择zombie_0到精灵渲染器，如下图:

在场景视图中你能看到海滩上有个悠闲的僵尸，还有一个老妇人和猫在它下方，美极了。

现在所有必要的精灵都在场景里了，我们来配置游戏视图。

七、配置游戏视图

Zombie Conga这个游戏是为iPhone创建的，所以我们要将游戏视图尺寸设定为1136x640大小。

用Game视图左上角的下拉菜单来改变纵横比或固定分辨率，如下图:

依据编辑器目前Playersetting的不同设置，这个下拉菜单也将有不同的选项，如果里面有1136x640这个分辨率项，直接选择它就可以了。如果没有，我们可以单击下面的加号按钮，如图:

游戏视图尺寸选项

创建一个新的固定分辨率尺寸设定宽高为1136和640，如下图:

新游戏视图尺寸

点击确定，然后同样在下拉菜单中选择你设定的新分辨率。

注:你的视图可能和截图不太一样，因为Unity会根据屏幕空间来依照所选纵横比来调整游戏视图的大小。不管它多大的窗口，你都应该在视图里看到和截图一样的场景图像。

显然，现在这个样子是错误的，现在这里有三个不同的问题，我们需要依次纠正它们:

场景视图的Camera设置不正确，背景不能完全填充到视图中。

场景中游戏对象的渲染顺序不正确，所以cat和enemy都埋在了沙土里。

图像效果不太好，这个基于现在的相机设置你有可能还看不出来，但是相信我说的，质量不好就是不好，对不对?:)

首先我们来修正Camera。

修正相机Projection

在2D游戏中，通常希望相机使用正交视图而不是透视图。本教程的前面我们已经提到Unity默认是使用透视视图的相机。我们在Hierarchy视图中选

择”Main Camera”，在相机组件中，将投影设置为正交投影。并调整调整它Transform组件里的Position为(0，0，-10)。如下图:

AI基础知识图文教程入门知识学习精品

AI基础知识图文教程 --入门知识学习 第一节：Illustrator简介 知识点: ?Illustrator简介及应用领域 ?Illustrator发展史 ?Illustrator高手你应该掌握哪些知识 Illustrator简介及应用领域 Illustrator是美国Adobe（奥多比）公司出品的重量级矢量绘图软件，是出版、多媒体和网络图像的工业标准插画软件。 Adobe(公司):始于1982年，目前是广告，印刷、出版和Web领域首屈一指的图形设计，出版和成像软件设计公司，总部在美国加州圣何塞。 Illustrator将矢量插图，版面设计、位图编辑、图形编辑及绘图工具等多种元素合为一体，广泛地应用于广告平面设计，CI策划、网页设计、插图创作、产品包装设计、商标设计等多个领域。 具不完全统计全球有97%的设计师在使用Illustrator软件进行艺术设计。 Illustrator发展史 Adobe公司在1987年的时候就推出了Illustrator1.1版本。随后一年，又在Window平台上推出了2.0版本。Illustrator真正起步应该说是在1988年。 Adobe Illustrator6.0 1996年

Adobe Illustrator7.0日文版 1997年 Adobe Illustrator8.0 1998年 Adobe Illustrator 9 2000年 Adobe Illustrator 10 2001年 Adobe Illustrator 11 2002年 Adobe Illustrator CS2 2003年 Adobe Illustrator CS3 Adobe Illustrator CS4 2008年 Adobe Illustrator CS4软件是一个完善的矢量图形环境。 Illustrator高手你应该掌握哪些知识 Illustrator工具，面板总结归纳徒手绘制人物，卡漫，角色创意等 Illustraotr在装饰绘画中的运用及实例 Illustraotr制作产品实体及企业标志创意 Illustrator高级排版，海报制作技巧及实例 Illustrator各种印刷品制作技巧 Illustrator在CI策划中的应用技巧 AI与PS的结合使用及各种网页按钮的制作技巧 第二节：矢量格式和位图格式 知识点: 矢量格式与位图格式的区别及特点： 矢量格式与位图格式的区别及特点： 矢量图： 又称为向量图，矢量图形中的图形元素（点和线段）称为对象，每个对象都是一个单独的个体，它具有大小、方向、轮廓、颜色和屏幕位置等属性。 特点：矢量图形能重现清晰的轮廓，线条非常光滑、且具有良好的缩放性，可任意将这些图形缩小、放大、扭曲变形、改变颜色，而不用担心图像会产生锯齿，失量图所占空间及小，易于修改；

AI基础入门详细教程

Adobe Illustrator 第一课 一、控制调板：Alt+W+X（CS3版本/英文版是：Alt+W+C） 工具栏：Alt+W+O 二、矩形：M 按空格键可以移动位置（针对还没有结束编辑） 按Shift做正方形，按Alt保持中心点不变 三、圆角钜形 按左方向键是直角，按右方向键是100%圆角 按上方向键是加大圆角，按下方向键是减圆角 Alt固定中心，shift画正的图形 四、椭圆：L 做图方法同钜形 按Alt 键单击图标同一组工具可以互相转换 选择图标再单击画布可以定大小 五、直线工具：“\” 按shift可以画45度角的倍数的直线 六、选择工具：“V” 1、按Shift键拖动等比缩放，Alt中心不变，shift+Alt是以中心等比缩放 2、双击图标或“V+回车”可准确移动图形；按Tab确定 3、按Alt键可以复制 七、直接选择工具：A 编辑点和线 八、编组选择工具： 1、选择群组中的一个 2、点对点对齐（变白色时证明对齐，必须要把对齐点Alt+Ctrl+“勾上） 按Alt是编组工具与选择工具的转换 九、颜色：F6 填色（“/”为无色） 改变颜色时，描边和填色哪个在上面哪个就被改变 “X”是描边与填色的转换 Shift+“X”描边与填色的颜色转换 “D”是默认的黑色描边，白色填色，描边粗细为1pt 作业：中国银行标志、联想标志 第二课 一、套索工具：Q（选点用的，只是选择点不能编辑） 二、画笔工具：B 画笔面板F5 三、铅笔工具：N 四、旋转工具：R 1、双击图标或按“R+回车”以图形的中心点为旋转轴旋转 2、单击图标或按“R”再单击某个点则以该点为旋转轴（按Alt单击中心可以准确旋转度数） Ctrl+D再制 五、镜像：O 用法同旋转，左右镜像点垂直上下镜像点水平 六、比例缩放：S S+回车会出现对话框可以更改比例 七、改变形状工具：可以修改所有选中图形中的一个；倾料工具 八、钢笔工具：P 按空格可以移点的位置，按Alt键改变控制炳方向，按Shift控制15度方向； 转换锚点工具：Shift+C（单击节点可以转为直线）； 加点工具“+”，减点工具“-” 十、置入Alt+F+L 锁定Ctrl+2 解除锁定Alt+Ctrl+2 显示标尺Ctrl+R 作业：奔驰标志、勾图 第三课（文字工具） 一、美工文字T （区域文字、路径文字） 文字面板Ctrl+T

AI基础知识图文教程--入门知识学习

Al基础知识图文教程--xx知识学习 第一节: Illustrator 简介 知识点： 川ustrator简介及应用领域 IIIustrator 发展史 川ustrator高手你应该掌握哪些知识 川ustrator简介及应用领域 川ustrator是美国Adobe （奥多比）公司出品的重量级矢量绘图软件，是出版、多媒体和网络图像的工业标准插画软件。 Adobe（公司）: 始于1982年，目前是广告，印刷、出版和Web领域首屈一指的图形设 计，出版和成像软件设计公司，总部在美国加州圣何塞。 川ustrator将矢量插图，版面设计、位图编辑、图形编辑及绘图工具等多种元素合为一体，广泛地应用于广告平面设计，CI策划、网页设计、插图创作、产品包装设计、商标设计等多个领域。 具不完全统计全球有97%的设计师在使用川ustrator软件进行艺术设计。 Illustrator 发展史 Adobe公司在1987年的时候就推出了Illustrator1.1版本。随后一年，又在Window 平台上推出了2.0版本。Illustrator真正起步应该说是在1988年。 Adobe Illustrator6.0 1996 年 Adobe Illustrator7.0 日文版1997 年

Adobe Illustrator8.0 1998年 Adobe Illustrator 9 2000年 Adobe Illustrator 10 2001 年 Adobe Illustrator 11 2002年 Adobe Illustrator CS2 2003 年 Adobe Illustrator CS3 Adobe Illustrator CS4 2008 年 Adobe Illustrator CS4软件是一个完善的矢量图形环境。 川ustrator高手你应该掌握哪些知识 川ustrator工具，面板总结归纳徒手绘制人物，卡漫，角色创意等Illustraotr在装饰绘画中的运用及实例 Illustraotr制作产品实体及企业标志创意 Illustrator高级排版，海报制作技巧及实例 川ustrator各种印刷品制作技巧 Illustrator在CI策划中的应用技巧 AI与PS的结合使用及各种网页按钮的制作技巧 第二节： 矢量格式和位图格式 知识点： 矢量格式与位图格式的区别及特点：

网店美工视觉设计实战教程(全彩微课版)-48481-教学大纲

《网店美工视觉设计实战教程（全彩微课版）》 教学大纲 一、课程信息 课程名称：网店美工：店铺装修+图片美化+页面设计+运营推广（全彩微课版） 课程类别：素质选修课/专业基础课 课程性质：选修/必修 计划学时：21 计划学分：2 先修课程：无 选用教材：《网店美工视觉设计实战教程（全彩微课版）》，何晓琴编著，2018年；人民邮电出版社出版教材； 适用专业：本书可作为有志于或者正在从事淘宝美工相关职业的人员学习和参考，也可作为高等院校电子商务相关课程的教材。 课程负责人： 二、课程简介 随着网店的迅速普及和全民化，衍生了“淘宝美工”这个针对网店页面视觉设计的新兴行业。本书从淘宝美工的角度出发，为淘宝卖家提供全面、实用、快速的店铺视觉设计与装修指导。主要包括网店美工基础、图片调色、图片修饰、店铺首页核心模块设计、详情页视觉设计、页面装修、视觉营销推广图制作等，最后针对无线端进行首页、详情页视觉的设计与装修。本书内容层层深入，并通过丰富的实例为读者全方面介绍淘宝美工在日常工作中所需的知识和技能，有效地引导读者进行淘宝店铺装修的学习。 本课程主要对淘宝美工的设计基础和方法进行详细介绍，通过学习该课程，使学生了解网店美工的基本要求，以及掌握网店的设计与制作。 三、课程教学要求

体描述。“关联程度”栏中字母表示二者关联程度。关联程度按高关联、中关联、低关联三档分别表示为“H”“M”或“L”。“课程教学要求”及“关联程度”中的空白栏表示该课程与所对应的专业毕业要求条目不相关。 四、课程教学内容

五、考核要求及成绩评定 注：此表中内容为该课程的全部考核方式及其相关信息。 六、学生学习建议 （一）学习方法建议 1. 理论配合实战训练进行学习，提高学生的实战动手能力； 2. 在条件允许的情况下，可以申请一个网店，进行深入学习； 3. 提高学生的是设计感和审美能力; （二）学生课外阅读参考资料 《网店美工：店铺装修+图片美化+页面设计+运营推广（全彩微课版）》，何晓琴编著，2018年，人民邮电出版社合作出版教材

AI基础入门详细教程

精品 Adobe Illustrator 第一课 一、控制调板：Alt+W+X（CS3版本/英文版是：Alt+W+C） 工具栏：Alt+W+O 二、矩形：M 按空格键可以移动位置（针对还没有结束编辑） 按Shift做正方形，按Alt保持中心点不变 三、圆角钜形 按左方向键是直角，按右方向键是100%圆角 按上方向键是加大圆角，按下方向键是减圆角 Alt固定中心，shift画正的图形 四、椭圆：L 做图方法同钜形 按Alt 键单击图标同一组工具可以互相转换 选择图标再单击画布可以定大小 五、直线工具：“\” 按shift可以画45度角的倍数的直线 六、选择工具：“V” 1、按Shift键拖动等比缩放，Alt中心不变，shift+Alt是以中心等比缩放 2、双击图标或“V+回车”可准确移动图形；按T ab确定 3、按Alt键可以复制 七、直接选择工具：A 编辑点和线 八、编组选择工具： 1、选择群组中的一个 2、点对点对齐（变白色时证明对齐，必须要把对齐点Alt+Ctrl+“勾上） 按Alt是编组工具与选择工具的转换 九、颜色：F6 填色（“/”为无色） 改变颜色时，描边和填色哪个在上面哪个就被改变 “X”是描边与填色的转换 Shift+“X”描边与填色的颜色转换 “D”是默认的黑色描边，白色填色，描边粗细为1pt 作业：中国银行标志、联想标志 第二课 一、套索工具：Q（选点用的，只是选择点不能编辑） 二、画笔工具：B 画笔面板F5 三、铅笔工具：N 四、旋转工具：R 1、双击图标或按“R+回车”以图形的中心点为旋转轴旋转 2、单击图标或按“R”再单击某个点则以该点为旋转轴（按Alt单击中心可以准确旋转度数） Ctrl+D再制 五、镜像：O 用法同旋转，左右镜像点垂直上下镜像点水平 六、比例缩放：S S+回车会出现对话框可以更改比例 七、改变形状工具：可以修改所有选中图形中的一个；倾料工具 八、钢笔工具：P 按空格可以移点的位置，按Alt键改变控制炳方向，按Shift控制15度方向； 转换锚点工具：Shift+C（单击节点可以转为直线）； 加点工具“+”，减点工具“-” 十、置入Alt+F+L 锁定Ctrl+2 解除锁定Alt+Ctrl+2 显示标尺Ctrl+R 作业：奔驰标志、勾图 第三课（文字工具） 一、美工文字T （区域文字、路径文字） 文字面板Ctrl+T

ai的基础教程入门

第一课（1-3节） 一、软件介绍： Illustrator英译：插画 它集图形设计、文字编辑及高品质输出于一体的矢量图形软件，广泛应用于平面广告设计、网页图形制作、插画制作及艺术效果处理等诸多领域。 基本术语和概念： （1）矢量图：是按数学方法由postscript代码定义的线条和曲线组成的图形，文件小，文件保存线条和图块的颜色信息，可以无极缩放，文件大小与图形复杂程度有关。 （2）位图（像素图、栅格图）：由排列在一起的栅格组成的，每一个栅格代表一个像素点，每一个像素点只能显示一种颜色。文件所占空间大，文件放大到一定的倍数后会产生锯齿，文件大小与分辩率有关，适宜表现连续调的图片。 二、软件窗口界面介绍： （1）标题栏（软件标题、文件标题） （2）菜单栏（10个） （3）设置栏（所用工具或所选的图形不同出现不同功能设置） （4）工具箱 （5）绘图窗口（打印区域和非打印区域） （6）面板窗（配合工具完成强大的AI功能） （7）状态栏（显示比例、状态提示、滚动窗口） 三、文件窗口缩放显示及位移 （1）导航器面板：改变图形窗口的大小及显示位置 （2）缩放（Z）和手形工具（H）：放大和缩小图形，以及图形在窗口中的显示位置。 ★双击“手形工具”实现满画布显示；双击“缩放工具”实现100%画面显示；Ctrl++放大显示、Ctrl+-缩小显示、Ctrl+0满画布显示、选择任何一个工具箱中的工具，按下空格键暂时切换为抓手工具

四、选择工具及选择命令详解（一） 1、选择工具： （1）选择工具（V，黑箭头）：选择绘图窗口中的图形图像。 使用方法: 单选,单击所选物体即为选中，在被选图形以外单击取消选择； 多选,Shift+单击，圈选； 还可以移动图形，按Alt复制图形，按Shift+Alt水平或垂直复制图形，并可以缩放和旋转图形，按Shift等比缩放，按Shift键45度角倍数旋转。 五、基本绘图工具一 （1）直线工具： 使用方法，单击鼠标左键不放确定线段第一个控制点，拖动鼠标到适当位置释放鼠标确定线段第二个控制点。 （Shift绘制水平或垂直及45度角的直线段，Alt绘制以鼠标落点为中心的线段，在拖动鼠标未确定第二个控制点，同时按下空格键，可以移动绘制图形位置，以上快捷方式适用于AI 所有绘图工具） 精确绘制线段，选择直线工具在页面中单击鼠标左键调出“直线段工具设置”对话框进行数据设置。（在绘制过程中按~键可以绘制放射线段。） （2）弧线工具：基本同上，绘制过程中按F键进行弧线方向的转换，C键进行开放和闭合的转换。 （3）螺旋线工具：基本同上，绘制过程中按光标上下键进行增圈和减圈设置。 （4）矩形网格工具：可以绘制简单的表格图形（通过解组及调整也可得到不规则的表格）（5）极坐标网格工具：可以将平面网格极坐标化，通过设置框可以精确圈数和隔线数量。（练习题：绘制蝴蝶图形） 第二课（4-6节）

AI-自学教程

第一课：AI基础知识 第一节：Illustrator简介 知识点: ?Illustrator简介及应用领域 ?Illustrator 发展史 ?Illustrator高手你应该掌握哪些知识 Illustrator简介及应用领域 Illustrator是美国Adobe（奥多比）公司出品的重量级矢量绘图软件，是出版、多媒体和网络图像的工业标准插画软件。 Adobe(公司):始于1982年，目前是广告，印刷、出版和Web领域首屈一指的图形设计，出版和成像软件设计公司，总部在美国加州圣何塞。 Illustrator 将矢量插图，版面设计、位图编辑、图形编辑及绘图工具等多种元素合为一体，广泛地应用于广告平面设计，CI策划、网页设计、插图创作、产品包装设计、商标设计等多个领域。 具不完全统计全球有97%的设计师在使用Illustrator软件进行艺术设计。 Illustrator 发展史 Adobe 公司在1987年的时候就推出了Illustrator1.1版本。随后一年，又在Window平台上推出了2.0版本。Illustrator真正起步应该说是在1988年。 Adobe Illustrator6.0 1996年 Adobe Illustrator7.0日文版1997年 Adobe Illustrator8.0 1998年 Adobe Illustrator 9 2000年 Adobe Illustrator 10 2001年 Adobe Illustrator 11 2002 年 Adobe Illustrator CS2 2003年 Adobe Illustrator CS3 Adobe Illustrator CS4 2008年 Adobe Illustrator CS4 软件是一个完善的矢量图形环境。 Illustrator高手你应该掌握哪些知识 Illustrator工具，面板总结归纳徒手绘制人物，卡漫，角色创意等 Illustraotr在装饰绘画中的运用及实例 Illustraotr制作产品实体及企业标志创意 Illustrator高级排版，海报制作技巧及实例 Illustrator各种印刷品制作技巧 Illustrator在CI策划中的应用技巧 AI与PS的结合使用及各种网页按钮的制作技巧 第二节：矢量格式和位图格式 知识点: ?矢量格式与位图格式的区别及特点：

AI基础知识图文教程--入门知识学习

AI基础知识图文教程--入门知识学习 第一节：Illustrator简介 知识点: Illustrator简介及应用领域 Illustrator发展史 Illustrator高手你应该掌握哪些知识 Illustrator简介及应用领域 Illustrator是美国Adobe（奥多比）公司出品的重量级矢量绘图软件，是出版、多媒体和网络图像的工业标准插画软件。 Adobe(公司):始于1982年，目前是广告，印刷、出版和Web领域首屈一指的图形设计，出版和成像软件设计公司，总部在美国加州圣何塞。 Illustrator将矢量插图，版面设计、位图编辑、图形编辑及绘图工具等多种元素合为一体，广泛地应用于广告平面设计，CI策划、网页设计、插图创作、产品包装设计、商标设计等多个领域。 具不完全统计全球有97%的设计师在使用Illustrator软件进行艺术设计。 Illustrator发展史 Adobe公司在1987年的时候就推出了Illustrator1.1版本。随后一年，又在Window平台上推出了2.0版本。Illustrator真正起步应该说是在1988年。 Adobe Illustrator6.0 1996年 Adobe Illustrator7.0日文版1997年 Adobe Illustrator8.0 1998年 Adobe Illustrator 9 2000年 Adobe Illustrator 10 2001年 Adobe Illustrator 11 2002年 Adobe Illustrator CS2 2003年 Adobe Illustrator CS3 Adobe Illustrator CS4 2008年 Adobe Illustrator CS4软件是一个完善的矢量图形环境。 Illustrator高手你应该掌握哪些知识

淘宝网店二维码使用教程全攻略

一、什么是二维码——还记得超市的条形码吗？ 谈起“二维码”，可能很多人会犯糊涂。但是与它类似的“一维条形码”广泛地运用于超市商品识别，却是我们每个人都十分熟悉的。二维码正是“一维条形码”发展的“高级阶段”，在一个小小的方块里面包含一条链接地址，引导使用者通过扫描设备（如手机）快速进入相应 的网址。 图1：一维条形码图2：淘宝二维码 现在，淘宝为卖家们提供二维码在线生成的工具，您可以将您的店铺和宝贝的“手机浏览链接”转化成二维码印制出来，夹在包裹中、印在优惠券上甚至是你的商品上。举例来说，接收包裹时，买家拿到印有二位码的优惠券，此时，他们只需用手机的摄像头“照”一下这个黑白相间的小方块，就可以快速地通过手机进入您的店铺中。二维码还有更多的妙用和更多的好处。 图3：生活中使用淘宝二维码的场景

二、淘宝二维码妙在何处——轻轻一扫客源不断！ 1. 好处在哪里？ 淘宝买家通过手机上的二维码识别软件,扫描卖家发布的淘宝二维码,可以直接找到卖家的促销活动，店铺首页，宝贝单品。免去输入网址、关键词搜索的麻烦。 淘宝卖家可以将二维码印刷到包裹中的宣传物上（如优惠券、宣传册），随包裹发给买家，吸引买家通过二维码进入店铺进行二次购买，为您带来源源不断的客流。 您可以在PC店铺和商品详情页中贴出二维码，使顾客可以在手机中快速收藏，随时随地光顾您的店铺！ 卖家还可以考虑在平面媒体（如《淘宝天下》）上发布带有二维码的促销活动。对于有能力大卖家，还可以在自己的商品上贴上相应的二维码。 图4：二维码的引流作用 2. 买家的操作方法 有软件和摄像头的买家：淘宝合作的免费二维码软件有淘宝Android版、快拍、QuickMark、码上淘、魔印等，手机访问https://www.wendangku.net/doc/ba16734181.html,可快速下载。这些手机软件提供二维码扫描功能，只要买家打开这些软件，将摄像头对准二维码1秒中左右，识别成功后手机将自动进入对应的网页。 没有软件或者摄像头的买家可以在手机上进入https://www.wendangku.net/doc/ba16734181.html,页面，输入活动码，同样能够进入到您所设置的链接中。 图5：买家的使用方法

dw网页淘宝设计模板

竭诚为您提供优质文档/双击可除dw网页淘宝设计模板 篇一：dreamweaver在淘宝美工课中的应用 泉州新东方叶生方老师整理 dreamweaver在淘宝美工课中的应用 一、店铺装修（网页技术） 专业型课程分两个阶段：1、店铺装修基础阶段，2、html+css行内样式部分。 （一）实用型阶段——店铺装修基础 1、认识旺铺及类型、模板、模块、布局；旺铺20xx标准版拓展版20xx新版 2、ps切片导出web代码 3、dw表格排版 4、分类导航设计——ps切片、dw表格、热区三种技术综合运用 5、旺铺宽屏效果制作（页面背景、店头自定义、自定义大图三部分组成） 6、图片背景、旺旺代码、收藏代码、滚动代码 7、识别哪些效果属于模块功能，那些效果可以自定义

实现，常用的促销工具（限时打折、满就送、团购宝、搭配减价、会员管理等） 8、淘宝首页整体风格设计、“宝贝描详情页”风格设计 9、html常用标注介绍table、tR、td、img、a等用功能 （二）专业提升阶段——html+css行内样式 10、dw使用的注意要点以及认识tabletRtdFontdiVspanh1imgapliulmarquee等常用标注。 11、表格结构分析，学会手写简单的网页代码 12、认识css盒子模型 13、了解css排版基本方法——实际表格相似导航效果 14、运用css设计宝贝详情页版式、利用p、img标注的css属性设置版式 15、css美化表格 16、了解淘宝widget库的作用与意义——悬浮旺旺、宝贝放大镜等等特效 篇二：用dw做出漂亮的模板 如何用dw做出漂亮的促销表格模板 很多的卖家在逛淘宝店时会发现很多的店铺装修很美观，如打折模块和团购模块，自己想去问店主怎么制作，但是有几个淘宝卖家会告诉你呢，不过不要着急，下面让开淘网为你详解一番吧。今天我们讲的是如何用dReamweaVeR做

(完整版)ai基础教程(新手)

本教程适合新手适用 第一课（1-3节） 一、软件介绍： Illustrator英译：插画 它集图形设计、文字编辑及高品质输出于一体的矢量图形软件，广泛应用于平面广告设计、网页图形制作、插画制作及艺术效果处理等诸多领域。 基本术语和概念： （1）矢量图：是按数学方法由postscript代码定义的线条和曲线组成的图形，文件小，文件保存线条和图块的颜色信息，可以无极缩放，文件大小与图形复杂程度有关。 （2）位图（像素图、栅格图）：由排列在一起的栅格组成的，每一个栅格代表一个像素点，每一个像素点只能显示一种颜色。文件所占空间大，文件放大到一定的倍数后会产生锯齿，文件大小与分辩率有关，适宜表现连续调的图片。 二、软件窗口界面介绍： （1）标题栏（软件标题、文件标题） （2）菜单栏（10个） （3）设置栏（所用工具或所选的图形不同出现不同功能设置） （4）工具箱 （5）绘图窗口（打印区域和非打印区域） （6）面板窗（配合工具完成强大的AI功能） （7）状态栏（显示比例、状态提示、滚动窗口） 三、文件窗口缩放显示及位移 （1）导航器面板：改变图形窗口的大小及显示位置 （2）缩放（Z）和手形工具（H）：放大和缩小图形，以及图形在窗口中的显示位置。 ★双击“手形工具”实现满画布显示；双击“缩放工具”实现100%画面显示；Ctrl++放大显示、Ctrl+-缩小显示、Ctrl+0满画布显示、选择任何一个工具箱中的工具，按下空格键暂时切换为抓手工具 四、选择工具及选择命令详解（一） 1、选择工具： （1）选择工具（V，黑箭头）：选择绘图窗口中的图形图像。 使用方法:

单选,单击所选物体即为选中，在被选图形以外单击取消选择； 多选,Shift+单击，圈选； 还可以移动图形，按Alt复制图形，按Shift+Alt水平或垂直复制图形，并可以缩放和旋转图形，按Shift等比缩放，按Shift 键45度角倍数旋转。 五、基本绘图工具一 （1）直线工具： 使用方法，单击鼠标左键不放确定线段第一个控制点，拖动鼠标到适当位置释放鼠标确定线段第二个控制点。 （Shift绘制水平或垂直及45度角的直线段，Alt绘制以鼠标落点为中心的线段，在拖动鼠标未确定第二个控制点，同时按下空格键，可以移动绘制图形位置，以上快捷方式适用于AI所有绘图工具） 精确绘制线段，选择直线工具在页面中单击鼠标左键调出“直线段工具设置”对话框进行数据设置。（在绘制过程中按~键可以绘制放射线段。） （2）弧线工具：基本同上，绘制过程中按F键进行弧线方向的转换，C键进行开放和闭合的转换。 （3）螺旋线工具：基本同上，绘制过程中按光标上下键进行增圈和减圈设置。 （4）矩形网格工具：可以绘制简单的表格图形（通过解组及调整也可得到不规则的表格） （5）极坐标网格工具：可以将平面网格极坐标化，通过设置框可以精确圈数和隔线数量。 （练习题：绘制蝴蝶图形） 第二课（4-6节） 一、基本绘图工具二 （1）矩形工具：可以绘制矩形及正方形。使用方法：直接在页面中按下鼠标拖动；选取矩形工具在页面中单击鼠标左键调出设置对话框精确绘制图形。（快捷键基本同“直线工具”） （2）圆角矩形工具：同上 （3）椭圆形工具：同上 （4）多边形工具：可以绘制任意边数的多边图形。同上（按光标上键加边，下健减边） （5）星形工具：可以绘制不同形状的星形图形。同上（按光标上键加角，下健减角） （6）光晕工具：主要用于表现灿烂的日光、镜头光晕等效果。可以通过设置对话框改变亮度和光线等效果。 二、文件的基本操作 （1）新建：[文件菜单]/新建命令；Ctrl+N ★在新建命令对话框中可以设置文件页面的大小及方向；[文件]/文档设定/画板可以对已设定好的页面大小进行修改。

简易AI基础教程

简易A I基础教程 This model paper was revised by the Standardization Office on December 10, 2020

第二章——绘图基础 1、形状复合模式 建立复合形状——先对每个对象先赋予一个组合模式—选择对象，按住alt，单击形状模式 a、复制对象——选择+alt，拖动 2、对齐的方法 A、对齐——shift+F7，变换——shift+F8。& 窗口- B、上下左右对齐，不是跟某个固定对象对齐，谁在最边缘跟谁对齐。 C、标尺——ctrl+r D、对齐时不能选择辅助线，否则图形不见了。清除参考线——视图-参考线-清除参考线。 辅助线可以锁定，锁定后不能被选中。 D、与某个对象对齐——先选择所有对象-单击要对齐的对象-选择对齐方式 E、与画板对齐—— F．视图——智能参考线——对目标对象的对齐。 Ctrl+U——开启或关闭智能参考线。

A、Ctrl+r——标尺，默认的原点在页面左上角，拉动标尺在左上角的交点，可以调节原点 B、变换面板——shift+F8 A、可以在九宫格指定对象的控制点，然后对其xy坐标值进行修改。Y的值，+为向下，-为向上。 B、宽、高是对对象的边长进行修改，对象变化时，控制点不变。链条可以锁定高宽比。 C、可以输入角度对对象进行旋转，绕控制点旋转 D、镜像——水平翻转、垂直翻转，首先得指定控制点 在镜像之前，先选择-编辑，复制-编辑，粘贴在前面& ctrl+c，ctrl+f F、输入数值——/2，*,-10，+10 配置文件—— 钢笔工具——P（path）——跟ps相似 使用钢笔工具时，填充为无，描边为黑。 在使用钢笔工具时，按住ctrl，可变为选择工具，进行移动。

淘宝装修 SDK高级模板开发流程

淘宝网装修市场 高级模板设计指南1

目录 1、本地开发环境 (3) 1.1 什么是SDK (3) 1.2 下载SDK (3) 1.3 安装SDK (4) 1.4 SDK的目录结构 (7) 1.5 启动SDK (8) 2、使用SDK后台 (10) 2.1 创建模板 (10) 2.2 预览模板 (17) 2.3 配置SDK本地属性 (18) 3、模板的标准结构 (18) 4、设计模块 (18) 4.1 创建相关文件资源 (18) 4.2 编写模块代码 (19) 4.2.1 引入标识 (19) 4.2.2 使用KISSY效果 (19) 4.2.3 使用模块参数 (19) 4.2.4 调用数据接口 (20) 4.3 配置模块信息 (20) 5、设计页面 (22) 5.1 结构化页面 (22) 5.2 设计页面 (24) 5.2.1 引入单个模块 (24) 5.2.2 划分页面片区 (25) 5.2.3 配置页面信息 (26) 6、特殊页面要求 (27) 6.1 宝贝详情页面 (27) 6.2 宝贝列表，文章列表页面 (27) 6.3 不可装修的页面 (27) 7、调试模板装修效果 (28) 8、关于白名单过滤 (28) 9、PHP函数 (28) 10、发布模板到装修系统 (28) 2

1、本地开发环境 1.1什么是SDK SDK是淘宝提供给设计师在本地设计模板的软件开发包，SDK模拟了淘宝店铺环境。 SDK主要包括三个部分：Server，PHP引擎和模拟数据。 Server是指SDK会在本机上启动一个Server，这样我们可以通过浏览器浏览设计的作品。PHP引擎是指设计师只能使用PHP作为模板设计的语言。 模拟数据是指SDK包括了淘宝各个典型的店铺，这样设计师在设计模板时不用考虑实际的数据库。 目前，提供Windows操作系统和Mac操作系统的SDK工具。 1.2下载SDK 装修市场后台下载安装包，安装至本地，创建SDK web控制台。您将使用淘宝ShopSDK 来开发和上传设计模板。在开始设计之前，需在本地部署SDK环境。 设计师登录装修市场后，点击“设计师后台”导航按钮进入。(加入设计师注册流程帐号。) 进入设计师后台界面： 3

AI基础入门教程之工具箱的使用

AI基础入门教程之工具箱的使用先让我们看看它的工具箱到底有什么东东。似乎和Photoshop 差不多，每类工具都按功能分了几类，先让我们看看第一类挑选和移动工具。第一个黑箭头是用于挑选物体和移动物体。在绘图是选中一个物体，就可以将它自由的移动。和其他的绘图软件相同当你选中物体的时候物体周围就会出现八个方形的控制点，你可以通过这些控制点对物体进行变形。 而第二个白箭头是用于挑选和移动节点，这和CorelDRAW等绘图软件中的节点工具类似，可以移动节点和对节点的两个控制点进行控制，从而达到控制线段形状的目的。 仔细察第二个箭头我们会发现在它的有下角有一个向右的小箭头，按住这个按键几秒钟就会弹出一个隐藏的工具——组选工具，它的主要作用是可以一下子选中物体上的所有节点。在选取工具下面就是我们以后再绘图时经常要用到的绘图和文字工具。这里包含了六类20种工具。（够专业吧！） 第一类是绘图笔工具，在这一类里又包含了四个工具——绘图

笔工具、增加节点工具、删除节点工具和转换节点方向工具。绘图笔工具的作用就是可以精确的绘制直线或曲线路径。 第二个工具的作用就是在所绘制直线或曲线路径上增加节点。 第三个工具的作用就是删除节点。这从按键上的图标就可以很容易的看出来。 第四个工具是节点方向转换工具，通过它可用来精确的控制曲线上的节点，从而达到改变其形状的目的。 第二类工具是文字工具。在这一类里有六种工具。第一种是常用的文字工具，它能让你横排输入文字。第二种是区域文字输入，比如说你画了一个圆，那么用这个工具就能让你输入的文字限定在这个圆里，形成一个圆形的输入区域。接下来的工具是路径文字工具，就是让你按路径输入文字。 以上的文字输入工具都是横排文字的，接下来的三个工具的作用都差不多，不过是竖排文字。 两类工具是绘制几何图形的。第一类包括圆形、多边形、星形、螺旋形。第二类包括矩形，圆角形。这些工具都能从它的图标容易的识别出来. 在下面有毛笔工具，通过它可以绘制出带有笔触的线条创造出真

富网店,淘宝详情页及主图制作

加入富网店俱乐部https://www.wendangku.net/doc/ba16734181.html, 摘要：主图决定点击率，详情页决定转化率，主图是详情页的精华所在，是整个详情页的缩影。一般来说，先有详情页，后有主图。 在讨论今天的问题之前，我们先想想，淘宝能提供的资源其实就是展现。每一个网页的位置是有限的，例如搜索页的第一页就只能展示48个宝贝，类目页的第一页是95个宝贝，我们凭什么淘宝要把有限的免费展位资源给自己呢？ 其实这点，和我们交朋友拜把子一个道理，当双方都能够给对方正反馈的时候，感情会一直维系下去。当一方长期接收对方的付出，但是却不反馈的时候，这段感情就岌岌可危了。所以，你希望淘宝照顾你，你自己也得照顾淘宝。 一、为什么要做好主图和详情页？ 要怎么照顾淘宝？那就要了解淘宝的KPI（关键绩效指标）——销售额。我们先从一个订单的产生过程入手，看看如何帮助淘宝，提高它的KPI。 第一步：产生需求。比如天冷了，需要一件长袖的衣服。此刻脑海里面浮现出一件长袖衬衫。 第二步：选择淘宝平台，敲入关键词：长袖衬衫男。 第三步：看图片。

第四步：看哪个宝贝顺眼，点击宝贝。 这一页的搜素结果只有48个宝贝，但是我优先选择了其中一个点击进去，其他的47个宝贝就不会有流量了。这里就涉及到一个核心指标“点击率”，展现量*点击率=点击量（也就是流量）。 注意，淘宝把你放在搜索的第一页上面，不一定有流量，还得有买家点击了，你才有流量。试想，如果淘宝把你放在搜索首页，半天都没人点你的宝贝，猜猜下一秒会发生什么？淘宝会很生气，后果很严重！结果就是连展现都不给你了！ 第五步：从上往下扫描详情页。 第六步：看评价，到了这一步如果没有什么意外就买单了。 第七步：掏钱买单 当然，如果详情页看了让我一点欲望都没有，我连评价都不看了，直接关掉页面走人。所以这里又有一个核心指标“转化率”，访客数*转化率*客单价=销售额，客单价=支付宝成交金额/成交用户数，也就是人均在你店里消费多少RMB。 综上，我们会发现，核心KPI主要是点击率（主图）和转化率（详情页）。一般来说，都有这么一个逻辑，先有详情页，后有主图，因为主图就是详情页的精华所在，是整个详情页的缩影。所以这里，我们先讲详情页。 二、详情页设计必要的几个动作

(完整版)ai基础教程入门

第一课（1-3节）一、软件介绍: Illustrator英译：插画它集图形设计、文字编辑及高品质输出于一体的矢量图形软件，广泛应用于平面广告设计、网页图形制作、插画制作及艺术效果处理等诸多领域。 基本术语和概念: （1）矢量图：是按数学方法由P ostscri pt代码定义的线条和曲线组成的图形，文件小，文件保存线条和图块的颜色信息，可以无极缩放, 文件大小与图形复杂程度有关。 （2）位图（像素图、栅格图）：由排列在一起的栅格组成的，每一个栅格代表一个像素点，每一个像素点只能显示一种颜色。文件所占空间大，文件放大到一定的倍数后会产生锯齿，文件大小与分辩率有关, 适宜表现连续调的图片。 二、软件窗口界面介绍: (1) 标题栏（软件标题、文件标题） 菜单栏(10个) （所用工具或所选的图形不同出现不同功能设置） 工具箱绘图窗口（打印区域和非打印区域）面板窗（配合工具完成强大的AI功能）状态栏（显示比例、状态提示、滚动窗口） 三、文件窗口缩放显示及位移 (1)导航器面板：改变图形窗口的大小及显示位置 (2)缩放(Z)和手形工具(H)：放大和缩小图形，以及图形在窗口中的显示位置。 ★双击手形工具”实现满画布显示；双击缩放工具”实现100%画面显示；Ctrl++放大显示、Ctrl+-缩小显示、Ctrl+0满画布显示、选择任何一个工具箱中的工具，按下空格键暂时切换为抓手工具四、选择工具及选择命令详解(一) 1、选择工具: (1)选择工具(V，黑箭头)：选择绘图窗口中的图形图像。 使用方法: 单选，单击所选物体即为选中，在被选图形以外单击取消选择;

多选,Shift+单击，圈选; 还可以移动图形，按Alt复制图形，按Shift+Alt水平或垂直复制图形, 并可以缩放和旋转图形，按Shift等比缩放，按Shift键45度角倍数旋转。 五、基本绘图工具一 (1)直线工具: 使用方法，单击鼠标左键不放确定线段第一个控制点，拖动鼠标到适当位置释放鼠标确定线段第二个控制点。 (Shift绘制水平或垂直及45度角的直线段，Alt绘制以鼠标落点为中 心的线段，在拖动鼠标未确定第二个控制点，同时按下空格键，可以移动绘制图形位置，以上快捷方式适用于AI所有绘图工具) 精确绘制线段，选择直线工具在页面中单击鼠标左键调出直线段工具设置”对话框进行数据设置。(在绘制过程中按-键可以绘制放射线段。) (2)弧线工具：基本同上，绘制过程中按F键进行弧线方向的转换, C键进行开放和闭合的转换。 (3)螺旋线工具：基本同上，绘制过程中按光标上下键进行增圈和减圈设置。 (4)矩形网格工具：可以绘制简单的表格图形(通过解组及调整也可得到不规则的表格) (5)极坐标网格工具：可以将平面网格极坐标化，通过设置框可以精确圈数和隔线数量。 (练习题：绘制蝴蝶图形) 第二课(4-6节) 、基本绘图工具二 (1)矩形工具：可以绘制矩形及正方形。使用方法：直接在页面中按下鼠标拖动；选取矩形工具在页面中单击鼠标左键调出设置对话框精确绘制图形。(快捷键基本同直线工具” (2)圆角矩形工具：同上

2019年中职商品经营专业改革建议

2018年商品经营专业改革建议 经济与管理教研组起草 1 现状分析 鉴于2017年8月商品经营专业招生只有16人报读，以至于该专业被暂停招生。商品经营专业作为经济管理教研组的主要专业，具有招生的吸引力，能够吸引多一点女生前来报读我校。目前商品经济已经进入互联网+时代，互联网、物联网、大数据已经占领了商品经营的半壁江山，即网商、微商、电子商务、B2C、电子支付结算的兴起，传统实体零售业态如超市、零售店、百货商场已经逐步被网店、微店取代，信息化、自动化、现代化是当今商品经营发展主要趋势。因此，商品经营专业课程设置必须与时俱进，商品经营专业的课程设计目标是围绕培养实体店铺的超市、百货商店的销售人员，在大格局观的指导下，商品经营的课程设置必须改革，必须紧跟时代步伐，否则我们这个专业必将遭到淘汰。只有改革，才能生存，才能图发展，为了商品经营专业在2018年8月秋季新学期的持续发展，吸取2017年的经验教训，建议从新经济格局出发，全面改革商品经营的课程设计,课程设计方向结合我校校情和资源配置，与新兴市场业态接轨，重新拟定本专业课程开设方向。 2 课程设计改革 2.1改革方向 在商品经营这个大专业下，设计两个方向分支，第一，商品经营（“互联网+”营销方向）。第二，商品经营（房地产营销方向）。之所以这样设计，是因为目前这两个方向都是市场经济最热门的方向，吸引大量的人才进入，前景很好，有利于就业。互联网+的网络虚拟经济也是国家鼓励发展的创新创业型商业业态，吸引了很多人才在电子商务领域从业。此外，房地产一手房、二手房的销售、租赁、按揭也正处于上升期。 2.2 专业改革策划思路 在招生宣传时，重新修改商品经营专业的课程授课方向及专业优秀，让学生、家长都知道，商品经营这个传统专业已经与时俱进，灌入了与当今互联网、物联

淘宝主图视频制作教程

淘宝主图视频制作教程_短短的9秒视频就能让大家可以一瞬间让众多观看者关注视频，可以让一个人一夜成名。同样地，淘宝9秒主图视频要的也是这样的效果，可以说是更强大的影响，也就是促进淘宝网内成交率的提升。商品详情页首屏第一个商品主图位置出现的视频，即主图视频。由于商品主图位置是买家进入详情页第一眼所见，因此主图以9秒影音动态的形式呈现，将增加用户在店停留时间，同时有效的在短时间内提升买家对商品的了解，促进买家做出购买决定。 对于商家来说，除了不正规手段，一切能帮助他们提高商品成交率的都是他们所追求的，但基于自身情况的考虑，大部分不希望付出太多的资金，一来，他们怕店铺装修得非常豪华，成交率却毫无起色;其次就是他们即使有信心，但制作出来的主图视频质量不好。这些都会直接营销店铺流量的!这个时候，甩手工具箱制作主图视频功能就能起到很大的作用了。 要想提高商品转化率，就要制作一个主图视频，让你的商品顿时灵动起来，再也不用靠花哨的图片后期处理，也不用绞尽脑汁想如何掳获人心的文字。与其它制作主图视频工具不同的是，甩手工具箱可以利用原来商品素材一键制作主

图视频，节省制作成本，不需要后期剪辑，任何新手都能操作。 制作主图视频步骤： 1、设置制作范围 请根据制作主图视频的范围需求，选择一下整店制作或者是批量制作 a、整店制作(适合制作整店或者店铺分类下主图视频) 输入待制作主图视频的淘宝店铺帐号或者店铺地址，然后点击下一步 b、批量制作(适合制作单个或者多个主图视频) 输入您要生成主图视频的商品地址，点击“下一步" 2、选择待制作商品主图视频的商品 勾选待制作主图视频的商品后，点击“下一步” 3、主图视频设置 选择设置主图视频信息后，点击下一步 4、主图视频详情 勾选制作成功的主图视频商品，点击“下一步”在弹出设置主图视频位置窗体中，点击修改按钮，设置一下存放主图视频位置，最后点击”确定导出“按钮 5.导出商品主图视频文件 导出商品主图视频文件后，可以在淘宝卖家中心编辑宝

AICC基础工具使用详细教程

AI CC 基础工具使用详细教程 我们可以发现AI CC 的工具栏用一条条直线将划分为几个区域，每个区域的工具所具备的功能都很相近，以下就以一个一个区其域进行每个工具功能的叙述： A. 选择工具 1选择工具（V ）：选择、移动、缩放图像 功能： ●复制图形： 选择所要复制的图形--按住Alt--拖动所要复制图形到空白位置--即可复制图形 ●精确调整距离：双击选择工具--弹出选择对话框--定制精确距离--复制、预览效 果。 与PS 区别之处： ● Ctrl+Z ：可无限次撤销操作●Ctrl+Shift+Z ：取消撤销操作 快捷键：（使用任何快捷键时要处于无任何输入法状态下，否则快捷键无效）●Ctrl+D ：复制并继续执行上一步动作（复制出相同距离的图形） ●Ctrl+R ：标尺 按Ctrl+D 后：

●Ctrl+U：智能参考线 ●按住Shift，操作其他动作（移动、旋转）：可以原来10倍的速度改变 ●Shift+Ctrl+Alt+K：键盘快捷键 ●Ctrl+T：调出字符面板 ●Shift+Ctrl+F9：调出路径面板 ●Ctrl+K：首选项面板 2直接选择工具（A）：专用于选择锚点 ●同时选择多个锚点 法一：按住Shift，点击选择 法二：直接用鼠标框选 3编组选择工具：针对多个对象 ●与鼠标右键“编组”稍稍有区别，可以结合使用 4魔棒工具（Y）：根据颜色不同进行选择，框选出颜色完全一致的所有对象 ●选择对象： 法一：加/减选对象：按住Shift进行选择 法二：（该方法前提是所选对象应有颜色）用魔棒工具点击索要选择对象， 就可以快速选择出与所点击对象颜色完全一致的所有图形 5套索工具：单独选择锚点或者选择一部分的锚点 ●与PS的区别：在AI中无选取这个概念，放开鼠标后，框选区域的线条 自动消失 B.形状工具 1矩形工具 a.圆角矩形： ●AI与PS的区别： AI有分页面区域和草稿区域，也就是说在AI中不是画布的区域（画布外的黑色区域）也可以进行作图，但是保存时并不将草稿区域的内容保存，而在 PS中只可以在画布区域进行作图 ●为什么叫圆角半径？ 改变半径就可以改变弧度 ●改变圆角大小 选择圆角矩形工具绘制出所要大小----切记不要放开鼠标----点击上下方 向键：改变圆角大小；点击左方向键：变为直角；点击右方向键：变为