Photoshop Tutorial: Create a Simple Web Header Bar

[moneymoneyman17]

Thanks alot

I used the banner on my website.

[FLBeachBungalow]

will this work for a YouTube header?

[TheMeatDroid]

Thanks! Check out my website with a header I made in PS! beans.net78.net

[puffnpluky76]

Hey tutvid. I noticed that in Dreamweaver you can link only some parts of an image. You could use those icons on the header bar to link to other pages in your website.

[AL7boob1]

your English is amazing ....

my English is not really good but u make me understand ..

Thank You

also your teaching is really good

thanks man and we need more

[famousmoney123]

Nice Video, Could you guys go to my channel, watch some of my videos, and subscribe if u like them.

Thanks, FamousMoney123

[sunioj101]

Yea man, the reason why his tutorials are so good is because he teaches us how to use many more features not only to mimic his, but to create our own things.

[friendslove]

are you using photoshop cs4 or cs5?

[jmbeen]

Thanks for all the hard work!

[Hacknor]

its a very good tutorial but you can do most of the things even easier but still nice

[iFinni]

Thanks. I allways appreciate your videolessons. :)

[yurikenn]

American fool, talking much and doing little. You talk too much, stop talking and do the tutorial faster and less boring. View your tutorial was a waste of time, all the time you spend talking and talking. The longer video with little gilipoyas benefits. Atte: Tu male

[thetechall]

@yurikenn If he didnt talk then his tutorials wouldnt be as good as they are. they go indepth so if you dont like it dont watch it

[dumpadidu]

@yurikenn

make a better tutorial then you idiot

[elobiretv]

@yurikenn learn to use proper grammar for a start. secondly he needs to speak in his videos. most people watch these tutorials to learn more about photoshop not to mimic how to do something.

[yurikenn]

Americano tonto, hablas mucho y haces poco. Hablas mucho, deja de hablar y haz el tutorial mas rapido y menos aburrido. Ver tu tutorial fue una perdida de tiempo, por que todo el tiempo te la pasas hablando y hablando. El video mas largo y con poco beneficios gilipoyas. Atte: Tu macho

[PrinceProStudio]

Omg, this is Some Awesome tut Dude, Keep It Up!

[ucantburpthis]

thanks for the tut

and new kb shortcut learned for me

the spacebar while dragging shapes.. really useful ^^

[roadman73]

For a Newbie working with PS,Dw and Ai i really appreciate the work you put into making the Tuts for us. Many Thanks

[tashtan1]

i wish i had a website i would use this tut to make my self menu bar header and menu buttons this looks real nice, thanks hopefully i'll use it some time later cause i am willing to learn html,php and little bit of sql,

[graphicsite]

Thank you very much for the recording...very useful!

Christa

[thehackerization]

Hey tutvid i admire your videos and love them. But i think you should show how to desgin our youtube channels by ourself in Photoshop. That would be great because there is no straight video on youtube "How to make a youtube Layout" Or which is working. So i kindly request it. It will get us more proffesnail in Youtube. So please help us with this. I also think all of your Suscribers want it.

All his Suscribers please make this comment thumb up so Tutvid can see it.

Thanks

[JoeAlcorn]

Hey Nathaniel are you going to get CS5?

Any CS5 tutorials coming?

[TenshiBan]

I agree with @GunskiMod . You should teach us how to make a web-site in Flash :D I'd love to know, totally.

[Djghost1123]

@TenshiBan

look up flashbuilding on youtube, he does that

[Batzik94]

Your tutorials are great! Keep it up m8!

[hyperdesignro]

Nice to see some new vids - keep up the good work

5*

[flashmaggot]

Can you please make a video about CS5?

[Paulicckzz]

@xriderx66 ITS BASIC!!!

[Haroids]

Made this a bit more complicated then it needs to be.

Like, you don't have to make a layer, fill it with black, turn the fill to 0 and THEN add the gradient, you can just create a new layer and then double click the layer to open the blending options window.

And for the locked layer, you can just drag the lock to the garbage without having the change the name and stuff.

For the part where you did the white to transparent gradient you should just use the gradient tool, not blending options.

[dcallstar51]

Why don't you just double-click the layer to get the layer style dialog?

[joka232]

@dcallstar51 cuz noobs dont know the shortcuts and stuff so he made it simple for them!

[PhotoshopWarriorCom]

great tutorials ! - PhotoshopWarrior . com

[lolnclol]

Nice one mr. N :P I'll use it :D

I wanna ask you something :P, can you teach us to make something like your Youtube Channel Background? I love it!

I think that all I know about PS, AI, and Fl came by you ^^

Srry about my english xD, cya Monkey! (monkey is one of my friend that his name is Nataniel xD)

Good Luck!

[byfox55]

I just wanted to say Thank you... I've made some website for friends and family, and I've learned many things CSS/Photoshop/HTML from your tutorials. Thank you, Also I saw your video where you talked about yourseft, it's impressive what you have done. Thank you!

[garrettlove101]

Hey great video! Do you of any really good way to make something look like glass/clear aero//air? I have a design in mind for a website, but i don't know how to go about making the psd images...

[AeroCompHelp]

Nice

[Manifest222]

Great tutorial, extremely simple, one of the best teachers I've ever known. 5* sub

[LOSTMEMORIE]

LIKE! but the hd was all pixelated :S

[reegaan]

hey it would be cool if you did a series on creating your own website. covering everything from basics like buying your domain name, and then css and whatnot. that would be really helpful :) im a huge fan of yours haha by the wayy

[tutvid]

@xriderx66 Hey simplicity is good.

N.

[Miny000000]

@tutvid

Couldn't agree more.

[thetechall]

@tutvid it would be cool to learn how to make a basic html and css website with a little bit of javascript in it to "spice" it up.

[TCNroomba]

@tutvid ur crazy....

[Vexelizer]

Thanks!

[GunskiMod]

You should teach us how to make a sleek, black gaming-styled website.

[tutvid]

@GunskiMod I'll take that into consideration.

N.

[jammy780]

@tutvid Great work with this, also yea, I would like to see some website tutorials. You explain how to use Photoshop a lot better than many people on the internet. Keep up the good work and keep giving us great tutorials.

Thank you :)

[minhmeo1209]

@tutvid hey Tutvid. This might be a little annoying but im kinda on a project. I've done exactly like what you told me but something went wrong. It's in this video. "watch?v=O2KT20LMwQE". I've done the same thing you told even in the full video. Finally i finished the whole thing. I press Ctrl+Enter and it's perfect. I then published it in SWF file. I then drag it to my website in Dream weaver but it doesn't work. There's nothing but the background there. Please help me if you have time.

[AndersTherkildsen]

@minhmeo1209 You have to save the FLA file in a folder, then publish the .FLA file, which will create an SWF file and an index file. Open the index/projectname file by dragging it to dreamweaver or right clicking on it and open in dreamweaver. Rename it, and upload both files to your ftp and you should be good.. :)

[thaman667]

@GunskiMod

Totally agreed that would be awesome!

[titan1942]

i am going to use this for my top nav thanks

[KingUw]

1st fake

[bllymcgvrn123]

1st fail

[FactorXTech]

Thank you very much!