Tutorials & Script Homepage
Photoshop Basics 36to42
Gradients in Photoshop 6 (part 1)
Gradients in Photoshop 6 (Part 2)
Gradients in Photoshop 6 (Part 3)
The Info Palette
Masks and Selections (Part 1)
Masks and Selections (Part 2)
Mask and Selections (Part 3)
advertisment
advertisement
advertisement
Host With Us: HostingHelper.co.uk From Only $5.00p/m
Spotted an Error ? Let us Know
100's more FREE templates at FreeWebTemplates
Looking for a new Web Host ?
Free templates from TemplatesLand
Professional High-End Templates
TemplateBox.com more FREE templates
Free Flash Templates and Intros
advertisment
advertisement
 
PHOTOSHOP BASICS TUTORIAL NUMBER : 39
Please Click Here, and Help Keep This Site FREE to Use
 
Please click on our sponsors advert to the right if you download or use anything from this page.
Thank you for your help.
This tutorial has been created by: Josh Spivey from Planetphotoshop.com
The Info Palette

Many people let a little secret pass them by every time they use their Photoshop software. Maybe it just takes time to warm up to the Info palette, but it's a great tool.

Up in the upper-right of your window, there is a palette. There is usually a couple of things in it. One is the Navigator palette. This one lets you zoom in and out with a slider bar and check out the entire image at once. The other palette is the quiet little Info palette. He just hangs out, waiting for you to need him. He gets lonely because most people just neglect him. We should change that. Take a look below.



Taking a look at the info palette, we see four sections of information. Clockwise from the upper-left, we have the RGB values, the CMYK values, the box dimensions portion, and of course the indicator that tells you exactly where your mouse is on the screen. Obviously each of these is really nice, and I'll give you some examples of each.

RGB values are color values based on Red, Green and Blue. They are the 3 colors that your computer monitor can display. They are based on a value system that goes from 0 to 256 for each color. So when you move your mouse around inside your image area, the info palette tells you exactly what RGB value the pixel you are currently over is.

CMYK is the colors that printers use. The are Cyan, Magenta, Yellow and Black. The same principle applies here, but you get the colors in percentages instead of raw numbers.

Just so you know, you can change these options how you like. There are many color spaces you can use in Photoshop and you should take advantage of those when needed. Use the arrow in the upper-right corner of the palette to change the options.

Now let's talk about the other two portions of the Into palette. In the lower-right corner is the indicator of size when you are drawing a box on the screen. I actually doesn't have to be a box. It can be anything drawn with the selection tools. It will give you a height and width value for your selection. This is very handy if you want to select only a 25 x 25 square from an image, say for a thumbnail. You just look at that info palette while you are drawing your selection.

Last, and one of the coolest things in Photoshop, is the pixel location portion. This is located in the lower-left corner. Great, big deal right? Well it is a great tool to use in making image maps for your Web pages. Let's take an example image. See below.



You can see that I have my cursor arrow at the upper left corner of the hotspot that I want in the image. If I look in the info palette, I can see exactly what coordinates these are. I write them down using both x and y coordinates. The I move my cursor arrow to the lower-right corner of the hotspot area, and I do the same thing. Now when I need to make an area in an image map using this image, I simply write the coordinates in the coords attribute and I am good to go. It's as easy as a Sunday morning.

Web Hosting  |  Membership website templates  |  Dallas Web Design  |  Art Web Templates  |  Cheap Flight Deals  |  Domain Name Hosting  |  Digital Camera  |  Coursework Writing  |   Youth hostels  |  Web Design  |  Low Cost Domain Names  |  Burial Life Insurance  |  Website templates  |  Broadband Reseller  |  Dedicated Server  |  Business Broadband  |  Professionelt webdesign firma - webbureau  |  ATX Web Design - Texas TX  |  Flash Templates  |   tablet notebook  |  Flash Intros  |  Web Templates  |  Cheap Web Hosting  |  web hosting  |  Website Templates  |  Corporate Logo Design Service  |   Free Web Hosting  |  UK Web Hosting  |  Dating Software - aeDating 4.1  |  Flash Templates  |  Website Templates  |  Power Saver  |  Website Design Quote  |  Flash templates  |  cctv cameras  |  website builder  |  Web Templates  |   Flash templates  |  Cheap Web Hosting Deal  |  Linux Hosting  |  Web Design uk  |  Web Hosting  |  Business web directory  |  Accept Credit Cards  |  Mobile Phone Contracts  |  Car Rental Deals  |  Free domain names  |  Business Email  |  Web Designer Delhi  |  

 
advertisment
advertisment
advertisment
advertisment
  Top-end templates
  Credit Cards
  Reseller web hosting UK
  free flash tutorials
  Web Hosting
  Hosting Directory
  Corporate Gifts
  Company Logos
  Christian Designs
  Website Templates
  Website Templates
  Web Hosting UK
  Free Web Templates
  Custom site design
  Domain Names
  Logo Design Pro UK
  Free Flash
  templatebox.com
  freewebtemplates.com
  templatesland.com
  topfreegraphics.com
  freegraphicland.com
  free-templates-layouts
  Ink & Toner Cartridges
  Layouts4Free
  Webmaster Resoucres
  Web Templates Factory
  Free Web Templates
  Free Templates Catalog
  Web Templates
  Reseller Web Hosting
  Stock Photography
  Animations-galore.com
  4print.com.au
  Host Review
  Web Hosting Host Color
  Dedicated Servers
  FlashTemplateDesign
  ZeroDollarTemplates
  Killersites.com
  how-to-build-websites
  Build a free website
  web Hosting
  Business Logo Design
  Templates Favpage
  webmastermind.de
  flasheasy.com
  More Featured Sites