网店装修图片制作教程详解.doc

网店装修图片制作教程详解 网店与实体店铺一样，也需要精心的去打理，装修，也需要能吸引人眼球的东东才能留住行色匆匆的潜在顾客，那不起眼儿就在这儿与淘友们一起来唠叨唠叨。 网店装修无非包括店标、个人头象、个人签名、宝贝分类、公告图片等。要想做好这些东东，淘友们先得做些准备工作：1、拍摄好的宝贝图片2、了解图片制作软件Photoshop，这里给淘友们介绍一下Photoshop教程！希望对初学photoshop的淘友有帮助。准备工作就绪，这就开工啦。 一、网店店标与个人头像首先了解一下店标与个人头像的要求：店标：仅支持gif和jpg，限制大小80K以内，100*100px；头像：仅支持gif和jpg，限制大小100K以内，120*120px；要求了解清楚了，那不起眼儿就以店标为例与淘友们分享一下具体制作过程。 1、首先精心准备七八张宝贝图片，大小为 100*100px ，制作过程如下： a.打开PS，“文件”“打开”，找到你需要制作的宝贝图片 b.剪切工具按钮“”剪掉多余部分，只保留主体部分(注意剪切拖选框的同时，请一定要注意要按住“shift”键，这样才能保证剪切的图片是正方形的) c.“图像”“图像大小”，调整图像大小为100*100px，如下图 d.“文件”“存储为”，保存新的文件名即可。 2、新建一文件名为“logo”，大小为100*100px的文件 3、利用文字输入按钮“T”，直接在适当位置键入店铺名称 4、复制字体图层，以备作动画用（在图层对话框中，选中字体层，点右键，复制图层） 5、改变复制字体层的颜色（改为红色） 6、将先前准备的图片，一张张的复制粘贴到现在新建的文件里（具体方法：打开准备好的宝贝图片，按ctrl+a、ctrl+c，转到新建的文件，按ctrl+v，即可以文件粘贴到文件里） 7、按工具栏最下面的按钮“”转到imageready软件下进行动画制作，动画制作的基本对话框如下图： 基本原理即是以帧的形式出现，这里我们把每一个图层设置为一帧，即出前画面帧时，只使所需要的图层可见，其它的图层均不可见，如下图，偶只想在第一帧出现第一个店铺名，则需作如下图动作： 如果想使另一字体层可见，则如下图 如此，进行复制帧，并对每一帧设置相应的时间，将所有图片都进行复制帧后，简单的动画就算完成啦 8、“文件”“将优化结果存储为”，保存成GIF的格式，如下图即完成店标图片呵呵，这就是最后的动画，比较简单，给淘友们分享一下“”淘友们可以发挥自己的想象，基本思路就是这么简单哟，发挥想象，做出更好的东东，不起眼儿就抛砖引玉了。 至于头像的制作，其实也与店标一样，只是先准备的宝贝图片大小为120*120px，其它步骤都是一样的。 店标的设置：“我的淘宝”“管理我的店铺”“基本设置”里设置店标。 个人头像的设置：“我的淘宝”“论坛资料”里设置头像。二、论坛签名档 论坛签名档图片的要求：仅支持gif和jpg，图片尺寸468*60像素，文件大小100k以内。制作过程： 1、先准备几张宝贝图片，大小为60*60像素 2、新建一个文件，如下图设置： 论坛签名档图片的要求：仅支持gif和jpg，图片尺寸468*60像素，文件大小100k以内。制作过程： 1、先准备几张宝贝图片，大小为60*60像素 2、新建一个文件，如下图设置： 3、键入店铺名，并复制刚建入的字体层，使两个字体层的颜色差别较大，以作动画用 4、将准备好的宝贝图片一张张的复制粘贴到新建文件里，并按一定的顺序排列，如下图 5、点击工具栏最下面的按钮进入到imageready软件进行动画的制作，制作过程与店标类似，也是利用复制帧按钮，使每一帧出现一个图层可见，其它图层均不可见，依次类推，使全部图层出现在每一帧上面，如下图： 6、“文件”“将优化结果存储为”，保存成GIF的格式，如下图即完成签名档图片 如此个人签名档就算制作完成，先看看效果吧“”，当然淘友们还可以以图片出现在先后顺序或其它一些形式来出现，其实PS设计动画的思路就是这么简单。 淘宝论坛签名档的设置：“我的淘宝”“论坛资料”里设置。三、网店宝贝分类 宝贝分类图片的大小一般在150*30像素，太宽会使右边宝贝展示区域变窄，会出现宝贝展示区域下压的现象，所以还图片一般设置在这个大小内。 1、新建大小为150*30像素的文件，以店铺网页背景的颜色进行填充，填充工具按钮为“” 2、键入类别文字 3、复制字体图层，改变字的颜色 4、闪字动画制作 点击PS工具条最下面的按钮，转入到imageready软件，使第一帧出现黑色字体图片，再复制一帧，使这一帧出现红色字体图片，如下图5、“文件”“将优化结果存储为”，保存成GIF的格式，如下图即完成分类图片 如此分类图片就制作完成，请先看一下闪动效果吧：“” 宝贝分类的设置：“我的淘宝”“管理我的店铺”“宝贝分类”里设置 设置步骤： 1、将制作好的图片放入到网络相册。得到图片的网络地址（方法：上传之后，找到浏览小图，点开后会得到一大图，在图上方会有原图的字样，点原图，就会出现与你设计的图片一样的图，点右键属性地址栏里就是网址） 2、将网址进行缩短（因为淘宝目前分类只允许代码为40个字节） 3、将宝贝分类的代码： 输入到新分类名称后面，排序后面输入分类的先后顺序新分类名称： 排序 4、宝贝分类类别分好后，点击“查看未分类宝贝”将宝贝分门别类放进去就可以了。四、网店公告图片 公告图片的宽度方向大小一般在400像素左右，高度方向无限制，文件大小无限制。 制作过程： 1、新建一大小为400*430像素的文件 2、选择自定义形状工具按钮“”绘制如下图的形状 33、新建一图层（在图层对话框里点创建新图层按钮“”，创建一新图层，在新图层里利用画笔工具“”，选择合适的画笔，绘制如下图（注意画笔间要间隔合适的间距） 4、再新建一图层，在新图层里利用画笔工具“”，选择相同的画笔，绘制成如下图 5、键入相关的公告信息 6、转入到imageready软件进行动画制作 a、第一帧里的图层