[How-To] Avatar - Anfertigung von einem Avatar =1=

[n1c3h4x0r!]

Hallöchen meine Schmuddelkekse!
Na alles im grünen Bereich?

-

Ich habe ein ausführliches, leichtverständliches Tut geschrieben;

- Grundeinstellungen
- Welche möglichkeiten zur gestaltung
- 1 Beispiel lang deklariert
- vllt. weitere Filter?



Alle User, die zwar Photoshop besitzen aber nicht benutzen können,
sollten in der Lage sein, (minimal) folgendes Outcome zu kriegen:




Wir brauchen:


- Photoshop CS3 selbstverständlich
- Verständnis & Zeit
- Schon einwenig Grundkenntnisse
- Das 1200 Filter Pack von einem Freund ( wäre besser )

http://uploaded.to/?id=770zvt

- Kreativität


---------------------------------------------




Alsoo, als erstes öffnen wir Photoshop und besorgen uns ein "gruseliges" Bild, es kann ruhig eins von der kleineren Sorte sein und erstmal einen komischen und lustigen Eindruck machen. Das Bild sollte nicht fertig bearbeitet sein...
Z.b. das hier



Dies ziehen wir in Photoshop rein und vergrößern mal bis zu 100 %.
Ihr könnt es je nach Auflösung unterschiedlich einstellen,
doch ich empfehle immer mit 100 Prozent zu arbeiten,
so erkennt ihr das tatsächliche Aussehen und könnt besser beurteilen und arbeiten.
(Dies könnt ihr unten links, wie auf dem Bild einstellen)




So, wenn ihr nun meint, das es ok ist, fangen wir mal.

Das Bild ansich, ist okay, doch es wäre doch viel zu klein später, wenn wir es in einer 120x120 px Avatar Größe ausgeben, also vergrößern wir das Bild. Wir drücken STGR und ziehen an dem Bild in eine Richtung, hauptsache ihr drückt die Maustaste und zieht in irgendeine Richtung.
So ihr habt sicherlich gemerkt, das ihr das Bild damit kopiert und verschoben habt, dies ist Okay. ( Doch vergisst nicht, einmal auf die Kette oben zu klicken; Dies aktiviert die Proportionalität ) Ihr habt somit die aktuelle Ebene dupliziert und bewegt. Das seht ihr in eurem Ebenenfenster rechts.
Solltet ihr keins offen haben, klickt ihr im Menü bei " Fenster " auf Ebenen
oder auf [F7] .

Das Bild zentriert ihr so wie es euch gefällt;
Für Banner in der Größe 468x60 wäre es dann sinnvoller es noch kleiner zu skalieren...

Es könnte so aussehen


So wenn wir das haben, geht ihr im Menü auf Ebene, dann unten auf "Auf Hintergrundebene reduzieren" Anschliessend erstellen wir ein neues Dokument, mit den folgenden Daten

Breite: 120 [ Pixel ] Höhe: 120 [Pixel]
( Das ist eigt. die Standardavatargröße, die auch die maximale Größe in Free-Hack ist. )
Alles andere kann erstmal soweit bleiben, vllt. auch noch bei Hintergrundinhalt " Weiss " einstellen.
Das was ihr seht, ist unser aktuelles Avatar. Zwar noch recht leer,
aber das kommt ja jetzt...

Ihr minimiert das Avatarfenster und klickt auf das Fenster vom Monster.
Ihr drückt [V] für das Auswahlwerkzeug ( falls sich etwas verändern haben sollte ) und zieht wie eben beim duplizieren das Bild in unser Avatar. Anschliessend verkleinert ihr die Ebene proportional und passt sie entsprechend an. Bei mir sieht das so aus:



So nun können wir ruhig das Bild auf 150 % vergrößern,
da wir an Filtern arbeiten werden, und man die Details da besser sieht.
Erstmal reduzieren wir alles auf eine Hintergrundebene und schauen uns dann einpaar interessante Filter bei " Filter / xyz " an.
Da sind jede Menge und man kann mit einigen wundervoll rum experementieren.

Doch wir wollen unserem Monster erstmal einen besseren image verpassen, da gehen wir bei Bild -> Anpassungen -> Tonwertkorrektur rein oder drücken sofort STRG und L

Da könnt ihr mal aus Spass bissel rum probieren, um zu erkennen was es eigt. bewirkt und womit wir es aufhaben^^
....
Ich bin zu diesem Ergebnis gekommen,
indem ich die linke Seite nach rechts verschoben habe, und ganz rechts bisschn nach links. So wie ihr bei der Tonwertkorrektur rumprobiert habt,
spielt ihr auch bei der Gradatationskurve und bei Helligkeit und Kontrast rum.
Ich komme zum folgenden Ergebnis



Naja, bisjetzt hat sich zwar nicht viel verändert doch wir kommen nun zu den Filtern...
Jeder für sich kann alles mal durch stöbern und passende Filter finden...

Bei den Maleffekten z.b. eignet sich hier die Kreuzschaffur, und bissi mit den Werten probieren. Zum Schluss auf die Hintergrundebene reduzieren



So nun wählen wir das "Rechteck-Werkzeug"
Und machen uns ein Rechteck mit einem kleinen Abstand nach im Bild.
Dann macht ihr ein Rechtsklick in das Eck und drückt auf Auswahl erstellen, die weichen Kantenwerte bleiben bei "0".
So anschliessend drückt ihr STRG und J für eine neue Ebene.
Ihr könnt der Ebene eine leichte Kontur verpassen, indem ihr bei Fülloptionen unten auf Kontur drückt



