II.〆浅笑° 发表于 2017-5-17 11:04:36

用Photo shop制作简单的(边框和字)帧动画

本帖最后由 II.〆木头° 于 2017-5-17 11:48 编辑

到社区也有两年多的时间了,学到的好多,当然要先感谢秒姐、骗子姐、青儿、心姐,感谢的话不多说了,学到的分享给大家!
1,打开PS软件,新建500*500透明画布,画布四边各拉一条距边缘25像素的参考线
2,新建图层2,点选【矩形选框工具】,按照参考线拉出一个矩形选框,
    选择【编辑】【填充】颜色(任意颜色即可)

3,用第二步的方法,继续将其余的三条边创建出来(也可复制图层2,
使用变换工具,移动到各个边,与参考线对齐),并向下合并四条边成为一个图层

4,打开【窗口】【时间轴】创建时间轴,切换为帧动画

5,点选 时间轴【添加】图标,添加三个帧(共四帧)


6,选择第一帧,选择【图层】【图层样式】【渐变叠加】模式--正常,样式--线性,角度--0,【确定】7,依次选择第二、三、四帧,选择渐变叠加,渐变、模式、样式不变,   依次改变第二、三、四帧的角度90、180、2708,点选时间轴帧循环小三角,选择【永远】,打开【选项卡组】【选择全部帧】打开时间小三角选择【0.2秒】9,点击【时间轴】【播放动画】按钮,浏览一下效果10,导出帧动画,【文件】【存储为Web所用格式】,【格式】【GIF】【存储】【保存】注意:自己保存的文件路径!

预览效果

加入文字11,依次创建四层文本图层:祝、您、开、心,
点选第一帧,点亮文字图层“祝”小眼睛,其它文字图层小眼睛关掉
点选第二帧,点亮文字图层“您”小眼睛,其它文字图层小眼睛关掉
点选第三帧,点亮文字图层“开”小眼睛,其它文字图层小眼睛关掉
点选第四帧,点亮文字图层“心”小眼睛,其它文字图层小眼睛关掉

点击播放

12,再次按照步骤10导出动画。
最终效果图:


后续:熟悉了其中的步骤,可以改变自己喜欢的样式或者插入喜欢的图片等等,创建帧越多导出的动画就越均衡,也希望大家多多指导。





   




片片枫叶情 发表于 2017-5-17 12:07:41

动画我还不会呢,学习了。

无欢 发表于 2017-5-17 12:51:21

木头版主好样的

II.〆菁儿° 发表于 2017-5-17 13:31:56

很详细的教程 木头辛苦了

随心而遇 发表于 2017-5-17 22:06:41

好详细 我都能看懂
可我就是懒 咋办{:2_265:}

醉卧沙场君莫笑 发表于 2017-5-21 20:54:39

    学PS没有那个耐心
页: [1]
查看完整版本: 用Photo shop制作简单的(边框和字)帧动画