PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Tutorial - Wappen erstellen leicht gemacht


#17
21.05.2010, 16:38
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:

http://img4.imageshack.us/img4/883/assassineyu.png

Alles was ihr dazu braucht, ist die Wappenform (hier zum downloaden (http://teamchefwoche.bplaced.net/download/Wappenformen.zip); 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:

http://s7.directupload.net/images/100521/temp/tt27pyvm.png (http://s7.directupload.net/file/d/2166/tt27pyvm_png.htm)

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.

http://s7.directupload.net/images/100521/temp/tn4z5rhy.png (http://s7.directupload.net/file/d/2166/tn4z5rhy_png.htm)

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.

http://s5.directupload.net/images/100521/temp/9yafzar9.png (http://s5.directupload.net/file/d/2166/9yafzar9_png.htm)

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:

http://s1.directupload.net/images/100521/temp/b32qgv8z.png (http://s1.directupload.net/file/d/2166/b32qgv8z_png.htm)

http://s10.directupload.net/images/100521/temp/wtvtapxh.png (http://s10.directupload.net/file/d/2166/wtvtapxh_png.htm)

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:

http://s7.directupload.net/images/100521/temp/3ykhu3q4.png (http://s7.directupload.net/file/d/2166/3ykhu3q4_png.htm)

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:

http://s7.directupload.net/images/100521/temp/hvb5canq.png (http://s7.directupload.net/file/d/2166/hvb5canq_png.htm)

http://s5.directupload.net/images/100521/temp/7j3tzyi8.png (http://s5.directupload.net/file/d/2166/7j3tzyi8_png.htm)

http://s3.directupload.net/images/100521/temp/fsy23bzl.png (http://s3.directupload.net/file/d/2166/fsy23bzl_png.htm)

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

http://s10.directupload.net/images/100521/temp/nfj3mngy.png (http://s10.directupload.net/file/d/2166/nfj3mngy_png.htm)

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.

http://s10.directupload.net/images/100521/temp/gj23pwxa.png (http://s10.directupload.net/file/d/2166/gj23pwxa_png.htm)

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

http://s7.directupload.net/images/100521/temp/qzs8md6g.png (http://s7.directupload.net/file/d/2166/qzs8md6g_png.htm)

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:

http://s5.directupload.net/images/100521/temp/5hrozq5o.png (http://s5.directupload.net/file/d/2166/5hrozq5o_png.htm)

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

konsi2000
21.05.2010, 16:58
Wieviel kostet photoshop ca.?

wap056
21.05.2010, 17:05
Wieviel kostet photoshop ca.?

CS5 ca. 1.500 €

rene666
21.05.2010, 17:08
CS5 ca. 1.500 €

Nein, falsch. Photoshop CS5 Extended kostet 999 US Dollar, sprich rund 795 €.
lg

wap056
21.05.2010, 17:11
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€

konsi2000
21.05.2010, 17:12
Nein, falsch. Photoshop CS5 Extended kostet 999 US Dollar, sprich rund 795 €.
lg


und photoshop cs3??

Schnurspringer
21.05.2010, 17:15
kann man leicht im internet nachschaun :)

es gibt aber auch studentenversionen etc

azzurri
21.05.2010, 17:15
Ne kleine Frage!! Wo bekommt ihr die Wappenformen eigentlich her??

#17
21.05.2010, 17:17
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/

konsi2000
21.05.2010, 17:17
kann man leicht im internet nachschaun :)

es gibt aber auch studentenversionen etc

ja aber ist es möglich dass cs3 kostenlos ist?!

Schnurspringer
21.05.2010, 17:18
für 30 tage, ja :D

azzurri
21.05.2010, 17:19
und photoshop cs3??

GIMP = Gratis =) is aber nicht ganz so gut ^^

wap056
21.05.2010, 17:19
ja aber ist es möglich dass cs3 kostenlos ist?!

ja, für 30 Tage

azzurri
21.05.2010, 17:20
aus dem World Wide Web

Ich hab meine hier veröffentlicht:

http://teamchefwoche.bplaced.net/Wappenformen/

Danke!! Ja habe eh schon im Web gesucht aber
keine richtigen Wappen im ps format ^^
THX A LOT :D

wap056
21.05.2010, 17:22
ja, für 30 Tage


Frag einmal bei einem Fotoclub nach, da bekommst die Stud-Version von CS5 schon um ca.450€

