Archive for the 'GIMP' Category

SimplyBlue web layout - Part II

Coding the layout

In this part we will be looking at the XHTML and CSS. We’ll start with structuring the layout with XHTML. The XHTML acts as the framework for the layout upon which we’ll apply stying using a CSS style sheet. The framework consists of several modules:

Continue reading ‘SimplyBlue web layout - Part II’

SimplyBlue web layout - Part I

I’m going to show you how to create a complete web layout using GIMP. This tutorial consists of two parts: The first part covers creating and preparing the graphics for the layout. The second part will go over marking up the layout in XHTML 1.0 Strict and styling with CSS 2.0.

(Click on the thumbnail below to see a live version of the layout)
Live preview

Continue reading ‘SimplyBlue web layout - Part I’

Sleek website button

I made this web button for a friend’s website and liked it so much that I decided to write a tutorial to show you how I made it. The button is simple and flexible; you can use it on your web pages or even in a flash game.

Here’s what we’ll be making:

Sleek website button
Continue reading ‘Sleek website button’

Windshock text effect

In this tutorial I’ll show you how to create the following text effect which I call Windshock:

Windshock text effect (finished)
Continue reading ‘Windshock text effect’

Create a metallic glass button

In this tutorial I’ll show you how to make this cool little button in GIMP:

ref final

Continue reading ‘Create a metallic glass button’

Tabbed menu navigation

A crucial element of web site design is ease of navigation. When you design your own web page, you will want to make the main sections of your site easily reachable. Tabbed menus are a popular way of doing this.

This is what we’ll be making:

Finished menu
Continue reading ‘Tabbed menu navigation’