In this GIMP tutorial, I’ll show you how to design a website using this free and powerful photo manipulation program. This design is useful for front-end web designers or graphic designers who want to design a website, home page, or landing page to send off to a developer. This tutorial uses GIMP 2.9.8, which is the latest version of GIMP, also called the “Development Version.”
Guess what? We’re on Patreon! And you can help us expand our GIMP tutorials by supporting us – plus get great rewards in return. Check it out here:
Download the images used in this tutorial free from Pixabay (always run downloads with a virus scanner):
Download Twitter and Facebook icons from Icon Finder:
Download the .XCF (native GIMP file format) GIMP Website Template used in this tutorial (includes guide placement)
GIMP 2.9.8 and Above:
GIMP 2.8.22 and Below:
*MAC Users – hold cmd and click to download the templates!
This in-depth tutorial is perfect for all skill levels! You’ll learn a variety of techniques, while using tons of tools and features found in GIMP. Some examples include working with layers, importing images, using layer masks, using guides to design your site within Twitter bootstrap (a standard and popular layout style for websites), using the text tool, using the gradient tool, and more!
Visit our website for more text and video tutorials:
Enroll in Our GIMP Photo Editing Course:
Download the Latest Version of GIMP:
Sign up for our GIMP newsletter:
Video Source: https://www.youtube.com/watch?v=xKpjtYAVs0M
Responsive Website Design Cardiff