Wednesday, 15 April 2009

Images

So, a bit earlier today I decided to alter some pages (hosted elsewhere) so that they aren't just all using this same template - sure it's nice, but it doesn't really demonstrate what I can do design-wise.

So I looked at the Google pages WYSIWIYG ("what you see is what you get") editor in order to get some inspiration. I found a very nice one called "Branches" - it was a nice green colour for the background, with all of the contents in a blue colour, and the header had a picture of a tree-branch with some blossom on it.

It was so nice that I wanted to do something similar myself, but I didn't want to use the exact same image (what with it being copyrighted and all) so I was presented with two options:
1) Draw my own
2) Use a public domain alternative

Unfortunately I am not very good at drawing using the GIMP - it looked sharp and pointy. "Stylised" didn't seem like a good enough excuse for the quality.

So, I searched around - I found a fair few good results... but none of the good ones were free. Oh well.

I generally don't like Google's WYSIWIG editor, I felt it didn't give me as many options as I wanted, so I needed to alter the html itself... but it only let me alter the html of particular blocks, particular DIVs. Sometimes you need to be able to edit all of the html, or sections that aren't contained within the DIV (for example, the body tag.)

1 comment:

jmtd said...

Check out csszengarden.com for some design ideas. I have a copy of their book somewhere which might help.

Each design uses the exact same HTML, only the CSS changes.

For graphics like that branch, you probably want to try out a vector editor rather than a raster one like the GIMP. Take a look at "inkscape".