Bookmarken bei:

Bookmark bei: Mr. Wong Bookmark bei: Webnews Bookmark bei: Icio Bookmark bei: Oneview Bookmark bei: Linkarena Bookmark bei: Newskick Bookmark bei: Seekxl Bookmark bei: Newsider

Bookmark bei: Linksilo Bookmark bei: Readster Bookmark bei: Folkd Bookmark bei: Yigg Bookmark bei: Digg Bookmark bei: Del.icio.us Bookmark bei: Reddit Bookmark bei: Simpy

Bookmark bei: StumbleUpon Bookmark bei: Slashdot Bookmark bei: Netscape Bookmark bei: Furl Bookmark bei: Yahoo Bookmark bei: Spurl Bookmark bei: Google Bookmark bei: Blinklist

Bookmark bei: Blogmarks Bookmark bei: Diigo Bookmark bei: Technorati Bookmark bei: Newsvine Bookmark bei: Blinkbits Bookmark bei: Ma.Gnolia Bookmark bei: Smarking Bookmark bei: Netvouz

Information

Tutorial - Hintergrundbild in Eigene Form übernehmen

In diesem Tutorial zeige ich Dir wie du ganz einfach ein Bild in eine Form übernehmen kannst.

Wenn Du möchtest kannst Du Dir das Tutorial zum offline lesen oder ausdrucken im Bereich Downloads herunterladen.

Ausgangsbild ist dieses das ich in Wesel auf dem Rheindamm gemacht habe:

Originales Bild

 

Als erstes öffnen wir das Bild in Photoshop. Damit ist die Grundlage geschaffen und wir können anfangen.

Bild in PS öffnen

 

Schritt 1:


Im linken Menue wählst du das Eigene-Formen-Werkzeug aus:

Werkzeug auswählen

 

Jetzt siehst Du oben in der Leiste mehrere Einstellungsmöglichkeiten :

Optionen

 

  1. Ohne Einschränkungen: Das bedeutet nichts anderes als das du die Form "aufziehen" kannst wie du willst. Horizontal und vertikal gibt es keine begrenzungen. Jede Art der verzerrung der Form ist möglich.
  2. Festgelegte Proportionen: Jede Form hat ein definiertes (Seiten) Verhältnis zueinander. Bei auswahl dieser Option bleibt diese erhalten. Es findet also keine horizontale oder vertikale Verzerrung statt.
  3. Definierte Größe: Hier behält die Form ihre ursprüngliche Größe bei. Beim einfügen in einem Bild per Mausklick wird diese Form in Originalgröße ohne jegliche verzerrung eingefügt.
  4. Feste Größe: Hier kann man eine eigene Größe für die Form eingeben. Horizontale und vertikale verzerrungen sind durch Angabe von Werten außerhalb des Seitenverhältnisses problemlos möglich.
  5. Vom Mittelpunkt aus: Hierbei wird der angeklickte Punkt im Bild als Mittelpunkt behandelt und die Form bildet sich um diesen herum. Diese Option ist zusätzlich für die vier vorhergehenden wählbar.

 

Kommen wir zu der Auswahl der Form. Auf dem folgendem Bild siehst Du wo du sie auswählen kannst:

Form auswählen

 

Bei Dir sieht der rot eingefärbte Bereich vermutlich anders aus. Ich habe mir im laufe der Zeit einige zusätzliche Formen heruntergeladen und eingefügt. Die in diesem Tutorial verwendete Form Schmetterling ist aber standardmäßig in Photoshop enthalten.

Klicke auf den kleinen Pfeil den ich mit einem roten Kreis markiert habe. Es öffnet sich ein Flyout Menue in dem Du deine gewünschte Formengruppe auswählen kannst. Ich habe für dieses Tutorial Natur ausgewählt (dieses sollte bei Dir vorhanden sein). Nun kanst Du in der Übersicht der Motive deine Form, hier also den Schmetterling, auswählen.

Schritt 2:


Nun kümmern wir uns um die Form. Als erstes solltest Du dir überlegen wie groß und an welcher Position Du den Schmetterling haben möchtest. Wähle nach deinen Wünschen die dafür beste Einstellung wie oben beschrieben. Ziehe dann die Form in deinem Bild auf.

Je nach gewähltem Modus brauchst Du nur links oben in das Bild klicken und die Maus bei gedrückter linker Taste nach rechts unten ziehen.

Es sollte jetzt so aussehen:

