Photoshop Tutorial Create Web icons + Navigation Bar



Uploaded by: tutvid
Video Description:
Check this video out at Hi-Res here: http://www.tutvid.com/tutorials/photoshop/tutorials/webIcons.php
We will create these web icons in the following video and make ourselves a navigation bar out of them. Learn so cool Layer control tips and tricks as well as distribution using multiple layers. You ought to enjoy this one if you need to create buttons or just icons for your site! Enjoy! Please c
heck out http://www.tutvid.com for more free video tutorials as well as downloads!


Tags for this video: Bar CS CS2 Distribute Group Icons Layer Layers Nav Navigation Photoshop styles Tutorial tutvid Web

Find more videos in the "Film" category
See more videos uploaded by tutvid

Related Videos
Curves :: Photoshop Tutorial Learn the Basics of Curves!Photoshop Tutorial: Creating the iTunes IconPhotoshop Tutorial Create Stunning Black and Whites! tutvid
curves-photoshop-tutorial-learn-the-basics-of-curves.htmlcurves-photoshop-tutorial-learn-the-basics-of-curves.htmlcurves-photoshop-tutorial-learn-the-basics-of-curves.html
Photoshop Tutorial: Remove a Timestamp from a Photo!Photoshop Tutorial - "Aqua" Sphere EffectDreamweaver Tutorial Build a nice Tabbed Navigation bar!
curves-photoshop-tutorial-learn-the-basics-of-curves.htmlcurves-photoshop-tutorial-learn-the-basics-of-curves.htmlcurves-photoshop-tutorial-learn-the-basics-of-curves.html


Share This Video:       StumbleUpon       del.icio.us       Reddit       digg       Furl       Spurl       Simpy       YahooMyWeb


Comments for this video: Show || Hide
Comments for this video on YouTube
How do i get the ... ( 5 months ago by stevevasis)
How do i get the buttons i make into a different photoshop document so i can make an entire homepage rather than just the nav bar?
merge layers so ... ( 4 months ago by viper7ryan)
merge layers so there all one layer make sure there unlocked double click them if the have a lock next to them then open the Photoshop Document that you wnat for your website and then open them up side by side then drag the layer from your nav bar into your other document (not innto the side bar into the picture part)
that's the name ( 4 months ago by calebguy08)
that's the name
you can use the ... ( 4 months ago by pivotkingCX)
you can use the splice tool, looks like a knife under the crop tool, then select all of your icons in the nav bar seperatly and save them.
Going too fast! ... ( 4 months ago by whywontthiswork1974)
Going too fast! Then when you pause the video and try to go back a little to see what you clicked on, the video starts all the way back at the beginning. THIS IS LAME!!!!!!!!!!!!!!!!
When I try to draw ... ( 4 months ago by clearisil29)
When I try to draw on the house for the home icon it is hidden under the icon base layer. Can i move layers? How do I fix this?
omg...why cant I ... ( 3 months ago by McNastyRick)
omg...why cant I rewind
tutvid i have a ... ( 3 months ago by ColdWarKiller)
tutvid i have a Question how you make your videos so long?
He probably has a ... ( 3 months ago by MelroseMafia)
He probably has a deal with youtube.
directors a long ... ( 3 months ago by msj120)
directors a long time ago got this privilege it no longer exists, but those who had it did not get it removed...
there is no limit ... ( 3 months ago by VGamerJoe)
there is no limit anymore
no yuor just dumb ... ( 3 months ago by whisnart420)
no yuor just dumb it dont do this to me or anyone i know
the length doesnt ... ( 2 months ago by csketch7)
the length doesnt matter just the size so use youtubes multiuploader becouse that gives you 1 gig size of things to upload
Awesome tutorial ! ... ( 2 months ago by IZ1R7)
Awesome tutorial ! Very detailed. Easy step by step instructions. Thanks so much for all your tutorials,
Very good video. ... ( 2 months ago by NoirHammer)
Very good video. What are your fees per web page including icons and image placement?
thanks alot, good ... ( 2 months ago by elbravo206)
thanks alot, good video,DO YOU HAVE A VIDEO ON WHEN YOU CLICK ON THE ICONS HOW DO THEY TAKE YOU FROM PAGE TO PAGE,,DO YOU HAVE TO MAKE MORE THAN ONE PAGE?
Go to there website ... ( 2 months ago by TendencyDriven)
Go to there website. Click on Dreamweaver tutorials.
You should learn ... ( 2 months ago by MygganACDClover)
You should learn that threw a html tutorial. :)
Really nice ... ( 1 month ago by endnote2001)
Really nice tutorial! Thanks.
great job...thank ... ( 1 month ago by LestaD)
great job...thank you very much for sharing your videos with us...
Hey, love your ... ( 1 month ago by shadowblade90222)
Hey, love your videos but please try recording with a higher fps. :D
Rly awesome. Great ... ( 1 month ago by abiiscool)
Rly awesome. Great help, thnx a lot.
thankyou! really ... ( 1 month ago by iseebathtubs)
thankyou! really good in-depth tutorial, much appreciated :)
Good job thanks it ... ( 2 weeks ago by 34aria216)
Good job thanks it was really easy and helpful



