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

13 04 2011

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: http://www.twitter.com Add me: http://www.facebook.com Website: http://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

Advertisements

Actions

Information

25 responses

13 04 2011
ash85rai

nice tutorial, keep up the good work mate.

13 04 2011
jbobik2

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

14 04 2011
24Cubing

pause at 00:30 scary perv smile!

14 04 2011
rooneye

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

14 04 2011
christophersmith2304

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

14 04 2011
7simplicio

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

14 04 2011
OllieDudgeon14

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?

14 04 2011
TheMarcus110

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

14 04 2011
haloreachx420

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

14 04 2011
Fordinary

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

14 04 2011
haloreachx420

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

14 04 2011
haloreachx420

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!

14 04 2011
segaskinskywalkers

outstanding, thank you for the video

14 04 2011
SoftwareClasses

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

14 04 2011
mattsaundersmcp

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

@mattsaundersmcp

14 04 2011
HoMeK1986

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

14 04 2011
azza246

Thank’s Ed

14 04 2011
CedarDesign2009

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.

14 04 2011
ComputerCoderGuy

nice videos 🙂

14 04 2011
ComputerCoderGuy

adobeeeeeyyyy photoshop xD

14 04 2011
MrTimGuitar

Thanks for sharing!

14 04 2011
Itchztadesigns

Brilliant

14 04 2011
SoftwareClasses

Hey there great tutorial you have going here. I liked and subscribed o your channel. Awesome job! One thing that I recommend you do is teach us how to add photos to our header and webpage! Overall I would rate your videos 6/5! 😀

14 04 2011
TechTubeCentral

@minifilms123 something tells me your a tinkernerd as well?

14 04 2011
TechTubeCentral

@EdzJohnson tinkernut is a youtube series on the YouTube account gigafide




%d bloggers like this: