Tutorial - Professionelle Trophy Card mit GIMP

[LiFe]

Hallo liebe Design-Freunde!

Jetzt ist es wieder soweit, schon wieder ein Tutorial von mir

Update:

ACHTUNG:

Dieses Tutorial wurde mit GIMP 2.6 erstellt

Ab GIMP 2.8 können sich die Methoden,

wie hier beschrieben, ändern.

Diesmal zeig ich euch wie ihr so eine Trophy Card erstellt:

___________________________________________

Nun stellt sich die Frage, WARUM noch ein Tutorial??

Ganz einfach!! Ihr benötigt gerade mal 10 Minuten und das Ergebniss ist 10 mal besser, als das meines alten Tutorials!!

Genug geschwafelt, los gehts:

___________________________________________

Wichtige Tipps für die Individualität:

Individualität macht natürlich eine Custom Trophy Card aus, setzt die Deckkraft von Ebenen herunter; Färbt gewisse sachen ein oder lasst eurer Kreativität freien lauf.

Ihr wollt ja eine Trophy Card erstellen die sonst keiner besitzt und mit Effekten die noch keiner gesehen hat

Ihr könnt für den Hintergrund auch 2 Bilder verwenden und diese verschmelzen:

Tutorial - Weiche Übergänge mit GIMP

Tutorial - Brush und Beam Effekt

Allgemeine Tipps zu GIMP:

Ihr solltet natürlich die Grundkenntnisse von Gimp schon beherrschen, deswegen hier noch Grundlegende Tipps:

• Wenn ihr ein Bild skaliert, verkleinert das Bild nie mehr als 50% auf einmal (am Besten in 25% schritten oder 50% schritten)
  
• Aktiviert beim skalieren immer "Verhältnis beibehalten"
  
• Mit STRG + Z könnt ihr immer den letzten Schritt rückgängig machen
  
• Mit STRG + Mausrad rauf oder runter könnt ihr Zoomen
  
• Speichert euer Werk zwischendurch ab, Gimp ist anfällig für Abstürze und bietet erst in Version 2.8 eine automatische Speicherung als Sicherung
  
• Schriftarten könnt ihr auf DaFont runterladen, entpacken -> Rechtklick -> Installieren
  

Um das ganze zu realisieren habe ich eine Vorlage erstellt, in der sogut wie alles schon inbegriffen ist.

Speichert die Vorlage auf eurem Computer und öffnet sie mit einem Doppelklick. (Gimp wird dabei automatisch gestartet)

Das ganze sieht dann so aus:

Als nächstes wählt einen Hintergrund. Ihr könnt ihn euch auf Google suchen oder auch auf deviantART.com

Ihr könnt natürlich auch mehrere Bilder als Hintergrund verwenden, mehr dazu am Ende des Tutorials.

Ich Verwende dieses Bild:

Zieht das Bild mit Gedrückter Maustaste einfach in das Gimp Programm hinein:

Als nächstes verwendet das Verschieben Werkzeug ()

Klick auf das Kästchen "Aktive Ebene verschieben"

Nun Bringt den Hintergrund in Position, so wie es euch gefällt:

Klickt mit der Rechten Maustaste auf die Ebene eures Hintergrundbildes und wählt: Alphakanal Hinzufügen

(Falls die Option ausgegraut ist, könnt ihr das Überspringen)

Als nächstes klickt mit der linken Maustaste auf die Ebene TEMPLATE

Klickt nun mit der Rechten Maustaste auf die Ebene und wählt: Auswahl aus Alphakanal

Nun sollte eine Weiss-Schwarze Linie um die Card erscheinen:

Klickt nun in der Menüleiste -> Auswahl -> Invertieren

Nun sieht die Weiss-Schwarze Umrandung so aus:

Jetzt sollte sich die äußere Linie auch bewegen.

Klickt jetzt mit der linken Maustaste auf die Ebene eures Hintergrundbildes:

Jetzt drückt die ENTFERNEN Taste

Das sollte dann dieses Ergebniss bringen:

Klickt nun in der Menüleiste -> Auswahl -> Nichts Auswählen

Als nächstes benötigt ihr eure Originale Sony Trophy Card.

Hier ein Tutorial, wie ihr eine Original Sony Card erhaltet:

http://forum.trophies-ps3.de/playstation-3/6835-tutorial-trophycard-tutorial-diskussion.html

Öffnet diese mit Gimp:

Wählt das Rechteck Werkzeug aus ()

Macht ein Häcken bei den Punkt Abgerundete Ecken

und wählt den Radius 6

Nun Zoom ihr an die Trophy-Anzeige heran (Zoom mit STRG + Mausrad rauf oder runter)

Wählt die Trophy-Anzeige Pixelgenau aus:

Habt ihr das Trophy-Feld mit dem Rechteck Tool ausgewählt drückt STRG + C und dann STRG + V

Es erscheint eine neue Schwebende Ebene:

Klickt mit der rechten Maustaste auf die Ebene -> Neue Ebene

Klickt nun das Augensymbol bei der Hintergrund ebene Weg ()

