Sie sind nicht angemeldet.

  • [Hilfe: Bildbearbeitung] Wie macht man diesen Hintergrund?

    1

    Freitag, 9. September 2011, 17:03

    Wie macht man diesen Hintergrund?

    Hi,

    http://www.premiumpixels.com/freebies/music-player-skin-psd/
    Kann mir jemand erklären, wie man den Hintergrund in Photoshop oder GIMP (bevorzugt) erstellt? Also mit diesen Rechtecken etc.

    Grüße
    iWeb
    jQuery Einführung & Crashkurs: [JavaScript] jQuery Einführung & Crashkurs

    Kenntnisse:
    [X]HTML[5]: 9.5/10
    CSS[3]: 10/10
    JavaScript: 8.5/10
    jQuery: 9/10
    PHP: 1/10
    C#: 6.5/10

    2

    Freitag, 9. September 2011, 17:53

    Eigentlich glaub ich is das recht leicht.
    Linienwerkzeug, dann machst du einfach Linien mit 1px und z.B. 10px Abstand und rechts aussen und unten jeweils eine Linie mit 2px. Dann als Muster abspeichern :)

    Habs jetzt nicht ausprobiert, aber so stelle ich mir das vor.
    When I get sad, I stop being sad and be awesome instead




    The Deluxe Design

    3

    Freitag, 9. September 2011, 18:27

    Habs grad mal probiert, ganz einfach:

    1. Dokument erstellen für Wunschgröße eines festen Quadrates mit x Linien. Mein Beispiel 201x201px

    2. Eine Trennlinie ganz links aussen ziehen, 1px Stark.

    3. Diese Linie in einem Festenabstand duplizieren der sich für die gesamte Breite teilen lässt, in meinem Fall 10px.

    4. Die ganzen Linien habe ich mir dann in einen Ordner gelegt und dupliziert.

    5. Den duplizierten Ordner habe ich dann um 90° Gedreht, das ich die horizontalen Linien habe.

    6. um auch die Stärkeren Linien zu bekommen, habe ich die linie ganz links und die Linie ganz oben dupliziert. Dann habe ich diese Linie um 1px verschoben zur innen Seite + die restlichen Linien, das ich auch saubere Größen für die Kästchen bekomme.

    7. Das ganze kann man dann mit oder ohne Hintergrund, in schwarz oder weiß oder wie auch immer man will als Muster festlegen. (Bearbeiten -> Muster Festlegen)

    8. Bei dem Wunschbild dann einfach Bearbeiten -> Fläche Füllen -> Muster -> Abgespeichertes Muster auswählen

    Dann ist das ganze fertig :)

    Sollte es probleme geben oder etwas unklar sein dann einfach nachfragen.

    Arbeitszeit etwa 2 Minuten.

    4

    Donnerstag, 17. November 2011, 16:30

    am besten ist du erstelltst die ein eigenes Patter und dan gehen die von selber alle nebeneinander.
    und im hintergrund ist es einfach nur ein Farbverlauf
    Photoshop Kentnisse: 75%

    HTML Kentnisse: 99%

    CSS Kentnisse: 95%

    PHP Kentnisse: 50%


    Ähnliche Themen

  • Grufix-Board.de - GFX Webdesign Foto & Coding Community

    Grafik-Tutorials | Coding-Tutorials | Ressourcen | SEO | Webdesign | HTML5
    W3C Validator