Archive for the ‘Gimp’ Category

10 Great Hand Picked Patterns from ColourLovers

Every designer is familiar with ColourLovers.com. Whether you are looking for a color palette for a new design or a pattern for a header or background, ColourLovers has a lot to choose from. Today, we will have a look at 10 great hand picked patterns from ColourLovers. All links point to the original page where you may download the pattern for virtually any software (photoshop, gimp, zip file etc). Use these patterns with a simple overlay and opacity adjustments, and you can create some very attractive effects.

Read the Rest...

10 Fantastic GIMP Specific Tutorials

How many times have you seen a great looking Photoshop tutorial and wished that the it existed for the GIMP? Luckily, fellow gimpers have made plenty of helpful and great looking tutorials for us to follow. Below, we will take a look at 10 Fantastic GIMP Specific Tutorials…

Read the Rest...

Create a Samsung TV Vector in the Gimp

I am going to be doing a few of these, vector images of everyday objects. Today, I am going to show you how to create this Samsung TV in The Gimp:

Read the Rest...

Posted in Gimp

10 Comments »

Create a post-it effect in The Gimp

A common trend in web design lately is the idea of using everyday objects in designs such as pens, ink, paper, handwriting and post-its. In this tutorial I going to show you how to design a yellow post-it in The Gimp, I will be doing a number of tutorials teaching you how to do a number of things in the coming weeks including paperclip, paper and pen effects, so keep checking for these or subscribe to my RSS feed.

Read the Rest...

Posted in Gimp

2 Comments »

22 great Gimp Tutorials

It is very common to find fantastic Photoshop tutorials, just look at PSDTuts. However, finding high quality tutorials for the Gimp is much harder. In this collection I am going to show you 22 of the best Gimp tutorials I have come across. If you know of more then please do add them as comments.

Read the Rest...

Posted in Gimp

9 Comments »

Introduction: Design and code a website in The Gimp, HTML and CSS

Hello and welcome to my 4 part tutorial on how to design a website in the Gimp, then slice it and code it into HTML and CSS without using tables or Dreamweaver/Frontpage, instead we will use Notepad.

The final result will look like this:

The tutorial will teach how to create and style CSS divs and classes as well as teaching you how to create menu rollovers, it is perfect if you are new to coding websites.

The tutorial comes in four parts as detailed below:

Part 1 teaches you how to design the site in the Gimp

Part 2 teaches you how to slice the design ready for coding

Part 3 teaches you how to code the layout and add the content

Part 4 teaches you how to style the links, headings and menu buttons

Read the Rest...

Posted in CSS, Gimp, HTML

16 Comments »

Part 4/4: Design and Code a site with Gimp, HTML and CSS

Welcome to the fourth and final part of my series on designing and coding a website in the Gimp, HTML and CSS. At this point I would like to thank everyone who has been following this series and I hope that you continue to use Help Developer. In this part I am going to show you how to finish off the template we have been creating, we are going to style the textual elements such as the h1, h2 and hyperlink tags and we are going to also create the long awaited rollover menu.

Designing and coding a website in The Gimp, HTML and CSS

Read the Rest...

Posted in CSS, Gimp, HTML

47 Comments »

Part 3/4: Design and Code a site with Gimp, HTML and CSS

Welcome to part 3 of my series on designing and coding a website with the Gimp, HTML and CSS. In this part I am going to show you how to start coding the site.

Read the Rest...

Posted in CSS, Gimp, HTML

16 Comments »

Part 2/4: Design and Code a site with Gimp, HTML and CSS

Welcome to the much anticipated part two. My thanks go to everyone who has been spurring me to hurry up and write part 2, so here it is.

In part two of this 4 part series, I will be showing you how to slice the design ready for coding. This is the process whereby we basically cut each element into separate images ready to code into the site.

Read the Rest...

Posted in CSS, Gimp, HTML

17 Comments »

Part 1/4: Design and Code a site with Gimp, HTML and CSS

Many beginner web designers have trouble designing sites and then coding them properly and end up turning to tables and Dreamweaver. In this tutorial I will show you how to design a site in The Gimp and then code it in valid XHTML and CSS with divs and classes (not tables).

Read the Rest...

Posted in CSS, Gimp, HTML

45 Comments »