网店美工Chapter03要点.ppt

谢谢观赏 “ “ Chapter 03常用的装修技能——饰品店铺的制作 淘宝美工教程 Chapter 03常用的装修技能 ——饰品店铺的制作 Chapter 03常用的装修技能——饰品店铺的制作 [情境导入] 东东想要在Photoshop中设计图片对网店进行装修，由于没有经过系统的学习，他感到操作起来非常的吃力，因而他想要对Photoshop中常用的，用于网店装修的功能进行学习，以提高自己独立装修和设计网店装饰的能力。 [技能要求] 掌握图片大小调整、颜色校正、影调修饰和瑕疵修复的操作和相关的技巧，并且能够使用相关的工具和命令完成商品照片的处理。 能够在Photoshop中使用形状工具绘制出所需的图形。 根据设计的需要，熟练使用图层混合模式和图层样式对画面进行修饰。 独立制作出简单的闪图，并能够使用不同的方法为商品照片添加上边框。 喜庆风格店铺首页设计 撞色风格店铺首页设计 [佳作欣赏] Chapter 03常用的装修技能——饰品店铺的制作 Chapter 03常用的装修技能——饰品店铺的制作 饰品店铺首页重要功能一览 在制作饰品网店首页的过程中，使用了Photoshop中的多种功能，包括了图层蒙版、文字工具、调整图层、图层混合模式等，通过多种功能的组合使用，将多个素材组合到一个画面中，由此完成网店的装修设计，接下来将对饰品网店中所使用的功能进行简单的介绍，具体如右图。 3.1 了解基础的店装操作 Chapter 03常用的装修技能——饰品店铺的制作 3.1.1 图片大小与格式的更改 我们对收集的商品照片进行筛选后，如果将照片直接运用到网店中，那么首先会遇到的问题就是对图片的大小进行更改。为了提高网页浏览的速度，店商对网店中各个区域的图片大小都有相应的规定，只有符合规定的图片才能正常显示和使用。 在Photoshop中可以通过两种方式对图片的大小进行更改，一种就是通过执行“图像＞图像大小”命令，利用“图像大小”对话框中的“宽度”、“高度”和“分辨率”选项来对图片的大小进行重新的设置，具体如下图所示。 Chapter 03常用的装修技能——饰品店铺的制作 另外一种更改图片大小的方式就是用“裁剪工具”截取图片中的局部图像，将多余的图像删除掉，以缩小图片的显示，改变原本图片的大小，具体操作如右图所示。 店商对网店的装修图片格式有严格的规定，如果制作后的图片不符合规定的图片格式，是不能在网店中使用的，此时需要在Photoshop中对图片的格式进行更改.。在Photoshop中更改图片的格式可以使用“存储为”菜单命令来完成，操作十分的简单，只需在“另存为”对话框的“保存类型”选项的下拉列表中选择文件的格式，就可以将当前编辑的图片存储为所需要的格式，如左图所示。 Chapter 03常用的装修技能——饰品店铺的制作 3.1.2 图像的分布和排列 在装修网店的制作过程中，经常会遇到需要将多个对象整齐排列或者分布在同一画面上的情况，此时就需要使用到Photoshop中的分布和排列功能，它能够将选中的若干个对象以某种特殊的位置进行放置。 当在Photoshop中的“图层”面板中选中多个图层之后，在工具选项栏中将显示出如图所示的按钮，通过这些按钮的形状可以大致判定各个按钮的功能。工具选项栏中的按钮分别用于对齐和分布操作，其中对齐包括了顶对齐、垂直居中对齐、底对齐、左对齐、水平居中对齐和右对齐，而分布则包括了按顶分布、垂直居中分布、按底分布、按左分布、水平居中分布和按右分布。 Chapter 03常用的装修技能——饰品店铺的制作 如图所示分别为左对齐、垂直居中对齐和右对齐的效果，可以看到这三种对齐方式所呈现出来的文字排列效果会对画面的布局产生影响。 Chapter 03常用的装修技能——饰品店铺的制作 3.1.3 页面切片及Web安全色 切片使用HTML表或CSS图层将图像划分为若干较小的图像，这些图像可在Web页上重新组合。通过划分图像，可以指定不同的URL链接以创建页面导航，或使用其自身的优化设置对图像的每个部分进行优化。使用Photoshop中的“存储为 Web 和设备所用格式”命令可以导出和优化切片图像，并将每个切片存储为单独的文件并生成显示切片图像所需的HTML或CSS代码，如图所示为Photoshop中使用“切片工具”将图片划分为若干个切片的效果。 Chapter 03常用的装修技能——饰品店铺的制作 对于同一张图片在不同的电脑的浏览器中的显示的效果可能差别很大，这就需要使用Web安全色来对图片的色彩进行