0% found this document useful (0 votes)
30 views30 pages

Module 2 - Typography

Uploaded by

hidielyn gammad
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
30 views30 pages

Module 2 - Typography

Uploaded by

hidielyn gammad
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 30

TYPOGRAPHY

TYPOGRAPHY

the art of arranging texts that make them


readable and appealing to the viewer. It involves
font style, typeface, and text structure

Font refers to the variation of weights of a


typeface, while typeface refers to the text style.
❑ Types of Fonts
- Serif
- San Serif
- Display
1. SERIF
- Serif fonts are fonts that have little
strokes called serif on each end of the
letter.
- They are typically used in formal or
traditional projects.
Examples
- Times New Roman, Baskerville Old Face,
and Californian FB.
2. SAN SERIF
- Sans serifs are fonts with no extra strokes.
These fonts are normally found on cell phones
and computer screens.
Examples: Calibri, Arial, and Roboto.
3. DISPLAY
- Display fonts are sometimes called as
fancy or decorative fonts.
- It can be script, blackletter or all caps.
These type of fonts are used in special
occasions like invitations, titles, or posters.
Examples: Advertising Script, Bangers, and
Forte.
COLOR
COLOR THEORY
- describes how different colors contribute to
each other and how they appear as they are
mixed into other color schemes.

Hue - refers to pure, vibrant colors.


Saturation - refers to the intensity of the color. It
ranges from black and white (or grayscale) to vibrant
color.
Value - refers to the lightness or darkness of a color.
For example, from light blue to dark blue.
❑ COLOR SCHEMES
1. Monochromatic Color Scheme
- This color scheme only focuses on one
color, and often using variations by
incorporating saturations or values.
- For example, if you chose the color blue,
then you may have other colors under the
same color family as sky blue, baby blue, navy
blue, or dark blue.
❑ COLOR SCHEMES
2. Achromatic Color Scheme
This color scheme only revolves on using
desaturated colors like black, gray, and white.
3. Analogous Color Scheme
An analogous color scheme selects a group of
three adjacent colors in the color wheel.
❑ COLOR SCHEMES
4. Complementary Color Scheme
These colors are directly opposite to each
other in the color wheel. Usually, a
combination of a primary and secondary
colors
❑ COLOR SCHEMES
5. Split-Complementary Color Scheme
Split-complementary color scheme uses the
colors on both sides of the opposite color
❑ COLOR SCHEMES
6.Triadic Color Scheme
This color scheme uses colors that form an
equilateral triangle. It may be a combination
of primary, secondary, or tertiary colors.
❑ COLOR SCHEMES
7.Tetradic Color Scheme
Also known as double complementary. This
color scheme uses two pairs of
complementary color
IMAGE
❑ IMAGE FILE TYPES
A. Vector. It is a type of image that does not lose its
quality when zoomed in. Your image will not be
pixelated when enlarged.
B. Raster. Opposite to vector, raster images become
pixelated when enlarged.
C. Encapsulated Postscript (EPS). This vector
format is designed to produce high-resolution
graphics for print.
D. Adobe Illustrator Document (AI). The most
preferable and commonly used image file type by
designers.
▪ Raster Image File Extensions
Joint Photographic Experts Group
(JPG or JPEG). Since this is a raster type of
image, JPEG images are known for their “lossy”
compression. Meaning, the image quality
decreases when being enlarged.
Portable Network Graphics (PNG).
This file type is known for having a transparent
background. Images of this type are commonly
used in web documents.
▪ Raster image file extensions
Graphics Interchange Format.
- This file type is known in its animated
form. You can find them on social
networking sites as posts or comments.
- GIFs are often used in web pages as can
load quickly due to their reduced file size.
PHOTO IMAGING
AND
POST-PROCESSING
PHOTOGRAPHY
- Photography is an art form like drawing
and painting. Photographers use their
cameras to make us see life differently, feel
emotions, and record stories and events.

- Greek for “Painting with Light” and can be


considered both an art and science.
Joseph Nicéphore Niépce
The photograph was taken from the upstairs
windows of Niépce’s estate in the Burgundy
region of France.
There are three basic types of
Photography:
1. Landscape
2. Portrait
3. Documentary
1. Landscape Photography
Landscape is a photograph of the environment. It
could be the forest, mountains, oceans, or your
backyard.
Ansel Adams
- is a famous landscape photographer.
2. Portrait Photography
A portrait photograph is a picture of a person
or animal that shows an emotional
connection.
3. DOCUMENTARY PHOTOGRAPHY
- Documentary photography tells a story
without changing the facts.
It can be a portrait or landscape.

You might also like