Banner erstellen - Tutorial

S

Snogard

New Member
Hier also mal ein kleines Tutorial für Leute, die gern mal einen Banner erstellen möchten, es aber noch nie gemacht haben.

Für den Banner wird hauptsächlich das Erase-Tool benutzt.
http://www.snogards.de/bg/rubber1.jpg

Erstellt euch ein neues Dokument mit den Maßen 870x140
Sucht euch passende Bilder zusammen.
Als erstes füge ich žIron Man ein, es ist viel zu groß http://www.snogards.de/bg/ban1.jpg

also gehe ich auf EDIT/FREE TRANSFORM und ändere die Größe so, das es passend in der Mitte ist. Dabei haltet die SHIFT Taste fest, damit die Proportionen gleich bleiben.
http://www.snogards.de/bg/ban2.jpg

Nun entfehrnt ihr die IRON MAN Schrift mit Hilfe des Clone Tools
http://www.snogards.de/bg/clone1.jpg

Es ist eigentlich auch in jedem Programm vorhanden.
Vergrößert dazu eure Banneransicht auf ca 400%. Haltet die ALT Taste fest um das Fadenkreuz auf den Bereich festzulegen, den ihr clonen möchtet
http://www.snogards.de/bg/clone2.jpg

Wenn ihr den richtigen gefunden habt, klickt einmal mit der Mouse und lasst die ALT Taste wieder los. Wenn ihr Bereiche clont, immer nur einzeln klicken, step by step, nie mit der Mouse wild hin und her fuchteln, das hinterlässt kein schönes Ergebniss.
http://www.snogards.de/bg/clone3.jpg

Zwischendurch müsst ihr immer wieder das zu clonende Ziel ändern, wegen den ganzen Schattierungen und so. Mit ein bisschen Übung bekommt man das ganz gut hin.
http://www.snogards.de/bg/clone4.jpg

Nun nehmt ihr das nächste Bild. Plaziert es neben dem IRON MEN. Jetzt benötigen wir das Erase-Tool. Stellt die Größe auf 50, Opacity und Flow auf 20, dazu noch den Brush drücken.
http://www.snogards.de/bg/rubbereinstell.jpg

Am rechten Rand des eingefügten Bildes fangt ihr an etwas zu žradieren.
http://www.snogards.de/bg/rubber2.jpg

Das macht ihr so lange bis der gewünschte Effekt erzielt ist:
http://www.snogards.de/bg/rubber3.jpg

Nun nehmt ihr Indy und lasst das Bild einmal horizontal kippen, damit er in die andere Richtung schaut.
Fügt es in den Banner ein.
http://www.snogards.de/bg/indy1.jpg

Nun spielt ihr wieder mit dem Erase-Tool.
Wenn ihr das nötigste weg habt

http://www.snogards.de/bg/indy2.jpg
geht es an die Feinarbeit. Hierzu stellt ihr die Ansicht auf ca 400% ein und fangt an um die Konturen von Indy zu löschen. Dafür stellt ihr die Größe des Erase-Tools auf ca. 4-5 ein und Opacity und Flow wieder auf 100%.
http://www.snogards.de/bg/rubber4.jpg
http://www.snogards.de/bg/rubber5.jpg

Um alles entgültig sauber zu löschen müsst ihr immer wieder die Ansicht des Banners vergrößern und die Größe des Erase-Tools verringern.
http://www.snogards.de/bg/rubber6.jpg

Das Gleiche macht ihr auf der anderen Seite.
http://www.snogards.de/bg/rubber7.jpg

Wenn ihr jetzt ein weiteres Bild hinter Indy plaziert, sieht es so aus:
http://www.snogards.de/bg/indy3.jpg

Das macht ihr noch auf der anderen Seite mit den anderen Bildern und fertig :smile:
Wie ihr seht: mit ein bisschen Größenansicht und Größeneinstellungen erreicht man schnell das gewünschte Ergebnis.
 
Incubus

Incubus

Smokin' Ace
Erstmal Danke für diese ausführliche "Wie zum Geier mache ich einen BG-Banner, der gut aussehen soll"-Anleitung :top: :smile:

Also alles mit Photoshop oder kann man noch andere Programme verwenden?
 
V

vlad

Guest
War mal ne richtig gute Idee.
Danke Snogard. Hab schon ein ein bisschen rumprobiert sowas zu machen, aber nie was anständiges hinbekommen.
Ich denke jatzt kann ich es nochmal wagen :top:
 
squizo

squizo

Zillion Dollar Sadist
Cool Bombi :smile:. Besonders die rechte seite gefällt mir.
Kleiner Tipp. Versuch nicht so krasse kontraste wie bei dem Panter und Indy zu bringen,da sieht man sonst keinen guten Übergang
 
S

Snogard

New Member
ist doch schon gut soweit :smile: Versuche nur mehr die unsauberen Übergänge zu löschen, um etwa so ein Ergebniss zu bekommen:

http://www.snogards.de/images/1a.jpg

Freut mich wenn ich helfen kann :smile:
Dann sind es nicht immer die gleichen, die Banner zur Wahl bereit stellen, sondern auch mal welche, die sich bisher nicht ganz so ran getraut haben.
Wenn du Fragen hast oder Hilfe brauchst: melde dich ruhig!
 
V

vlad

Guest
Ja bin im Nachhinein nicht ganz so mit der linken Seite zufrieden.
Hab mich zu sehr auf die rechte seite verschossen. Aber bin ja noch am üben :wink:.
Und Danke für die Tips nochmal.
 
V

vlad

Guest
Also ich hab mir Gimp runtergeladen und komm damit gut zurecht. ist im grunde ne Light-Version vom Photoshop aber trotzdem sehr gut und vor allem GRATIS
 
L

Legende

Guest
Danke dir Snogard werd ich mal ausprobieren endlich mal eien vernünftige anleitung im I-net gibt es wenige.
 
S

Snogard

New Member
gern geschehen.
Werde mich auch nochmal an eine detailierte GIMP Anleitung setzen. Mal schauen was das Prog so alles kann.
 
conker

conker

War Sucks, Let's Party!
gimp ist für freeware schon nicht übel, aber ich bevorzuge, photoshop, weil ich mit gimp nicht so wirklich klar komme.


ein tutorial dazu wäre super
 
S

Snogard

New Member
ok, ich schaue mal das ich am WE ein komplettes Bannertutorial mit Bildern und Vorlagen zum nachbauen zusammen geschustert bekomme.
 
S

Snogard

New Member
ich bekam die Anfrage per PN wie man in GIMP ein Objekt markieren kann und zuschneiden, so das der unmarkierte Hintergrund verschwindet.

Öffnet euer Bildund wählt das Werkzeug ZUSCHNEIDEN aus:

http://www.snogards.de/images/zuschneiden.jpg

Markiert den gewünschten Bereich. Wenn ihr den habt doppelklickt in die Mitte des gewünschten und markierten Bereiches.
Fertig. Der Rest drum herum wird weg geschnitten und das Bild auf eure Auswahl reduziert, ohne weißen Rand drum herum.

Wie gesagt, wenn ich mich am WE mehr damit beschäftigt habe poste ich noch eine GIMP Anleitung für Banner, wenn es gewünscht wird.
 
Um antworten zu können musst du eingeloggt sein.
Oben