ilimitado Web Entwickler Blog

Seit ich letztes Jahr einen Artikel von Paul Scrivens zum Thema Design Natural or Learned gelesen habe (Leider finde ich den Link nicht mehr), geht es mir wie ihm damals, ich frage mich seither jedesmal wenn ich etwas designe:

Seit dem ersten lesen sind fast 10 Monate vergangen und ich denke immer noch darüber nach. Um es vorwegzunehmen, ich bin inzwischen zu dem Schluss gekommen, das Design auf jeden Fall erlernbar ist, man muss aber differenzieren.

publicons.de bietet die Möglichkeit an, aus einer großen Auswahl von über 950 Blog-Buttons einen eigenen kleinen graphischen Steckbrief bzw eine Art Visitenkarte zu erstellen. Das könnte dann in meinem Fall etwa so ausschauen:

Es gibt auf publicons.de nach Kategorien geordnete Listen, aus welchen man auswählen kann, welche Icons zu einem passen, anschließend erhält man einen Link zu seinem Steckbrief/Visitenkarte. Das kann man nun in seinem Blog als Art Vorstellung des Charakters einbinden, oder in Forensignaturen hinzufügen.

Nachdem der Artikel über die kostenlosen Informatikbücher so gut ankam, hab ich mir Gedacht ich schreibe einmal kurz etwas über Webseiten und Blogs, die ich so gebookmarked habe, um mich inspirieren zu lassen. Das Ganze ist unterteilt in Web Galerien, Logo Galerien und Bücher.

Web Galerien:

• Best Web Gallery
  
• ndesign Studio
  
• Smashing Magazine
  
• 60 elegant and visually appealling designs
• 50 beautiful css based webdesigns
• simple and clean designs

Schön langer sind mir Homepages mit diesen Vorschau Screenshots in Sprechblasen von verlinkten Homepages aufgefallen.
Diese Technik in die eigene Homepage einzubinden ist überraschend leicht. Ein einfacher Account bei Snap Shots™ reicht, um sich ein Stück HTML Quellcode erstellen zu lassen, welchen man einfach im HTML Header der eigenen Homepage einfügen kann. Es handelt sich dabei um ein JavaScript, welches für die Spracheblase mit den Vorschau Screenshots der Homepages welche man verlinkt sorgt.
Mehr ist nicht zu tun, nur dieses Script einzubinden.
Dabei ist die Farbe und Größe der Sprechblase anpassbar.

Wem es nicht bereits aufgefallen ist, ilimitado.de und der ilimitado Entwickler Blog haben nun eigene Favicons.

Favicons (von Favorit und Icon) sind kleine, 16×16 Pixel großes Bildchen. Sie werden in der Adresszeile eines Browsers links von der URL angezeigt, sowie auch in den Lesezeichen (Favoriten).
Das Format ist das Microsoft .ICO Format (MIME-Type image/vnd.microsoft.icon).
Eingebunden in die Homepage werden sie über die HTML – Meta Angabe

<link href="/path/to/favicon.ico" rel="Shortcut Icon" />

innerhalb des HTML – HEAD Bereichs.

Auf der Suche nach freien Symbol Library für den Adobe Illustrator bin ich auf eine interessante Homepage gestoßen. Auf www.brandsoftheworld.com kann man eine umfangreiche Datenbank an Firmenlogos durchsuchen. Im Katalog sind grob geschätzt 150.000 Logos bekannter Firmen im Vektor Format EPS gespeichert.
Man hat auch die Möglichkeit eigene Logos in den Katalog zu laden.

Adobe Illustrator CS2 stellt 3 verschiedene Arten von 3D Effekten bereit. Extrude & Bevel, Rotate und Revolve. Für dieses Tutorial verwenden wir den Revolve Effekt von Illustartor. Der Effekt funktioniert eigentlich ganz einfach, wenn man einmal verstanden hat wie er funktioniert. Bis jetzt haben wir gerade einmal einen Halbkreis gezeichnet. Grund hierfür ist, dass der Illustrator Revolve Effekt diesen Pfad nimmt und ihn einmal 360° um eine imaginäre vertikale Achse dreht. Um sich das ganze besser vorstellen zu können, vielleicht die folgende Überlegung. Nimmt man ein 10 Cent Stück und schnippt es mit dem Finger an, so sieht es bei genauerem hinschauen, durch die schnelle Drehung um die eigene Achse, auch wie eine Kugel aus. Wir wählen also den Halbkreis mit dem Selection Tool aus und wählen dann Effect->3D->Revolve. Folgendes Fenster erscheint:

Da wir bald Ostern haben, hab ich mir Gedacht ich schreibe mal ein Illustrator Tutorial um ganz einfach digitale Ostereier zu erstellen. Am Ende des Tutorials soll das ganze in etwa so aussehen: