Verschiedene Verläufe in einem Bild

[rener]

Hallo Ihr Lieben,

aktuell arbeite ich an einem ehrenamtlichen und unentgeltlichen Projekt, mit dem Ziel, den Fachkräftemangel in der Pflege zu minimieren - und zwar mit einem kostenlosen Jobportal für Pflegekräfte (Domainnamen, Logo und Inhalte bitte ignorieren. Ich bin noch ganz am Anfang: https://www.boost360.de).

Gerne würde ich mich für den Startseiten-Header hierbei am Header-Design von stepstone orientieren (https://www.stepstone.de) nur eben in lila #3f328e als Grundton. Allerdings habe ich keine Ahnung, wie ich diese Verläufe in Photoshop hinbekommen kann.

Wäre jemand von Euch bereit, mir dabei zu helfen? Die optimale Größe wäre 1351 mal 525.

[gelöschter User]

De Header bei stepstone ist ein SVG-code der in der css liegt und kein Pixel-Bild im herkömmlichen Sinne.
(also kein jpg Bild im Hintergrund)


vielleicht findest du hier ja was passendes:

https://www.svgbackgrounds.com
http://alssndro.github.io/trianglify-background-generator/

[ph_o_e_n_ix]

Ich würde auch eher zu einer SVG raten.

Dazu würde ich entweder Inkscape oder Illustrator verwenden. Das hat den Vorteil, dass du dir genau ansehen kannst, wie die Datei von Stepstone aufgebaut wurde (radiale Verläufe, Deckkraftänderungen, simple geometrische Formen)

[gelöschter User]

schau mal hier:

http://www.mindmaze.at/media/test_verlauf.svg

das ganze hat nicht mal 2 KB und skaliert mit der Größe vom Browserfenster mit. Für mobile und Retina-Display gleichermaßen geeignet.
(Vektorgrafik, kann also auch nicht "auspixeln")

[gelöschter User]

Falls es jemanden interessiert:


"WTF ist eine SVG ?"

- eine Textdatei, die in jedem Browser als Vektorgrafik dargestellt wird


Diese Datei hat eine Größe von 690 Byte = 0,0006 Megabytes

http://www.mindmaze.at/media/wtf_is_svg.svg

Inhalt der Datei, mit Beispielen, wie ein Browser das liest:

https://www.photoshop-cafe.de/bildupload/pics/sonst/thumb/1556206409_svg_inhalt.jpg (https://www.photoshop-cafe.de/bildupload/pics/sonst/1556206409_svg_inhalt.jpg)