Wie läst sich sowas realisieren?

  • Ersteller bastianschroeer
  • Erstellt am
B

bastianschroeer

Hallo,
wie erstelle ich in Illustrator oder Photoshop einen gestreiften Hintergrund?
Hier ein Beispiel:
 

Anhänge

  • Bild 1.png
    Bild 1.png
    67,7 KB · Aufrufe: 186
für web in Form von Kacheln oder Print?
 
Es soll der Hintergrund für eine Webseite werden.
 
Du machst eine Linie, Stärke und Farbe nach Wahl --> Shot und nochmal Shot1 ;)

bild30wl.png


bild42cx.png
 
Eigentlich reicht es aus, einmalig ein Muster (Pattern) anzulegen.
In Deinem konkreten Beispiel wäre das eine 40x5px grosse Datei.
Dort dann mit dem Pinsel oder Stift (1px Durchmesser)eine diagonale Linie von links unten nach rechts oben ziehen.

Alles markieren --> als Muster abspeichern (Edit > Define Pattern).

Jetzt hast Du das Muster festgelegt und kannst es über Fill > Fill with Pattern überall einbauen, PS rechnet das so zusammen, dass es immer wieder von vorne anfängt und sich so ein einheitliches Muster aufbaut

Oder die kleine Datei als jpg, gif oder png abspeichern und in deinem Webeditor als Hintergrundkachel definieren...

Mfg
Marla
 
??? da passiert bei mir mal gar nix!

Mein Vorschlag wäre:
ok, dann Kacheln :)

je flacher die Linien, desto größer die Kachel.

Einfacher ist Illustrator, geht aber auch in PS.

Man nehme eine Linie, färbe sie rot ein, dupliziere sie x-fach, setze sie bündig untereinander.
Gruppieren aller Linien, duplizieren und exakt rechts daneben setzen.
Nun von der linken Gruppe alle rechten Anfasspunkte markieren und nach oben um eineige Linien verschieben, so dass diese exakt auf gleicher Höhe liegen, wie die Linien der rechten Gruppe.
Nun noch eine rechteckige Maske so platzieren, dass diese die linke Gruppe exakt vom ersten Punkt oben links bis zum hinteren Punkt unten Rechts abdeckt.

Theoretisch! Ohne Gewähr, musses erstmal ausprobieren.
 
Ich korrigiere:
Linien erst in Konturen umwandeln, Rechteck siehe Screenshot platzieren und dann per Pathfinder die Linien laut Rechteck zerschnibbeln, Überflüssiges löschen, Pattern anlegen.

edit: je flacher die Linien, desto größer die Kachel war natürlich quatsch.
Es verhält sich genau umgekehrt...
 

Anhänge

  • screenshot.jpg
    screenshot.jpg
    49,3 KB · Aufrufe: 93
Zuletzt bearbeitet:
Eine diagonale Linie reicht aus.
Wenn es als Muster angelegt wird. ;)
 
Du hast recht! :eek:
(habe bisher nie linien-Muster sondern meist komplexere gemacht)
aber die muss schon abgeschnitten sein, oder wie machst Du das!?
 
Ich mache das nur in Photoshop, da ich die Hintergründe fast ausschliesslich fürs Web nutze.

Man muss immer darauf achten, dass an den Anschluss-Ecken keine Unregelmässigkeiten entstehen, sonst sieht es beim »Mustern« ziemlich
schnell ziemlich panne aus...

Ich arbeite deshalb bei solchen Mustern immer auf max. Zoom (1600%)
und nur im 1px-Strichstärkenbereich

Theoretisch reicht für ein einfaches diagonales Muster (45 Grad) eine
Kacheldatei von 3 x 3px mit drei schwarzen Pixeln aus.

Siehe angehängte Datei (ich hoffe, das funktioniert hier)
Nimm diese Datei mal, lege sie als Muster fest und fülle damit eine x-beliebige
Fläche...

MfG
Marla

Edit: Die Forensoftware scheint das gif nicht zu mögen, ich lade nochmal ein jpg hoch...
 

Anhänge

  • testkachel.jpg
    testkachel.jpg
    17,1 KB · Aufrufe: 94
Leute diese Pattern gibts schon vorgemacht in Illustrator! Unter den Ordner Muster! ;)
 
Zurück
Oben Unten