Es sollt nun nur mehr die Trophy Anzeige sichtbar sein.

Zieht nun die Trophy Anzeige mit gedrückter (linken) Maustaste in die TrophyCard hinein:

Das sollte dann etwas so aussehen:

Wählt nun wieder das Verschieben Werkzeug () und Bringt die Trophy Anzeige in Position

Ich habe den Schatten für die Anzeige schon erstellt und eingefügt, ihr müsst das Feld nur noch darüberlegen.

Als nächstes fügen wir Render ein.

Render sind Figuren oder Symbole die schon ausgeschnitten sind und somit einen Transparenten Hintergrund haben.

Render die ich benutzt habe:

Ihr könnt die Render wieder mit gedrückter Maustaste in das Programm ziehen:

Verschiebt den Render wieder mit dem Verschiebe Werkzeug ()

Achtet darauf, dass der Render unter der Welle Unten liegt und über den Rahmen:

Ihr könnt nun die Online ID ändern indem ihr auf (Rot Markiert) die Ebene mit einen Doppelklick klickt (Linke Maustaste)

Es erscheint dieses Fenster:

Hier könnt ihr Online-ID Löschen und euren Name reinschreiben.

Unten Links könnt ihr die Schriftart und Schriftfarbe sowie größe auswählen:

Dasselbe könnt ihr mit "Dein Text hier" machen oder ihr klickt auf das Augensymbol () um den Text auszublenden.

Schriftarten könnt ihr hier runterladen: www.DaFont.com

Entpackt die Datei mit Winrar oder 7Zip, Klickt mit Rechtsklick auf die Datei -> Installieren.

Ihr könnt natürlich mit dem Text-Werkzeug auch neue Texte an einem Beliebigen Platz schreiben.

Render findet ihr hier: http://forum.trophies-ps3.de/design-talk/35966-sammelthread-tutorials-and-grafiken.html

Speichert jetzt euer Werk:

Geht auf Datei -> Speichern Unter -> Name.xcf

Wichtig ist, dass ihr die Datei als .xcf Datei speichert und diese Datei nicht löscht, ihr werdet sie brauchen, wenn ihr die Trophycard aktualisieren wollt.

Geht wieder auf Datei -> Speichern Unter -> Name.png

Speichert die Datei als .png auf dem Desktop, damit ist die Card dann fertig und kann hochgeladen werden:

Geht auf ImageBanana und ladet eure .png Datei hoch.

Klickt dann auf Erweiterte Ansicht:

Kopiert euch den DIREKTEN LINK

Geht nun im Forum auf Kontrollzentrum -> Signatur bearbeiten

wählt das Symbol aus () und kopiert den Link dort hinein.

Das wars

___________________________________________

Zum Abschluss:

Ihr könnt natürlich mit dem Augensymbol () meine Vorgefertigten Ebenen ausblenden und neue erstellen.

Auch könnt ihr das Kettensymbol () lösen und die Ebenen verschieben oder verändern.

WICHTIG: Lasst die TEMPLATE Ebene wie sie ist, die ist nur gedacht um den Hintergrund passend zuzuschneiden!

___________________________________________

In diesem Sinne, Gutes gelingen und Viel Spaß beim Designen!

___________________________________________

Auf Anfrage hab ich dieselbe Vorlage auch für PS erstellt:

Wichtig: GIMP User laden diese Vorlage NICHT HERUNTER

___________________________________________

Das wird hier mein letztes Tutorial für Gimp sein, da ich jetzt mit Photoshop arbeite. Ich hoffe ich kann durch das Tutorial die Community Designer ein wenig entlasten.

Bei Fragen oder Feedback kann natürlich jeder hier was dazu schreiben

___________________________________________

© by LiFe

[RP_Alexis__9]

Habs mir mal durchgelesen und was soll ich sagen.

Perfekt für mich , als anfänger

[gematria92]

Super Tutorial, Super Design, Super Sache Eine klitzekleine Sache hab ich aber zu bemängeln und zwar an den Verläufen links oben und rechts unten sieht man wo der Verlauf endet. Also links oben sieht man die schwarze Kante des Verlaufs und rechts unten solltest du den Verlauf nach weiter rechts setzen da der dann plötzlich aufhört. Ist etwas schwer zu erkennen, Anfänger werden das nicht sofort erkennen aber geschulte Designer Augen merken sowas natürlich sofort ^^ Aber echt Top Sache

[LiFe]

Habs mir mal durchgelesen und was soll ich sagen.

Perfekt für mich , als anfänger

dafür wäre es gedacht, natürlich sollte man die Basics in Gimp draufhaben

Super Tutorial, Super Design, Super Sache Eine klitzekleine Sache hab ich aber zu bemängeln und zwar an den Verläufen links oben und rechts unten sieht man wo der Verlauf endet. Also links oben sieht man die schwarze Kante des Verlaufs und rechts unten solltest du den Verlauf nach weiter rechts setzen da der dann plötzlich aufhört. Ist etwas schwer zu erkennen, Anfänger werden das nicht sofort erkennen aber geschulte Designer Augen merken sowas natürlich sofort ^^ Aber echt Top Sache

