Du-bist-der-Teamchef-Forum

Du-bist-der-Teamchef-Forum (http://forum.du-bist-der-teamchef.at/index.php)
-   DBDT Designer-Team (http://forum.du-bist-der-teamchef.at/forumdisplay.php?f=101)
-   -   Tutorial - Wappen erstellen leicht gemacht (http://forum.du-bist-der-teamchef.at/showthread.php?t=44859)

#17 21.05.2010 16:38

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:

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

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:

http://s7.directupload.net/images/10...p/tt27pyvm.png

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/10...p/tn4z5rhy.png

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/10...p/9yafzar9.png

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/10...p/b32qgv8z.png

http://s10.directupload.net/images/1...p/wtvtapxh.png

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/10...p/3ykhu3q4.png

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/10...p/hvb5canq.png

http://s5.directupload.net/images/10...p/7j3tzyi8.png

http://s3.directupload.net/images/10...p/fsy23bzl.png

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/1...p/nfj3mngy.png

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/1...p/gj23pwxa.png

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/10...p/qzs8md6g.png

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/10...p/5hrozq5o.png

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

Zitat:

Zitat von konsi2000 (Beitrag 601459)
Wieviel kostet photoshop ca.?

CS5 ca. 1.500 €

rene666 21.05.2010 17:08

Zitat:

Zitat von wap056 (Beitrag 601462)
CS5 ca. 1.500 €

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

wap056 21.05.2010 17:11

Zitat:

Zitat von rene666 (Beitrag 601464)
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

Zitat:

Zitat von rene666 (Beitrag 601464)
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

Zitat:

Zitat von azzurri (Beitrag 601470)
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

Zitat:

Zitat von Schnurspringer (Beitrag 601469)
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

Zitat:

Zitat von konsi2000 (Beitrag 601467)
und photoshop cs3??

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

wap056 21.05.2010 17:19

Zitat:

Zitat von konsi2000 (Beitrag 601472)
ja aber ist es möglich dass cs3 kostenlos ist?!

ja, für 30 Tage

azzurri 21.05.2010 17:20

Zitat:

Zitat von #17 (Beitrag 601471)
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

Zitat:

Zitat von wap056 (Beitrag 601475)
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/membertu...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

Zitat:

Zitat von Schnurspringer (Beitrag 601478)
Falls jemand vorhat sich wirklich Photoshop zu organisieren, dem kann ich diese seite -> http://www.psd-tutorials.de/membertu...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

Zitat:

Zitat von wap056 (Beitrag 601466)
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

Zitat:

Zitat von Morgi (Beitrag 601688)
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

Zitat:

Zitat von #17 (Beitrag 601689)
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

Gimp
 
Liste der Anhänge anzeigen (Anzahl: 1)
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

Zitat:

Zitat von Morgi (Beitrag 601706)
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.


Zitat:

Zitat von konsi2000 (Beitrag 601709)
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

Zitat:

Zitat von #17 (Beitrag 601712)
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

Zitat:

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/10...p/v95cxbr9.png

So weit bin ich bis jetzt gekommen. :lol:

konsi2000 22.05.2010 12:16

Zitat:

Zitat von Morgi (Beitrag 601725)
http://s5.directupload.net/images/10...p/v95cxbr9.png

So weit bin ich bis jetzt gekommen. :lol:

gefällt mir... hast du photoshop?

#17 22.05.2010 12:20

Zitat:

Zitat von konsi2000 (Beitrag 601723)
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

Zitat:

Zitat von #17 (Beitrag 601730)
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

Zitat:

Zitat von konsi2000 (Beitrag 601728)
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

Zitat:

Zitat von Herr-Professor-JD (Beitrag 657114)
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

Zitat:

Zitat von Schnurspringer (Beitrag 657196)
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

Zitat:

Zitat von Stefan87 (Beitrag 657504)
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

Zitat:

Zitat von #17 (Beitrag 657515)
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:


Alle Zeitangaben in WEZ +1. Es ist jetzt 10:44 Uhr.

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