Heim Web-Frontend PS-Tutorial Photoshop设计制作出绚丽闪动的抽象花朵

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

Jun 01, 2016 pm 02:33 PM
抽象 Blumen

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

 最终效果

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

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie benutze ich Photoshop zum Erstellen von Social -Media -Grafiken? Wie benutze ich Photoshop zum Erstellen von Social -Media -Grafiken? Mar 18, 2025 pm 01:41 PM

Die Artikel detailliert mit Photoshop für Social -Media -Grafiken, Abdeckungen von Setup, Design -Tools und Optimierungstechniken. Es betont Effizienz und Qualität bei der Grafikkreation.

Wie verwende ich Photoshops inhaltsbewusste Füllung und inhaltsbewusste Bewegungswerkzeuge effektiv? Wie verwende ich Photoshops inhaltsbewusste Füllung und inhaltsbewusste Bewegungswerkzeuge effektiv? Mar 13, 2025 pm 07:35 PM

In Artikeln werden die inhaltsbewussten Füll- und Verschieben von Photoshop effektiv mithilfe von Photoshops erörtert, wodurch Tipps zur Auswahl von Quellbereichen, die Vermeidung von Fehlern und das Anpassen der Einstellungen für optimale Ergebnisse angeboten werden.

Wie bereite ich Bilder für die Verwendung von Web -Verwendung in Photoshop (Dateigröße, Auflösung, Farbraum) vor? Wie bereite ich Bilder für die Verwendung von Web -Verwendung in Photoshop (Dateigröße, Auflösung, Farbraum) vor? Mar 13, 2025 pm 07:28 PM

In Artikeln werden Bilder für die Verwendung von Websäuren in Photoshop vorbereitet und konzentrieren sich auf die Optimierung der Dateigröße, der Auflösung und des Farbraums. Das Hauptproblem ist das Ausgleich der Bildqualität mit schnellen Ladezeiten.

Wie kalibriere ich meinen Monitor für genaue Farbe in Photoshop? Wie kalibriere ich meinen Monitor für genaue Farbe in Photoshop? Mar 13, 2025 pm 07:31 PM

In Artikel werden in den Kalibrierungsmonitoren für genaue Farbe in Photoshop, Werkzeuge zur Kalibrierung, die Auswirkungen einer unsachgemäßen Kalibrierung und die Neukalibrierungsfrequenz erörtert. Hauptproblem ist die Gewährleistung der Farbgenauigkeit.

Wie bereite ich Bilder für das Web mithilfe von Photoshop vor (optimieren Sie die Dateigröße, Auflösung)? Wie bereite ich Bilder für das Web mithilfe von Photoshop vor (optimieren Sie die Dateigröße, Auflösung)? Mar 18, 2025 pm 01:35 PM

In Artikeln wird die Optimierung von Bildern für das Web mithilfe von Photoshop erläutert, wobei der Schwerpunkt auf Dateigröße und -auflösung liegt. Das Hauptproblem ist die Ausgleich von Qualität und Ladezeiten.

Wie bereite ich Bilder für den Druck mit Photoshop (Auflösung, Farbprofile) vor? Wie bereite ich Bilder für den Druck mit Photoshop (Auflösung, Farbprofile) vor? Mar 18, 2025 pm 01:36 PM

Der Artikel führt zum Vorbereiten von Bildern für den Druck in Photoshop und konzentriert sich auf Auflösung, Farbprofile und Schärfe. Es wird argumentiert, dass 300 pPI- und CMYK -Profile für Qualitätsdrucke unerlässlich sind.

Wie erstelle ich animierte GIFs in Photoshop? Wie erstelle ich animierte GIFs in Photoshop? Mar 18, 2025 pm 01:38 PM

In Artikel werden animierte GIFs in Photoshop erstellt und optimiert, einschließlich Hinzufügen von Frames zu vorhandenen GIFs. Der Schwerpunkt liegt auf dem Ausgleich von Qualität und Dateigröße.

Wie verwende ich Photoshops Videobearbeitungsfunktionen? Wie verwende ich Photoshops Videobearbeitungsfunktionen? Mar 18, 2025 pm 01:37 PM

In dem Artikel wird erläutert, wie Photoshop zum Bearbeiten von Videoen verwendet wird, Schritte zum Importieren, Bearbeiten und Exportieren von Videos sowie zum Hervorheben von Schlüsselfunktionen wie Timeline -Panel, Videoebenen und Effekten.

See all articles