01 Mrz 11 Icon Teil 1: Grundform des Icons in Inkscape erstellen
Wenn man nicht gerade Webseiten und Online-Hilfen am Fließband erstellt, kommt man als Technischer Redakteur nicht so oft in die Verlegenheit, ein Favicon erstellen zu müssen. Als ich zum zweiten Mal vor der Aufgabe stand, hatte ich alles bisherige zur Iconerstellung vergessen. Für mich und für manch weiteren Redakteur nun die Anleitung fixiert.
- Erstellen Sie im Open Source Graphikprogramm Inkscape eine Grundform Ihres Icons. Bestimmt hilft Ihnen wie mir ein Graphiker weiter.
- Es gilt, Icons für die Größen 16, 32, 48 und 128 px zu erstellen. Erstellen Sie ein Quadrat mit 32px Breite und Höhe.
Breite und Höhe des Quadrats einstellen
- Bestimmen Sie Farbe der Füllung und der Kontur des Quadrats. Soll das Icon transparent sein, wählen Sie links die Kreuzfarbfläche für “keine Farbe”.
- Soll das Icon und somit diese Hintergrundquadrat abgerundetet Ecken haben, markieren Sie das Rechteckt. Anschließend klicken Sie auf das Rechteck-/Quadrat-Tool in der Werkzeugleiste und ziehen den Anfasser in Kreisform in der rechten oberen Ecke in die diagonale, linke untere Ecke.
Mit Rechtecktool die Ecken abrunden
- Falls Ihnen das Icon nicht plastisch genug erscheint, fügen Sie der Icon-Grundform einen Farbverlauf hinzu.
Mit dem Farbverlauf-Tool arbeiten
- Positionieren Sie das Objekt der Grundform in die Mitte des Quadrats.
- Markieren Sie beide Objekte und klicken Sie auf Objekte > Gruppieren.
- Klicken Sie auf Datei > Bitmap exportieren.
Bitmap exportieren aus Inkscape
- Klicken Sie im Fenster Bitmap exportieren auf Auswahl.
- Optional: Hinterlegen Sie im Feld Dateiname einen Dateipfad.
- Klicken Sie auf Exportieren. Es wird im ausgewählten Pfad eine PNG-Datei erzeugt.
- Wiederholen Sie die Schritte für die Größen 16, 48, 128 und 256 px.
| Dieser Artikel ist im kostenlosen eBook Ditalog als EPUB und PDF-Datei verfügbar. |
Links zum Thema
28 Jun 10 How do you design for function?
Wer als Technischer Redakteur noch nichts mit Twitter anfangen kann, sollte wenigstens die Suche von Twitter nutzen. Sie verät, was gerade aktuell ist oder wieder aufgewärmt wird bzw. gar “gehypt” wird.
http://search.twitter.com besuchen und den Hashtag #techcomm eingeben.
So stieß ich auf einen Artikel vom Januar 2009: Building a 21st century user interface von Brett D. McLoughlin.
So einfach wie es klingt, Entwickler und Webdesigner sollen sich auf die Kernfunktion ihres Programms bzw. Website besinnen. Und am besten ist es, wenn man sich diese Kernfunktion an den Bildschirm klebt. Was immer Sie nun machen, dieser Klebezettel steht über allem, was Sie in Zukunft für Aufgaben anstehen.
Beispielhaft wird Amazon erwähnt. Auf der Website sind die wenigen wirklich wichtigen Schaltfläche orange, im Gegensatz zum blauen Gesamterscheinungsbild der Seite. Die Feuerprobe ist ein “Fuzzy Test” bzw. Milchglas-Test.
Alles wichtige ist noch auszumachen: das Produktvorschaubild und sämtliche Verkaufsabschluß-Schaltflächen.
Was ist das Wesentliche vom Ditalog? Die Tutorials ergeben erst wirklich einen Sinn, wenn man sie in Ruhe schwarz auf weiß lesen und begreifen kann. Also wurde die Farbe der Downloadbox für den PDF-Datei-Download von grau in gelb geändert. Ja, und die Sexy-Bookmarks waren einfach zu sexy – sie lenkten vom Download ab. Hier ein Screenshot vom WordPress Plugin Directory:
03 Jun 10 Mein Theme-Schock
Excelentes Theme Excelence
Schock ist etwas übertrieben. Aber man muss ihn erlebt haben, um zu wissen, dass es ihn gibt. Mit anderen Worten, hier kommt eine Anleitung, wie man “den Unterschied zwischen Theorie und Praxis erfahren” kann.
- Man möchte ein Websitenprojekt mit WordPress realisieren und sucht jetzt nach dem schönsten und kostenlosesten Theme, dass es gibt.
- Man findet ein exzelentes Theme und findet es einzigartig. Man glaubt, die Einzigartigkeit wird nur von einem selbst erkannt und überliest geflissentlich die Anzeige This post was viewed 52,897 times
- Man passt über mehrere Tage das Theme für seine Bedürfnisse an.
- Man surft fleißig – und dann kommt der Schock: eine vertraute Website springt einem ins Auge und es ist nicht die eigene!
Was will uns das sagen? Dass das 2 sehr gute Websites sind:
- Theme Excelence von Blogohblog.com
- Anne Gentle, Technische Redakteurin und ihr Blog Just Write Click
