1、本教程采用photoshop CS5制作，其它版本通用，先打开PS新建一个190*300的空白文档(淘宝网店铺左侧装饰图片最大宽度为190)，如下图所示：

2、打开原图一，利用移动工具将其拖入到新建的文档中，按Ctrl+T键进行自由变换，适当调整大小及位置，如下图所示：

3、新建一个空白图层2，选择常用工具栏中的“矩形选框工具”，在文档下方拉出一个矩形选区，如下图所示：

4、单击选择“滴管工具”，在如图位置单击一下吸取颜色：

5、单击选择渐变工具，选择“前景色到透明渐变”颜色类型，如下图所示：

6、设置好渐变后，从矩形选区的下方向上方拉出一条直线进行渐变填充，效果如下图所示：

7、给图层2添加图层蒙版，利用硬度为0的黑色画笔工具在交界处进行擦除形成过渡效果，如下图所示：

8、接下来进行文字处理，单击选中“横排文字工具”，设置字体为Arial，大小为60点左右，如下图所示：

9、设置好字体后，在文档中单击然后输入收藏的英文collect，如下图所示：

10、在文字输入状态下，拖动选中头字母C，设置大小为72点，效果如下图所示：

11、再拖动选中ollect几个字母，设置大小为36点，效果如下图所示：

12、确保单击选中collect文字图层，选择菜单“图层->图层样式->投影”，效果如下图所示：

13、单击勾选“颜色叠加”，设置叠加颜色为白色，效果如下图所示：

22、最后就是动画制作部分，单击选择菜单“窗口->动画”，如下图所示：

23、单击“复制所选帧”复制出第2帧，单击第2帧，将“收藏”图层的'眼睛点掉，如下图所示：

24、单击选中第1帧，将“收藏 副本”图层的眼睛点掉，点完后最好再检查一下第2帧，确保在第2帧中“收藏 副本”的眼睛是点上的，而“收藏”是点掉的，这样两帧就形成了交替变换的效果，如下图所示：

25、接着再设置一下时间间隔，按住Ctrl键同时选中两帧，单击时间位置，在弹出的菜单中选择0.5，如下图所示：

26、设置好时间间隔后可以单击下方的播放按钮预览效果，不满意可以修改，最后单击选择菜单“文件->存储为Web和设备所用格式”，在弹出的设置窗口中确保类型为Gif，循环为永远，之后单击“存储”保存即可。