Tipps für Website-Hintergrund.

Diskutiere mit über: Tipps für Website-Hintergrund. im Web Page Design Forum

  1. koli.bri

    koli.bri Thread Starter Gast

    Hallo da draußen.

    ich bin zur Zeit dabei, eine Website für meinen alten Herrn zu schaffen.
    er ist Metalllbauer, Kunstschmied, Schlosser, und neulich hab ich auch erfahren, dass er kupferschmied ist.

    Als Hitergrund hätte er gerne eine Metallstruktur, oder Nieten/Schrauben, die in einer Kiste liegen.
    Sicherlich könnte ich jetzt nach einem fertigen Bild suchen, aber das wäre ja zu einfach.

    Daher frag ich euch, wie man solche Bilder macht, die selbst nicht groß sind (150*150 Pixel), an den Kanten aber nahtlos ineinander gehen.

    Zur Verfügung haben wir: Photoshop und einen Scanner auf der Mac-Seite, und einen PC mit Autocad (womit man 3D-Ansichten der Nieten/Schrauben) machen könnte. Und eine Spiegelreflex-Digitalkamera, die ganz tolle Bilder mach ^^

    Könnt ihr mir das Tipps geben, wie man das am besten angeht?

    Danke.

    gruß
    Lukas
     
  2. FloWeh

    FloWeh MacUser Mitglied

    Beiträge:
    194
    Zustimmungen:
    1
    Registriert seit:
    30.05.2006
    Gerne ein paar Tips. Nimm für einen Hintergrund auf jeden Fall eine sehr ruhige Struktur. Alles andere verwirrt den betrachter nur. Zum Beispiel auf de Seiten dieses Forums kann man stundenlang ohne Anstrengung sehen. Bei einfachen natlosen Strukturen, kenne ich nur eine Funktion bei The Gimp. Allerdings kenne ich keine weiteren Programme gut genug, aber Photoshop sollte das "with ease" (mit Leichtigkeit) :) erledigen.
     
  3. ostersau

    ostersau MacUser Mitglied

    Beiträge:
    780
    Zustimmungen:
    0
    Registriert seit:
    27.06.2005
    Schließe mich der Meinung von FloWeh an, dass Hintergrundstrukturen mit Vorsicht zu behandeln sind. Vor allem, wenn so kleine Kacheln (150x150) verwenden werden, kann der Hintergrund zu sehr vom Inhalt anlenken.
    Als Tipp für die Erstellung einer solchen Kachel in Photoshop:
    Lade das Bild in PS, z.B. 150x150 Pixel, dann benutze der "Verschieben" Filter, horizontal und vertikal je 75 Pixel, "durch verschobenen Teil ersetzen"
    muss auch aktiviert werden. So werden die ursprünglichen Kanten in der Mitte zusammengefügt und Du kannst sehen, wo es Versätze gibt. Diese machst Du mittels Wischfinger oder andere Werkzeugen weg, dann den Verschieben Filter nochmal anwenden, et voilà, hast du ne perfekte Kachel.
     
  4. miss.moxy

    miss.moxy MacUser Mitglied

    Beiträge:
    6.558
    Zustimmungen:
    624
    Registriert seit:
    15.05.2004
    Hallo!

    Also ich stelle Patterns immer folgendermaßen her (PS CS2):
    # gewünschte Dokumentgröße
    # Bild platzieren
    # Filter -> Sonstige Filter -> Verschiebungseffekt
    (0,5*Breite horizontal und 0,5*Höhe vertikal verschieben, durch verschobenen Teil ersetzen)
    # Mit dem Stempelwerkzeug die Kantenübergänge herstellen
    Zusätzlich natürlich sind hier noch alle möglichen lustigen Dinge möglich, die PS so erlaubt :)

    Ich würde allerdings bei einem Website-Hintergrund darauf achten, dass er nicht zu unruhig ist, weil sonst das Auge vollkommen abgelenkt ist. Also würde ich eher auf die Schrauben verzichten. Sagt mir mein Empfinden so. ;)

    LG, Lea
     
  5. koli.bri

    koli.bri Thread Starter Gast

    Vielen dank für die Tipps.
    Klar, Hintergrund ist mit Vorsich zu genießen, meine Frage zielte auch mehr auf die Technik :)

    Und die ist wohl harte Handarbeit, wie?
    na gut. Vielleicht krieg ich meinen alten Herrn ja dazu überredet, das der sich mal an Auto-Cad ssetzt und das damit macht ^^

    Vielen Dank.

    gruß
    lukas
     
  6. Gerry233

    Gerry233 MacUser Mitglied

    Beiträge:
    603
    Zustimmungen:
    4
    Registriert seit:
    24.11.2003
    Einer kleiner Tipp noch dazu: Falls Du die Webseite vom Grundlayout nicht zu breit aufziehst, z.B. 800 Pixel, kannst Du dem eigentlichen Inhalt einen einfarbigen Hintergrund geben und "außen herum" die Kacheln als Hintergrund verwenden.

    Spontanes Beispiel: MV Gruibingen, auch wenn hier ein größere Grafik als Hintergrund verwendet wurde.
     
Die Seite wird geladen...
Ähnliche Themen - Tipps Website Hintergrund Forum Datum
Responsive Website - images max-width: 100% Web Page Design 17.09.2016
Full-width website oder wrapped? Web Page Design 15.04.2016
Website Vorlage zum Leben erwecken? Web Page Design 11.11.2015
Online CMS / Hosting / Website (WYSIWYG) gesucht? Web Page Design 12.10.2015
css tipps, damit es bei allen browsern klappt?!? Web Page Design 28.02.2007

Diese Seite empfehlen

Benutzerdefinierte Suche