Schnurspringer
21.05.2010, 17:22
Falls jemand vorhat sich wirklich Photoshop zu organisieren, dem kann ich diese seite -> http://www.psd-tutorials.de/membertutorials-cat1-2-Photoshop.html ans Herz legen..

Es sind Tutorials die den Einstieg in Photoshop erheblich vereinfachen, da man mal die Grundkentnisse kennenlernt.. ohne die is es ziemlich schwer überhaupt damit zu arbeiten, da man keine ahnung hat was welcher effekt kann etc..

ps: es is halt kein paint oder gimp :P sondern etwas anspruchsvoller^^

#17
21.05.2010, 17:36
Falls jemand vorhat sich wirklich Photoshop zu organisieren, dem kann ich diese seite -> http://www.psd-tutorials.de/membertutorials-cat1-2-Photoshop.html ans Herz legen..

Es sind Tutorials die den Einstieg in Photoshop erheblich vereinfachen, da man mal die Grundkentnisse kennenlernt.. ohne die is es ziemlich schwer überhaupt damit zu arbeiten, da man keine ahnung hat was welcher effekt kann etc..

ps: es is halt kein paint oder gimp :P sondern etwas anspruchsvoller^^

Ich würde jedem, der interesse an Photoshop hat, empfehlen, gimp auszuprobieren. Es ist zwar komplett anders, aber die grundkenntnisse kann man scih auch mit gimp aneignen. Und gimp ist kostenlos!

Ich hab mich auch zuerst mit gimp rangetastet. Hab da eine sehr gute seite mit tutorials gefunden, die mir sehr geholfen hat

rene666
21.05.2010, 17:47
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€

Adobe Shop is billiger nämlich 999Dollar, aber kommt halt drauf an wo kaufst, stimmt.
lg

btw tolles Tutorial

Morgi
22.05.2010, 11:25
Was ganz anderes:

Was mach ich, wenn ich ein gestreiftes Logo will, kein Bild im Hintergrund?

#17
22.05.2010, 11:27
Was ganz anderes:

Was mach ich, wenn ich ein gestreiftes Logo will, kein Bild im Hintergrund?

Du erstellst einen neue Ebene, nimmst das Auswahl-Tool und ziehst einen Balken damit. Den füllst du dann mit der gewünschten Farbe und danach kannst du ihn transformieren. Dann mit Alt+Pfeiltaste duplizieren und mit Shift+Pfeiltaste verschieben. Das machst du, sooft du willst ;-)

Morgi
22.05.2010, 11:46
Du erstellst einen neue Ebene, nimmst das Auswahl-Tool und ziehst einen Balken damit. Den füllst du dann mit der gewünschten Farbe und danach kannst du ihn transformieren. Dann mit Alt+Pfeiltaste duplizieren und mit Shift+Pfeiltaste verschieben. Das machst du, sooft du willst ;-)

Das mit dem transformieren check ich irgendwie ned...für was ist das gut, was soll man damit machen. :-?

konsi2000
22.05.2010, 11:56
Ich habe das Wappen versucht auf gimp nach zu machen und ich denke, dass es auch mit dem kostenlosen programm ganz gut funktioniert...

#17
22.05.2010, 11:58
Das mit dem transformieren check ich irgendwie ned...für was ist das gut, was soll man damit machen. :-?

Mit Strg+T kann man transformieren. Dadurch kann man sachen größer und kleiner machen, drehen, verschieben, usw.


Ich habe das Wappen versucht auf gimp nach zu machen und ich denke, dass es auch mit dem kostenlosen programm ganz gut funktioniert...

Ja die Styles fehlen halt. Das kann Gimp nicht ;-)

Morgi
22.05.2010, 12:00
Mit Strg+T kann man transformieren. Dadurch kann man sachen größer und kleiner machen, drehen, verschieben, usw.



Aso, passt! ;-)

konsi2000
22.05.2010, 12:12
Ja die Styles fehlen halt. Das kann Gimp nicht ;-)


welche meinst du? ja aber die meisten hier haben ja nicht vor sich jeden tag ein neues wappen zu machen und dann ist das auch nicht so von bedeutung...

Morgi
22.05.2010, 12:14
http://s5.directupload.net/images/100522/temp/v95cxbr9.png (http://s5.directupload.net/file/d/2167/v95cxbr9_png.htm)

