GIMP - Erstellen von Icons
Absicht
Fast jede Desktop-Umgebung die ich gesehen habe hat eine spezielle Anwendung für die Symbole zu schaffen, in der Regel eine sehr begrenzte Zeichenanwendung. In diesem kurzen Tutorial werden wir Ihnen zeigen, wie GIMP (GNU Image Manipulation Program) können Sie Icons für Ihren Desktop erstellen helfen.
Bevor Sie beginnen
Wie bei jeder neuen Aufgabe wird es helfen, eine wenig Hintergrundinformationen haben:
Dateinamen und Struktur
GIMP können Sie transparent mit ihnen komprimierte Dateien und Arbeit sparen, die .xcf Format. Da wir jedoch mit sehr kleinen Dateien arbeiten, Kompression einfach nicht genug, um Platz sparen den Aufwand zu rechtfertigen. Vor allem, da filemanagers wie Nautilus Probleme mit Thumbnails für komprimierte Bilder zu schaffen, ist es am besten alle .xcf Dateien begleiten Sie mit einer .png-Version produzieren. (Siehe Bild oben)
Nautilus (GNOME-VFS) kann noch nicht komprimiert Griff GIMP native Dateien
Die Wahl einer Farbpalette
Wenn Sie Ihre eigene Palette zu erstellen, ist es am besten, nur die grundlegendsten Farben zu definieren. Das heißt, konzentrieren sich vor allem eine Reihe von Farben auf die Definition Sie verwenden werden. Später können Sie den Wert oder die Sättigung zwicken Lichter oder Schatten dieser bestimmten Farbe zu erzeugen. eine komplexe Palette mit vielen Variationen hat, wird es komplex und schwer zu navigieren machen.
Anfangen
Um eine neue Image-Datei zu erstellen, drücken Sie Strg + N. Wählen Sie ein 48x48 Pixelbild, die Standard-Gnome Symbolgröße. Da der Arbeit an einem so kleinen pixmap viel Detail erfordert, Vergrößern auf einer Pixel-für-Pixel-Ebene zu arbeiten. Versuchen 8: 1-Vergrößerung (Ansicht -> Zoom -> 8: 1).
Zu dieser Vergrößerung jedoch werden Sie beginnen Perspektive zu verlieren. Am besten ist es ein weiteres Fenster geöffnet mit einer nicht vergrößerte Ansicht zu halten, so können Sie sehen, was Ihr Symbol aussehen wird. Um dies zu erreichen, wählen Sie Ansicht -> Neue Ansicht aus dem Bildkontextmenü (der kleine Pfeil in der oberen linken Seite des Fensters). Verwenden Sie einen 1: 1-Zoom auf dieser Ansicht, so dass Sie bei einem 8 malen können: 1-Zoom und die Ergebnisse sofort sehen.
Ein paar Tricks
Es scheint zunächst, dass ein Symbol zu schaffen unglaublich restriktiv. Schließlich haben Sie nur ein kleines Gitter, wo man bald von Pixeln ausgehen wird. Allerdings gibt es ein paar Tricks, die Sie für das menschliche Auge verwenden können, täuschen und Ihre Symbole besser aussehen. Grundsätzlich werden Sie simulieren oder impliziert Form mit Farbwert und Opazität.
Kantenglättung
Einer der grundlegenden Aspekte von Bitmap-Bildern ist der negativer Effekt von Aliasing.
Obwohl viele Werkzeuge wie das Pinsel-Werkzeug in großen Bildern gut arbeiten, sind sie in der Icon-Größe nicht wirksam. Insbesondere mit einem 1x1-Pixel-Pinsel Zeichnung verhält sich nicht so gut wie erhofft werden konnte.
Die Lösung ist auf Anti-Aliasing manuell. Einige Leute ziehen mit einer höheren Auflösung, mit voller Anti-Aliasing zu arbeiten, und dann verkleinern, aber das Symbol verliert Glätte und die meisten des Vorteils der größeren Größe. Am Ende ist es notwendig, das Bild manuell retuschieren. In den meisten Fällen sind Sie besser dran mit nur Ihrem 48x48 Platz beginnt und nicht skaliert werden.
So viel, wie es klingt hart, manuelle Anti-Aliasing ist einfach und macht sogar Spaß. Alles, was Sie dafür brauchen, ist die Opazität Einstellung des Stift-Werkzeug. Sagen wir einen Überblick haben, die (wie das Bild auf der linken Seite) aliased ist. Wählen Sie eine 1x1 Bürste und setzen Sie die Deckkraft auf so etwas wie 40%. Wenn Sie mit diesem schwarzen Pinsel zu zeichnen beginnen, indem Sie auf die weiße Fläche klicken, wird es hellgrau geworden. Ein weiterer Klick und es wird dunkler. Auf diese Weise können Sie leicht fließende Übergänge zwischen den beiden Grenzfarben erstellen. Sie können auch die aktive Farbe mit Strg -leftMB oder einfach nur durch Vertauschen ändern forground und Hintergrundfarben (X).
Wenn Sie Schichten verwenden mehr Freiheit zu haben, zu experimentieren, werden Sie das Löschwerkzeug als nützlich für die Anti-Aliasing als Bleistift (Bild rechts) finden. Stellen Sie sicher, dass Sie auf der harten Kanten Option aktivieren, für höchste Präzision.
Schattierung mit Gradients
Sie können Steigungen verwenden, um die Form eines Objekts zu verbessern. Für runde Objekte, wählen Sie einen radialen Verlauf und für Kurven, einen linearen Gradienten verwenden. Zum Füllen Fläche, sollten Sie lineare Verläufe fast jedes Mal verwenden. Selbst wenn die Oberfläche flach sein soll, fügt eine leichte Steigung Realismus. Achten Sie darauf, die Gradienten subtil zu halten, aber: zu viel von einem Unterschied zwischen den beiden Extremen, und Sie werden den Effekt zunichte machen.
Highlights und Schatten
Für jedes gegebene Objekt, stellen Sie sicher, dass Sie ein wenig mit Lichtern und Schatten experimentieren, und nicht nur die regelmäßige Schlagschatten auf die meisten Gnome-Symbole verwendet. Versuchen Sie Ihr Symbol realen Materialeigenschaften mit einigen Lichtreflexionen zu geben. Ob es nur ein wenig Glanz oder Glanz aus einer Ecke oder einen Vorschlag der Tiefe durch die Sättigung oder Wert einer Ecke auf der Rückseite senken, können Sie das Aussehen eines Symbol mit einer wenig Arbeit verbessern.
Für weiche Schattierungen, wählen Sie den Bereich mit dem Sie arbeiten wollen, und dann das Airbrush-Werkzeug anzuwenden. Sie werden nur die Auswahl beeinflussen, so dass Sie sich über Overspray keine Sorge. harte Highlights, verwenden Sie das ein Pixel Stift-Werkzeug und nach wie vor eine abgesenkte Opazität für die Farbe zu tun.
Arbeitsbeispiel
In diesem kleinen Tutorial werden Ximian Künstler Jakub Steiner die meisten der Techniken, die in der „Ein paar Tricks“ genannt Abschnitt beschrieben sind, zeigen, wie er ein TV-Symbol zieht.
Grundform
Normalerweise würden Sie das Bezier-Werkzeug für die Formbearbeitung verwenden, aber eine TV-Silhouette ist einfach genug, dass wir nur mit dem Rechteck-Auswahlwerkzeug starten werden.
Erstellen Sie eine separate Vordergrundschicht für die Form, und wählen Sie ein Licht, aber nicht ganz weiß, Farbe für die Hintergrundebene. Nachdem Sie mit dem Symbol fertig sind, können Sie Farben aus der Palette auf die Hintergrundebene, um sicherzustellen, ziehen, dass das Symbol rechts auf jedem Hintergrund aussieht.
Ziehen Sie das schwarze Rechteck Vorschau aus der Toolbox, oder drücken Sie Strg + die Silhouette zu füllen. Sie sollten ein schwarzes Quadrat auf einem hellen Hintergrund haben. Dann verwendet den Radiergummi um die Kanten des Quadrats zu glätten, so dass die Form besser ist. Dies wird auch einen leichten weißen Glanz auf die Ecken des Bildes hinzufügen.
So dass es aus Kunststoff
Als nächstes werden wir das Alpha-Blending von einer Auswahl verwenden, um eine dreidimensionale Erscheinungsbild der Silhouette zu geben.
Wählen Sie das TV-Silhouette mit der rechten Maustaste auf die Ebene im Ebenenfenster und wählen Sie Auswahl aus Alphakanal. Schrumpfen die Auswahl von 1 Pixel und füllt sie mit einem linearen Gradienten ähnlich dem angezeigten Bild. Jetzt haben Sie eine dunkelgraue Form mit einer schwarzen Kontur und leicht glänzende Ecken.
Jetzt ist es Zeit, ein bisschen mehr Tiefe zu verleihen, den Highlight Trick aus dem „Highlights und Schatten“ genannt Abschnitt verwenden. Verwenden Sie einen weißen 1x1 Bleistift Highlights zu schaffen, und ein schwarzer Schatten zu erstellen. Durch die Einstellung Opazität der Bürste etwas wie 20% können Sie die Ergebnisse ähnlich das Bild oben zu bekommen.
Die Modellierung der Bildschirm
Natürlich ist ein Fernseher mit einem Umriss nicht nur ein einzelnes Quadrat. Sie können den Bildschirm schaffen genau die gleiche Art und Weise Sie die TV-Silhouette hat. Erstellen eine neue Schicht, und fügt eine kleinere rechteckige Auswahl, im Innern des Fernseh einen positionierte. Füllen Sie es mit schwarz, schrumpft die Auswahl von 1 Pixel, und es schließlich mit einem linearen Gradienten füllt einen Bildschirm wie die in Bild oben gezeigt zu bilden.
Ein wichtiger Aspekt der Glasoberflächen ist die Reflexion. Um den TV-Bildschirm aussieht glänzend und reflektierend zu machen, schrumpfen die Auswahl von einem anderen Pixel und erstellen Sie eine neue Ebene. Nun wählen Sie das Airbrush-Werkzeug und einen mittelgroßen Fuzzy-Pinsel. Malen Sie eine weiße Reflexion wie die in Bild oben.
Wenn Sie horizontale Monitor Linien auf dem Bildschirm erstellen möchten, können Sie die Interlace-Effekt nutzen. Dazu erstellen Sie eine neue Ebene über dem aktuellen. Render weiß horizontale Linien mit Filter -> Render -> Pattern -> Raster. Stellen Sie sicher, dass Sie den Ebenenmodus auf Overlay.
Danach werden Sie Schaltflächen erstellen. Dies ist relativ einfach: eine kreisförmige Auswahl mit dem Elipse Werkzeug erzeugen und füllt es mit radialen Gradienten (Bild oben). anstelle eines festen Füllung eines Gradienten der Auswahl ein wenig Glanz auf die Taste, so dass selbst wenn es über nur ein paar Pixel ist, sieht es deutlich und dreidimensional.
Die Modellierung der Fernbedienung
Dieses Mal werden wir die Bezier-Auswahl-Werkzeug die Kontur eines Objekts zu erstellen. Mit einer kleinen Form, ist es manchmal schwierig sein kann, das Bezier-Tool zu verwenden, ist es schwer, eine kleine Form zu erstellen, da die Knoten an das Pixelraster schnappen, aber es ist die Mühe wert, weil es die Form macht scharf sehen, wie die oben . Sie können über das Bearbeiten Bézierpfade für weitere Informationen in GIMP Handbuch schauen und die Arbeit mit dem Bézier-Werkzeug.
Um einen Schatten für die Fern zu erstellen, kopieren Sie den Pfad Fenster und bewegt nur einen Knoten. Der Schatten in diesem Bild ist genau das getan, auf diese Weise.
Jetzt, damit das Objekt ein wenig mehr realistisch, wir unseren Highlight Trick verwenden werden. Verwenden Sie das Stift-Werkzeug mit einer 1x1-Pixel-Bürste und Opazität gesetzt ziemlich niedrig, in der Nähe von 20%. Das Ergebnis macht das Objekt sehr real.
So erstellen Sie Tasten auf der Fernbedienung, verwendet die gleiche Technik wie Sie getan haben, um die Schaltfläche auf dem Fernsehgerät zu erstellen. Erstellen Sie eine Auswahl mit dem bezeier Werkzeug, dann füllen Sie es mit einem Gradienten und gelten Lichter und Schatten mit dem Stift-Werkzeug nach Bedarf.
Hinzufügen Glow
Für zusätzlichen Realismus können Sie ein TV glow hinzufügen. Erstellen Sie eine Schicht über dem Bildschirm, aber unterhalb der Fernbedienung. Erstellen eine rechteckige Auswahl des Bildschirms, erhöht seine Größe von 6 Pixeln und füllt sie mit Blau. Nun schrumpft, dass die Auswahl von 3 Pixel und füllt mit Weiß. Abzuwählen der mit Ctrl-Shift-A und anwenden Filter -> Blur -> Gaussian Blur RLE um etwa 5 Pixel. Jetzt den Ebenenmodus eingestellt zu überlagern. Erstellen der Transparenzeffekt.
Das Endprodukt
Jetzt haben Sie ein Endprodukt bekommen: ein Fernseher, mit Fernbedienung.