Videotutorial: ein modernen 3D Icon erstellen

[Popov]

Ich will mal was Neues hier versuchen und ein Videotutorial anbieten.

In dem Video wird gezeigt, wie man heute Icons erstellt. Die Zeiten in denen man in einem Icon-Editor mit der Maus Pixel zeichnete, sind lange vorbei. Heute erstellt man Icons mit Photoshop & Co. Wobei man zum zeichnen eigentlich jedes beliebige Zeichenprogramm nutzen kann, ob Bitmap oder Vektor, aber je besser es ist, desto leichter kann man einen modernen Icon erstellen. Mit modern ist ein 3D Icon mit Lichtreflektion gemeint. Dabei sind Zeichenprogramme mit Vektorgrafikunterstützung nicht nur geduldet, sondern schon eigentlich Voraussetzung, denn sie bieten mehr Möglichkeiten.

Für dieses Tutorial braucht man zwei Programme, ein Zeichenprogramm für PNG mit Transparenz Ausgabe, und ein Icon-Editor für die Konvertierung. Mit dem Zeichenprogramm wird ein PNG Bild erstellt, mit dem Icon-Editor wird dann das Icon erstellt. Klingt kompliziert, weil es in zwei Schritten gemacht wird, aber gute Zeichenprogramme bieten mehr Möglichkeiten der Bildgestaltung. Man ist nicht auf die paar Funktionen des Icon-Editors beschenkt.

Im Beispiel wird das das schon etwas ältere Zeichenprogramm Macromedia Fireworks MX 2004 für die Bildgestaltung genutzt, für die Iconerstellung das aktuelle Freewareprogramm IcoFX. Als Iconvorlage wird eine simple rote Kugel mit Lichtspiegelung erstellt (es soll nur das Prinzip vorgeführt werden), als Icon wird ein Icon in vier Größen erstellt - 256, 48, 32 und 16 Pixel.


Das Video ist in MP4 Format (kann man wunderbar mit VLC Media Player betrachten) und ist gezippt. Die Größe ist etwa 3 MB, die Qualität ist bescheiden, aber ausreichend. Man kann alles wichtige erkennen. Das Video sollte klein sein, damit es hier als Anhang passt. Ich hoffe man hat nichts dagegen, ansonsten muss ich mir einen anderen Ort der Speicherung suchen.

[stahli]

Danke! Schön, das mal zu wissen.

[BUG]

Zitat von Popov:

Ich hoffe man hat nichts dagegen, ansonsten muss ich mir einen anderen Ort der Speicherung suchen.

Du könntest es ja (evtl. in besserer Auflösung) auf einer dieser verrückten Videoportale hochladen ... YouTube zum Beispiel

Das Video an sich ist ziemlich gut; man kann ohne Erläuterung nachvollziehen, was du machst

Trotzdem könnte imho etwas Ton nicht schaden, auch wenn es nur eine leise Hintergrundmusik ist.
Mit gut gemachtem Audio-Kommentar wäre das ein außergewöhnlich gutes Tutorial.

[Sherlock]

Zitat von BUG:

Zitat von Popov:

Ich hoffe man hat nichts dagegen, ansonsten muss ich mir einen anderen Ort der Speicherung suchen.

Du könntest es ja (evtl. in besserer Auflösung) auf einer dieser verrückten Videoportale hochladen ... YouTube zum Beispiel

Das hätte sogar noch den Vorteil bei ausreichend hohen Besuchszahlen auch Geld damit zu verdienen.
Wenn man allerdings den aktuellen Trend bei den GUI ansieht...liegen 3D Icons leider etwas abseits davon. Dennoch: Hut ab für die wirklich gute Leistung!

Sherlock

[delphinub23]

Das Tutorial ist verständlich. Besten Dank!

[holliesoft]

Man mag es fast nicht glauben, aber selbst mit einem Word 2010 kann man Icons malen - sogar die kompletten iOS 7 Icons:
Was iOS 7 created in Microsoft Word?