Designing A Website Using A Wireframe: Photoshop Tutorial

Posted: February 6th, 2012 | Author: | Filed under: Business Website Design | Tags: , , , , , | 17 Comments »


This tutorial is a quick how to design using wireframes, and some helpful hot keys.

Share and Enjoy:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • BlinkList
  • Blogosphere News
  • email
  • FriendFeed
  • LinkedIn
  • Live
  • MSN Reporter
  • MySpace
  • NewsVine
  • Ping.fm
  • Propeller
  • Reddit
  • Slashdot
  • StumbleUpon
  • Technorati
  • Twitter
  • Wikio
  • Yahoo! Bookmarks
  • Yahoo! Buzz
  • Current
  • HelloTxt

17 Comments on “Designing A Website Using A Wireframe: Photoshop Tutorial”

  1. 1 Sierrafairy said at 6:43 pm on February 6th, 2012:

    Much quicker and more concise than Fireworks–thanks for the help!

  2. 2 ezPChelp said at 7:32 pm on February 6th, 2012:

    Helped me in creating wireframe for Web Design at North Lake College. Appreciate it.

  3. 3 ZenCartEasyHelp said at 7:48 pm on February 6th, 2012:

    Thanks for posting this! If you need help customizing your zen cart store check out our channel for our free Easy Help Zen Cart Video Tutorial library. If you have a specific question or video you would like to see, just leave a comment on our channel.

  4. 4 mangoprojects said at 8:27 pm on February 6th, 2012:

    Thanks for the tutorial and tips. Thank you. – Behind VFX

  5. 5 MorrWind120 said at 9:13 pm on February 6th, 2012:

    Hi. One question for you. What state are you in?

    I’m getting right into the web design for my major and well I’m planing on getting a job after I get the Associates Degree for Graphic Design/ Web Design but not so sure were I should look for work in any state other then my state. Get back with as soon as you can.

  6. 6 ctsamurai said at 9:51 pm on February 6th, 2012:

    Thanks for posting this. Found out that I might be going about designing websites completely wrong. I was right.

  7. 7 DesignSenseKD said at 9:56 pm on February 6th, 2012:

    This was great, I want to see more!

  8. 8 JSuppz94 said at 10:49 pm on February 6th, 2012:

    HI HELP ME!!!
    First time using PS… why dont the shortkeys work for me? like on the start ctrl-backspace.

  9. 9 DanYotes said at 11:31 pm on February 6th, 2012:

    thank you for helping me sir

  10. 10 wind27382 said at 12:00 am on February 7th, 2012:

    he sounds gay, however this is a great tutorial and it really helped me.

  11. 11 CheckitOutYaw said at 1:00 am on February 7th, 2012:

    ty. very helpful

  12. 12 katerone said at 1:38 am on February 7th, 2012:

    when you slice the black areas for the footer and text area, how do you do it? it seems like you’re using key commands, but you didn’t make mention of what you did.

  13. 13 kimfal said at 2:17 am on February 7th, 2012:

    Thank you, great video:)

  14. 14 Sabazou said at 3:02 am on February 7th, 2012:

    gay

  15. 15 halsed said at 3:18 am on February 7th, 2012:

    Thanks for the vid. The grid was something I didn’t know about before and I’m sure will be a huge help.

    Cheers.

  16. 16 nostalgicgal said at 3:44 am on February 7th, 2012:

    How do i put my wireframe from photoshop to dreamweaver?

  17. 17 nomojob said at 4:18 am on February 7th, 2012:

    I just want to say great video. I am a new designer myself, and really needed to see this. I’m looking forward to more!

Leave a Reply