甲虫课堂 > PS教程 >

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

阅读
2021-03-20 16:10:26

效果图

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

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

原图

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

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

1、用photoshop CS5制作,其它版本通用,打开PS新建一个190*300的空白文档。

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调色胶片色调
相关教程
相关评论
X
0条回复

全部回复

回复...
X
X
写评论...
0
更多
X