Antwort

 

  #1  
Alt 21.05.2010, 17:38
Benutzerbild von #17
#17 Status: Offline
Teamchefwoche-Chefredakteur, DBDT-Designerteam
Star-Legionär
Teamname: 17ers
Platzierung: 1
S|U|N: 0|0|0
Rangliste: 1137
Registriert seit: 06.01.2010
Beiträge: 6.115
Blog-Einträge: 2

Awards-Schaukasten

Standard Tutorial - Wappen erstellen leicht gemacht

Nachdem Schnurspringer schon ein Video, indem er zeigt wie man ein Wappen macht, veröffentlicht hat, werde ich es jetzt mit einem Tutorial angehen. Video gibt es keines, allerdings reichlich Screenshots und die einzelnen Schritte sind sehr genau beschrieben.

Mit diesem Tutorial zeig ich euch, wie man folgendes Wappen zaubert:



Alles was ihr dazu braucht, ist die Wappenform (hier zum downloaden; Form16.psd), das Bildbearbeitungsprogramm Adobe Photoshop (ich verwende die CS3-Version) und folgende zwei Bilder die ins Logo eingebaut werden:

http://s3.directupload.net/file/d/2166/j3e7pa2j_png.htm

http://s1.directupload.net/file/d/2166/drghjzoj_jpg.htm

Zuerst müsst ihr euch die Wappenform runterladen und die beiden Bilder auf eurem Computer speichern. Dann kann es losgehen:

Schritt 1
Startet Photoshop und öffnet die .psd-Datei, also die Wappenform, die ihr euch heruntergeladen habt. Das erste was ihr macht, ist eine neue Ebene erstellen. Dazu drückt Shift+Strg+N, oder geht auf Ebene --> Neu --> Ebene. Es öffnet sich ein Dialog bei dem ihr nichts umstellen müsst. Einfach mit Ok bestätigen. Nun seht ihr im Ebenenfenster zwei Ebenen. Die erste Ebene mit der Wappenform und die gerade eben erstellte, leere Ebene. Klickt nun im Ebenenfenster auf Ebene 1 um sie auszuwählen. Dann nehmt ihr den magischen Zauberstab und klickt direkt in die Wappenform rein. Wählt nun wieder Ebene 2 aus und füllt mit dem Füllwerkzeug die Ebene weiß. Habt ihr das gemacht, drückt Strg+D um die Auswahl aufzuheben. Nun sieht euer Bild so aus:



Schritt 2
Jetzt drückt ihr Strg+O und öffnet das Bild des Florenzer Doms. Habt ihr das Bild geöffnet, drückt Strg+A um alles auszuwählen. Dann mit Strg+X das Bild ausschneiden und im Wappen einfügen. Wie ihr seht, erstellt Photoshop gleich eine neue Ebene für das Bild. Nun packt ihr die unterste Ebene (den Wappenrand) und zieht sie mit der Maus nach ganz oben. Jetzt fällt es euch einfacher, den Dom als Hintergrund einzubauen. Dazu wählt die Ebene mit dem Dom aus und drück Strg+T. Nun könnt ihr ihn verkleinern und verschieben wie ihr wollt. Um die Transformation zu bestätigen, drückt einfach auf irgendein Tool in der Werkzeugbox.



Das Bild steht jetzt jedoch über, also wählen wir wir die weiße Ebene 2 an und wählen mit dem magischen Zauberstab den Bereich, außerhalb des Randes der Wappenform (siehe Bild oben). Nun wechselt ihr zur Ebene mit dem Dom und drückt die Entfernen-Taste. Dann wieder mit Strg+D die Auswahl aufheben. Jetzt müsste das ganze schon so aussehen.



Schritt 3
Wie ihr vlt. merkt, wirkt der Dom noch etwas zu hell für das Wappen, deshalb färbt ihr die weiße Ebene 2 mithilfe des Füllwerkzeuges auf schwarz um. Im Ebenenfenster könnt ihr mithilfe dieser "Augen" Ebene ein - und ausblenden. So tut ihr euch leichter mit der Umfärbung. Die Ebene wurde umgefärbt, allerdings hat sich noch nicht viel getan. Um das zu ändern, klickt mit einem Doppelklick auf die schwarze Ebene. Nun öffnet sich ein Fenster mit dem ihr eure eigenen Stile gestalten könnt. Setzt die Einstellungen bei den Stilen genauso wie bei diesen beiden Screenshots:





