Softwares:

Adobe Photoshop Adobe Illustrator:

• Best for Raster/Bitmap Graphic Images • Best for Vector Images
• Resolution Dependent • Great for scalable images
IN DESIGN

• Adobe developed InDesign for the desktop publishing market, and

it’s primarily used to layout newspapers, magazines, books, posters
and flyers. Pretty much anything with large amounts of text should
go straight into InDesign.
ILLUSTRATOR

• Illustrator is Adobe’s magic vector-image machine. That means that

anything created in Illustrator can be scaled to teeny-tiny favicon
thumbnails or ginormous Times Square billboards—all without
losing any quality or adding any weird pixelation. A design created
in Illustrator will look identical on a business card or a bus wrap.
And that makes it a logo’s best friend.
 PHOTOSHOP
• It’s time to retouch photos. Need to color correct a photo? Or tame some flyaway hair? Or
digitally zap a zit? Photoshop = photos. And there’s no better tool.
• You need to edit artwork for digital or print. That could be a photo, painting, drawing, or
anything else. Photoshop is the right tool to make sure every line, shadow and texture is in place.
Then, you can use that artwork anywhere, either on its own or in a Illustrator or InDesign project.
• You want digital images for the web like social media images, banner ads, email headers, videos
etc. Creating these images in Photoshop will ensure they’re right size and optimized for the web.
• You have to create a website or app mockup. Layers make it easy to move UI elements around,
and because Photoshop is a pixel-based editing program, you’ll know that your design is sized
correctly for any screen size.
• You want to get fancy with animation and video. Today, cameras can not only shoot fantastic
photos, but they can also capture some pretty sweet video, too. Photoshop makes it easy to cut
together simple video clips and add graphics, filters, text, animation and more.
Introduction to
Illustrator
Mrs. James
Vector Graphics Intro to
Illustrator
2 Types of Graphics
Vector Bitmap
Examples of vector art
Vector Graphics

• Vector graphics are created from mathematical

formulas used to define lines, shapes, and curves
• Best for Large Scale printing
• Can be scaled infinitely, without any loss of quality or
fidelity.
• Watch this video:
• https://helpx.adobe.com/illustrator/how-to/what-is-illustrator.
html?set=illustrator--get-started-
Vector Graphics

• Edited in Drawing programs

• ex. Adobe Illustrator or CorelDraw
• Shapes can be edited by moving
points called nodes or drawing
points
Uses of vector graphics

• Logos
• Icons
• Web Graphics
• Print Projects
• Cartoons/Clip Art
• Fonts
Why Use Vector graphics?

• Small File Size

• Easily transferred via the internet
• Resolution Independent
• No matter how much you scale a vector graphic up or down, the quality of
your graphic stays clear and sharp
Disadvantages of vector

• Not good for Photographic images

• Lower color quality than raster images
• Do not support as many colors
Vector file formats

• .AI – Adobe Illustrator

• Industry standard file type used to develop vector graphics, contains layers
• EPS – Encapsulated Postscript
• Vector graphic format that can be opened by any computer running
different software and/or versions
• Can be edited
• Preferred format for logos and illustrations
Vector file formats

• .PDF – Portable Document Format

• All computers can open this file type while mainlining the vector imaging
• .SVG – Scalable Vector Graphic
• Vector graphic format that can be opened by any computer running
different software and/or versions
• For 2D graphics