Find us elsewhere
Join Now Member Login

Helpful tips for using photoshop in web design

 
New Topic
Post Reply
Follow Topic
Page of 1
  • Author
  • Message
 
jalane

posts: 5

Nov 12, 2007 3:24 PM ET    Quote  Report Abuse
Points: 0   Vote
does anyone have any tips in creating a web header or website using photoshop?
CraigL

posts: 9051

Nov 12, 2007 10:52 PM ET    Quote  Report Abuse
Points: 0   Vote
Keep it between 72-96 ppi.
Nuevolution

posts: 1223

Nov 13, 2007 4:03 AM ET    Quote  Report Abuse
Points: 0   Vote
Jalane,
There are various things you have to take into consideration before digging into photoshop as your main tool to design web sites, aside from setting the resolution to 72 dpi (which don`t matter anymore) most web browsers can handle higher resolutions...it all depends on what you`re trying to accomplish.. and that is only the beginning. Most web layouts are approximately around 850 pixels in width by 800 in height... Again it all depends how much content you have on your pages,
Here are some tips that you may want to look into aside from creating the layout.
  1. How to use gradients (if you`re going to use any)
  2. Colors to be used on the layout
  3. Navigation Bars and breadcrumbs
  4. Image positioning
  5. How are you going to slice the layout? (what`s going to be exported and what`s going to be html ie text, headers
  6. The hard part is not designing it, it`s making sure you`re design carries over from concept to a real web site.

    I`ve always been anti-Photoshop for designing web sites. Although, you have filters, textures, and thousands of attributes(features)... I think ADOBE Fireworks is the tool to use. Especially now with ADOBE BRIDGE and  Fireworks  you can use just about any Photoshop filter and extensions. 




-------------------------

Edgar Monroy
Web Developer / Owner / Consultant
When starting your own business the need to "know-how" is greater than money!
http://www.nuevolution.net
SparkleGirl

posts: 47

Nov 13, 2007 6:05 AM ET    Quote  Report Abuse
Points: 0   Vote

Hi Jalane,

I own Photoshop for Dummies (by Barbara Obermeier) and it`s a great resource for me. 



-------------------------

Wishing you all continued blessings and successes!
~Roshelle (aka SparkleGirl), SparklingCards.com
We provide customized cards that make your gifts shine! Also, our Wedding Day Survival Kit has been featured in America`s Bride Magazine.

Also, please check out my new venture, welcome2college.com - a FREE resource site for prospective and newly enrolled university and college students.
Jul 13, 2012 4:02 AM ET    Quote  Report Abuse
Points: 0   Vote

Adobe Photoshop is greatest tool for website designing, but now after Adobe Photoshop is CS5 latest has more interesting features for get high-quality results and modern designs.

 



-------------------------

Michigan Web Design | Web Design In Michigan | Michigan Web Design Company | Narroway Graphics
madelinekim

posts: 52

Aug 03, 2012 5:26 AM ET    Quote  Report Abuse
Points: 0   Vote

Always save as JPG quality. Don't send as bad quality file to the clients. JPG will be little bit larger file but it looks so better from the clients point of view. Utilize the option of blending that will be benefits  to you.



-------------------------

adobe photoshop training courses in sydney
79level

posts: 4

Aug 06, 2012 4:09 PM ET    Quote  Report Abuse
Points: 0   Vote

the best... tip that I can give :) dont over use prebuilt effects :)



-------------------------

Page of 1
Post Reply
 
.
Advertisement

Keep the Community Clean!

  • StartupNation forums should be used as a platform to learn, educate others, share stories, tips & tricks and to provide constructive feedback.
  • Please do not use the Forums for advertising & blatant self-promotion.
  • Please be respectful to other members and refrain from personal attacks and vulgar language.
  • StartupNation reserves the right to delete any message, reply, and/or member who violates our terms of use.
Read full terms of use
Advertisement
Advertisement
Advertisement
Advertisement