Bei der Strutkur könnt ihr euch selbst eine aussuchen, die eurer Meinung nach am besten passt. Seid ihr damit fertig, bestätigt und setzt nun den Regler "Deckkraft" im Ebenenfenster auf den Wert 85 herunter.

Dann noch den Stil bei der Ebene mit dem Dom anpassen:



Achtung: diesesmal steht die Füllmethode auf "Abdunkeln" nicht wie vorher auf "Normal".

Bei dieser Ebene bleibt die Deckkraft auf 100%.

Nach diesem Schritt sollte das Wappen jetzt schon besser aussehen. Allerdings fehlt noch ein ordentlicher Stil für den Rahmen. Also bearbeiten wir auch diesen mit einem Doppelklick auf die Ebene und nehmen folgende Einstellungen vor:







Um den Verlauf zu erhalten, müssen die Farben unter dem "Werkzeugkasten" auf rot und schwarz eingestellt sein.

Nun schaut auch der Rand besser aus



Schritt 4
Jetzt kommt Altair ins Spiel. Öffnet also das Bild mit dem schwarzen Assassine. Der braune Hintergrund stört, den wollen wir nicht haben. Also nehmen wir mein Lieblingstool, den magischen Radiergummi. Er hat macht dasselbe wie der magische Zauberstab, nur schneidet er den ausgewählten Bereich gleich weg. Wählt beim Zauberstab die Toleranz 60%, damit er nicht zuviel wegschneidet.



Nun kommt das alte Spiel. Wie beim Dom zuvor, schneidet ihr Altair aus und fügt ihn ins Wappen ein. Positioniert und transformiert ihn noch so wie auf diesem Bild



Dann benutzt ihr dieselbe Method wie beim Dom, damit Altair genau rein passt. Also schwarze Ebene wählen, mit dem Zauberstab außerhalb des Wappens klicken, zu Altair wechseln, Entfernen-Taste drücken.

Schritt 5
Nun zur Aufschrift des Teamnamens. Stellt sicher, dass eure Vordergrundfarbe weiß ist. Ich hab für das Logo die Schrifart "Matisse ITC" genommen. Falls ihr diese nicht habt, nehmt die, die euch am besten gefällt.
Dann wählt das Text-Symobl in der Werkzeugbox. Klickt damit einfach auf das Wappen und gebt "Assassine" ein. Mit einem Klick auf ein beliebiges Tool kommt ihr aus dem Schreibmodus raus. Danach transformiert den Text mit Strg+T damit er genau die richtige Größe bekommt. Auch der Text bekommt einen Stil verpasst:



Wenn ihr einen Schriftzug fertig habt, könnt ihr mit einem Rechtsklick auf die Textebene die Option "Ebene duplizieren" auswählen. Bei der duplizierten Ebene ändert ihr dann ganz einfach den Text in "FC" und passt diesen wieder an.

Fertig ist das Grundlogo! Nun könnte man noch mit der richtigen "Ausrüstung" ein paar Details einbauen (so wie ich die Blutspritzer, dazu wird ein eigener Pinsel benötigt, den ihr euch im Internt herunterladen könnt), bzw. einen 3D-Effekt. Den 3D-Effekt hat allerdings Schnurspringer in seinem Video schon gezeigt, deshalb verzichte ich hier darauf Ebenso hab ich den "Schatten-Effekt" bei Altair nicht gezeigt.

Ich hoffe ihr konntet etwas lernen und euch gefällt dieses Tutorial

lg 17

Geändert von #17 (15.03.2012 um 16:04 Uhr)
Mit Zitat antworten
  #2  
Alt 21.05.2010, 17:58
Benutzerbild von konsi2000
konsi2000 Status: Offline
Erfahrener Benutzer
Ersatzbank
Teamname: Ländleclub
Platzierung: 7
S|U|N: 2|4|8
Rangliste: 4899
Registriert seit: 13.02.2010
Beiträge: 406
Standard

Wieviel kostet photoshop ca.?
Mit Zitat antworten
  #3  
Alt 21.05.2010, 18:05
wap056 Status: Offline
Erfahrener Benutzer
Talent
Platzierung: 1
S|U|N: 0|0|0
Rangliste: 5086
Registriert seit: 07.05.2009
Beiträge: 263
Standard

Zitat:
Zitat von konsi2000 Beitrag anzeigen
Wieviel kostet photoshop ca.?
CS5 ca. 1.500 €
Mit Zitat antworten
  #4  
