Photoshop设计制作出绚丽闪动的抽象花朵

PHP中文网
リリース: 2016-06-01 14:33:45
オリジナル
1360 人が閲覧しました

本教程介绍非常有创意的抽象图形动画制作。教程前期的抽象图形制作较为关键,需要自己动手做出初始的抽象图形,然后按一定的规律复制多层,再把做好的图形放置在一个组里。然后再复制组,更改图形的颜色,混合模式及角度。顶部可以先加好渐变色。最后再按照一定的顺序设

 最终效果

Photoshop设计制作出绚丽闪动的抽象花朵

1、打开ps新建300*300像素的文件,文件名随便填,如图点确定。

Photoshop设计制作出绚丽闪动的抽象花朵

2、把图层1填充为黑色的背景,然后新建图层2,如图。

Photoshop设计制作出绚丽闪动的抽象花朵
 
3、选中图层2,用椭圆工具拖一个正圆的选区,填充为红色,不要取消选区。

Photoshop设计制作出绚丽闪动的抽象花朵

4、用左方向键移动适当的距离,然后删除选区内的内容,如图。

Photoshop设计制作出绚丽闪动的抽象花朵

5、把图层2复制一层图层2副本,如图。

Photoshop设计制作出绚丽闪动的抽象花朵

6、选中图层2副本,在画布上用移动工具把图层2副本移到如图所示。

Photoshop设计制作出绚丽闪动的抽象花朵

7、选中图层2,用橡皮檫工具檫除掉不需要的部分,如图。

Photoshop设计制作出绚丽闪动的抽象花朵
 
8、选中图层2副本向下合并如图。

Photoshop设计制作出绚丽闪动的抽象花朵

9、中心位置建立水平,垂直参考线到,然后用移到工具把图像移到中心交叉点位置,如图所示。

Photoshop设计制作出绚丽闪动的抽象花朵

10、按快捷键ctrl+alt+t,然后把旋转控点移到参考线的中心点上,如图。

Photoshop设计制作出绚丽闪动的抽象花朵

11、设置旋转角度为22.5度,然后双击确定。

Photoshop设计制作出绚丽闪动的抽象花朵

12、按三键加T(SHIFT+CTRL+ALT+T)进行变换,按14下如图。

Photoshop设计制作出绚丽闪动的抽象花朵
 
13、除背景层外其他层合并,并复制一层,如图。

Photoshop设计制作出绚丽闪动的抽象花朵

14、选中复制层,执行编辑-变换-水平翻转,如图。

Photoshop设计制作出绚丽闪动的抽象花朵

15、载入复制图层的选区,填充绿色覆盖原有颜色,如图。

Photoshop设计制作出绚丽闪动的抽象花朵

16、按ctrl+alt+t进行旋转复制,设置旋转角度为-1.5度(反方向),如图,然后双击确定。

Photoshop设计制作出绚丽闪动的抽象花朵

17、然后按快捷键三键加T(Shif+ctrl+alt+T),包括复制出的图层共15层,如图。

Photoshop设计制作出绚丽闪动的抽象花朵

18、按ctrl+g把所有绿色图层为一个组,并关闭眼睛,如图。

Photoshop设计制作出绚丽闪动的抽象花朵
 
19、红色图层操作、设置方法同绿色图层,只是旋转方向为正时针,如图。

Photoshop设计制作出绚丽闪动的抽象花朵

20、分别选中两组,设置图层混合模式为正片叠底,如图。

Photoshop设计制作出绚丽闪动的抽象花朵

21、打开动画调板,执行从图层建立帧,如图,再删除黑色背景帧。

Photoshop设计制作出绚丽闪动的抽象花朵

22、在动画调板上选蓝16-30帧,执行拷贝多帧。

Photoshop设计制作出绚丽闪动的抽象花朵

23、在动画调板上选蓝1-15帧,执行粘贴多帧,出现的对话框设置如图。然后删除多余的16-30帧。

Photoshop设计制作出绚丽闪动的抽象花朵

24、在动画调板上选中所有帧,把时间调为0.1秒,循环改为永远,播放一下看效果怎么样,先不要打开背景层,如图。

Photoshop设计制作出绚丽闪动的抽象花朵

25、在动画调板上,执行将帧拼合到图层,如图。

Photoshop设计制作出绚丽闪动的抽象花朵

26、然后打开背景层,如图。

Photoshop设计制作出绚丽闪动的抽象花朵
 
27、新建一图层在最顶层,并保持选中状态,如图。

Photoshop设计制作出绚丽闪动的抽象花朵

28、点渐变工具,选透明彩虹渐变如图所示。

Photoshop设计制作出绚丽闪动的抽象花朵

29、从中心点拉出径向渐变,图层混合模式设为滤色,效果如图所示。

Photoshop设计制作出绚丽闪动的抽象花朵
 
30、在动画调板上选中全部帧,点选刚做的渐变图层和背景图层使之作用在全部动画帧上。如图。这是可以播放一下看看效果,如果正常保存后输出网页格式gif动画。

Photoshop设计制作出绚丽闪动的抽象花朵

最终效果:

Photoshop设计制作出绚丽闪动的抽象花朵

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート