Wie läst sich sowas realisieren?

[bastianschroeer]

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

 

[clonie]

für web in Form von Kacheln oder Print?

 

[bastianschroeer]

Es soll der Hintergrund für eine Webseite werden.

 

[i_lp]

Du machst eine Linie, Stärke und Farbe nach Wahl --> Shot und nochmal Shot1

 

[marlasinger]

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

 

[clonie]

??? 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.

 

[clonie]

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...

 

[marlasinger]

Eine diagonale Linie reicht aus.
Wenn es als Muster angelegt wird.

 

[clonie]

Du hast recht!
(habe bisher nie linien-Muster sondern meist komplexere gemacht)
aber die muss schon abgeschnitten sein, oder wie machst Du das!?

 

[marlasinger]

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...

 

[clonie]

fantastisch!

 

[blue apple]

Leute diese Pattern gibts schon vorgemacht in Illustrator! Unter den Ordner Muster!