"If you want something done right, do it yourself" - cliche, maybe, but often very true. It's only when you can place your own ideas into a complete project, see your vision come to life in front of you, that you're
truly happy with the final effect. No one else has your ideas or thoughts about how something should look.
This totally applies to web design.
More and more people are turning to websites for their business and personal pursuits, whether to sell products and services or to keep in touch with distant loved ones. The cost of hiring someone to design a professional website for you, though, can be frightening. Even more frightening can be the prospect of tackling it on your own.
Using Photoshop, you can create your own website with very little headache. Seriously. I've been designing websites professionally for more than 6 years now, and constantly find myself surprised by how much fun it is to do. Taking a simple graphic and transforming it into something people can navigate through is akin to magic.
What will you need? To follow this guide word-for-word, you'll need Photoshop CS or CS2. Don't let that stop you if you don't have these programs, though - any graphic program with tools comparable to Photoshop will let you create the web design. You may have to look around for the right tools, though.
Attached to this article are a series of images that illustrate the process more clearly.
Part One: Gather Resources
The website design we're going to create will be similar to the first illustration attached to this article. To get going, you need only one thing (other than your software) - an image or graphic that you want to feature in the header of your site. I'll be using an image that I picked up on ClanTemplates.com in their Renders gallery.
Part Two: Block it Out
Before we do anything else, we need to make a "sketch" of where we want to place the parts of our site.
1: Open a new canvas (File, New) sized about 550 x 500 pixels. It should be RGB color with a white background.
This totally applies to web design.
More and more people are turning to websites for their business and personal pursuits, whether to sell products and services or to keep in touch with distant loved ones. The cost of hiring someone to design a professional website for you, though, can be frightening. Even more frightening can be the prospect of tackling it on your own.
Using Photoshop, you can create your own website with very little headache. Seriously. I've been designing websites professionally for more than 6 years now, and constantly find myself surprised by how much fun it is to do. Taking a simple graphic and transforming it into something people can navigate through is akin to magic.
What will you need? To follow this guide word-for-word, you'll need Photoshop CS or CS2. Don't let that stop you if you don't have these programs, though - any graphic program with tools comparable to Photoshop will let you create the web design. You may have to look around for the right tools, though.
Attached to this article are a series of images that illustrate the process more clearly.
Part One: Gather Resources
The website design we're going to create will be similar to the first illustration attached to this article. To get going, you need only one thing (other than your software) - an image or graphic that you want to feature in the header of your site. I'll be using an image that I picked up on ClanTemplates.com in their Renders gallery.
Part Two: Block it Out
Before we do anything else, we need to make a "sketch" of where we want to place the parts of our site.
1: Open a new canvas (File, New) sized about 550 x 500 pixels. It should be RGB color with a white background.
|
|
- My-Photoshop - Tutorial and Plug-In site dedicated to Photoshop - www.my-photoshop.com ; Good-Tutorials - Huge Photoshop database - www.good-tutorials.com - or visit all of AC's tutorials listed on Good-Tutorials here. ; Pixel2Life - Another Tutorial database, this one is much more than Photoshop - www.pixel2life.com
(Guest)
(Guest)
(Guest)