Direction: Given the file name extension on column A, write/identify the correct file name and write your

answer on column B and

afterwards look/find the correct description of it on column C write your answer on the space provided before the number.

A B C
A. It is the file extension for graphics and created using paths and lines connected by points instead of bitmaps
.dxf ___1.
(objects, color, and text).
.bmp ___2. B. A generic drawing created and stored in a vector format that uses lines or paths to represent images.
C. Most common vector graphic format in the internet.
.ai ___3.
It was developed by The World Wide Web Consortium (W3C).It can be opened by Adobe, Corel, etc.
. jpg ___4. D. It is very popular in www because of its portability (Small file size) and support for animation. It is ideal for
images with large areas of uniform color, small images, images with text, navigation buttons. It supports only a
small 8-bits per pixel color scheme.
.svg ___5. E. Developed and used on Microsoft Windows environment and not common in www since it has a large file size.
.drw ___6. F. It is a free, open-source bitmap image format made to improve on GIF. It supports 24-bit per pixel color and true
color (16 million colors).
G. It is a drawing format developed and introduced by Autodesk, the maker of AutoCAD and used for computer-
.gif ___7.
aided design (CAD) vector images.
H. It is a common method for photographic images as well as transmission of photos on the www.It supports 24-bit
per pixel color scheme and not ideal use on line art.
.ps ___8.
I. It is a Page Description Language (PDL) developed by Adobe. It is a language for printing documents on laser
printers and image setters used to produce camera ready copies an can be changed in size without image quality
loss.
.psd ___9.
J. It is a native file format and has the ability to read all of the above formats and edit them.
.png ___10.
GOOD DAY!
Ayame Productions

EMPOWERMENT
TECHNOLOGIES
HOW TO EDIT IN PHOTOSHOP
 Basic Image Manipulation Techniques
1. Inserting images and resizing size/dimension of your
image.
2. Cropping out images using selection tools.
3. Changing or adding background colors.
4. Fixing and hiding imperfections.
5. Adding and editing text
6. Taking advantage layer opacity and arrangement.
7. Brightness and Contrast; Color Balance; applying Styles
 Menu Workspace
Option
Bar

Tools
Panel

Document
windows/Wi
ndows
Document

Panel
Dock
Status
Bar
Setting up Photoshop
1. Fix the Toolbar Panel
Setting up Photoshop
1. Fix the Panel Dock
 Setting Up the Workspace
1. Go to the FILE menu.
2. Click NEW FILE.
3. Set the size at exactly or higher than 1920 (width) x
1080 (height). The resolution can be 100 – 300 pi
(pixel/inch)
4. Click OK.
 Setting Up the Workspace

STEP
STEP 2 3
 Inserting Images
(Option A) Open an Image.
1. In the FILE Menu, click OPEN.
2. Browse the location of the picture you want to open.
3. Click OPEN. This will open the image in a new tab.
4. Press CNTRL+A to select the whole image.
5. Right-click the image layer, and click RASTERIZE
LAYER.
 Inserting Images

STEP
1

STEP
2
STEP 3
 Inserting Images

STEP
4
 Inserting Images

STEP
5
 Inserting Images
(Option B) Drag & Drop.
1. Find the folder that contains the image you want to
use.
2. Click and drag the image into the PS workspace.
3. Double-click the image to finalize.
4. Then Copy the image (CTRL + C) and Paste it in
your workspace (CTRL + V).
Inserting Images

STEP 3
 Inserting Images

STEP
4
 Resizing Images
1. Make sure that the image layer is NOT LOCKED. Double click
the layer if it is.
2. Check the SHOW TRANSFORM CONTROLS.
3. Press V on your keyboard and CLICK the image.
4. Click the LOCK icon on the Properties Bar.
5. Click and hold one of the SQUARES at the corners of an image.
6. DRAG it diagonally upward or downward to resize.
7. Click the CHECK icon on the Properties Bar, double-click the
image, or press ENTER to finalize it.
 Resizing Images

Double-click the layer to Check the Box

unlock.
Resizing Images

Click & Drag the

Square
 Resizing Images

Click &
Drag
Click

Click the
Check
Resizing Images
 Selective Cropping of an Image
1. Select the SELECTION TOOL you want to use.
2. Select the parts you want to want to remove (Click or
click & Drag)
3. Press DELETE on your keyboard.
4. Press CTRL + D to deselect the selection.
 Cropping Out Images
MARQUEE QUICK SELECTION

PEN

LASSO
Cropping Out Images
MARQUEE
Cropping Out Images
QUICK SELECTION
Cropping Out Images
 Cropping Out Images

LASSO
 Cropping Out Images

PEN
 Going further
into Details

• Use the ERASER

TOOL.
• Press E on your
keyboard to activate.
 Going further into
Details

• Select the recommended

brush.
• Make sure it has 100%
Hardness
 Going further into
Details

• Click the Image Layer

• Click and Drag the areas you
want to erase.
• Press the following to change
brush size.
[ = Minimize
] = Maximize
 Changing/Adding Background
1. Remove the current background of the image. Make it
transparent.
2. Create a New Layer.
3. Drag the new layer BELOW the image file.
4. Select your FOREGROUND/BACKROUND COLOR.
5. Click the PAINT BUCKET or GRADIENT tool.
6. Choose your preference.
7. Apply it to the blank layer.
Changing/Adding Background
Click to create a
NEW LAYER

Foreground
Choose
Background Color

Select Desired Tool

PAINT BUCKET
 GRADIENT
1. Change both the FOREGROUND & BACKGROUND
colors.

Foreground
Choose
Background Color

Click to reverse
colors
 GRADIENT
2. In the Properties Bar, click the desired preference.

Gradient Types of Gradients

Presets (Direction of Colors)
 Keep in mind the
principles of using
End Point
SHADOWS.

3. In the workspace,
Click at a STARTING
Starting
POINT and DRAG to
Point
an END POINT
before release.
 Using another Image as your Background
1. Open the Image or Click & Drag it into PS. Resize if
necessary.
2. Drag the NEW Image layer below the old one.