ICT UNIT II: PHOTOSHOP

REVIEWER
LESSON 1: BASICS OF IMAGE EDITING

Image Editing – the process of altering images

Traditional Analog Image Editing- known as photo- retouching, using tools such
as an airbrush to modify photographs w/ any traditional art medium

Graphic Software Program- can be broadly, grouped into vector, graphics editor,
raster graphics editos, and 3D modelers, are the primary tools with which a user
manipulate, enhance, transform images.

**

Vertor- can be change

Raster- just a picture. Can’t be edit/ change

Photoshop Document (.psd).A.pst- a file format which photoshop saves

document by fault

Layers- single transparent sheets which hold particular piecer of an image

Selections- regions in image that will be affected by the various tools

Image size- resolution should not be confused w/image size, which is also
expressed in pixels

Colormode- types of colors you will be using in your image CMYK & RGB are the
most important of these modes to be familiar with

Images- versatile, come in variety of formates and deliver context, in formation

and emotion that alone, struggle to convey

Newspapers- used dramatic images to tell their stories. Image if the hook that
draws the reader’s eye to read the words.
- break up text, brightens the page and sets the mood for the article. Website use
photos in the same way, to catch the readers before they navigate away from a
page, to draw them on to the reading content

Begginer’s need to learn:

1. Cropping
2. Resizing & Compression
3. Correcting
4. Sharpening/ Softening

Cropping- make a huge different to it’s impace. When you cut out distracting
background, the subject of your photo stands out better.

Rule of thirds- divides the image into thirds, horizontally and vertically and then
aligns the subject w/ one of the intersecting lines

Resizing & Compression- resizing & compression to the optinum size for the use
you intend it for

Size= actually height and width that your image will be displayed as

Resolution= no.of dots per inch (dpi) that appear your images in final form

Correcting- generalized corrections

- this might be because the light that was not consitent w/ the white balance
setting on the camera

Sharpening or Softening- last of the global connections that are often applied to
digital images

-digital sensors

Raster Image- stored in computer in the form of a grid of picture elements, or

pixels. These pixels contain the images color and brightness information
Vector graphics software, are used to create and modify vector images, which
are stored as descriptions of lines, and text instead of pixels

-it is easier to rasterize a vector image, than to vectorize a raster image

Automatic Image Enhancement- correct color hue and brightness imbalances as

well as other image editing feature, such as red eye removal

Digital Date Compression- used to reduce file size and save storage space

-may take place in the camrea, or can be done in computer w/ the image editor

Screen Resolution- close to 72 pixels per inch

-preffered resolution:

Images= 300

Printing= 150

-the typical monitor is set to display somewhere around 800x600 pixels. Means
that 1” by 1” 600 dpi image would fill up most of the screen

Layering- whenever you add text to an image in photoshop, the text appears on a
new layer

-often times, when you find yourself frostrated w/ photoshop, it is because you
are trying to perform operations on a layer that is not currently selecter

- you can “merge down” layers to consolidate them, and “flatten image” to force
the entire contents of the image onto ONE LAYER

~Software provides many image editing features for raster (pixel- based) images
as well as vector graphics

~Uses a layer- based editing system that enables images creation and altering
with multiple overlays that support transparency
~Can act as masks or filters, altering underlying colors

~Actions include automatian features to reduce the need for repetitive tasks

~An option known as Photoshop CC( Creating cloud) allows users to work an
content from any computer

~Been the industry standard image manipulation program for so long that is name
has become a verb. It is common parlence to say that an image has been
“photoshopped” or even just “shopped”. Shopped in this context, is synonymous
with edited, manipulated, or faked.

~Used by photographers, graphic designers, video game artists, advertising, and

meme designers

~An image editing tool is NOT a designed tool

~Typical task include treating and manipulation, compositing, converting to

different formates, printings, etc.

Photoshop Compatibility- photoshop tends to work well w/ other applications.

Photoshop formats into programs such as Macromedia Fireworks, Coral Draw,
etc.

LESSON 2: ELEMENTS OF THE INTERFACE

o Menu Bar
o Options Bar
o Tool Bar
o Panes

Image size= dots per inch

Canvas size= square inch

MENU BAR

-containes the Photshop logo, file name

-File; Edit; Image; Layer; Select; Filter; View; Window; Help

OPTIONS BAR

- located directly underneath the menus

TOOL BAR

- Most important elemtn of photoshop interface

- Contains bunch of icons that represents the different photoshop tools

Panes= all sorts of information are displayed in the panes. They display location,
information, tool options, and history among other things

FOREGROUND/ BACKGROUND COLORS- foreground color will be applied by tools

like the paint brush, is represented by the top square in the middle of the toolbar

COLORS & GRAPHICS- to change color, double click the square

-reveals color picker, where you can pick a color with several diff. methods,
including RGB values, hexadecimal codes nad by simply selection

