DIGITAL ILLUSTRATION • It was initially developed

• Digital illustration - refers to visual artwork for Macintosh computers.

created using digital tools such as graphic • Photoshop uses a layer-based editing
tablets, stylus pens and illustration software. system.
• Computer mouse - hand-held pointing OPEN AND SAVE A DOCUMENT IN PHOTOSHOP
device that detects two-dimensional motion • STEPS ON HOW TO OPEN A DOCUMENT
relative to the surface. o Go to file
• Graphic Tablet - enables a user to hand- o Select Open
draw images, animations and graphics, with o Locate and select an image
a special pen-like stylus, similar to the way a o Click Open
person draws images with a pencil and • STEPS ON HOW TO SAVE A DOCUMENT
paper. o Go to file
• Adobe InDesign - It can be used to create o Select Save as
works such as posters, brochures, o Locate and select a folder where
magazines, newspapers, and books. you want to save your file,
• Adobe Photoshop - offers users the ability to o Change the filename.
create, enhance, or otherwise edit images, o Change the file format (PSD/JPEG)
artwork, and illustrations. o Click Save
• Adobe Illustrator - used to create a variety PHOTOSHOP WORK AREA
of digital and printed images, including • Main Menu Bar - organizes commands in
cartoons, charts, diagrams, graphs, logos, individual menus.
and illustrations. • Tools Option Bar - displays the current
RASTER & VECTOR GRAPHICS settings for each tool.
• Raster files - images built from pixels. • Document Window - includes the entire
• The more pixels an image has, the higher window, from the menu bar to the status
quality it will be. bar.
• Vector files - use mathematical equations, • Application Bar - contains a workspace
lines, and curves with fixed points on a grid switcher, menus and other application
to produce an image. controls.
• you can scale a vector image up or down • Panels - used to verify settings and modify
without impacting its quality. documents.
• Raster files are also commonly used for • Layer - let you organize your work into
editing images, photos, and graphics. distinct levels that can be edited and
• Vector files work better for digital viewed as individual units.
illustrations, complex graphics, and logos. • Tools Panel - contains tools for creating and
• Raster files are generally larger than vector editing images, artwork, page elements,
files. and so on. Related tools are grouped
• You can open raster files in many different together.
apps and web browsers, making them easy PHOTOSHOP LAYERS PANEL
to view, edit, and share. Vector files aren’t • Layer Blending Mode - defines how the
accessible. layer’s pixels blend with underlying pixels
• RASTER EXTENSION TYPES in the image.
o Joint Photographic Experts Group • Layer Locking Options – click the
(JPEG) checkered square icon to lock
o Portable Network Graphics (PNG) Transparency; click the brush icon to
o Graphics Interchange Format (GIF) lock the image; click the arrow to lock
o Bitmap Image File (BMP) the Position; click the lock icon to lock all
o Tagged Image File Format (TIFF) options.
o Adobe Photoshop File (PSD) • Layer Visibility – the eye shows that the
• VECTOR EXTENSION TYPES selected layer is visible.
o Scalable Vector Graphics (SVG) • Layer Options Menu – contains the
o Encapsulated PostScript File (EPS) following options: New Layer, Duplicate
o Adobe Illustrator File (AI) Layer, Delete Layer, Layer Properties,
o Collaborative Design Activity etc.
(COLLADA) • Opacity and Fill - you can specify the
o PostScript (PS) transparency of the entire layer.
o Enhance MetaFile (EMF) • Layer Styles – Contains various style
INTRODUCTION TO PHOTOSHOP options for layers.
• Photoshop is an image creation, graphic • Layer Mask – a grayscale image, with
design and photo editing software parts painted in black hidden, parts
developed by Adobe. painted in white showing, and parts
• 1988 - Photoshop’s first released. painted in gray shades showing in
• 1987 - Photoshop was created by Thomas various levels of transparency.
and John Knoll. • Create New Fill or Adjustment Layer –
have the same opacity and blending
 mode options as image layers and can pixels from another area of an
