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

clonie

Aktives Mitglied
Mitglied seit
10.08.2005
Beiträge
5.418
für web in Form von Kacheln oder Print?
 
B

bastianschroeer

Es soll der Hintergrund für eine Webseite werden.
 

i_lp

Aktives Mitglied
Mitglied seit
14.08.2006
Beiträge
1.462
Du machst eine Linie, Stärke und Farbe nach Wahl --> Shot und nochmal Shot1 ;)



 

marlasinger

Neues Mitglied
Mitglied seit
21.01.2007
Beiträge
25
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

Aktives Mitglied
Mitglied seit
10.08.2005
Beiträge
5.418
??? 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

Aktives Mitglied
Mitglied seit
10.08.2005
Beiträge
5.418
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

Zuletzt bearbeitet:

marlasinger

Neues Mitglied
Mitglied seit
21.01.2007
Beiträge
25
Eine diagonale Linie reicht aus.
Wenn es als Muster angelegt wird. ;)
 

clonie

Aktives Mitglied
Mitglied seit
10.08.2005
Beiträge
5.418
Du hast recht! :eek:
(habe bisher nie linien-Muster sondern meist komplexere gemacht)
aber die muss schon abgeschnitten sein, oder wie machst Du das!?
 

marlasinger

Neues Mitglied
Mitglied seit
21.01.2007
Beiträge
25
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

blue apple

Aktives Mitglied
Mitglied seit
01.12.2005
Beiträge
17.362
Leute diese Pattern gibts schon vorgemacht in Illustrator! Unter den Ordner Muster! ;)