Form einfügen

 

Wenn Du mit der Position der Form nicht einverstanden bist kannst Du diese ganz leicht verschieben und an die richtige Stelle setzten.

Gehe dafür im linken Menue auf das Verschieben-Werkzeug :

Verschieben Werkzeug

 

Klicke anschließend in die Form und verschiebe es an die gewünschte Stelle. Für eine pixelgenaue ausrichtung der Form kannst Du auch die Pfeiltasten auf deiner Tastatur nehmen. Diese m Möglichkeit ist sehr sinnvoll wenn man nur ein klein wenig verschieben will.

Nach dem Ausrichten der Form sollte es passen, wie hier als Beispiel zu sehen ist :

Beispielbild

 

Schritt 3:


Nun geht es an die Feinheiten, keine Panik, es ist kinderleicht.

Als erstes gehst Du hin und machst einen Doppelklick auf die Hintergrundebene.
Photoshop bietet Dir nun an diese Ebene umzubenennen. Du kannst die Voreinstellung Ebene 0 so lassen oder ihr einen anderen Namen geben. Klicke anschließend auf OK.

Wichtig:
Die Ebene Hintergrund muß umbenannt werden damit die weiteren Schritte ausgeführt werden können. Eine Hintergrundebene ist durch ein Schloßsymbol gekennzeichnet und somit für viele Aufgaben die auf diese Ebene angewendet werden sollen, gesperrt. Das ändert man ganz leicht durch umbenenne

Jetzt ein wenig Handarbeit:

Ebenen verbinden

 

Ziehe die Ebene Form 1 durch anklicken und festhalten der linken Maustaste unter die Ebene 0.

Klicke anschließend in das mit einem roten Kreis markierte Feld so das dort ein Kettensymbol zu sehen ist.
Dieses Symbol zeigt dir an das nun weitere Aktionen auf beide Ebenen ausgeführt werden (die Ebenen sind nun verbunden). Das ist für das was jetzt kommt wichtig.

Dein Bild sollte nun so aussehen :

Vorschau

 

Schritt 4:


Endspurt... 

Drücke jetzt STRG + G gleichzeitig.
Photoshop übernimmt nun das Bild aus der Ebene 0 in die Form1 Ebene und blendet alles was über die Form hinausragt aus. Alles, bis auf die Form des Schmetterlings, erscheint nun transparent. Wenn Du alles richtig gemacht hast sollte dein Bild jetzt so aussehen :

Vorschau

Tip:
Das Bild der Ebene 0 ist immer noch komplett vorhanden, es wurde nicht gelöscht, nur ausgeblendet. Wenn Du nun mit dem Ausschnitt der im Schmetterling gezeigt wird nicht einverstanden bist kannst du diesen immer noch ändern. Wähle zuerst die Ebene 0 und dann für deinen Cursor das Verschieben Werkzeug aus. Nun kannst Du das Bild durch drücken und festhalten der linkem Maustaste innerhalb des Schmetterlings verschieben bis es dir gefällt.

Schritt 5:


Wenn Du möchtest kannst Du jetzt noch einige Effekte hinzufügen. Rechtsklick auf die Form 1 Ebene und Fülloptionen auswählen.

Hier bieten sich dir viele Möglichkeiten das Bild zu verändern. Ich habe noch einige angewendet und das Bild sieht nun so aus :

Mit Effekte

 

Das Bild ist nun fertig. Alles weitere, wie zum Beispiel einen Hintergrund einfügen, bleibt Deiner Phantasie überlassen.

Beachte bitte:
Nur .gif, .tiff und .png Dateien können einen transparenten Hintergrund behalten.
Wenn Du das Bild nun mit einem transparenten Hintergrund speichern möchtest wähle entweder Datei -> Für Web speichern aus und speichere es als .gif ab oder wähle Speichern unter... und dann unter Format das Format .png  oder .tiff aus. Je nachdem was Du haben möchtest. Beim speichern als .jpg oder .bmp wird dem Bild automatisch ein weißer Hintergrund hinzugefügt.

Als .gif gespeichert sieht das Ergebniss so aus :
(Nicht erschrecken, die Qualität hat hier ein wenig gelitten weil ich das Bild nachträglich für dieses Tutorial verkleinern muste.)

Endergebniss

 

Das war es auch schon. Ich hoffe das dir das Tutorial gefallen hat und Du viel Spaß damit hast und schöne Bilder damit erstellen kannst.

TopNach oben