ps制作炫彩效果的流动动画教程(4)

GIF动画图片失真较大,一般经过羽化等效果处理的透明背景图都会出现杂边,而要处理掉这些难看的杂边是件很复杂费时的工作!所以如果能解决透明图出现杂边的不足将是gif的一个重大突破了!望早日实现!杂边问题可以配合

photoshop如何做挥动翅膀的蝴蝶GIF动画(2)

photoshop步骤:1、先把蝴蝶的翅膀扣出来,调整合适大小,放到花的上层,蝴蝶身子和每只翅膀各占一个图层。 2、分别将两个蝴蝶翅膀图层进行复制,然后对每个翅膀进行Ctrl+T自由变换,右键—扭曲,再复制,再变换,按

GIF动画图片失真较大,一般经过羽化等效果处理的透明背景图都会出现杂边,而要处理掉这些难看的杂边是件很复杂费时的工作!所以如果能解决透明图出现杂边的不足将是gif的一个重大突破了!望早日实现!杂边问题可以配合PHOTOSHOP先把每一桢保存的时候把杂边扩展为网页背景色一样的颜色即可使边缘清晰圆润。。

效果1:

ps制作炫彩效果的流动动画教程(4)插图

效果二随便做的只是示范一下

ps制作炫彩效果的流动动画教程(4)插图(1)

1.打开素材图片,调整图片大小,做GIF动画图片不宜过大,否则上传到网络相册就不会动了。

ps制作炫彩效果的流动动画教程(4)插图(2)

2.用钢笔工具,以人物为中心,勾出如下路径。

ps制作炫彩效果的流动动画教程(4)插图(3)

3.新建一图层,点画笔,选画笔第一个笔头,路径描边1像素,

ps制作炫彩效果的流动动画教程(4)插图(4)

4.再调整一下画笔,设置如下:

ps制作炫彩效果的流动动画教程(4)插图(5)

ps制作炫彩效果的流动动画教程(4)插图(6)

ps制作炫彩效果的流动动画教程(4)插图(7)

5.调整好之后 同第3步,路径描边,得到如下结果。

ps制作炫彩效果的流动动画教程(4)插图(8)

6.观察一下线条,把从人物背后经过的线条选出来删除。

ps制作炫彩效果的流动动画教程(4)插图(9)

7.线条做好后的效果。

ps制作炫彩效果的流动动画教程(4)插图(10)

8.在线条图层,按住CTRL键,鼠标左键单击线条图层(透明框框),即可把线条载入选区。接着点击面板下方添加图层蒙板按钮。

ps制作炫彩效果的流动动画教程(4)插图(11)

9.新建图层,下方框选三分之一左右填充渐变,渐变的颜色决定线条的颜色。

ps制作炫彩效果的流动动画教程(4)插图(12)

渐变右侧透明度为0

ps制作炫彩效果的流动动画教程(4)插图(13)

10.把渐变上端稍模糊一下,看起来不要太尖锐。方法是框选上端小部分,羽化5,detele。

ps制作炫彩效果的流动动画教程(4)插图(14)

11.线条图层,点解除与蒙板链接,把蒙板用鼠标拖到图层2。选中渐变图层,可以调整颜色、外发光等参数,我这就不做了。

ps制作炫彩效果的流动动画教程(4)插图(15)

12.调出动画面板,用移动工具,点图层2前面的渐变,用方键向下移,直到看不到线条。

ps制作炫彩效果的流动动画教程(4)插图(16)

13.动画面板,复制当前帧(垃圾桶左边那个按钮),用移动工具,按住shift键,把图层2渐变直线向上移动,直到看不到线条为止。

ps制作炫彩效果的流动动画教程(4)插图(17)

14.选定第一帧,再点过度(垃圾桶前面第二个按钮),输入数值40-70之间,点确定。

ps制作炫彩效果的流动动画教程(4)插图(18)

15.点文件–存储为web所用格式,下图是GIF设置。勾选透明度可以使文件变得更小。

ps制作炫彩效果的流动动画教程(4)插图(19)

最终效果!

ps制作炫彩效果的流动动画教程(4)插图

14.选定第一帧,再点过度(垃圾桶前面第二个按钮),输入数值40-70之间,点确定。

ps制作炫彩效果的流动动画教程(4)插图(18)

15.点文件–存储为web所用格式,下图是GIF设置。勾选透明度可以使文件变得更小。

ps制作炫彩效果的流动动画教程(4)插图(19)

最终效果!

ps制作炫彩效果的流动动画教程(4)插图

GIF动画图片失真较大,一般经过羽化等效果处理的透明背景图都会出现杂边,而要处理掉这些难看的杂边是件很复杂费时的工作!所以如果能解决透明图出现杂边的不足将是gif的一个重大突破了!望早日实现!杂边问题可以配合PHOTOSHOP先把每一桢保存的时候把杂边扩展为网页背景色一样的颜色即可使边缘清晰圆润。。

效果1:

ps制作炫彩效果的流动动画教程(4)插图

效果二随便做的只是示范一下

ps制作炫彩效果的流动动画教程(4)插图(1)

1.打开素材图片,调整图片大小,做GIF动画图片不宜过大,否则上传到网络相册就不会动了。

ps制作炫彩效果的流动动画教程(4)插图(2)

2.用钢笔工具,以人物为中心,勾出如下路径。

ps制作炫彩效果的流动动画教程(4)插图(3)