Danke ja stimmt, bei 400% Plus Zoom erkennt man es, wobei es bei 100% eigentlich nicht stört

Edit: hab jetzt die Vorlage überarbeitet und die Verläufe ausgebessert Jeder der die Vorlage ab jetzt runterläd hat das Problem nicht mehr

[Wolke42a]

Wirklich sehr informatives und gutes Tutorial.

PS: Du hast "Erstellt" in deiner Signatur mit einem L geschrieben

[LiFe]

Wirklich sehr informatives und gutes Tutorial.

PS: Du hast "Erstellt" in deiner Signatur mit einem L geschrieben

Oh man Epic Fail danke

[X_^_Ace100ace200_^_X]

Sehr gelungenes Tutorial.

Da kann ich ja auch mal wieder rumprobieren, da ich 10 Minuten locker mal aufbringen kann.

Beim alten hats bei mir immer 30 Minuten bis zu einer Stunde gedauert... ^^

[LiFe]

Sehr gelungenes Tutorial.

Da kann ich ja auch mal wieder rumprobieren, da ich 10 Minuten locker mal aufbringen kann.

Beim alten hats bei mir immer 30 Minuten bis zu einer Stunde gedauert... ^^

Ja das alte Tutorial ist ganz schön umständlich

Wenn man die einzelnen Schritte schon fast auswendig kann, benötigt man nur noch Zeit um die Render zu Skalieren und zu Positionieren.

Der rest ist in 5 Minuten erledigt

[Scarecrow]

Klasse Arbeit, hab es schonmal mit Gimp versucht aber das war mir zu schwer. Werd es jetzt wohl nochmal auspacken

[FccFelix]

danke. gutes tutorial

hab jetzt meine erste Trophy-Card erstellt^^

[ThEaSsAsSiN93]

danke life ist super geworden. konnte zwar bisschen Trophycards erstellen, aber mit diesem tutorial werde ich es besser machen. Schade das du zu PS gewechselt hast.

[Jiraiya]

Ein super Tutorial.

Danke schön

[LiFe]

danke. gutes tutorial

hab jetzt meine erste Trophy-Card erstellt^^

Sieht doch super aus

danke life ist super geworden. konnte zwar bisschen Trophycards erstellen, aber mit diesem tutorial werde ich es besser machen. Schade das du zu PS gewechselt hast.

Danke PS ist auch ein ganzes Stück besser

Ein super Tutorial.

Danke schön

Bitte gern

[wiegetz]

Kann man auch mehrere Hintergründe hinzufügen ? Oder kann man nur ein Hintergrund auswählen ? (Also das Hintergrundbild) Und: Sehr schönes Tutorial

[LiFe]

Kann man auch mehrere Hintergründe hinzufügen ? Oder kann man nur ein Hintergrund auswählen ? (Also das Hintergrundbild) Und: Sehr schönes Tutorial

Habe das gerade dazugeschrieben, du kannst natürlich auch mehrere Bilder als HIntergrund verwenden und diese miteinander "verschmelzen"

Tutorial dazu

[ThEaSsAsSiN93]

Es wäre besser wenn du noch dazu mit Effekt einsetzen könntest Schrift Effekte wie man es machen kann

[LiFe]

Es wäre besser wenn du noch dazu mit Effekt einsetzen könntest Schrift Effekte wie man es machen kann

Nun mit einem Schlagschatten sieht das ganze meist schon passend genug aus. Falls du spezielle Effekte anwenden willst solltest du dich mal bei Youtube umschauen:

Youtube - Schrifteffekte

[ThEaSsAsSiN93]

Nun mit einem Schlagschatten sieht das ganze meist schon passend genug aus. Falls du spezielle Effekte anwenden willst solltest du dich mal bei Youtube umschauen:

Youtube - Schrifteffekte

Hab ja schon im Youtube nachgeschaut und ich finde es nicht so schön

[Scarecrow]

Hab jetzt auch meine erste erstellt, ich weis perfekt sieht sie nicht aus. Aber mir war es zunächst auch erstmal nicht wichtig welches Bilder oder in welcher Position, deshlab hab ich einfach Uncharted 2 genommen. In der Sig zu sehen.

Hätte aber noch Frage: Wie kann ich das Trophfeld transperent machen ?

Und wie kann ich kleine Bilder einfügen wenn sie weißen Hintergrund haben, und denn dan entfernen ?

[RP_Alexis__9]

Hab jetzt auch meine erste erstellt, ich weis perfekt sieht sie nicht aus. Aber mir war es zunächst auch erstmal nicht wichtig welches Bilder oder in welcher Position, deshlab hab ich einfach Uncharted 2 genommen. In der Sig zu sehen.

Hätte aber noch Frage: Wie kann ich das Trophfeld transperent machen ?

Und wie kann ich kleine Bilder einfügen wenn sie weißen Hintergrund haben, und denn dan entfernen ?

Trophyfeld : Da musst du die Deckkraft runterschrauben.

Bei dem anderen musst du mit dem Zauberstab den Weißen hintergrund auswählen und dann entfernen.

( Bei mir klappt's so )