"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.
This tutorial is the third of three parts outlining a method for creating great website designs tailored to your needs. You won't need to have much knowledge of Dreamweaver at all - just the ability to find the tools and options discussed in this article.
By Lolaness | Published 7/6/2007 | Read more »
Glossy buttons, well-placed gradients, and vivid images that tie into an overall color scheme are what you're looking for. Here's one method to help you create a great design specific to your site's subject using Photoshop.
By Lolaness | Published 7/6/2007 | Read more »
Probably the best and most useful aspect of Adobe's Photoshop programs is it's use of layers with images. You can edit, draw and paint on one layer and set it onto others to create unique images or just touch up your favorite photo.
By Jeff Gedgaud | Published 1/4/2006 | Read more »
AC announced the winners of the PMAs. Drumroll, please......
By Pam Gaulin | Published 1/31/2007 | Read more »
Website design company focuses on design concepts and Web 2.0 style layouts. Affordable web design, free hosting, free domain and ability to edit and update content.
By Nikki Freeman | Published 9/21/2007 | Read more »
If you are a stay at home parent thinking about getting into the website design industry than this article is for you.
By renee | Published 3/10/2006 | Read more »
|
|
- 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
Most Comments Today
- Hot News Quickies - Friday, July 3, 2009 News happnes while you sleep - get your Hot News Quickies her! 29 Comments
- Divorce and Partial Custody: Coping with Normal Parental... Divorce and partial custody are a difficult row to hoe for us men. Please un... 23 Comments
- The Do-Boy Are goodies worth more to you than freedom? 21 Comments
- David Carradine Second Autopsy Results Results of the second autopsy of 72 year old actor, David Carradine, have bee... 20 Comments
- Psychic Children: Dealing with My Intuitively Gifted Gran... This is the third installment in a series based on the true facts about two o... 19 Comments
- Michael Jackson's Secret Girlfriend Revealed Who was Michael Jackson's girlfriend before the time of his death. According... 15 Comments
Posted on 04/10/2009 at 3:04:10 PM
Posted on 06/05/2007 at 7:06:00 AM