Move Tool (Tool Box) - Photoshop Basic Tutorial

Move Tool - [ V ]

In simple words move tool is used to move the contents.
The tool can be enable with shortcut 'V'.
It can be used to move a layer or selected portion of a layer;
    - to a particular distance in that workspace,
    - to another workspace opened in Photoshop at the same time.

When click on move tool, there is a set of options visible at the Options Bar, below the menu bar.

First thing on the options bar is the symbol of selected tool 

Auto Select - By enabling this option, you can easily select a layer with a single click on mouse.

Layer / Group - This option decides, whether the Auto Select option consider the Groups or take everything as Layers.

Show Transform Controls - By enabling this option, the selected layer will be bounded by transform controls, so that we can simply Scale or Rotate the layer.

Next options are 4 categories of Alignment. You can choose each options after selecting two or more layers. It will arrange those layers according to their current position and size.

Tool Box - Photoshop Tutorial

Tool box is a part of every graphical software. Also it is in Photoshop to assist us.

Photoshop tool box contains a large collection of tools, with which we can edit images for various purposes. The tools are very useful for a graphic designers or image editors. 

Below given is a model of Photoshop Tool box. By toggling at the top button, you can change the appearance of tool box.  It will vary with versions.

When we select a tool in tool box, the options bar will also show options of that tool.

Below given the list of tools we are discussing in this tutorial.

• Marquee Tools
• Move Tool
• Lasso Tools
• Quick Selection/Magic Wand Tool
• Crop Tools
• Slice Tools
• Eye Dropper Tool/Note Tool
• Healing Tool/Patch Tool
• Brush Tool/Pencil Tool
• Clone/Pattern Stamp Tool
• History Brush Tools
• Eraser Tools
• Gradient Tool
• Paint Bucket Tool
• Blur Tool/Sharpen Tool
• Smudge Tool
• Dodge Tool/Burn Tool
• Sponge Tool
• Pen Tool
• Type Tool
• Path / Direct Selection Tool
• Shape Tools
• Hand Tools
• Zoom Tool
• Change Screen Mode
• Quick Selection
• Foreground/Background Color

Photoshop Basic Concepts Canvas, Layers, Path and Opacity.

Canvas

• Canvas is a new work place
• Canvas is in square shape and has width and height
• The units of width and height maybe Pixel, Inches, Centemeter, Millimeter,Points, Picas, Columns
• The canvas has a colour mode it may be Bitmap, RGB, CMYK, Lab Color and Greyscale
• The canvas also has a background content. It may be white or background colour we have selected or transparent.

Layers

• Layers are an important concept in photoshop
• Layers are arranged in a canvas
  
• If we selected the canvas content as Transparent, then there is no background (instead there is Layer 0)
  
• If the top layer is fully covered the canvas, then we cannot see rest of the layer’s content under it. We can only see the portions of a background only through the transparent area of those layers above it.
  
  

Path

• Paths are not drawn as pixels, it is not a picture content. We can consider it as a vector content.
• It has multiple functions and can be discuss in our experiments later.

Opacity

• Opacity denotes how much opaque a Layer is
• It is measured in Percentage (in Photoshop)
• If opacity is 0% then the layer is transparent
• If opacity is 100% then the layer is best visible
• Here in the picture shows the White Colour of 3 Layers with different Opacity value
  

Photoshop User Interface – Workspace

Photoshop’s user interface is known as Workspace

• There are Menu Bar, Options Bar, Tools Bar & Palettes in the workspace
• Menu Bar holds menu items
• Options Bar contains options relating to the Tool we have selected currently from the Tools Bar
• Tools Bar contains tools which are useful for Image Editing / Designing works
• Palettes Bar include several palettes like Layer, History, Character and so on. They are much useful for every work.
•  If we couldn’t find a workspace with all these options, then we can reset the workspace from Window->Workspace->Reset Essentials

We can also show/hide different Palettes from the Window menu

The Images are of Adobe Photoshop CS6

Bitmap Graphics, Pixel, Resolution, Bit Colors, Hexa Decimal Color Representation in Photoshop

Photoshop is an Image Editing and Graphic Designing tool or software. Generally Computer graphics are of two types Vector Graphics and Bitmap Graphics. Photoshop uses the later one. In simple way bitmap graphics or images are those which lost its clarity or accuracy, when it enlarges. But in vector graphics, it don't lost its accuracy when it enlarges.

Bitmap Graphics
In bitmap graphics pictures are represented with the basic building block called "PIXEL"(short of Picture Element). We can see pixels when open an image in Photoshop and zoom in it.

Pixel
Pixels are the basic building blocks of Images. We know Images are the combination of colors. In a Black & White Image, each pixels color are varies between black and white. So the size of the image is much small. So the mode of this image can be called as "Grayscale". RGB mode is the commonly used color mode in Photoshop. In which each pixels in the image are formed with the combination of Red, Green and Blue colors. Other used color mode is CMYK(Cyan, Magenta, Yellow and Black) only for printing purpose.


Resolution
In case of Photoshop, resolution is the number of pixels in a unit length. It may be in centimeters or in inches. Sometimes Resolution is also to represent the total number of pixels in an image in its width and height (Resolution: width x height).

Color Bit Depth

In RGB color mode the commonly used bit depth of color is 8bits. That is to represent each color it uses 8bits. 8bit for Red, 8bit for Green and 8bit for Blue.

What is a bit?
A bit is either 1 or 0. In digital devices data is stored in the form of bits. 1 means presents of electric pulse and 0 means absents of it. 8bits means, eight storage spaces allocated for 1 or 0. Below given some examples of 8bit numbers;
00001000
10101010
10010010
111111111
...................
.....................
In Photoshop each colors has divided in 256 intensity divisions (ie: from 0 to 255). So, each pixels can have the color from 256x256x256 combinations. To represent a color Red-156, Green-78, Blue-234 to a pixel, it is converted into bits(Binary Digits). To represent the colors in 8bit the colors should be to represent bits. so that 0 can represent in 8bit as 00000000 and 255 is represented as 11111111.
The hexa decimal values are introduced to avoid confusions on binary digit. Two hexa decimal positions can represent 256 values (16x16=256). In hexa decimal smallest value is 0 and highest value is F(base 16 ie. 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F) to represent 256 in hexa decimal it is "FF".
Now RGB Colors Red-156, Green-78, Blue-234 can represent in Hexa decimal as #9C4EEA (156=9C, 78=4E, 234=EA)(# - hexa decimal prefix)

The safe colors on web can easily be found out using Hexa-Decimal Representation. For safe colors two digits of the same color has the same values, and those values are multiples of 3, ie. use 0,3,6,9,C and F to get safe colors. (Eg:FF6600, CC9966, etc.)

CCFF99 is a safe color on Web. Now it can represent in short as #CF9 on websites.