Create blog header image read-think-learn
Juergen.Hartl.uni-linz, Montag, 26. Mai 2008, 11:02 (1 comment)
kommentierenI am trying to create a blog header image according to my idea. I searched for black and white images of books, thinker of rodin and chess in http://www.google.at. At first I wanted to add big-lettered single words for "read", "think", "learn" overlapping the image of books, thinker and chess respectively. But when I searched for ways to make text transparent or a similar effect, I found a page explaining how to create image that is outlined by text: http://www.drweb.de/photoshop/bild-aus-schrift.shtml
I decided to go for that and made a few versions of the header image, with gaps between the 3 parts and without, with more or less transparency and so on. Lacking experience as designer and as well as the tool I used (Adobe Photoshop CS 3) I finally took the image I liked best so far.
It has a special property to make it suitable for different layouts: There is no 100% background color, only a 50% white fill layer. So by setting the background-color css style for the image, you can basically give the image a slight hue in a color matching your layout. In my case, its the layout.titlecolor.
Download link for zipped header-image project: /9756179/getfile?name=header-image_read-think-learn
Header image update, extend to 600px
Juergen.Hartl.uni-linz, Mittwoch, 28. Mai 2008, 13:54
antwortenlinkI updated my header image to a width of 600px, by adding a half part of the book and the chess image to the left and right. Perhaps symbolizing the learning cylce :)
Updated Photoshop file: read-think-learn_no-gaps_5parts.psd (psd, 756 KB)