Neo´s Workshop: Wie erstelle ich ein Hintergrundbild ? Teil 1: Photoshop

  • ::::: In diesen Thread bitte NICHT posten ! :::::



    Aufgrund vieler Nachfragen, wie man doch ein Hintergrundbild für Handys erstellt, habe ich mich entschlossen einen kleinen Workshop zu machen.


    Teil 1 befasst sich mit Photoshop. Weitere Bildbearbeitungsprogramme werden folgen. Eine Testversion von Photoshop kann hier runtergelanden werden.
    :: KLICK ::


    Zu jedem einzelnen Arbeitsschritt gibt es Screenshots.


    Das folgende Beispiel wird ein Hintergrundbild für ein Nokia 6600. Wichtig zu wissen ist immer das Format. In diesem Fall sind das 174x143 Pixel (px). Haben wir ein anderes Format (z.b. 128x128 beim Nokia 6100) so müssen alle Werte durch die neuen ersetzt werden.



    1.
    Wir öffnen Photoshop und erstellen eine Schablone für das fertige Bild. Dazu klicken wir oben links auf Datei -> Neu...
    :: Screenshot 1 ::


    Ein Fenster geht auf, wo wir bei Breite den Wert 174 und bei Höhe den Wert 143 eintragen. Außerdem können wir jetzt schon, wenn wir wollen, einen Namen für das fertige Bild eintragen. Bei Inhalt ist es relativ egal was wir wählen. In diesem Fall nehmen wir aber mal Transparent.
    :: Screenshot 2 ::


    Mit Ok bestätigen wir das ganze und wir haben unsere "Schablone".
    :: Screenshot 3 ::



    2.
    Jetzt öffnen wir die Vorlage aus der wir unser Hintergrundbild erstellen wollen. Dazu klicken wir links oben auf Datei -> Öffnen...
    :: Screenshot 4 ::


    Ein Fenster geht auf wo wir den Ort für unsere Vorlage suchen.
    :: Screenshot 5 ::


    Mit einem Doppelklick oder alternativ Öffnen erscheint die Vorlage auf unserem Desktop.
    :: Screenshot 6 ::



    3.
    Nun müssen wir erst die Vorlage auf etwa die Grösse unserer "Schablone" bringen. Dazu machen wir einen rechten Mausklick auf den oberen Fensterrahmen der Vorlage und wählen Bildgröße.
    :: Screenshot 7 ::


    Ein Fenster geht auf wo wir bei Höhe den Wert 143 eintragen. Warum wir nicht zuerst bei Breite 174 eintragen kann jeder mal selbst ausprobieren. Die Höhe wäre dadurch nur noch 131 und somit zu klein für unsere "Schablone".
    Wichtig ist, das bei Proportionen erhalten ein Haken ist. Ebenfalls einen Haken setzen wir bei Bild neu berechnen mit: und wählen Bikubisch.
    :: Screenshot 8 ::


    Das ganze mit Ok bestätigen und unsere Vorlage ist geschrumpft.
    :: Screenshot 9 ::



    4.
    Als nächstes wählen wir links auf der freischwebenden Werkzeugleiste, oben links das Auswahlrechteck
    :: Screenshot 10 ::


    Oben in der Mitte wählen wir unter Art die feste Größe. Rechts daneben tragen wir bei Breite den Wert 174 Px und bei Höhe den Wert 143 Px ein.
    :: Screenshot 11 ::


    Mit einem linken Mausklick in die Vorlage erscheint ein gestrichelter Rahmen, den wir so zurechtlegen, wie das Hintergrundbild später aussehen soll.
    :: Screenshot 12 ::


    Nun müssen wir die Auswahl auf unsere leere "Schablone" ziehen, indem wir Strg + linker Maustaste drücken und den Mauscursor auf die "Schablone" ziehen. Solange wir das ganze so halten kann man das Bild justieren.
    :: Screenshot 13 ::



    5.
    Als nächstes schärfen wir das Bild etwas, da durch das bikubische verkleinern, das Bild etwas weichgezeichnet wurde.
    Wir klicken ganz oben auf Filer -> Scharfzeichnungsfilter -> Unscharf maskieren...
    :: Screenshot 14 ::


    Ein Fenster geht auf, wo wir nur den Wert Stärke ändern. Wir wählen einen Wert zwischen 30 - 80%. In unserem Beispiel sind es nur 30%.
    :: Screenshot 15 ::



    6.
    Unser Bild ist jetzt fertig und muß nur noch gespeichert werden.
    Dazu klicken wir auf Datei -> Für Web speichern...
    :: Screenshot 16 ::


    Ein grosses Fenster geht auf wo wir das Bild rechts oben anklicken.
    :: Screenshot 17 ::


    Hier können wir noch die Qualität des Bildes ändern, indem wir ganz rechts bei Qualität den Regler verschieben. Dadurch verändert sich auch die Volumen-Grösse des Bildes. Nicht alle Handys können Bilder mit grossem Volumen annehmen und darstellen, so das mit diesem Arbeitschritt jedes Bild verkleinert werden kann.
    :: Screenshot 18 ::


    Zum Schluss bestätigen wir das ganze mit Speichern und wählen nur noch einen Zielort, wo das Bild hin soll.



    Ich hoffe diese kleine Anleitung wird dem einen oder anderen hilfreich sein.


    Nochmal die bitte in diesen Thread NICHT zu posten, da demnächst weitere Anleitungen für andere Bildbearbeitungsprogramme hier rangehängt werden.


    Fragen, Kritik und Verbesserungsvorschläge bitte per PN !

  • ....Ein Fenster geht auf wo wir bei Höhe den Wert 143 eintragen. Warum wir nicht zuerst bei Breite 174 eintragen kann jeder mal selbst ausprobieren. Die Höhe wäre dadurch nur noch 131 und somit zu klein für unsere "Schablone"....


    war nicht höhe 174 und breite 143?


    außerdem wähle ich bei einem breiten bild die höhe, und bei einem hohen bild die breite. was über ist schneide ich dann ab, so habe ich ein bild was den screen voll ausfüllt. ;-)


    <edit>sorry dass mit dem nicht posten habe ich überlesen, war wohl zu deutlich *schäm*</edit>

    ...das leben ist eines der härtesten

  • ja das wäre wirklich sehr hilfreich !! denn der Lycos iss leider down !!

    MR.T MR.T Teeee

  • hast du schon mal gelesen wann der letze beitrag von neo(hh) geschrieben worden ist.
    er ist schon laenger nicht mehr im forum aktiv.

    Riccardo Ricco`s Vater Rubhino
    "Einmal habe ich zu ihn gesagt:"Du bist mein Sohn, aber ich habe noch nie jemand mit so einem abstoßenden Charakter gesehen."Er hat keine Antwort gegeben."

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!