So weit bin ich bis jetzt gekommen. :lol:

konsi2000
22.05.2010, 12:16
http://s5.directupload.net/images/100522/temp/v95cxbr9.png (http://s5.directupload.net/file/d/2167/v95cxbr9_png.htm)

So weit bin ich bis jetzt gekommen. :lol:

gefällt mir... hast du photoshop?

#17
22.05.2010, 12:20
welche meinst du? ja aber die meisten hier haben ja nicht vor sich jeden tag ein neues wappen zu machen und dann ist das auch nicht so von bedeutung...

Ich meine die Stile die man bei Photoshop einstellen kann. Die Möglichkeit hat man bei Gimp leider nicht ;-)

konsi2000
22.05.2010, 12:32
Ich meine die Stile die man bei Photoshop einstellen kann. Die Möglichkeit hat man bei Gimp leider nicht ;-)


aber das ist doch eigentlich klar, iregendetwas muss ja fehlen, damit es kostenlos sein kann ^^ aber es ist trotzdem ein gutes programm für den preis xD

Morgi
22.05.2010, 22:33
gefällt mir... hast du photoshop?
Nur die 30 Tage-Testversion! ;-)

Exp3rte
19.08.2010, 10:25
Noch ein gutes Programm ist Paint.NET. Eine gute Alternative wenn man sich nicht die teuren Programme wie z.B. Photoshop leisten kann, was glaub ich auf 99% der User hier zutrifft. Auf Chip.de gibt es das Programm zum Downloaden. ;-)

MfG

Schnurspringer
19.08.2010, 11:20
gimp is auch gratis und besser ;)

Herr-Professor-JD
08.09.2010, 17:36
Will auch mal was fragen.

Könnt ihr mir mal die besten Bildbearbeitungsprogramme nennen?
Ich weiß das Photoshop CS 5 wohl das beste ist, aber wäre ganz nett wenn ich noch welche kennen würde um zu vergleichen! Außerdem würde ich gerne wissen Was es noch von Phtoshop gibt außer CS?

danke im Voraus
lg JD

Undertaker07
08.09.2010, 18:10
Will auch mal was fragen.

Könnt ihr mir mal die besten Bildbearbeitungsprogramme nennen?
Ich weiß das Photoshop CS 5 wohl das beste ist, aber wäre ganz nett wenn ich noch welche kennen würde um zu vergleichen! Außerdem würde ich gerne wissen Was es noch von Phtoshop gibt außer CS?

danke im Voraus
lg JD

die marke heißt nicht photoshop sndern adobe ;-)

also

von adobe gibt es alles mögliche

für grafisches wie banner und wappen ist jedoch photoshop am besten geeignet.

es gibt die cs (aktuell CS 5) serie und das normale photoshop (aktuell 7.0 wenn ich mich nicht irre)

CS 5 ist um rund 900,-€ erhältlich

eine alternative ist Corel Draw, bekommt man um ca. den selben preis wie PS.

für anfänger empfielt sich aber Gimp2. Da du hier sehen kannst ob du wirklich interesse am Designen hast.


Lg

Herr-Professor-JD
08.09.2010, 19:36
also erstmal danke für die schnelle antwort

2tens, kenn gimp schon und ich intressiere mich schon seit ca einem jahr fürs designen von verschiedensten bildern
und falls ich mich nicht auskenne kann ich ja nachlesen oder einen freund von mir fragen oder vl auch euch

lg deni

Schnurspringer
08.09.2010, 20:33
photoshop kostet zwar was, is aber um häuser besser als gimp..

lad dir einfach mal eine 30 tage testversion runter und chill mal damit rum..

danach 10-20 tutorials machen und schon hast du die grundfunktionen im kopf, danach heißts: experimentieren :)

Herr-Professor-JD
09.09.2010, 09:44
photoshop kostet zwar was, is aber um häuser besser als gimp..

lad dir einfach mal eine 30 tage testversion runter und chill mal damit rum..

danach 10-20 tutorials machen und schon hast du die grundfunktionen im kopf, danach heißts: experimentieren :)

okey ;-)....

Stefan87
09.09.2010, 14:59
tach die Damen und Herren,

bin gestern glücklicherweise wieder auf teamchef gestossen, nach sovielen Jahren Entzug - freu :)

