Jump to content
- Werbung nur für Gäste -

IGNORIERT

[Tutorial] Avatar für Anfänger Photoshop


Wambo333

Recommended Posts

Hallo Community :D,

da immer mehr User Interesse daran haben, mit dem Designen anzufangen oder einfache Designs selbst zu erstellen, zeige ich euch hier eine Möglichkeit, wie ihr einen Avatar ganz schnell und ohne große Vorkenntnisse zu erstellen könnt.

In den Spoilern sind Bilder zu finden, die euch das genaue Vorgehen veranschaulichen.

Schritt 1:

Als erstes erstellen wir eine neue Datei.

Hierfür gehen wir auf Datei > Neu und übernehmen dann folgende Werte:

Breite 100 Pixel, Höhe 100 Pixel (rot markiert)

Neue Datei:

tutorial1e.jpg

Schritt 2:

Jetzt öffnet sich eine kleine Ebene (Ebene 1) mit den oben genannten Maßen.

Wir erstellen nun den Rahmen für den Avatar bzw. die Grundlagen dafür.

Wählt jetzt also das Füllen-Werkzeug aus und füllt die Ebene mit einer beliebigen Farbe.

Als nächstes stellen wir die Fläche von Ebene 1 auf 0%, ihr könnt den Regler ganz nach links schieben oder den Wert einfach manuell eingeben.

Ihr findet die Einstellung unten rechts über dem Ebenenreiter.

Ebene füllen:

tutorial2lh.jpg

Fläche auf 0% stellen:

tutorial3b.jpg

Schritt 3:

Das Ergebnis sollte nun aussehen wie vor der Farbfüllung.

Jetzt können wir die Kontur (Rahmen) und den Schein nach innen (Schatten) durch den Ebenenstil einstellen.

Um das Ebenenstil-Menü zu öffnen doppelklickt ihr neben Ebene 1, also ca. unter der Einstellung für die Fläche aus Schritt 2.

Setzt nun ein Häckchen bei Kontur und Schein nach innen.

Klickt zuerst auf Kontur und danach auf Schein nach innen, dann übernehmt ihr folgende Werte:

Kontur:

tutorial4a.jpg

Schein nach innen:

tutorial5q.jpg

Die Werte sind von mir bevorzugt.

Wie ihr den Avatar letztendlich anpasst, liegt bei euch ;)

Hier könnt ihr euren Avatar als Vorlage speichern.

Wählt dazu Datei > Speichern unter > Vorlage.psd

Wichtig ist die Endung .psd, diese Datei lässt sich immer wieder öffnen und ihr könnt genau hier weitermachen.

Schritt 4:

Sucht euch nun ein Bild aus und zieht es direkt in das PS-Fenster.

Es spielt keine Rolle ob ihr das Bild direkt aus dem Browser oder aus einem Verzeichnis in das Fenster zieht.

Ich benutze folgendes Bild:

call-of-duty-modern-warfare-3.jpg

Das Bild erscheint nun über Ebene 1.

Da wir den Rahmen aber natürlich über dem Bild haben wollen klicken wir das Bild im Ebenenreiter an und ziehen es mit gedrückter Maustaste unter Ebene 1.

Ihr erkennt nun, dass sich der Rahmen über das Bild legt.

Bild unter den Rahmen schieben:

tutorial6o.jpg

Ergebnis:

avatartutorial.jpg

Schritt 5:

Wir haben es fasst geschafft, jetzt muss nur noch das Bild angepasst werden.

Hiefür klickt ihr im Ebenenreiter auf das Bild (wird blau markiert) und drückt STRG+T.

Ihr seht oben nun eine Leiste mit allen möglichen Werten, wichtig ist hier nur, dass ihr die "Kette" aktiviert um das Bild proportional zu verkleinern.

Falls ihr das nicht macht, wird das Bild verzerrt und unscharf.

Hab ihr das gemacht, könnt ihr das Bild an den Ecken kleiner ziehen und richtig platzieren.

Durch die Pfeiltasten könnt ihr das Bild auf den Pixel genau verschieben.

Wenn ihr damit zufrieden seid könnt ihr den Vorgang bestätigen.

Skalieren:

tutorial7.jpg

Schritt 6:

Zu guter Letzt speichern wir den Avatar passend ab.

Wählt dazu Datei > Für Web und Geräte speichern.

1. Speichert den Avatar als JPG oder GIF ab (Dateityp)

2. Kontrolliert den Speicherbedarf (Speicherbedarf)

3. Sollte der Avatar größer als 19,5 KB sein (Forenbeschränkung) müsst ihr die Qualität runterstellen um Unschärfe zu vermeiden (Qualität)

Für Web und Geräte speichern:

tutorial8l.jpg

Das Endergebnis:

avatartutorial2.jpg

Ich hoffe ich konnte euch helfen :)

Fragen könnt ihr gerne hier im Thread posten.

MfG

Wambo333

Link zu diesem Kommentar
Auf anderen Seiten teilen

- Werbung nur für Gäste -

- Werbung nur für Gäste -

gutes tutorial. vlt. würden verschiedene Ränder(abgerundet etc.) noch helfen.

Das Tutorial zeigt nur die Grundlage für Anfänger, die ganzen abgerundeten Avatare sind dann eher was für fortgeschrittene Anfänger.

Außerdem gibt es da so viele Varianten, dass man da kein wirklich einheitliches Tut erstellen könnte ;)

Link zu diesem Kommentar
Auf anderen Seiten teilen

- Werbung nur für Gäste -

Sehr gutes Tutorial.Das mit dem richtig abspeichern hat sehr geholfen. und ich habe mich gewundert, warum es immer so unscharf wird...;)

EDIT: Sehr viele interessieren sich für eine Schnittmaske. Da wäre ein Tutorial auch ganz hilfreich^^

Meinst du wie man ein Bild in ne Schrift einfügen kann oder wie?

Meinste jetzt das?

25tzzm1.png

Link zu diesem Kommentar
Auf anderen Seiten teilen

- Werbung nur für Gäste -

Archiviert

Dieses Thema ist jetzt archiviert und für weitere Antworten gesperrt.
Wende dich an einen Admin, wenn du in diesem Thema etwas posten möchtest.

×
×
  • Neu erstellen...