Photoshop Website Design Tutorial 1 – Getting Started With Menu Bar and Header Design

Adobe photoshop website design tutorial series part 1. In this tutorial I will teach you how to design a heading for your website, including a quick logo and menu bar as well as some tips on pre-design planning and development. Make sure you keep all the files you create in this tutorial as I will be using them in the next part of the series to continue with the website design in photoshop. Follow me: www.twitter.com Add me: www.facebook.com Website: www.EdzJohnson.com Please don’t forget to rate, comment, favourite and subscribe if you found my videos helpful or enjoyable.
Video Rating: 4 / 5

25 Comments+ Add Comment

  • Thanks for sharing!

  • adobeeeeeyyyy photoshop xD

  • nice videos 🙂

  • I agree with others mate that you could be a good teacher, but need to sort out your screen capture bouncing around. I couldnt watch it without feeling dizzy. Keep up the good work though and thanks for taking the time to do these.

  • Thank’s Ed

  • Web page in 300dpi ? lol 😉 72dpi is a screen and 300dpi is print ;p

  • Check out my channel. The screen Capture is not so quick


  • Hey there Ed… I was wondering… How could you add lines between the links in the menu bar like apple has done it.

  • outstanding, thank you for the video

  • does anyone know how to save the image as html like he did? im not sure why to save twice on html anf psd, but could someone, anyone reply to this? please!

  • ok never mind my last comment! i just have bad attention problems and i had problems focusing on what he was doing the first time i seen it, sorry

  • I just posted this user as one of my Top 3 Youtube Users that taught me basic web design @ blog.fordinary. com

  • ok thank you so much i got this done how i want it

  • I have subscribed rated and commented………………. excellent vids your class at this

  • When I type text for the menu bar the shape layer is on top of my text so you can’t see it how can I fix it?

  • tnx..how i wish u can teach me a professional designing for web..i realy need to learn all about designing

  • A Great Site for getting followers on twitter. check it here : G o t F o l l o w e r s O n T w i t t e r . c o m

  • Everything you do looks….”cheap”…..as hell….

  • pause at 00:30 scary perv smile!

  • Enlarge to full screen please so I don’t throw up again watching this. Great tips, horrible camera work.

  • nice tutorial, keep up the good work mate.

  • thanks alot

  • Pleased, in each video, I don’t want see you, i know you are quite handsome but I want to see the video content right away because when you introduce in each video, you say and you shake your head, eyebrows…that makes me not concentrate

  • Я Русский

  • Thank you