Natürlich könnt ihr auch mit anderen Werten rumspielen
...Halt was die Atmosphäre nicht zerstört.

Wenn wir dies haben, klicken wir auf die Hintergrund Ebene und machen sie Dunkeler. Wie es funktioniert, solltet ihr schon wissen,
ansonsten lernt ihr es dadurch, indem ihr es sucht und dann versucht.

Wir ihr warscheinlich gemerkt habt, ist die Hintergrundebene sozusagen unser Rahmen. Ich mache Rahmen oft Weiss, oder Schwarz. Jenachdem^^ Dann geht ihr mal bei Filtern auf favorisierte Filter von euch, bzw. einige die ihr mögt.
Bei mir siehts danach so aus




So wenn wir dies alles gemacht haben, haben wir ein "selbsterstelltes" Hintergrundbild. Ihr könnt stolz auf euch sein, habt ne Menge geschafft^^
-


Nun könnt ihr auf das T in links klicken fürs Texte schreiben.
Ihr wählt eine einfach mal eine Schrift, könnt ja schauen welche am besten passt, z.B. " Stencil STD " und schreibt euern Namen. ich nehme mal Punisher.
Die Schriftfarbe und die Größe sollten passend sein,
weitere Effekte komm danach dazu.
Nun seht ihr ( wenn nicht, auf Fenster -> Stile drücken ) verschiedene Stile, für die Schrift in dem Fall. Es erscheinen die Standardstile,
doch Photoshop hat auch andere, unzwar klickt ihr auf dieses Symbol


( unter dem X, auf den "pfeil" )

...Und wählt unten irgendein Unterthema.
Sobald ihr auf ein Symbol (es sind alle verschieden) klickt, merkt ihr das euere Schrift sich ändert.
Da die Schriftebene automatisch gewählt ist, passt er automatisch an.
So da könnt ihr für ein robusteres Aussehen noch eine leichte schwarze Kontur hinzufügen. Du verschiebst dann dein Text passend irgendwohin vllt. tiefer oder höher ? Ganz dir überlassen.Das ganze sieht ungefähr so aus



Natürlich kann man auch selbst Stile definieren.
Dies sollte aber kein Problem sein selbst zu machen.

Nun wollt ihr es speichern.
Drückt ihr STRG und S speichert er es automatisch als PSD,
ihr könnt es als JPEG.Datei speichern oder wie ich oft, als GIF.Datei.
Die sind meist kleiner.
Naja, wir sind am Ende unserer Reise



Herzlichen Glückwunsch!
Du bist Fertig!

Dein selbsterstelltes Hintergrund bild, mit deiner eigenen Konstruktion = Dein eigenes Avatar!

-

Nun denken sich einige warscheinlich, och ne mir gefallen die Filter in PS nicht, ich brauche abstracktere und mal ganz ausgefallene.
Dafür habe ich das 1200 Filter Pack hochgeladen.
Ihr entpackt es ganz normal und tut alle Filter in den

C:\Programme\Adobe\Adobe Photoshop CS3\Zusatzmodule\Filter

-Ordner. Jenachdem wo euer Photoshop liegt.


---------------------------------------------------------------------------





Ich hoffe viele im Board haben durch dieses lange Tutorial viel gelernt und entwickeln sich weiter. Da ich mir sehr viel Mühe und Zeit ( 2 Stunden ) für das Tut genommen habe, zähle ich auf euer Feedback <:

Demnächst kommt eine Fortsetzung vom Tutorial, wie ihr eine Animation reinbringt, und mit verschiedenen Ebenen arbeitet!
In dem nächsten Tut kommt auch ne kleine Erklärung zu Vektormasken,
wie ihr die einsetzt und wo sie nützlich sind.


Mit freundlichen Grüßen,

Euer N1c3h4x0r!

[der_Dude]

nicht schlecht

[n1c3h4x0r!]

Ja, danke .

Ist es denn verständlich?
Mehr feedback

[dogg]

Ist aufjedenfall sehr geil erklärt! Habs auf anhieb verstanden (was ich eigentlich nicht tue^^)
big thx 4 ya

mfg dogg

[sTalk3er]

werde mich mal dran bereichern an deinem wissen
THX

[n1c3h4x0r!]

Kein Problem Jungs.
Gern geschehen :-)
Ich hoffe das mein Tut nun dranbleibt in der Topliste der texttuts, habe mir wirklich sehrviel mühe gegeben ^^

[Marex]

Ja Danke ! Ich finde auch , dass das verständlich erklärt ist !

ein Grosses THX an dich !

[vvarlock]

also vom tutorial her finde ich dass es super erklärt ist = )

ist verständlich und so...leider nix neues für mich ^^ aber es wird einigen bestimmt helfen

aber meiner meinung nach, wer grundlagen beherscht (ist von dir aus vorraussetzung fürs tut) wird das eigentlich auch ohne tut hin bekommen müssen (sollte zumindest)

aber trotzdem lobenswert dass du dir die mühe machst ^^

[Nemesis1989]

sehr geil gemacht ein ganz groß thx an dich ...

[n1c3h4x0r!]

Ja danke, ich werde wie gesagt meine Tutorialreihe fortsetzen :>
Was wünscht ihr euch denn so, welche Themen ;-)