War gerade am Wappen gestalten in gimp - mal für meinen Bruder, dann für mich - das Problem ist nur, dass ich es ohne Qualitätsverlust nicht speichern kann - hat da jemand einen Tipp, in welchem Format ich das speichern muss und wie ich die passende Größe einstelle? -> siehe mein Bild (welches eigentlich seines ist)

danke und lg stefan

#17
09.09.2010, 15:11
tach die Damen und Herren,

bin gestern glücklicherweise wieder auf teamchef gestossen, nach sovielen Jahren Entzug - freu :)

War gerade am Wappen gestalten in gimp - mal für meinen Bruder, dann für mich - das Problem ist nur, dass ich es ohne Qualitätsverlust nicht speichern kann - hat da jemand einen Tipp, in welchem Format ich das speichern muss und wie ich die passende Größe einstelle? -> siehe mein Bild (welches eigentlich seines ist)

danke und lg stefan

am besten als PNG-Datei speichern. Größe 100x100 pixel ;-)

Stefan87
09.09.2010, 15:13
am besten als PNG-Datei speichern. Größe 100x100 pixel ;-)

Das Problem ist, ich kann's nicht richtig verkleinern, weil er mir die Ebene nicht verkleinert sondern nur das Bild... :noidea:

#17
09.09.2010, 15:14
Das Problem ist, ich kann's nicht richtig verkleinern, weil er mir die Ebene nicht verkleinert sondern nur das Bild... :noidea:

die größe ist auch nicht wirlich wichtig, weil es von dbdt automatisch verkleinert wird ;-)

Stefan87
09.09.2010, 15:17
die größe ist auch nicht wirlich wichtig, weil es von dbdt automatisch verkleinert wird ;-)

Aber wenn ich auf Ebene skalieren, 100x100 Pixel gehe - dann sieht es so wie jetzt aus und dann kann ich die Ebenengröße nicht mehr verändern...

EDIT...ok, so wie's jetzt ist, passts :)
nur als .png speichern ohne was zu verändern

zipfelsuelze
25.11.2010, 09:40
Hallo,

habe Photoimpact X3, war auch nicht ganz billig. Bekomme ich damit auch solche schönen Wappen hin? Bzw. weiß jemand ob ich die hier geposteten Wappenvorlagen mit der psd. Endung damit verwenden kann?

Gruß Zippel

aleksv
25.11.2010, 09:53
Hallo,

habe Photoimpact X3, war auch nicht ganz billig. Bekomme ich damit auch solche schönen Wappen hin? Bzw. weiß jemand ob ich die hier geposteten Wappenvorlagen mit der psd. Endung damit verwenden kann?

Gruß Zippel

das kommt auf die person an und nicht aufs programm :)

zipfelsuelze
25.11.2010, 10:02
Klar muß ich bissl experimentieren. Aber in PI z.B. habe ich nur 2 Vorlagen für Wappen. Deswegen wäre es schön wenn die anderen Vorlagen benutzbar wären. außerdem habe ich bis heut nicht hinbekommen eine Vorlage mit mehreren Farben zu füllen (gestreift o.ä.) nur Farbverlauf ist möglich. Tutorilas dafür gibts leider nich so viel wie für PS. :(

Sherman05
15.03.2012, 14:35
Hallo,

ich bin auf der Suche nach einer (oder mehreren) Wappenvorlagen, leider funktioniert der download von seite 1 nicht mehr..

Danke!
Sherman

#17
15.03.2012, 15:04
Hallo,

ich bin auf der Suche nach einer (oder mehreren) Wappenvorlagen, leider funktioniert der download von seite 1 nicht mehr..

Danke!
Sherman

Der Link stimmt jetzt wieder ;-)

Sherman05
15.03.2012, 19:14
Der Link stimmt jetzt wieder ;-)

Vielen Dank! Reichlich auswahl :-D

DraMaTiicoO
19.03.2012, 11:25
Hallo ich möchte auch gerne ein wappen.
An wen muss ich mich wenden? oder kann ich einfach mal reinschreiben wie es aussehen soll?

oleander
19.03.2012, 14:18
Hallo ich möchte auch gerne ein wappen.
An wen muss ich mich wenden? oder kann ich einfach mal reinschreiben wie es aussehen soll?

Hier (http://forum.du-bist-der-teamchef.at/showthread.php?t=42296) ist der passende Thread.