3.新建一图层,点画笔,选画笔第一个笔头,路径描边1像素,

ps制作炫彩效果的流动动画教程(4)插图(4)

4.再调整一下画笔,设置如下:

ps制作炫彩效果的流动动画教程(4)插图(5)

ps制作炫彩效果的流动动画教程(4)插图(6)

ps制作炫彩效果的流动动画教程(4)插图(7)

5.调整好之后 同第3步,路径描边,得到如下结果。

ps制作炫彩效果的流动动画教程(4)插图(8)

6.观察一下线条,把从人物背后经过的线条选出来删除。

ps制作炫彩效果的流动动画教程(4)插图(9)

7.线条做好后的效果。

ps制作炫彩效果的流动动画教程(4)插图(10)

8.在线条图层,按住CTRL键,鼠标左键单击线条图层(透明框框),即可把线条载入选区。接着点击面板下方添加图层蒙板按钮。

ps制作炫彩效果的流动动画教程(4)插图(11)

9.新建图层,下方框选三分之一左右填充渐变,渐变的颜色决定线条的颜色。

ps制作炫彩效果的流动动画教程(4)插图(12)

渐变右侧透明度为0

ps制作炫彩效果的流动动画教程(4)插图(13)

10.把渐变上端稍模糊一下,看起来不要太尖锐。方法是框选上端小部分,羽化5,detele。

ps制作炫彩效果的流动动画教程(4)插图(14)

11.线条图层,点解除与蒙板链接,把蒙板用鼠标拖到图层2。选中渐变图层,可以调整颜色、外发光等参数,我这就不做了。

ps制作炫彩效果的流动动画教程(4)插图(15)

12.调出动画面板,用移动工具,点图层2前面的渐变,用方键向下移,直到看不到线条。

ps制作炫彩效果的流动动画教程(4)插图(16)

13.动画面板,复制当前帧(垃圾桶左边那个按钮),用移动工具,按住shift键,把图层2渐变直线向上移动,直到看不到线条为止。

ps制作炫彩效果的流动动画教程(4)插图(17)

GIF动画图片失真较大,一般经过羽化等效果处理的透明背景图都会出现杂边,而要处理掉这些难看的杂边是件很复杂费时的工作!所以如果能解决透明图出现杂边的不足将是gif的一个重大突破了!望早日实现!杂边问题可以配合PHOTOSHOP先把每一桢保存的时候把杂边扩展为网页背景色一样的颜色即可使边缘清晰圆润。。

效果1:

ps制作炫彩效果的流动动画教程(4)插图

效果二随便做的只是示范一下

ps制作炫彩效果的流动动画教程(4)插图(1)

1.打开素材图片,调整图片大小,做GIF动画图片不宜过大,否则上传到网络相册就不会动了。

ps制作炫彩效果的流动动画教程(4)插图(2)

2.用钢笔工具,以人物为中心,勾出如下路径。

ps制作炫彩效果的流动动画教程(4)插图(3)

3.新建一图层,点画笔,选画笔第一个笔头,路径描边1像素,

ps制作炫彩效果的流动动画教程(4)插图(4)

4.再调整一下画笔,设置如下:

ps制作炫彩效果的流动动画教程(4)插图(5)

ps制作炫彩效果的流动动画教程(4)插图(6)

ps制作炫彩效果的流动动画教程(4)插图(7)

5.调整好之后 同第3步,路径描边,得到如下结果。

ps制作炫彩效果的流动动画教程(4)插图(8)

6.观察一下线条,把从人物背后经过的线条选出来删除。

ps制作炫彩效果的流动动画教程(4)插图(9)

7.线条做好后的效果。

ps制作炫彩效果的流动动画教程(4)插图(10)

8.在线条图层,按住CTRL键,鼠标左键单击线条图层(透明框框),即可把线条载入选区。接着点击面板下方添加图层蒙板按钮。

ps制作炫彩效果的流动动画教程(4)插图(11)

9.新建图层,下方框选三分之一左右填充渐变,渐变的颜色决定线条的颜色。

ps制作炫彩效果的流动动画教程(4)插图(12)

渐变右侧透明度为0

ps制作炫彩效果的流动动画教程(4)插图(13)

10.把渐变上端稍模糊一下,看起来不要太尖锐。方法是框选上端小部分,羽化5,detele。

ps制作炫彩效果的流动动画教程(4)插图(14)

11.线条图层,点解除与蒙板链接,把蒙板用鼠标拖到图层2。选中渐变图层,可以调整颜色、外发光等参数,我这就不做了。

ps制作炫彩效果的流动动画教程(4)插图(15)

12.调出动画面板,用移动工具,点图层2前面的渐变,用方键向下移,直到看不到线条。

ps制作炫彩效果的流动动画教程(4)插图(16)

13.动画面板,复制当前帧(垃圾桶左边那个按钮),用移动工具,按住shift键,把图层2渐变直线向上移动,直到看不到线条为止。

ps制作炫彩效果的流动动画教程(4)插图(17)

14.选定第一帧,再点过度(垃圾桶前面第二个按钮),输入数值40-70之间,点确定。

ps制作炫彩效果的流动动画教程(4)插图(18)

15.点文件–存储为web所用格式,下图是GIF设置。勾选透明度可以使文件变得更小。

ps制作炫彩效果的流动动画教程(4)插图(19)

最终效果!

ps制作炫彩效果的流动动画教程(4)插图

作者: 791650988

为您推荐