Alt 21.05.2010, 18:08
Benutzerbild von rene666
rene666 Status: Offline
Erfahrener Benutzer
Regionalligist
Teamname: Fc Fische
Platzierung: 1
S|U|N: 0|0|0
Rangliste: 771
Registriert seit: 18.09.2008
Ort: Klopeinersee/ Südkärnten
Beiträge: 723
Blog-Einträge: 1
Standard

Zitat:
Zitat von wap056 Beitrag anzeigen
CS5 ca. 1.500 €
Nein, falsch. Photoshop CS5 Extended kostet 999 US Dollar, sprich rund 795 €.
lg
Mit Zitat antworten
  #5  
Alt 21.05.2010, 18:11
wap056 Status: Offline
Erfahrener Benutzer
Talent
Platzierung: 1
S|U|N: 0|0|0
Rangliste: 5086
Registriert seit: 07.05.2009
Beiträge: 263
Standard

Zitat:
Zitat von rene666 Beitrag anzeigen
Nein, falsch. Photoshop CS5 Extended kostet 999 US Dollar, sprich rund 795 €.
lg
stimmt nicht ganz
Für Photoshop CS5 belaufen sich die Kosten auf 1010 Euro, für Photoshop CS5 Extended auf 1.427 Euro

aber es geht auch mit PSE8 und das kostet nur 60€
Mit Zitat antworten
  #6  
Alt 21.05.2010, 18:12
Benutzerbild von konsi2000
konsi2000 Status: Offline
Erfahrener Benutzer
Ersatzbank
Teamname: Ländleclub
Platzierung: 7
S|U|N: 2|4|8
Rangliste: 4899
Registriert seit: 13.02.2010
Beiträge: 406
Standard

Zitat:
Zitat von rene666 Beitrag anzeigen
Nein, falsch. Photoshop CS5 Extended kostet 999 US Dollar, sprich rund 795 €.
lg

und photoshop cs3??
Mit Zitat antworten
  #7  
Alt 21.05.2010, 18:15
Benutzerbild von Schnurspringer
Schnurspringer Status: Offline
DBDT-Designerteam
Auslandsprofi
Teamname: The Blackjacks
Platzierung: 1
S|U|N: 0|0|0
Rangliste: 1342
Registriert seit: 18.09.2008
Ort: Steyr
Beiträge: 4.485

Awards-Schaukasten

Standard

kann man leicht im internet nachschaun

es gibt aber auch studentenversionen etc
Mit Zitat antworten
  #8  
Alt 21.05.2010, 18:15
Benutzerbild von azzurri
azzurri Status: Offline
Benutzer
Reservist
Teamname: Azzurro F.C.
Platzierung: 1
S|U|N: 0|0|0
Rangliste: 4424
Registriert seit: 18.08.2009
Ort: Österreich / Wien
Beiträge: 67
azzurri eine Nachricht über MSN schicken
Standard

Ne kleine Frage!! Wo bekommt ihr die Wappenformen eigentlich her??

Geändert von azzurri (21.05.2010 um 18:18 Uhr)
Mit Zitat antworten
  #9  
Alt 21.05.2010, 18:17
Benutzerbild von #17
#17 Status: Offline
Teamchefwoche-Chefredakteur, DBDT-Designerteam
Star-Legionär
Teamname: 17ers
Platzierung: 1
S|U|N: 0|0|0
Rangliste: 1137
Registriert seit: 06.01.2010
Beiträge: 6.115
Blog-Einträge: 2

Awards-Schaukasten

Standard

Zitat:
Zitat von azzurri Beitrag anzeigen
nee kleine frage!! wo bekommt ihr die wappen formen eigentlich her??
aus dem World Wide Web

Ich hab meine hier veröffentlicht:

http://teamchefwoche.bplaced.net/Wappenformen/
Mit Zitat antworten
  #10  
Alt 21.05.2010, 18:17
Benutzerbild von konsi2000
konsi2000 Status: Offline
Erfahrener Benutzer
Ersatzbank
Teamname: Ländleclub
Platzierung: 7
S|U|N: 2|4|8
Rangliste: 4899
Registriert seit: 13.02.2010
Beiträge: 406
Standard

Zitat:
Zitat von Schnurspringer Beitrag anzeigen
kann man leicht im internet nachschaun

es gibt aber auch studentenversionen etc
ja aber ist es möglich dass cs3 kostenlos ist?!
Mit Zitat antworten

Antwort

Lesezeichen



Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.

Gehe zu



Alle Zeitangaben in WEZ +1. Es ist jetzt 14:27 Uhr.

Powered by vBulletin® Version 3.8.4 (Deutsch)
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.