kulturbanause blog


Hier findest Du Artikel, Tutorials, Downloads, Tipps, Hacks, Snippets und aktuelle Szene-News rund um illustratives Webdesign, Social Media und digitale Bildbearbeitung.



Icons
Hier siehst Du eine Übersicht aller Beiträge, die mit dem Stichwort "Icons" versehen wurden.

Screencast: Moderne Web-Icons entwerfen

goldenes-icon

In Folge 69 der Photoshop-Profis wurde ein Screencast von mir zum Thema Icon-Design veröffentlicht. Das etwa 11 Minuten lange Video behandelt die Grundlagen der Icon-Erstellung und zeigt wie man mit Photoshop-Basics wie den Ebenenstilen und Formebenen sehr schnell zu einem ansehnlichen Ergebnis kommt. Auch die Arbeit mit Lichtern und Verläufen wird ausführlich beschrieben.

Die Photoshop-Profis beschreiben den Inhalt so:

Individuelle Icons verleihen Ihrer Webseite einen unverwechselbaren Look. In dieser Folge der »Photoshop-Profis« zeigt Ihnen Webdesigner Jonas Hellwig, wie Sie mit wenigen Mitteln ein Web-Icon erstellen. Dabei erfahren Sie, wie Sie das Icon mit Gold überziehen und ein Symbol einstanzen. [...]

Diesen Beitrag zu Ende lesen


Kochtopf-Icon als gratis Photoshop/PNG-Download

icon-kochtopf

Für ein vor kurzem abgeschlossenes Projekt habe ich einen Kochtopf illustriert. In Form eines Icons sollte der Kochtopf die Termine einer Kochschule anteasern. Letztendlich wurde das Icon durch ein Foto ersetzt und kam somit nicht zum Einsatz. Aus diesem Grund stelle ich die Photoshop-Datei sowie das Icon im PNG-Format hier als Download zur Verfügung. Vielleicht könnt ihr es ja in einem zukünftigen Projekt einsetzen.

Diesen Beitrag zu Ende lesen


Social Media Icons als Webfont und Vector

webfont-social-icons

Ich bin kein großer Fan von Artikeln, in denen Unmengen von Social Media Icons zum Download angeboten werden. Selbst wenn ein Icon-Set noch so schön gestaltet ist, so passt es in meinen Augen selten hundertprozentig ins Layout und muss häufig noch angepasst werden. Viel brauchbarer ist eine solide Ausgangsbasis, die sich schnell und einfach individualisieren lässt.
Mit JustVector Social Icons hat Alex Peattie nun genau diese Basis geschaffen und stellt 150 monochrome Social Icons als Vector und als Webfont (!) zur Verfügung.

Diesen Beitrag zu Ende lesen


Martini-Kelch mit Olive (Cocktail-Glas)

martini-icon-illustration

Vor einigen Jahren habe ich ein Martini-Glas gezeichnet, dass ich euch nun als Download zur Verfügung stellen möchte. Die Illustration zeigt einen typische Martini-Kelch, stilecht garniert mit einer Olive. Also wenn mich nicht alles täuscht, ein klassischer Vodka-Martini. Die Gesamthöhe der Grafik beträgt ca. 280 Pixel (ohne Spiegelung). Damit ihr das Glas auch überall einsetzen könnt ist der Hintergrund natürlich transparent.

Diesen Beitrag zu Ende lesen


Chrome 11: neues Logo und angepasstes CSS3-Rendering

google-chrome-11-logo

Google Chrome 11 ist erschienen. Neben einigen gefixten Bugs wurde auch die Hardware-Beschleunigung aktiviert. Somit kann der Browser u.a. direkt auf die Grafikkarte zugreifen, was die Performance moderner, komplexer Web-Anwendungen spürbar verbessert. Neben den technischen Änderungen wurde bei Chrome 11 auch das bereits angekündigte, neue Logo eingeführt. Das neue Programm-Icon ist eine reduzierte Version des bisherigen Chrome-Logos, was mir persönlich sehr gut gefällt.

Diesen Beitrag zu Ende lesen


Apple Touch Icon (auch ohne Glanz) erstellen

apple-touch-icon-precomposed

Das Apple Touch Icon erscheint immer dann wenn Ihr innerhalb von iOS (also auf dem iPhone, iPod oder iPad) eine Website auf dem Home-Screen abspeichert. In einem früheren Beitrag habe ich bereits erklärt wie Ihr das Apple Touch Icon erstellt und welche Voraussetzungen das Icon erfüllen muss damit es auch auf dem Retina-Display des iPhone 4 hübsch aussieht. Nun möchte ich erneut ein Update nachschieben und erklären wie Ihr den automatisch von iOS hinzugefügten Glanz auf dem Icon verhindern könnt.

Diesen Beitrag zu Ende lesen


Friseur-Icons: Schere, Haarspray, Fön, Creme und Kamm

haarspray-icon

Für verschiedene Online-Projekte habe ich Icons und illustrative Elemente rund um das Thema Haare, Wellness, Beauty etc. gezeichnet.
Diese Icons möchte ich Euch nun zum gratis Download zur Verfügung stellen - vielleicht helfen sie euch bei dem ein oder anderen Layout ja weiter. Ich habe alle Icons als PNG und als Photoshop-Datei bereitgestellt. So könnt Ihr selbst noch ein paar Details anpassen, sollte das Icon eurer Vorstellung nicht 100%ig entsprechen.

Diesen Beitrag zu Ende lesen