Elegant und schick: halbtransparente Web-Elemente würden schick aussehen. Leider hat jeder Browser seinen eigenen Befehl zum Umsetzen und die richtige CSS Anweisung „opacity: 0.5“ beherrscht zur Zeit nur der Safari. Auch die Idee, solche Probleme mit halbtransparent gespeicherten PNG-Bildern im Hintergrund zu umgehen, scheitern leider an dem Brower aus Redmond.
Damit der Code auch mit älteren Versionen von Mozilla und IE funktioniert, muss man die jeweiligen CSS Attribute zusammen nutzen:
filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5;
Transparenter Hintergrund mit CSS – ohne PNG
Damit der Inhalt des transparenten Layers trotzdem zu 100% sichtbar ist, ist es am einfachsten, einen zweiten Layer oben auf zu legen:
#logobox {
margin: 0pt;
background-color:white;
filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5;
position:absolute; top:27px; right:3px; width:100px; height:100px;
}
#logo {
margin: 0pt;
position:absolute; top:27px; right:3px; width:100px; height:100px;
}
06. Januar
Im Web nach passenden Bildern suchen ist nicht immer einfach. Neben den Problemen mit dem Urheberrecht muss auch erst mal das richtige Bild gefunden werden. Hier soll Retrievr helfen: Eine einfache Farbskizze reicht aus, um ähnliche Bilder in Flickr zu finden. Hier wird vor allem auf eine Übereinstimmung der Farben und ihrer Position im Bild geachtet.
Gefunden im Webmaster-Blog, dort gibt es auch Beispiel-Screenshots.
17. Dezember
Wie man von der handgezeichneten Skizze mit Photoshop zu einem schicken 3D-Icon kommt, zeigt Cian Walsh in seinem Photoshop Tutorial „Keyfob: Anatomy Of An Icon“. Frohes Nachbauen!
| |
07. Dezember
Für besonderen Blickfang sorgen Elemente, die aus dem eigentlichen Bild herauszuragen – oder überzustehen – scheinen. Wie das schnell geht, zeigt Dr. Web in einem neuen Photoshop-Tutorial.
Gefunden im Photoshop-Weblog.
|
29. November
Das Law-Blog hat eine lesenswerte 10-teilige Sammlung u.a. zu den Themen Urheberrecht, Recht am Bild, Rechte an dem, was abgebildet wird zusammengestellt.
| |
09. November
Selbst bei Models muss ein wenig nachgeholfen werden. Wie man seine Portrait-Fotos unbemerkt schöner macht, Farbe und Kontrast anpasst und die Haut glättet oder Sommersprossen retuschiert zeigt Lunacore in den beiden Artikeln Beautify a face und Smooth Skin. Die Photoshop-Tipps auf graphic-design.com geben weitere Hilfestellung, für manche Effekte – etwa für die Korektur zu kleiner Augen oder zu schmaler Lippen – wird aber der „Verflüssigen“ Filter von Photoshop CS benötigt.
|
07. November
Der Auszug aus Mikkel Aalands Buch „Photoshop CS 2 RAW“ (O’Reilly Verlag) nennt die besten Tipps und Programme, um unscharfe Bilder zu retten. Auch das Photoshop-Weblog hat dazu drei Tipps: Bilder schärfen, Klein, aber fein!, Schärfen ohne Filter.
05. November
Die Graphics.com Tipps wurden aufgefüllt. Neu z.B. ist „Blend Text into an Image with Photoshop’s Liquify Filter„. Gezeigt wird hier, wie man einen Text passend auf ein Hintergrundbild legt – ein Schriftzug verschwommen im Pool. Auf englisch, und nicht für Anfänger.
06. Oktober
Hoch- und tiefgestellte Zahlen zerreissen oft das ganze Design, wenn sie für plötzliche Lücken zwischen den Zeilen sorgen. Wie sich das mit CSS etwas entschärfen lässt, zeigt Rene Schmidt im Dr. Web Magazin.
08. September
Unter photo-plugins.com finden Fotografen zahlreiche kostenlose Photoshop-Plugins, die Fotos verändern und aufbessern können. Mit der „Linsenkorrektur“ lässt sich etwa auch ein extremer Weitwinkel wieder korrigieren, Farbton- und Sättigungsstärkung gibt es ebenso wie Softener.
04. September
Um mehrere Bilder mit dem neuesten Photoshop als Slideshow anzuzeigen, müssen diese geöffnet werden und mit gedrückter Shift-Taste der „Vollbild“-Button in der Werkzeugleiste gedrückt werden. Mit STRG + Tab lässt sich die Diashow jetzt starten. Gefunden im Photoshop Weblog.
18. August
Die neue Interet Galerie augensound.de will eine Community für künstlerische Werke aller Art schaffen. Das Portfolio der Künstler reicht von 3D über Fotografie bis hin zu Illustrationen und traditioneller Malerei. Auch stilübergreifende Gruppenarbeite lassen sich finden. Künstler haben die Möglichkeit, Ihre Werke kostenlos zu veröffentlichen und zu präsentieren, die dann kommentiert und bewertet werden können.
11. August
Networld.at nennt mehrere kleinere Bildagenturen, die auch private Urlaubsfotos zu Geld machen lassen. Diese werden über die Agentur-Webseiten angeboten – gegen eine Provision. Die aktuelle „Internet Professionell“ soll dazu noch mehr wissen.
06. August
Um Pantone Farbpaletten möglichst exakt in HTML-Farbwerte umzuwandeln, bietet ReedDesign eine Tabelle, die von Pantone 100 bis 814 alle Farben als RGB und Hexadezimalwert zeigt. So lassen sich die Pantone Farben zumindest so gut wie möglich für Web-Projekte verwenden, um eine einheitliche Gestaltung von Webseite und Print-Produkt zu gewährleisten.
Update
Aus rechtlichen Gründen sind die Pantone-Tabellen nicht mehr verfügbar. Pantone soll mit der „myPANTONE App“ aber eine ähnliche Funktionalität mittlerweile selber bereitstellen.
04. August
Neue Werkzeugspitzen für Photoshop (Brushes) bietet die Seite fragiledecay.com. Dazu gehören zahlreiche „Grunge Filter“, mit denen ein Layout künstlich älter oder schmutziger gemacht werden kann. Leider dürfen die Brushes nicht für kommerzielle Projekte genutzt werden, alle anderen Arbeiten sollen einen Link zu der Seite angeben. Gefunden im Photoshop-Weblog.
31. Juli
Eine Sammlung aus Österreich: Der Standard stellt verschiedene kostenlose Bildbearbeitungs- und Bildbetrachtungs-Programme vor, die es alle mehr oder weniger gut mit Adobes teurer Profi-Software Photoshop aufzunehmen versuchen. Neben dem mächtigen, aber etwas umständlichen „Gimp“, dem „Gnu Image Manipulation Program“ gibt es zum Beispiel Paint.NET, das anders als Microsofts ursprüngliches Paint mit vielen Farben und auch Ebenen kommt.
Eigentlich ein Bildbetrachter ist Irfanview, der mittlerweile aber auch über zahlreiche Bearbeitungs-Funktionen verfügt: So lassen sich auch damit schnell und einfach Bilder drehen, spiegeln, zuschneiden, verkleinern oder in einem anderen Format speichern.
Neben den bekannteren Programmen zeigt der Standard auch etwas weniger bekannte Tools wie zum Beispiel Firegraphic, Mosaiccreator oder AnmanieSMP.
05. Juli
Mit dem Projekt „Diesel Wall Berlin“ können sich Künstler und Kreative in Berlin verewigen. Die Arbeiten können bis zum 26. August eingereicht werden, wo sie danach von einer Jury begutachtet werden. Die Gewinner-Arbeiten werden dann auf einer 500-Quadratmeter Hauswand präsentiert – denn: „Diese Wand gehört dir“. http://www.dieselwall.com
23. Juni
Die kostenlose Windows-Programmsammlung FontHit hilft dabei, Fonts zu zeigen oder drucken, installieren oder wieder löschen. Als Formate werden True Type, Open Type und Bitmap-Fonts unterstützt. Ebenfalls zu empfehlen ist der kostenlose Font Xplorer Lite, der die unter Windows installierten Schriften samt dem Aussehen zeigt. Unter OS X hilft die mitgelieferte „Schriftsammlung“ im Programme-Verzeichnis bei der Ansicht, Gruppierung und Vorauswahl.
