Photoshop tutorial part1- how to design a professional website mock-up in photoshop cs5

http://www.grafx.tv - In this Adobe Photoshop CS5 video tutorial I show you how to design a website mockup I also show you how to make gradients plus more.

Category:

Howto & Style

Tags:

• Graphics Design
• web design
• photoshop cs5
• adobe
• photoshop cs4
• how to make
• how to
• cs5
• design
• tutorial
• photoshop tutorial cs4
• how to photoshop
• graphics software

[PineappleCrusher21]

In these days of broadband internet, why not just use 300 ppi?

[grafxtv]

@PineappleCrusher21 the web only renders at 72 dpi so making it 300 dpi does not improve the quality of the image on the web. 300 dpi is used in print.

[austingimli]

How big should this be when you go to create it

PIxels per inch

Resolution

Etc?

[grafxtv]

@austingimli I think I used 960 x 700 pixels. When you design for the web, you should always use 72 pixels/inch. Hope this helps

[grafxtv]

thanks : )

[Maisterkaiser1234]

@1235242 I'm trying to set the guides like the tutorial suggested also. I believe his were pre-set guides lines. If you want guide lines like his you have to manually set them up (goto view, select new guides and then set the position where you would like your guide lines) i know its a pain but that's the only solution i see.

[quoling]

it's a VERTICAL bar called a PIPE not a horizontal bar..

[TwoMoSmoka420]

@grafxtv the web doesn't care about ppi, nothing is rendered in accordance to that. ppi is pixels per inch, meaning the pixel density, a monitor of 20 inches may have a ppi of 200 where a 30 inch one may be 100. PPI is also for print size/quality.

This is explained more than enough with a google search

[ZenCartEasyHelp]

Nice video! Check out our channel for lots of Easy Help Zen Cart Video Tutorials. We are adding new ones daily!

[1235242]

how do you place the lines with control + ; on windows?

[1235242]

how do you insert the lines with control + ; on windows?

[1235242]

how do you insert the lines with control + ; on pc?

[1235242]

how do you insert the lines with ctrl + ; on pc?

[1235242]

how do you insert the lines with ctrl + ; on pc ?

[1235242]

how do you insert the lines with ctrl + ; on pc??

[Mustaphajama]

Thanks, its great lesson

[aylera]

Best tutorial I came across yet

[HyNiJo]

So how do you insert the coler strip?

[sembo199]

@grafxtv you didn't use 960 x 700, u used 1200 x 800 , see the top and side bar :)

[TonyKartDriver]

@sunaynaprasad It should work, if you have photoshop.

[sunaynaprasad]

This doesn't work on a Mac, does it?

[ixViet]

What is the size of the website by pixels?

[ixViet]

What is the width and height of the website?

[ixViet]

What is the width and height of the website by pixels ?

[ixViet]

What is the width and height of the website by pixels ?

[AyeYouWithTheFace]

How do you slice it up in frieworks cs5 to load it in Dreamweaver

[eLLriDe420]

can i pay you to make me a simple website for my college final? ive got one more week and have no clue what to do.

[x3Heroiinex3]

manly voice :D

love it