第1章装修基础篇网店美工.ppt

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * （3）设置图片存储目标文件夹，然后点击上传 （4）选择上传目录和上传图片的缩略图。 打开DW 软件，选择HTML 编辑 给图片加入热点，画出所要添加的区域 添加跳转的产品或页面链接，粘贴需要跳转的产品或页面链接 链接添加完成 复制body 和/body 之间的代码 新建自定义页面 在后台将代码粘贴到编辑器中 详情页代码粘贴 本章总结 在拍摄商品前，首先要对单反数码相机有所了解，掌握如何来设置相机的光圈、快门、ISO 值等参数以得到有效成像效果；其次要掌握常用的5 种布光方法，以及有效展现商品卖点的拍摄角度构图。 在进行图片常规处理时，可以采用7 分拍摄，3 分修改原则，尽可能在拍摄时多花费一些时间布光及构图，后面简单地处理图片就可以使用具有强大的“批处理”功能软件来快速完成了。在上传图片及代码时，首先要掌握好裁剪图片的方法，以及如何简单地修改代码上传的技巧。 本章练习题 1．拍摄一张图片一般有3 个动作，请详细回答。 2．处理图片时都有哪些步骤流程？ 3．上传操作练习 * * * * * * * * * * * * * * 1.3 图片处理 1．裁剪 2．缩放尺寸 3．颜色调整 用曲线来调整颜色 4．多图边框 对于商品多张细节图片呈现，这是一种比较方便的方法。 ① 在菜单栏中选择“边框”； ② 在下拉菜单中选择“多图边框”； ③点击导入合适的边框模板； ④可以选择添加图片，同一张图片或其他图片都可以，也可以移动位置或者删除后再添加； ⑤注意箭头所指的预览框，可以改变大小来调整呈现的画面，不同的预览就是不同的细节效果；⑥调整合适后可以选择确定或“另存为”，不合适可以选择取消并重新操作。保存时建议选择“另存为”，尽量不要覆盖原图片。 5．图片拼接 6．批处理 （1）调整尺寸设置，选中“按宽高”，锁定比例后在宽度位置输入700px（尺寸按淘宝主图要求），单击“确定”按钮。 （2）添加文字设置，在输入框内输入文字内容，可以改变字体及字号大小，可以定位文字在画面中的位置，利用水平边距或垂直边距，还可以调节透明度，单击“确定”按钮。红色箭头指向的就是添加好的文字效果。 （3）添加边框设置，选择合适的边框并点击，单击“确定”按钮。红色箭头指向的就是添加好的边框效果。 （4）添加水印设置，选择水印图片（必须是PNG 格式的），然后可以分别调节透明度、旋转角度、水印大小，定位可以设置用9 方位选择或平铺效果，单击“确定”按钮。红色箭头指向的就是添加好的水印效果。 1.4 发布上传 1.4.1 图片切片流程 切片前后对比 切片工具 第一种切片方法： （1）打开一张需要切片的素材图片，并选择切片工具 （2）在图片上单击鼠标右键，选择“划分切片” （3）根据图片布局，设置划分的行列数或像素值 （4）图中切片编号02、03 是一个整体，需要组合成一个切片 （5）选择“切片选择工具”，或者按快捷键“Shift+C”切换到切片选择工具，按住Shift键选中切片02 和03， （6）使用切片选择工具选中切片02 和03 后，单击鼠标右键，选择“组合切片”，切片02、03 组合完成， （7）切片划分好后，有数字编号的蓝色方框为一个切片，导出后成为一个个独立的图片文件 （8）切片完成后，将切片文件存储为Web 所用格式。步骤：选择“文件”→“存储为Web 所用格式”。快捷键：Alt+Shift+Ctrl+S （9）选择保存位置，设置好文件名（用英文或数字）、格式（HTML 和图像），设置选择“默认设置”，切片选择“所有切片”，单击“保存”按钮 第二种切片方法：常规切片。 第三种切片方法：基于参考线的切片。 （1）按下“Ctrl+R”快捷键显示标尺。在标尺上按住鼠标左键向下拖拉出一条辅助线，将线放在切片的位置 （2）用参考线将切片分隔好，在设置参考线时，最好按照内容划分成相对完整的一个区域，不要将一张图片切片成上下两部分，但是当图片超过一屏时还是要进行切片 （3）单击“基于参考线的切片”按钮，完成切片设置及切片效果展示 1.4.2 图片空间的使用 （1）进入图片空间 （2）设置图片分类，选择图片上传 化妆品拍摄风格第3 种：明星代言商品的拍摄风格——品牌提升，明星效应 化妆品拍摄风格第4 种：全方