PS制作淘宝店铺左侧收藏闪图装修教程

无论是淘宝店铺、拍拍网还是其它网购商城,一般在店铺装修中都会希望客户能够收藏店铺,所以做一个好看且吸引人的店铺收藏闪图也是很重要的,今日教程就以一个简约风格的店铺收藏闪图来进行教程演示

淘宝网店该如何装修:9种ps超实用技巧详解

帖子有九部分内容,谈了九种小技巧,全部都是卖家必备的,涉及到了我们开网店所遇到的出镜率最高的工具和技巧,除了抠图其他都是 1 至 2 步之内就能完成工具和方法,在这里做了逐一的说明分析与实例说明,希望对大家能有所帮助。 一、“色彩平衡”调色偏 新手卖家在拍图

无论是淘宝店铺、拍拍网还是其它网购商城,一般在店铺装修中都会希望客户能够收藏店铺,所以做一个好看且吸引人的店铺收藏闪图也是很重要的,今日教程就以一个简约风格的店铺收藏闪图来进行教程演示,希望对需要淘宝店铺装修的朋友们有所帮助!

PS制作淘宝店铺左侧收藏闪图装修教程插图

  动态效果图

PS制作淘宝店铺左侧收藏闪图装修教程插图(1)

  静态效果图

PS制作淘宝店铺左侧收藏闪图装修教程插图(2)

  原图一

PS制作淘宝店铺左侧收藏闪图装修教程插图(3)

  原图二

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(4)

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(5)

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(6)

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(7)

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(8)

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(9)

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(10)

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(11)

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(12)

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(13)

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(14)

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(15)

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(16)

  14、再单击勾选“描边”,设置描边颜色为棕色,效果如下图所示:

PS制作淘宝店铺左侧收藏闪图装修教程插图(17)

  15、再新建一个图层3,利用矩形选框工具拉出一个细长的选区,然后按住Shift键再叠加拉出一条稍长的选区,如下图所示:

PS制作淘宝店铺左侧收藏闪图装修教程插图(18)

  16、选择菜单“编辑->填充”,在弹出的填充窗口中选择白色进行填充,再选择菜单“图层->图层样式->投影”进行阴影设置,效果如下图所示:

PS制作淘宝店铺左侧收藏闪图装修教程插图(19)

  17、单击选择“横排文字工具”,设置字体为“黑体”,大小为60点,如下图所示:

PS制作淘宝店铺左侧收藏闪图装修教程插图(20)

  18、在文档中单击并输入“收藏”两字,如下图所示:

PS制作淘宝店铺左侧收藏闪图装修教程插图(21)

  19、同样选择菜单“图层->图层样式->投影”设置阴影样式,之后再勾选“颜色叠加”,设置叠加颜色为白色,勾选“描边”,设置描边颜色为棕色,效果如下图所示:

PS制作淘宝店铺左侧收藏闪图装修教程插图(22)

  20、将设置好的收藏字体复制生成一个“收藏 副本”图层,然后将颜色叠加设置为棕色,描边设置为白色,效果如下图所示:

PS制作淘宝店铺左侧收藏闪图装修教程插图(23)

  21、打开原图二,利用移动工具将其拖入到文档中生成图层4,适当摆放位置即可,如下图所示:

PS制作淘宝店铺左侧收藏闪图装修教程插图(24)

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(25)

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(26)

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(27)

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(28)

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(29)

无论是淘宝店铺、拍拍网还是其它网购商城,一般在店铺装修中都会希望客户能够收藏店铺,所以做一个好看且吸引人的店铺收藏闪图也是很重要的,今日教程就以一个简约风格的店铺收藏闪图来进行教程演示,希望对需要淘宝店铺装修的朋友们有所帮助!

PS制作淘宝店铺左侧收藏闪图装修教程插图

  动态效果图

PS制作淘宝店铺左侧收藏闪图装修教程插图(1)

  静态效果图

PS制作淘宝店铺左侧收藏闪图装修教程插图(2)

  原图一

PS制作淘宝店铺左侧收藏闪图装修教程插图(3)

  原图二

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(4)

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(5)

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(6)

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(7)

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(8)

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(9)

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(10)

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(11)

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(12)

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(13)

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(14)

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(15)

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(16)

  14、再单击勾选“描边”,设置描边颜色为棕色,效果如下图所示:

PS制作淘宝店铺左侧收藏闪图装修教程插图(17)

  15、再新建一个图层3,利用矩形选框工具拉出一个细长的选区,然后按住Shift键再叠加拉出一条稍长的选区,如下图所示:

PS制作淘宝店铺左侧收藏闪图装修教程插图(18)

  16、选择菜单“编辑->填充”,在弹出的填充窗口中选择白色进行填充,再选择菜单“图层->图层样式->投影”进行阴影设置,效果如下图所示:

PS制作淘宝店铺左侧收藏闪图装修教程插图(19)

  17、单击选择“横排文字工具”,设置字体为“黑体”,大小为60点,如下图所示:

PS制作淘宝店铺左侧收藏闪图装修教程插图(20)

  18、在文档中单击并输入“收藏”两字,如下图所示:

PS制作淘宝店铺左侧收藏闪图装修教程插图(21)

  19、同样选择菜单“图层->图层样式->投影”设置阴影样式,之后再勾选“颜色叠加”,设置叠加颜色为白色,勾选“描边”,设置描边颜色为棕色,效果如下图所示:

PS制作淘宝店铺左侧收藏闪图装修教程插图(22)

  20、将设置好的收藏字体复制生成一个“收藏 副本”图层,然后将颜色叠加设置为棕色,描边设置为白色,效果如下图所示:

PS制作淘宝店铺左侧收藏闪图装修教程插图(23)

  21、打开原图二,利用移动工具将其拖入到文档中生成图层4,适当摆放位置即可,如下图所示:

PS制作淘宝店铺左侧收藏闪图装修教程插图(24)

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(25)

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(26)

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(27)

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(28)

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

PS制作淘宝店铺左侧收藏闪图装修教程插图(29)

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部