美工基本操作手册2.doc

南京恋蝶化妆品有限公司美工基本操作手册（2013版）1、 软件基础篇1.1Photoshop常用快捷键一、文件操作 新建图形文件 【Ctrl】+【N】 打开已有的图像 【Ctrl】+【O】 打开为. 【Ctrl】+【Alt】+【O】 保存当前图像 【Ctrl】+【S】 另存为. 【Ctrl】+【Shift】+【S】 存储为网页用图形 【Ctrl】+【Alt】+【Shift】+【S】 页面设置 【Ctrl】+【Shift】+【P】 打印预览 【Ctrl】+【Alt】+【P】 打印 【Ctrl】+【P】 关闭当前图像 【Ctrl】+【W】 退出Photoshop 【Ctrl】+【Q】 二、编辑操作 还原前一步操作 【Ctrl】+【Z】 一步一步向前还原 【Ctrl】+【Alt】+【Z】 一步一步向后重做 【Ctrl】+【Shift】+【Z】 自由变换 【Ctrl】+【T】 从中心或对称点开始变换 (在自由变换模式下) 【Alt】 限制(在自由变换模式下) 【Shift】 扭曲(在自由变换模式下) 【Ctrl】 取消变形(在自由变换模式下) 【Esc】 弹出“填充”对话框 【Shift】+【BackSpace】或【Shift】+【F5】三、图像调整 调整色阶 【Ctrl】+【L】 自动调整色阶 【Ctrl】+【Shift】+【L】 自动调整对比度 【Ctrl】+【Alt】+【Shift】+【L】 打开曲线调整对话框 【Ctrl】+【M】 打开“色彩平衡”对话框 【Ctrl】+【B】 打开“色相/饱和度”对话框 【Ctrl】+【U】 去色 【Ctrl】+【Shift】+【U】 反相 【Ctrl】+【I】 加大画笔大小(在“抽取”对话框中) 【】 减小画笔大小(在“抽取”对话框中) 【】四、图层操作 拷贝图层（无对话框） 【Ctrl】+【J】 新建图层 【Ctrl】+【Shift】+【N】 通过剪切建立一个图层【Ctrl】+【Shift】+【J】 图层编组 【Ctrl】+【G】 取消编组 【Ctrl】+【Shift】+【G】 将当前层下移一层 【Ctrl】+【】 将当前层上移一层 【Ctrl】+【】 将当前层移到最下面 【Ctrl】+【Shift】+【】 将当前层移到最上面 【Ctrl】+【Shift】+【】 激活下一个图层 【Alt】+【】 激活上一个图层 【Alt】+【】 激活底部图层 【Shift】+【Alt】+【】 激活顶部图层 【Shift】+【Alt】+【】 向下合并或合并联接图层 【Ctrl】+【E】 合并可见图层 【Ctrl】+【Shift】+【E】 盖印或盖印联接图层 【Ctrl】+【Alt】+【E】 盖印可见图层 【Ctrl】+【Alt】+【Shift】+【E】 调整当前图层的透明度(当前工具为无数字参数的,如移动工具) 【0】至【9】 保留当前图层的透明区域(开关) 【/】 五、选择功能 全部选取 【Ctrl】+【A】 取消选择 【Ctrl】+【D】 重新选择 【Ctrl】+【Shift】+【D】 羽化选择 【Ctrl】+【Alt】+【D】 反向选择 【Ctrl】+【Shift】+【I】 载入选区 【Ctrl】+点按图层、路径、通道面板中的缩约图 六、滤镜 按上次的参数再做一次上次的滤镜 【Ctrl】+【F】 退去上次所做滤镜的效果 【Ctrl】+【Shift】+【F】 重复上次所做的滤镜(可调参数) 【Ctrl】+【Alt】+【F】 七、视图操作 选择彩色通道 【Ctrl】+【】 选择单色通道 【Ctrl】+【数字】 选择快速蒙板 【Ctrl】+【】 始终在视窗显示复合通道 【】 以CMYK方式预览(开关) 【Ctrl】+【Y】 打开/关闭色域警告 【Ctrl】+【Shift】+【Y】 放大视图 【Ctrl】+【+】 缩小视图 【Ctrl】+【-】 满画布显示 【Ctrl】+【0】 实际象素显示 【Ctrl】+【Alt】+【0】 默认前景色和背景色 【D】 切换前景色和背景色 【X】 切换标准模式和快速蒙板模式 【Q】 标准屏幕模式、带有菜单栏的全屏模式、全屏模式 【F】 跳到ImageReady3.0中 【Ctrl】+【Shift】+【M】 临时使用移动工具 【Ctrl】 临时使用吸色工具 【Alt】 临时使用抓手工具 【空格】 循环选择画笔 【】或【】 八、视图操作 以CMYK方式预览(开关) 【Ctrl】+【Y】 打开/关闭色域警告 【Ctrl】+【Shift】+【Y】 放大视图 【Ctrl】+【+】 缩小视图 【Ctrl】+【-】 满画布显示 【Ctrl】+【0】 实际象素显示 【Ctrl】+【Alt】+【0】显示/隐藏选择区域 【Ctrl】+【H】 显示/隐藏路径 【Ctrl】+【Shift】+【H】 显示/隐藏标尺 【Ctrl】+【R】 1.2Photoshop相关设置1.21软件设置设置路径：编辑 首选项 常规第一步、点开ps软件首选项设置常规设置第二步、按照图片设置以上选项第三步、点击性能标签，如图设置相关属性（内存占用率建议控制在80以内）第四步、设置单位和标尺，如图设置好后，点击确定即可。1.22自定义快捷键我们在使用ps的过程中，有很多常用动作，可以通过自定义快捷键进行设置（如图层中的调整图层，滤镜中的锐化、模糊等），大家根据自己的使用习惯设置即可设置路径：编辑 键盘快捷键以上图片为设置示范，童鞋们可以根据自己的习惯设置，设置完点击确定即可2、 淘宝美工规范篇2.1各种用图尺寸（分辨率统一为72，格式jpg、gif都可以）2.11基本图片产品首图 【800x800像素】，大小不超过500kb产品详情图片 宽【790像素】，高度不限，建议单张图片大小不超过300kb2.12推广图片直通车单品推广图 【360x360像素】以上，大小不超过500kb直通车单品推广图显示尺寸 【210x210】，需保证在此显示尺寸图片清晰、直通车店铺推广图 【210x315像素】直通车明星店铺推广图 【270x95像素】2.13店铺装修店铺全屏大海报 宽【1440或1920像素】，高控制在【500像素】以内通栏模块 宽【990像素】，高度不限左侧边栏模块 宽【190像素】，高度不限右侧大模块 宽【790像素】，高度不限店铺海报尺寸 宽【990或790像素】，高自定2.2各种用图要求2.21产品首图 商城版：产品首图必须为白底无水印，可以在图片的左上角加上品牌logo，产品可加上产品相关成分作为装饰物。严禁加入文字、促销标签等内容集市版：产品可为白底有水印，亦可为有促销内容的广告图片。不建议促销信息超过图片版面的20%。（总的来说要求很松，除了尺寸没啥约束，具体按店铺要求来）2.22直通车图片直通车是展示在自然搜索旁边的，所以一定要注意在整个版面中突出/明显。1） 背景和产品对比突出，但背景不可杂乱2） 图片有第一要素，卖点/价格要必须有一项突出，其他要素相较弱化3） 图片风格符合店铺和产品定位4） 美观板式合理2.23钻展广告图钻展广告图，按展示计费，所以图片的点击率尤其重要。和直通车相比，主题突出和创意的要求更高。1） 符合钻展硬要求，不得出现仅此一天、销量第一、聚划算、未授权人物2） 背景和产品对比突出，但背景不可杂乱3） 图片有第一要素，卖点/价格要必须有一项突出，其他要素相较弱化4） 图片风格符合店铺和产品定位5） 美观板式合理三、实际操作篇3.1产品拍摄3.11操作步骤：1） 将相机模式调整为“手动挡”，快门速度1/125秒，光圈不低于14；2） 试拍，根据实际情况调整闪光灯亮度；3） 调成手动对焦，拍摄灰卡(灰卡要占满整个画面)，将该张照片设置为自定义白平衡；4） 调回自动对焦实际摆拍产品。3.12拍摄规范和注意点1） 每款产品拍摄5-10张，其中至少包含产品正反面、生产日期细节、质地图片；2） 拍摄产品时宁可略暗也不要过曝。暗一点可以调整，但是过曝就会丢失细节和降低质感；3） 拍摄时尽量保证产品不偏斜无畸形，并尽量占满整个画面；4） 拍摄完产品要将产品、设备收好，回复原样。3.2图片处理3.21操作步骤（附视频）1） 矫正图片畸形，歪斜，修复脏污处；2） 裁切图片，首图裁切为正方形，细节图适当裁切至无过量留白；3） 调整图片明暗对比，矫正色差；4） 选中产品背景，用蒙板隐藏；5） 锐化图片，保证清晰度（参考参数：数量150，半径1.5-2.0）；6） 保存psd，将成品另存为jpg；7） 复制所有成品jpg，将图片宽度统一改为800px，加上水印3.22注意点1） 熟用快捷键（锐化啊，调整图层啊必须自设快捷键）2） 保留psd和无水印大图3.3图片切片操作步骤：第一步、选择“切片工具”第二步、拉动切片工具，对图片切片（图片大小不需要一致）第三步、切完后，点击“存储为web所用格式”第四步、设置图像格式和质量，注意图片大小，单张建议控制在300k以内，点击存储按钮第五步、输入文件名，格式选择“仅限图像”3.4图片空间使用路径：我是卖家店铺管理图片空间第一步、打开图片空间后台，点击“图片上传”第二步、选择分类、添加图片第三步、选择图片，点击“选好了立即上传”（记住一定不要勾选自动压缩以节省空间）第四步、图片管理，点击相应字可替换/删除/拷贝图片链接等3.5店铺装修路径：我是卖家店铺管理店铺装修点击装修按钮即可进入装修后台3.51编辑/删除模块将鼠标放在相应模块，即会出现编辑和删除按钮，点击即可对模块进行相应操作3.52添加模块1） 在要添加模块的位置，将鼠标放在上一个模块上，即出现添加模块按钮，点击2） 点击后出现对话框，在对话框中选择需要添加的模块，点击添加按钮3.53编辑页面1） 在左侧的边栏选择相应页面，即可进入编辑。以下以首页为例2）页面左上角有“页面编辑”，“布局管理”，“页面属性”3个按钮，根据需要进行设置3） 编辑完后，点击右上角，可以对页面进行预览/发布3.54新增/删除自定义页面1） 点击页面管理旁的“+”按钮2） 填入相关内容，点击保存即可3） 编辑页面（图略）4）不需要的页面，选中后，点击导航按钮中的“删除页面”即可3.55设置页头/页面背景1） 点击装修样式管理2） 在打开的页面点击“背景设置”，并选择页头/页面设置3） 根据实际需要设置后，点击保存即可3.56装修备份/还原1） 点击装修模板管理2） 点击“备份与还原”按钮3） 根据实际需要点击备份/还原标签并设置4、 Dreamwear基本操作4.1软件基础操作4.11新建/打开页面方法一、打开软件后，点击新建html；点击打开/最近文件，打开方法二、在菜单栏点击新建/打开，即可4.2表格4.21插入表格第一步、打开DW，在设计视图下，点击插入表格第二步、根据对话框提示，设置相应数值(一般红框的3个属性都设置为0)4.22编辑表格点击相应单元格/表格，右键即可展现一个菜单栏，将鼠标放在表格栏，会出现一个子菜单栏，根据菜单提示，可完成相应命令（拆分/合并/插入/删除）4.23用表格制作网页（视频操作）五、代码篇5.1基本知识1）HTML：HTML的英文全称是Hypertext Marked Language，中文叫做“超文本标记语言”。和一般文本的不同的是，一个HTML文件不仅包含文本内容，还包含一些Tag，中文称“标记/标签”。2）标签：标签是由尖括号包围的英文单词，比如。他们通常是成对出现的比如和，称为开始标签，称为结束标签。在开始标签和结束标签中的部分，会受标签作用。（也有部分是没有结束标签可单独使用，如）3