EYEDROPPER- sucks color to change the color

STROKE & FILL

- can be found in edit menu

- make a selection, and choose fill from edit menu

Beginner= 72 dpi

Web Resolution= 72 dpi

Print Resolution= 150/300 dpi

Film Resolution= 600 dpi

HOW TO OPEN A PS DOCUMENT?

-click file on the menu bar

-click new or open

SAVING:

1. Click the file menu

2. Click save as
3. Chosse the file format (e.g in .psd) you wish to save the file

CLOSING A DOCUMENT:

1. Click file menu

2. Click close button or Ctrl + W

TOOL BARS

a. SELECTION TOOL

1. Cropping “C” = when you want to reduce the size or change the size of a
picture
2. Move Tool “V” = used to move a certain part of an image
MARQUEE TOOL= allows you to select regions in your image to alter, copy,
move, and apply filters
3. Rectangular Marquee Tool “M”= default selection setting
4. Elliptical Marguee Tool “shift” = available when you click and hold down on
the selection tool, region of the tool bar
5. Single Row= a tool that will select 1 pixel region that is as wide as your
image. Useful for timming edges and making straight lines
6. Single Column= a tool that will select 1 pixel region that as tall as your
image
7. Lasso Tool “L” = allows you to make selections of irregular shapes. Click and
drag a freehand selection w/ mouse
8. Polygonal Lasso Tool = click to make various points which will define a
selection and finish
 9. Magnetic Lasso Tool= works a liile like a combination of the other two lasso
tools. As you drag, the selection m,aps to natural borders in the images
10. Magic Wand Tool “W”= similar to magnetic lasso tool expect that rather
than dragging to make a selection, you click in a region and a selection
appears around similar colored pixels
* QUICK SELECTION TOOL “W”= create a multiple selection of any shapes
in your image
11. Slice Tool “K”= allows you to divide an image into smalle sections which fit
together like a jigsaw but w/ straight edges
12. Slice Select Tool = enables you to select and modify existing slices

Slice & Slice select tool are commonly used for web design work, which
sometimes requires images to be broken- up

ALTERATION TOOL – used to remove unwanted parts

Healing Brush “J”

-repair scratches and blemished

-ctrl alt

-this is really useful but midly advanced tool

- Patch

-Red Eye

Brush Tool “B”

-one of the first tools ever. It is what Photoshop is based on. It paints your image
in whatever color and size you have selected. You can use it to draw lines
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

CLONE STAPS “S”

- used to duplicate a part of your image

History Brush “Y”

- a kind of eraser. It can erase any image from the brush

Art History

Eraser- can erase the foreground

Background Eraser- can erase the foreground AND the background color

Magic Eraser Tool- removes all the color of your image

Paint Bucket- color relative to each other can be replace by this tool

Gradient Tool= combination of colors according to the values scale

~~~~~~~~~~~~~~~~~~~~~~~~

Blur Tool= used to blur part of image

Sharpen Tool= change the opacity of pixelation in image

Smudge= just like the Art History

~~~~~~~~~~~~~~~~~~~~~~~

Burn Tool= can erase anything except absolutely white. It darkens the part of your
image

Dodge Tool= can erase anything except absolutely black. It lighters the part of
your image

Sponge Tool= can erase anything except black and white

~~~~~~~~~~~~~~~~~~~~~~~
Pen Tool = used for drawing smooth edged path selected in the path selection
tool

Path Selection Tool= related to pen tool

Text tool or Horizontal Tool

Rectangular or Shape Tool

Transformation= Ctrl + T

ASSISSTING TOOLS

Notes Tool “N” : Serves as a comment featrure usually used for electronic text
edits but digital just like post- it notes. You can use this tool to add small note
boxes to your image

Eyedropper: Takes color samples from colors on the page and displays them in
the color boxes. Works by changing the foreground color to whatever color you
click on. Holding “Alt key” will change and holding the spacebar

Hand Tool: allows you to move around within the image. Used for moving your
entire image within a window. Just click and drag. Hold the Spacebar

Zoom Tool: Magnifies or reduces the display of any are in your image window.
Allows you to zoom into your image. Hold “Alt key” to zoom out. Hold “shift
key” to zoom all of the windows you have opened at the same file. Double click
on zoom tool in the paltte to go back to 100% view

COLOR BOXES AND MODELS

- consist of foreground and background color, quickmask, screen size, standard,

and image ready

IMAGE MENU

-used for adjusting & modifying color mode, brightness, deepness, etc.

THANKYOU! P.S: MEDJ KULANG NOTES KO KSE EXCUSED DNL. GOODLUCK TOM!!
ADDITIONAL =)) MEMORIZE NYO ITUH BAKA LUMABAS SA TEST HEHEHEHEHE crdtts to danica escala