Remember Me
forgot your password?

photoshop header tutorials tutorial photoshop blogspot,tutorial blog, brushes blog good tutorials,marquee tool blog layout , drop shadow

Using photoshop to design layouts

Monday September 8, 2008

Sometimes, I get so caught up in teaching people how to build websites, that I forget to talk about how you might figure out a design to build. One of the popular tools for prototyping is Photoshop. I use a combination of Photoshop and Fireworks to build my designs. I use Photoshop for the initial designs and all graphics, then I use Fireworks to slice up the page into graphical and HTML elements. Finally, I move into Dreamweaver to get the HTML, CSS, and JavaScript just right. Then today, I found this article on BulletProofBox that I thought was really helpful: 9 Essential Photoshop Web Design Tutorials. It starts out with some templates in Photoshop (including an interesting portfolio one) and moves on to tutorials explaining how to use Photoshop for Web design. Nice!

blogging, blogger,blogspot,make money from blog

* Comments (6)

* See All Posts

* Prev

* Next

blogging, blogger,blogspot,make money from blog

Leave a Comment

Comments

September 8, 2008 at 4:27 pm

(1) Wardell says:

Is there and advantage to slicing up the design in Firworks instead of Photoshop, or is it just a personal preference?

September 8, 2008 at 5:24 pm

(2) Jennifer Kyrnin says:

blogging, blogger,blogspot,make money from blog

Honestly, I don’t think there’s that much difference now. It’s just that when I started that workflow, Photoshop didn’t have any way to slice images and connect with Dreamweaver or another HTML editor. Now that you mention it, that’s a good point. I think I’ll see if I need Fireworks when CS4 comes out (late September, yay!).

September 8, 2008 at 9:07 pm

(3) wsamoht says:

What about Illustrator? Isn’t it easier to create a layout since it is a vector program? I’ve been using the GIMP for quite awhile and its a pain sometimes when changes are needed. What are your opinions?

September 9, 2008 at 5:05 am

(4) Riann says:

I use Photoshop as well as Illustrator. I think it depends on what you would like to do with your design. I am never satisfied with the lines and forms photoshop does. Since everything is required to look kind of “web 2.0? I started using Illustrator even more because I seem to get quicker results there.

September 9, 2008 at 6:59 am

(5) Shreyasee says:

I use Photoshop extensively till any website design template is finalised and then use slicing as Jennifer suggests to htmlize the page.

October 1, 2008 at 11:18 pm

(6) Web Design Contests says:

You can also use services like psd2html.com to take your Photoshop files for you and do all the html and slicing for you.

Alec

DesignBay

Leave a Comment

Leave a Comment

Name Email (never displayed) URL Your Comment

* Cornelia - Member Profile

raam rahim

author is renowned earn money from blogging is provided free in internet

author is renowned blogger can make money is provided free in internet

Rate this Article: 0 / 5 stars - 0 vote(s)
Print Email Re-Publish

Add new Comment



Captcha

  • Latest Blogging Articles
  • More from raam rahim

Blogging For Internet Marketing

By: donkeymailer | 25/12/2009
If you follow the latest developments on the Internet, you find time htings. The latest development is very profitable for buyers saavvy use these new changes.

5 Ways to Generate Stimulating Blog Entries

By: TJ Philpott | 25/12/2009
Your blog entries need to contain quality content in order for you to attract and retain traffic to your site. Any blog reader will tell you that if the content is not of interest to them they will not continue to return to the blog. Read more to see how you can easily maintain a steady flow of fresh and interesting content on your blog even if you are out of ideas.

3 Tactics Guaranteed to Increase Blog Traffic

By: TJ Philpott | 25/12/2009
Blog traffic pumps life into a blog and what attracts this traffic is quality content. Some of the best visitors a blog can have are those that come from search engine traffic. Read further to see 3 simple tactics you can use to make your blog more search engine friendly thereby increasing the traffic you receive.

Blogging Tips for New Bloggers

