网店装修图片制作教程
网店装修图片制作教程详解
网店与实体店铺一样，也需要精心的去打理，装修，也需要能吸引人眼球的东东才能留住行色匆匆的潜在顾客，那不起眼儿就在这儿与淘友们一起来唠叨唠叨。
无非包括店标、个人头象、个人签名、宝贝分类、公告图片等。要想做好这些东东，淘友们先得做些准备工作：
1、拍摄好的宝贝图片
2、了解图片制作软件Photoshop，这里给淘友们介绍一下
一、网店店标与个人头像
首先了解一下店标与个人头像的要求：店标：仅支持gif和jpg，限制大小80K以内，100*100px；头像：仅支持gif和jpg，限制大小100K以内，120*120px；要求了解清楚了，那不起眼儿就以店标为例与淘友们分享一下具体制作过程。
1、首先精心准备七八张宝贝图片，大小为100*100px，制作过程如下：
a.打开PS，“文件”——“打开”，找到你需要制作的宝贝图片b.剪切工具按钮“”剪掉多余部分，只保留主体部分
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、选择自定义形状工具按钮“”绘制如下图的形状
3、新建一图层（在图层对话框里点创建新图层按钮“”，创建一新图层，在新图层里利用画笔工具“”，选择合适的画笔，绘制如下图（注意画笔间要间隔合适的间距）
4、再新建一图层，在新图层里利用画笔工具“”，选择相同的画笔，绘制成如下图
5、键入相关的公告信息
6、转入到imageready软件进行动画制作
a、第一帧里的图层二不可见，其他图层都可见，如下图
b、复制一帧，每图层一不可见，其他图层都可见，如下图
c、“文件”——“将优化结果存储为”，保存成GIF的格式，如下图即完成公告图片
公告图片的设置：“我的淘宝”——“管理我的店铺”——“基本设置”，将代码：
放入到公告的地方即可。
以上为网店装修图片制作基本流程，在阅读完毕后如果还有不明白的问题，您可以登录中国网店网论坛bbs网店装修板块、网店问答板块留言。工作人员会及时给予您答复。
相关文章
-
PS如何运营蒙版，PS蒙版有什么作用
下面本文就带领我们一起来了解一下PS怎么运营蒙版，以及PS蒙版有什么效果这两个主要问题，我们一起来看看吧！,首要我们先在PS软件里边打开自己需求做的图片素材，然后对该图层进行双击再该图层的背景层改为一般层。,第二步，在菜单栏里选取戏法棒东西，将戏法棒东西的容差选大一点，然后按住shift键，通过很屡次的点选将图片中的目标悉数选出来，或许我们也能够运用钢笔进行抠图将目标抠出来。
2024-03-14 16:19 -
淘宝详情页动图怎么制作？附详细制作流程？
淘宝详情页是淘宝装修里重要组成部分，除了可以上传静态图片之外，淘宝卖家也可以制作动图，让买家能够直观的看到商品全貌，那么淘宝详情页动图应该怎么制作呢?打开PS，将这三张图片同时拖入一个你设置好的图片大小中，(我设置的是790*800px)，降低图像透明度，依次将图层对齐好调整完毕，将透明度调回100%打开窗口-动画/时间轴，会出现一条时间轴，点击时间轴右下角的图标，将模式切换为图片帧模式点击时间轴
2024-03-22 15:13 -
如何做速卖通主图？主图制作内容是什么？
注意拍摄细节，方便后期处理，为后续调型留出衣袖和衣身的空间。,c.锐化：直接滤镜锐化，或添加“复制图层--去色-高反差保留图层—柔光模式”柔和锐化d.服装照片调色：可对照服装实物，通过曲线、色彩平衡等多种工具综和调色。,图章填充：要注意复制区域和alt键。
2024-03-22 11:03 -
拍拍网店装修经验 教你制作超酷的并排立体字
在拍拍网店装修中，制作立体字制作学习一些透视原理是非常必要的。只有掌握好透视方法，我们才可以用较为正确的方法作出任何方位的透视图。最终效果1、打开PS，输入文字，并用一个灰色背景框住。字体最好是方正形，便于后期的处理。2、将文字经行透视变形，并在背景层画好透视点、线。3、将文字复制，移动到适当位置，并且沿透视线调整大小。4、删除多余的图层，只留下两个文字图层。5、利用多边形索套工具，将文字前后的透
2024-03-22 08:10 -
淘宝店铺首页设计无水印怎么设置？去除水印方法介绍
因为淘宝开网店不仅要学会还要会后期的运营和管理。,单单在网店装修方面就可以让一些新店主感到头晕，不知所措。,7、再按快捷键Ctrl+i把图层改为反相状态。
2024-03-22 07:04 -
ps混合模式在哪里调（处理照片时混合模式能达到什么效果）
混合模式调整法在实战中很容易被大家所忽略，因为很多朋友都会忽略混合模式，具有调整画面明暗的作用，其实如果将选区图层和混合模式运用到位，就是一种非常好用的方法，照片中局部明暗问题严重，混合模式调整法的调整效果最好也是最佳途径之一。,混合模式调整法：第一打开曝光问题严重的原图。,第三将最顶层的背景副本图层显示出来，同样将其混合模式改为屏幕(滤色)，此时照片又增加了一个层次的亮度。
2024-03-21 20:56 -
商品白底图怎么制作，纯白底图高清无字图片如何获取
白底图的重要性我就不多说了，想必大家都懂，对自然流量和日后报活动都有很重要的作用，如果我们需要参与相关电商活动，没有商品白底图自然难以操作，那么商品白底图怎么制作?纯白底图高清无字图片如何获取?本期教你如何操作!1、白底图制作程序:导入图片打开PS，导入商品图片。2、选中主体使用快速选择工具选中商品主体。3、调节细节设置快速选择工具大小，对边缘细节处理。4、点击选择并遮住在属性栏，点击选择并遮住。
2024-03-21 18:26 -
如何用PHOTOSHOP做GIF动画装修网店
为了避广告嫌疑，本贴中所有图片均不是本店出售的商品，不信您可以去搜索，呵呵。,同样，现在点击图层2，这时你会发现，再移动鼠标时，在动的图不是刚才那张，而是另一张。,用同样的方法将所有图片位置全部调整好如图11，空白区域我们得为店招写点文字。
2024-03-21 10:28 -
如何用photoshop制作你的网店logo
如何用photoshop制作你的网店logo。,第二步：再图层上设计你的网店LOGO;接下来就是让你的字体活起来啦；字体可以再这个地方下载哦：www.font.net.cn点击“T”字符号选择你要变换的字看上图同样的操作选择“T”字符号选择后面字母部分进行变换，看上图；上面变换好后选择“T”字符号选择下面店铺地址部分进行转换，看上图；第三步：让字体更有个性化点击后出现以下窗口；编辑完成后轮到店铺地
2024-03-21 10:28 -
新手用PHOTOSHOP制作“淘宝旺铺店招”教程
新手用PHOTOSHOP制作“淘宝旺铺店招”教程，首先申明一下我是新手哈。大侠们就走开吧，网店装修新手学习最好。刚开店的时候也是在网上到处搜索免费的旺铺店招哎图片太多了，看的眼花缭乱很难找到自己喜欢的想想还是自己动手来做吧，于是就在网上看人家是怎么做的，认真学习了一下下面就是我用PHOTOSHOPCS3制作店标的过程哦，刚学会店招成果图很简单哈，但是我还是花了好大时间才有这个效果的哦，请各位指点哈
2024-03-21 10:27