网店装修项目七 割商品图片.pptx

重庆大学出版社《网店装修》项目七 切割商品图片项目综述小宝为自己店铺设计制作的商品描述页已经完成。但是在将设计好的产品详情图片上传到店铺的图片空间时，出现了问题。由于小宝将商品的描述页设计成了一整张图片，在上传时，受到淘宝图片大小的限制，并且在打开商品的时候，图片显示非常慢，很影响买家的购物体验。小宝就这个问题又咨询了小明，小明告诉他，需要将一整张的商品详情图片，切割成一张张较小的图片，才方便上传和买家浏览。小宝明白了问题的解决方法之后，着手进行切割。项目任务切割图片上传图片任务二任务一知识点切割图片任务一理解切割商品图片的意义会使用PS软件的标尺功能学习切割商品图片的方法熟练操作切片的保存掌握上传商品图片的方法情景设计小宝为自己店铺设计制作的商品描述页已经完成。但是在将设计好的产品详情图片上传到店铺的图片空间时，出现了问题。由于小宝将商品的描述页设计成了一整张图片，在上传时，受到淘宝图片大小的限制，并且在打开商品的时候，图片显示非常慢，很影响买家的购物体验。小宝就这个问题又咨询了小明，小明告诉他，需要将一整张的商品详情图片，切割成一张张较小的图片，才方便上传和买家浏览。小宝明白了问题的解决方法之后，着手进行切割。设计商品描述页模板使用Photoshop软件切片使用Photoshop软件切片步骤1.在电脑的程序菜单中，打开Photoshop软件。点击“文件”→“打开”，在对话框中打开素材“练习素材\项目7\sc7-1.jpg” 。步骤2.选择“视图”→“标尺”，打开软件的标尺线。步骤3.使用标尺线，从上到下，将产品详情图片划分为高度均等的小图片(淘宝网对每张图片的大小有限制，将图片切小)，如图7.1.3所示。设计商品描述页模板使用Photoshop软件切片使用Photoshop软件切片步骤4.选中工具栏中的“切片工具”，点击“切片工具”属性按钮下的“基于参考线的切片”，整个产品详情的图片将按照参考线划分的区域，被切割成许多小的图片，如图7.1.4、图7.1.5所示。步骤5.切片完成，每个蓝色的区域代表一张图片。设计商品描述页模板优化图片优化图片步骤1.点击“文件”→“存储为Web和设备所用格式” 。步骤2.在弹出的对话框中，对需要保存的图片进行优化。需要设置的参数有：文件格式、品质(一般控制在60%)、优化。设计商品描述页模板存储切片存储切片步骤1.设置好图片存储的参数以后，点击“存储”按钮，弹出“将优化结果存储为”对话框。步骤2.保存格式设置为“仅限图像”，选择好保存的位置，点击“保存”按钮。所有的切片将存储为图片，图片名称将加上顺序编号。知识点上传图片任务二理解切割商品图片的意义会使用PS软件的标尺功能学习切割商品图片的方法熟练操作切片的保存掌握上传商品图片的方法情景设计小宝和他的团队已经完成了商品详情页图片的切割工作，接下来需要将切割好的商品图片上传至他们自己的淘宝网店。第一步的工作就是打开图片空间，进行图片上传。套用商品描述模板上传图片上传图片步骤1.登录淘宝店铺后台，进入“卖家中心”，点击进入“图片空间”。步骤2.进入图片空间，在“宝贝图片”类目中，建立新文件夹，命名为“男装详情1”，双击进入。步骤3.点击“上传图片”按钮，将上一任务中完成的商品图片切片上传至图片空间，如图7.2.3所示。步骤4.图片上传完成，在图片空间“男装详情1”的文件中可看到完成的商品详情切片，如图7.2.4所示。套用商品描述模板编辑超链接编辑超链接步骤1.登录并进入淘宝店铺后台，点击“出售中的宝贝”菜单，找到需要编辑的商品，点击“编辑宝贝”，并进入“宝贝编辑”页面。步骤2.进入“编辑宝贝”页面之后，拖动网页右侧滚动条，滚动至“宝贝描述”编辑部分，点击“插入图片”按钮。步骤3.选择图片窗口打开后，点击“从图片空间选择”选项卡，进入存放商品详情图片的文件夹，所有上传的产品详情切片都会显示出来。套用商品描述模板编辑超链接编辑超链接步骤4.打开图片排序下拉菜单，选择按“图片名称升序”排列，商品的切片将按照商品详情的顺序依次显示。步骤5.依次将所有图片插入“宝贝描述”里，并保存。步骤6.至此，宝贝超链接的编辑已经完成，发布后将看到一个完整的商品描述页面，如图7.2.11所示。谢谢