搜索
首页web前端PS教程Photoshop设计制作出绚丽闪动的抽象花朵

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

 最终效果

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设计制作出绚丽闪动的抽象花朵

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
访问Photoshop:方法和可用性访问Photoshop:方法和可用性Apr 24, 2025 am 12:07 AM

可以通过购买永久许可证或订阅CreativeCloud两种方式获取Photoshop。1.购买永久许可证适合长期使用,无需每月支付,但无法享受最新更新。2.订阅CreativeCloud可访问最新版本及其他Adobe软件,需持续支付月费或年费。选择应基于使用频率和需求。

Photoshop最有用的是:常见任务和项目Photoshop最有用的是:常见任务和项目Apr 23, 2025 am 12:06 AM

Photoshop擅长图像编辑、图层和蒙版、数字绘画及多种设计应用。1)图像编辑与修复:去除瑕疵,调整色彩和亮度。2)图层与蒙版:非破坏性编辑和创作。3)数字绘画与插图:创作艺术作品。4)实际应用:平面设计、网页设计和数字艺术创作。

使用Photoshop:创意可能性和实际用途使用Photoshop:创意可能性和实际用途Apr 22, 2025 am 12:09 AM

Photoshop在实际应用中非常实用且具有创造性。1)它提供基本编辑、修复和合成功能,适合初学者和专业人士。2)高级功能如内容识别填充和图层样式可提升图像效果。3)掌握快捷键和优化图层结构能提高工作效率。

Photoshop:高级技术和工具Photoshop:高级技术和工具Apr 21, 2025 am 12:08 AM

AdobePhotoshop的高级功能包括高级选择工具、图层混合模式和动作与脚本。1)高级选择工具如快速选择工具和色彩范围选择工具可精确选择图像区域。2)图层混合模式如“叠加”模式能创造独特视觉效果。3)动作和脚本能自动化重复任务,提高工作效率。

Photoshop的主要功能:修饰和增强Photoshop的主要功能:修饰和增强Apr 20, 2025 am 12:07 AM

Photoshop在修图和增强方面的强大功能包括:1.使用“修复画笔工具”去除痘痘,2.使用“液化工具”瘦脸,3.使用“频率分离”技术进行精确修图,这些功能通过算法和图像处理技术实现,优化图像处理效果。

Photoshop的主要特征:深度潜水Photoshop的主要特征:深度潜水Apr 19, 2025 am 12:08 AM

Photoshop的关键功能包括图层与蒙版、调整工具、滤镜与效果。1.图层与蒙版允许独立编辑图像部分。2.调整工具如亮度/对比度可修改图像色调和亮度。3.滤镜与效果可快速添加视觉效果。掌握这些功能可以帮助创意专业人士实现创意愿景。

Photoshop和数字艺术:绘画,插图和合成Photoshop和数字艺术:绘画,插图和合成Apr 18, 2025 am 12:01 AM

Photoshop在数字艺术中的应用包括绘画、插图和图像合成。1)绘画:使用画笔、铅笔和混合工具,艺术家可创造逼真效果。2)插图:通过矢量和形状工具,艺术家可精确绘制复杂图形并添加效果。3)合成:利用蒙版和图层混合模式,艺术家可将不同图像元素无缝融合。

高级Photoshop教程:大师修饰和合成高级Photoshop教程:大师修饰和合成Apr 17, 2025 am 12:10 AM

Photoshop的高级修图与合成技术包括:1.使用图层、蒙版和调整层进行基础操作;2.通过调整图像像素值实现修图效果;3.利用多图层和蒙版进行复杂合成;4.应用“液化”工具调整面部特征;5.使用“频率分离”技术进行细腻修图,这些技术能提升图像处理水平并实现专业级效果。

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

VSCode Windows 64位 下载

VSCode Windows 64位 下载

微软推出的免费、功能强大的一款IDE编辑器

Atom编辑器mac版下载

Atom编辑器mac版下载

最流行的的开源编辑器

EditPlus 中文破解版

EditPlus 中文破解版

体积小,语法高亮,不支持代码提示功能

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 英文版

SublimeText3 英文版

推荐:为Win版本,支持代码提示!