Tell a friend:


URL 
Embed Code 



Tips to help you create better videos

1. Eye Candy.
Think about some of your favorite videos, ask yourself, what interesting shots and b-roll need to be captured to make your video entertaining to watch.

2. Good Lighting.
The main difference between amateur and professional videos is the quality of the lighting. Poor lighting creates graininess and poor quality videos too. (*Hint* In most studios, the lights and the cameras can be adjusted up and down to get the correct amount of light.) For your home studio make use of fluorescent light bulbs. These bulbs produce a nice soft light with no harsh shadows. You can buy fluorescent light kits or you can save a lot of money and make your own fluorescent light box. It is best to use a three point lighting system which is fairly standard in most studios.

3. Tripod.
Use a tripod for shake free shooting. Tripods come in all sizes and quality. Most camcorders used today are only small and weigh very little so there is no need to buy a tripod to suit a heavy professional video camera.

4. Microphone.
The built in microphone on your camcorder is not the best to use if you can avoid it. Buy a directional one that can be mounted on top of your camcorder. Otherwise mount the microphone on a boom or support just out of view of the camcorder but close to the subject. Another option is to use a microphone that clips onto your lapel and as used by newsreaders on television. These are very effective and can be purchased for less than $50. No need to buy a wireless unit, but you need enough cable to run from the camcorder remote microphone, up the inside of your shirt and to your lapel. Bear in mind that you will normally be seated within six feet of the camcorder so the microphone should have plenty of cable.

5. Avoid Zooming and Panning.
Avoid zooming in and out and panning from side to side as much as possible. It is recommended that you set the zoom prior to recording.

6. Pre-Roll and Post-Roll.
Allow a few extra seconds after starting and before stopping the camcorder and the actual start and finish of the action you want to record. This allows for better editing once the shooting is over. Not allowing for the pre-roll and post-roll can make editing difficult. If you are filming yourself then start the camcorder recording with the remote control, wait six seconds before you start talking and at the end let the camcorder run an extra six seconds before stopping. This will give you plenty of time when editing.

7. Remember It is A Small Screen.
When shooting videos to add to your web site, normally the player will be 320 x 240 so avoid wide scenes, keep it close to see the detail. If you are filming yourself talking, you should be within six feet of the camera and preferably from the waist up. Keep the content simple and uncomplicated, do not have much happening in the video and keep it quiet-on-the-set.

8. Think Like a Photographer.
When shooting a video, do it like a photographer taking individual shots. Plan your video shoot, record for a short while from one position then stop recording, reposition the camera or yourself then shoot again. This will reduce excessive camera movement in your video. Using these tips will ensure that you can shoot and produce quality website videos of a better quality than most people. Remember, practice makes perfect and soon you will be getting great results on the first take.

9. Look at the Details.
Sometimes, you are so focused on your subject that you do not notice the surrounding elements of the scene. Only later, when you are reviewing the footage do you notice an unsightly trash can in the background or a tree sticking out of your subjects head. I like to scan the video screen carefully before shooting to make sure there is nothing in the shot that I may have overlooked. You may be surprised what you find!

Use our search feature, at the top of the page, to find videos about your favorite topics. There are tons of videos, for example, type in "Bikini contest", "Body building", "Guitar lesson", or "How to (anything)". Search for "Commercial", you will see cool ads and funny commercials. Notice the video techniques used to capture each video, you may very well find many helpful tips and tricks to use as well as many techniques to avoid when making your own videos... have fun.