Wie läst sich sowas realisieren?

  1. bastianschroeer

    bastianschroeer Thread Starter

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

    Anhänge:

    • Bild 1.png
      Dateigröße:
      67,7 KB
      Aufrufe:
      140
    bastianschroeer, 21.01.2007
  2. clonie

    clonieMacUser Mitglied

    Mitglied seit:
    10.08.2005
    Beiträge:
    4.959
    Zustimmungen:
    272
    für web in Form von Kacheln oder Print?
     
    clonie, 21.01.2007
  3. bastianschroeer

    bastianschroeer Thread Starter

    Es soll der Hintergrund für eine Webseite werden.
     
    bastianschroeer, 21.01.2007
  4. i_lp

    i_lpMacUser Mitglied

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

    [​IMG]

    [​IMG]
     
    i_lp, 21.01.2007
  5. marlasinger

    marlasingerMacUser Mitglied

    Mitglied seit:
    21.01.2007
    Beiträge:
    25
    Zustimmungen:
    0
    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
     
    marlasinger, 21.01.2007
  6. clonie

    clonieMacUser Mitglied

    Mitglied seit:
    10.08.2005
    Beiträge:
    4.959
    Zustimmungen:
    272
    ??? 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, 21.01.2007
  7. clonie

    clonieMacUser Mitglied

    Mitglied seit:
    10.08.2005
    Beiträge:
    4.959
    Zustimmungen:
    272
    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
      Dateigröße:
      49,3 KB
      Aufrufe:
      48
    clonie, 21.01.2007
  8. marlasinger

    marlasingerMacUser Mitglied

    Mitglied seit:
    21.01.2007
    Beiträge:
    25
    Zustimmungen:
    0
    Eine diagonale Linie reicht aus.
    Wenn es als Muster angelegt wird. ;)
     
    marlasinger, 21.01.2007
  9. clonie

    clonieMacUser Mitglied

    Mitglied seit:
    10.08.2005
    Beiträge:
    4.959
    Zustimmungen:
    272
    Du hast recht! :eek:
    (habe bisher nie linien-Muster sondern meist komplexere gemacht)
    aber die muss schon abgeschnitten sein, oder wie machst Du das!?
     
    clonie, 21.01.2007
  10. marlasinger

    marlasingerMacUser Mitglied

    Mitglied seit:
    21.01.2007
    Beiträge:
    25
    Zustimmungen:
    0
    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
      Dateigröße:
      17,1 KB
      Aufrufe:
      42
    marlasinger, 21.01.2007
Die Seite wird geladen...
Ähnliche Themen - läst sowas realisieren
  1. stefan-at-work

    Grafik wie kriegt man sowas hin?

    stefan-at-work, 17.10.2003, im Forum: Grafik
    Antworten:
    3
    Aufrufe:
    830
    Lazarus2k
    20.10.2003