Mar
24
2012

Adobe Photoshop Website Design Tutorial (Medium Difficulty)

In this video tutorial I will be teaching you how to design a header to your html website, how to slice the photoshop document and how to save it as a website document. I will also teach you how to link the menu bar. Follow Me: www.twitter.com

White Space is Not Your Enemy: A Beginner’s Guide to Communicating Visually through Graphic, Web and Multimedia Design


Designing a brochure or web site without an art background? Step away from the computer and read this breezy introduction to visual communications first. Written for non-designers, White Space is Not Your Enemy is a practical graphic design and layout text introducing the concepts and practices necessary for producing effective visual communications across a variety of formats, from print to Web.

This beautifully illustrated, full-color book covers the basics to help you develop your eye and produce attractive work. Topics include:
* The basics of effective design that communicates its intended message
* Pre-design planning
* 13 Layout Sins to avoid
* Basic typography
* Working with color
* Storyboarding for video, Web, and presentions
* Information graphics
* Mini Art School–all the basics in one chapter
* Outputting your work

* Finally–the basics of layout, design, and visual communication for print and web in one easy-to-digest book!
* “Try This” sections in each chapter include fun, hands-on activities to develop skills.
* The companion web site includes text and photo support material; video clips that put the principles in practice; interactive multimedia components; and links.

25 Comments+ Add Comment

  • I think Firefox is lame. it’s SLow for me! I would recommend chrome or Safari or Opera instead.

  • There’re heaps of crowdsourcing websites out there,but unfortunately not all of them are that great..However, I’ve recently used DesignCrowd for my website design and absolutely LOVED it! Great customer service, the lowest prices and the best designs from all around the world! Definitely recommend if you need any custom design.
    BTW, you can use this discount code ‘YOUTUBE-OFFER’ to get 25% off any project you post on DesignCrowd!
    designcrowd . com/order/order_start.aspx?off­ercode=YOUTUBE-OFFER

  • Internet Explorer? O.o

  • @LukasTeeVee Don’t go and cry, keep your hopes up and you don’t need it to be in the center of the desktop! 😛 silly!

  • @XatJoy LMAO Center at desktop, i posted this before iwatched the video ;D

  • @LukasTeeVee If you click ctrl + a it will select the entire canvas, then go to layer > align > and then click horizontal center, then do vertical center.

  • K-Squared Designs offers superior website design at competitive prices.

  • Ty Dude, U Are The Best In Da World ,,,

  • Cheers mate this tutorial have been most helpful!

  • Americanii creeaza website-uri, olandezii construiesc masini zburatoare, italienii fac autostrade moderne…Politia din Satu Mare, Romania…manipuleaza calculatoarele, intercepteaza telefoasnele, manipuleaza oamenii…SISTEM DICTATORIAL FASCIST…tiganii UniuniiEuropene

  • @grarrs actually for beg. it was very damn helpful alot of the other dickheads dont even explain shit they just do it and call it an tutorial which its clearly a waste of a youtube viewers time

  • Wow, this is NOT how you should make a website, learn css!

  • @TheCPSkull1100 look at 2:39 lol.

  • Americanii creeaza website-uri, olandezii construiesc masini zburatoare, italienii fac autostrade moderne…Politia din Satu Mare, Romania…masnipuleaza calculatoarele, intercepteaza telefoanele, manipuleaza oamenii…SISTEM DICTATORIAL FASCIST…tiganii Uniunii Europene

  • Please come check out our t-shirts and promo video. we launched this week!

    watch?v=UQkQux3DlNg

    and web site

    graffitithreadz (dot) com

  • Americanii creeaza website-uri, olandezii construiesc masini zburatoare, italienii fac autostrade moderne…Politia din Satu mare, Romania…manipuleaza calculatoarele, intercepteaza telefoanele, manipuleaza oamenii…SISTEM DICTATORIAL FASCIST…tiganii Uniunii Europene

  • i tried this in tumblr. and cant get rid of the borders, any suggestions?

  • what font in Edzjohnson thing header
    

  • a-doe-bay haha

  • @LastlyDeviant yes thank you u made my website possible 😀

  • @barbel127 in the tools window the fifth tool from the top is the crop tool. Right click on the icon and you’ll see the slice tool in the drop down menu. Good luck!

  • i cant find the slice tool on cs5 i have 3 trial does that meen i cant slice

  • @brianglassman thnx and soz to bother u where is the cut tool

  • @barbel127 paint bucket (g) or fill (shift+f5)

  • plz someone help im using photoshop cs5 and i cant find the back ground color thing plz some one help