By: Hannah Miller | 25/12/2009
If you are planning to, or have recently started your own blog, you may have a few questions. Whether you just need some basic blogging advice, or want to know a little more about the options you have, the follow tips and advice will help you get ideas and stay safe with your new blog.

Choosing Well-Designed and Functional Free Blog Templates for Your Website

By: Mark Ferrer | 24/12/2009
Free blog templates are like dresses, except your blog is the one to don one on. The more beautiful the template is, the better the blog will look. The same goes if it’s more expensive. Yet like in fashion, expensive doesn’t necessarily mean pretty. You wouldn’t wear haute couture everyday now, would you? Sometimes even cheaper dresses or, in this case, templates will create a well-designed blog. You only have to choose which design will work best for your blog.

NEED LEGAL SERVICES

By: Luis Marques | 24/12/2009
Pre-Paid Legal Services Inc. has served the legal needs of well over 1.5 million families and has been successfully doing so for over 3 decades. For over 30 years, this NYSE (New York Stock Exchange) company has been providing...

How to Write a Better Business Blog

By: Sofia Sapojnikova | 24/12/2009
Blogs vs Traditional News MediaEvery corporation today should be creating and maintaining a fresh and engaging blog - and they should be monitoring it, too. Creating your own content is important, but so is monitoring—and responding to—the conversations taking place about your brand on blogs and forums across the Web.

How to Make Money Online Without Website?

By: donkeymailer | 24/12/2009
Welcome to learn to make money online is website.there many good ideas and ways, such as the Google Adsense, affiliate programs, selling products in eBay, paid surveys, the mystery shopping, etc. These are some of the most popular ways to make money online. Unfortunately, it is easy for a novice.

premium wordpress themes web 2.0 wordpress themes wordpress magazine themes,professional wordpress themes 3 column,themes simple, themes , plugins, te

By: raam rahim | 30/09/2009 | Blogging
You'll have your own online diary or weblog and be sharing your information with the world in no time.

photoshop header tutorials tutorial photoshop blogspot,tutorial blog, brushes blog good tutorials,marquee tool blog layout , drop shadow

By: raam rahim | 30/09/2009 | Blogging
It starts out with some templates in Photoshop (including an interesting portfolio one) and moves on to tutorials explaining how to use Photoshop for Web design. Nice!

css h1 padding css div header css h1 margin css header layout css h1 font size css header font css h1 height css header background

By: raam rahim | 30/09/2009 | Blogging
different, some browsers define margins and padding on the body tag while others do not, and so on. So I have a series of styles that I set as my default styles on Web pages.

css tableless template css layout templates css xhtml templates templates psd css template builder dynamic css templates css styles templates css colu

By: raam rahim | 30/09/2009 | Blogging
Free HTML Templates Template Open Source Template Webdesign Web Templates Open Web Design

cascading style sheets css sample css style sheets css code tutorial css tutorial example css padding code css font code inline css code css positioni

By: raam rahim | 30/09/2009 | Blogging
will display in the flow without any positioning, so that you know how you'll need to position it.

css layout divs css layout height css layout firefox xhtml css layout css column layout css header layout css horizontal layout css layout maker

By: raam rahim | 30/09/2009 | Blogging
package for distribution. If you find these files useful, please include a credit line or a link back to this site [http://webdesign.about.com/]. Terms of use last modified 8/29/2004.

cute livejournal layouts jrock livejournal layouts lj layouts livejournal skins Get Noticed With Custom Business Cards

By: raam rahim | 30/09/2009 | Blogging
In Europe, card stock is mostly measured in g/sm. For business cards, you want paper between 200 and 400 g/sm (get a detailed comparison of paper measurements).

livejournal layouts s2 simple livejournal layouts s1 livejournal layouts livejournal anime layouts

By: raam rahim | 30/09/2009 | Blogging
or starting your own social network, these great services can help--in many cases, for free.

Submit Your Articles Free: Signup
Article Categories




Use of this web site constitutes acceptance of the Terms Of Use and Privacy Policy | User published content is licensed under a Creative Commons License.
Copyright © 2005-2008 Free Articles by ArticlesBase.com, All rights reserved. (0.19, 1, w2)