Erstellen Sie einen Gitterverlaufshintergrund

Ich möchte einen Hintergrund mit Farbverlauf wie den Hintergrund im Bild unten erstellen:

Geben Sie hier die Bildbeschreibung ein

Ich habe die Lösung in diesem Beitrag ausprobiert, aber das Ergebnis ist nicht zufriedenstellend. Wie in diesem Bild zu sehen ist, scheinen zwei radiale Farbverläufe zusammen angewendet zu werden. Wenn ich die Anzahl der Farben reduziere (wie in der genannten Lösung vorgeschlagen), habe ich so etwas:

Geben Sie hier die Bildbeschreibung ein

die gekrümmte Grenzen für jede Farbe hat, aber im gewünschten Bild sollten die Farben durch ein lineares Gitter begrenzt werden. Wenn ich den radialen Farbverlauf in einen linearen ändere, würde ein anderes Problem auftreten, da die Farben radial in einigen Bereichen heller sein sollten.

Wie im Originalbild zu sehen ist, wird es wie ein Verlaufsmodifikator angewendet, dann werden die Pixel des Bildes vergrößert! Ich habe mehrere andere Lösungen ausprobiert (einschließlich des Zeichnens von Grund auf neu und es hat funktioniert!), Aber ich muss noch eine einfache Lösung für dieses Problem finden.

was hast du probiert? Machen Sie dasselbe wie die Antwort, die Sie verlinkt haben, aber stattdessen mit radialen Farbverläufen (im Bild oben sieht es so aus, als gäbe es 2 Farbverlaufszentren).
@Luciano Ich habe diese Lösung ausprobiert, vielleicht sollte ich die Probleme in der Post erwähnen.
Ja, Sie können Ihre Frage bearbeiten , um weitere Informationen hinzuzufügen, das wäre großartig

Antworten (3)

Du kannst es versuchen:

  • Erstellen Sie ein Bild mit so vielen Pixeln, wie Sie Quadrate möchten
  • einen Pinsel mit geringer Härte auftragen (um unscharfe Ränder zu erzeugen)
  • Ändern Sie die Größe mit Nearest Neighbor

Geben Sie hier die Bildbeschreibung ein

Verwendung von Photoshop:

Beginnen Sie mit einem Hintergrund mit der für den Flyer erforderlichen Größe und Auflösung:

Hintergrund

Fügen Sie eine Gaußsche Unschärfe hinzu:

Verwischen

Menü Filter → Verpixeln → Mosaik:

Mosaik

Geben Sie hier die Bildbeschreibung ein

Ich werfe das einfach hier hoch - habe ein wenig daran gearbeitet, während diese Frage anscheinend beantwortet und akzeptiert wurde - und auch eine gute Antwort.

Meins ist ähnlich wie das von @Luciano, aber ich habe meinen Ansatz vollständig in Affinity Designer bearbeitet.

Zuerst habe ich ein pixeliges Basis-Hintergrunddokument erstellt, sehr klein, für das Web, 26 Pixel breit, dann ein Hintergrundrechteck und zwei Ellipsen ausgelegt - sie gefärbt und einen Gaußschen Weichzeichner auf die beiden Ellipsen angewendet.

Geben Sie hier die Bildbeschreibung ein

Pixelansicht aktiviert, um sicherzustellen, dass es so aussieht, wie ich es erwartet habe:

Geben Sie hier die Bildbeschreibung ein

Und es tat:

Geben Sie hier die Bildbeschreibung ein

Exportierte das 1:1 als .png, und platzierte es in den Hintergrund einer neuen Affinity Designer-Datei, in der ich das Layout und andere Vektordesignelemente gezeichnet habe: Es ist rau und unvollendet , klar, aber Sie bekommen die Idee:

Geben Sie hier die Bildbeschreibung ein

Erstellen Sie einen Gitterverlaufshintergrund
AntwortenHierDatenschutz-Bestimmungen1y, 0v