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

   

    网店与实体店铺一样，也需要精心的去打理，装修，也需要能吸引人眼球的东东才能留住行色匆匆的潜在顾客，那不起眼儿就在这儿与淘友们一起来唠叨唠叨。

    网店装修无非包括店标、个人头象、个人签名、宝贝分类、公告图片等。要想做好这些东东，淘友们先得做些准备工作：

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、选择自定义形状工具按钮“”绘制如下图的形状

        
          3、新建一图层（在图层对话框里点创建新图层按钮“”，创建一新图层，在新图层里利用画笔工具“”，选择合适的画笔，绘制如下图（注意画笔间要间隔合适的间距）

            
          4、再新建一图层，在新图层里利用画笔工具“”，选择相同的画笔，绘制成如下图

              
          5、键入相关的公告信息
          

 
          

        6、转入到imageready软件进行动画制作
            

          a、第一帧里的图层二不可见，其他图层都可见，如下图

              

             b、复制一帧，每图层一不可见，其他图层都可见，如下图
             

             c、“文件”——“将优化结果存储为”，保存成GIF的格式，如下图即完成公告图片
             

        公告图片的设置：“我的淘宝”——“管理我的店铺”——“基本设置”，将代码： 

放入到公告的地方即可。

    以上为网店装修图片制作基本流程，在阅读完毕后如果还有不明白的问题，您可以登录中国网店网论坛https://www.kaitao.cn/bbs网店装修板块、网店问答板块留言。工作人员会及时给予您答复。

查看更多相似文章