be rearranged, deleted, hidden and image.
duplicated in the same manner as o Red Eye Tool – Remove red eyes on
image layers. images.
• Create New Group - this option helps to • Brush Tool - Draws brush strokes of different
organize images with multiple layers. thicknesses and colors.
• Delete Layer • History Brush Tool - Paints over an image
o To delete a layer, select a layer using the source data from a specified
in the Layers palette and drag it history state or snapshot.
to the trash can icon. o Art History Brush Tool
o To delete a layer, select a layer • Eraser Tool - Removes part of an existing
and press delete or backspace path or stroke.
on your keyboard. o Magic Eraser Tool
o To delete a layer, select a layer • Gradient Tool - Applies a gradient fill to a
then right click and choose selected part of the image or to an entire
delete layer. layer.
o To delete a layer, select a layer o Paint Bucket Tool
and click the trash can icon. • Blur Tool - Blurs the sharp edges of an image.
o To delete a layer, select a layer o Sharpen Tool
then go to layer options menu o Smudge Tool
and click delete layer. DRAWING AND TYPE TOOL
VARIOUS TOOLS IN PHOTOSHOP • Path Selection Tool - Selects paths and path
SELECTION TOOLS segments.
• Selection - area of an image that you define • Type Tool - Type text on a page.
for manipulation of any kind, allowing you to • Pen Tool - Draws smooth-edged paths.
isolate one or more parts of an image. • Line Shape Tool - Draws a straight line and
• When you make a selection, a border various shapes
appears around the selection area. o Rectangle Tool
• You can move, copy, or delete pixels inside o Rounded Rectangle Tool
the selection border, but you can’t touch o Ellipse Tool
areas outside the selection border until you o Polygon Tool
deselect the selection. o Line Tool
• Move Tool - Used to select and move o Custom Shape Tool
objects. ASSISTING TOOLS
• Marquee Tool - Selects an object by • Hand Tool - Allows you to move around
drawing a rectangle or an ellipse around it. within the image.
• Lasso Tool - Selects an object by drawing a • Magnify Tool - Magnify or reduces the
freehand border around it. display of any area in your image window.
• Quick Selection Tool - Allows you to quickly COLOR BOXES
and easily select one area or section of an • The foreground color appears in the upper
image. color selection box and represents a color
• Eye Dropper Tool – Takes a color sample that is currently active.
from the page and display them in the color • The background color appears in the lower
boxes. box and represents an inactive color.
CROP AND SLICE TOOLS • To change the foreground color, click the
• Crop Tool - allows you to select an area of a upper color selection then choose a color.
photo and remove or crop everything • To change the background color, click the
outside the selected area. upper color selection then choose a color.
o Perspective Crop Tool - Lets you • To switch the foreground and background
transform the perspective of an color, click the switch arrow.
image while cropping. • To restore the default foreground and
o Slice Tool - Slices the whole background colors, click the little black and
Photoshop document into various white boxes.
slices. THE COLOR TECHNIQUES
o Slice Select Tool - Helps to select a • Hue is the color reflected from or transmitted
particular slice as a basic through an object.
functionality. • Saturation, sometimes called chroma, is the
ALTERATION TOOLS strength or purity of the color.
• Healing Brush Tool - Corrects small blemishes • Brightness is the relative lightness or darkness
in scanned photos. of the color.
o Spot Healing Brush Tool – • RGB (Red, Green Blue) they are also called
Automatically select pixels on image additive colors. Additive colors are used for
to remove blemishes. lighting, video, and monitors.
o Patch Tool – Removes blemishes by
selecting an area then copying
 • CMYK (Cyan, Magenta, Yellow, Black) Use
the CMYK mode when preparing an image
to be printed using process colors.
PHOTOSHOP KEYBOARD SHORTUCTS
• Ctrl + J – Duplicate layer
• Ctrl + G – Group layer
• Ctrl + O – Open a document
• Ctrl + N – Create new canvass
• Ctrl + D – Deselect
• Ctrl + S – Save
• Ctrl + Shift + S – Save as
• Ctrl + X - Cut
• Ctrl + C – Copy
• Ctrl + V – paste
• Ctrl + Z - Undo
• Ctrl + E – Merge layer
• Ctrl + - Zoom in
• Ctrl - - Zoom out

TOOLS SHORTCUTS
• Move Tool – V
• Marquee Tool – M
• Lasso Tool – L
• Quick Selection Tool – W
• Crop Tool – C
• Eye Dropper Tool – I
• Healing Brush Tool – J
• Brush Tool – B
• Eraser Tool – E
• History Brush Tool – Y
• Gradient Tool – G
• Path Selection Tool - A
• Pen Tool – P
• Line Shape Tool - U
• Type Tool – T
• Hand Tool – H
• Magnify Tool – Z