Adobe photoshop cc - session1

Adobe Photoshop CC
Crash Course
SESSION 1 – INTRODUCTION TO GRAPHIC DESIGN
BY: AHMED MOUSA

What is Graphic Design ?
The Art of VISUAL COMMUNICATION
through the use of text, images, and symbols.

What is Graphic Design ?
- Visual Arts
 Photography, Illustration, paintings, etc.
- Typography
 Setting, arranging and designing type.
- Page Layout
 The visual arrangement of elements on a page.

The Start of Graphic Design
3000 B.C.

A Designer is
A special type of communicator, capable of taking ordinary words &
images, and translating them into an inviting, meaningful, and
accessible images.
A Designer’s Goal is
Is to create a visual representation of information with a sense of
order and clarity that make it easier for the viewer to understand.

What makes a Design Great ?
- Form
- Visually appealing
- Colors are in harmony
- Well chosen typography
- Feeling
- Stays on the original message
- Evokes the proper emotional response

“Design is not just what it looks like and feels like.
Design is how it works.”
-STEVE JOBS

- Function
- Serves its purpose
- Easy to read & understand
- Executable (print, packaging, etc.)

ADS Should be
- Simple & Iconic
- Representative of the brand
- Able to deliver a message without the must use of words

Business Cards Should be
- Clean, Elegant and Readable
- Informative
- Unique

Brochures Should be
- Organized & visually appealing
- Created with readability for the end user in mind
- Easily skimmed

Logos Should be
- Instantly recognizable
- Easily repurposed
- Timeless and appropriate

Colors
Representations & Meanings

Colors: RGB or CMYK
• Printers and monitors uses two different ways of producing color
• (RedGreenBlue)
Files for TV and video use light to project an image
• (CyanMagentaYellow blacK)
When printing, ink is used to place an image on a page

Color Representation: RGB or CMYK ?
Additive colors Subtractive colors*
*Black is only used to simple create pure black on printed paper

Color Representation: RGB or CMYK ?
• Pixels can produce 1 of 256
(8 bits) shades of R,G, & B
• Three channels combines to
produce 24-bit color
• Can produce 16,777,216
colors (2 to the 24 power)

• Trustworthy, dependable
and committed
• Invokes rest and can cause
the body to produce
chemicals that are calming
• The physical and mental
effects:
• Calming and sedate
• Cooling

• Green is considered the color of
peace and ecology
• Often related to nature
• The physical and mental effects
• Soothing
• Relaxing mentally as well as physically
• Helps alleviate depression,
nervousness and anxiety
• Offers a sense of renewal, self-control
and harmony

• Shines with optimism,
enlightenment, and happiness
• Have a strong visual effect which
makes it usable in alerting
• The physical and mental effects:
• Visually alerting
• Stimulates the nervous system
• Activates memory
• Encourages communication

• Recognized as a stimulant
effects:
• Increases enthusiasm
• Stimulates energy
• Encourages a certain action
and confidence
• A sense of protection from
fears and anxiety

• Provokes a sense of mystic
and royal qualities
effects:
• Uplifting
• Calming to mind and nerves
• Offers a sense of spirituality
• Encourages creativity

Image Representation
• Each pixel can be represented it by its 3
actual RGB values
• The value scale has 256 different values
• Each value is a number between 0 and
255 and one needs 8 bits to represent
such a number therefore 8+8+8=24 bits
to fully represent an RGB color on a
single pixel
• Size of a color image: w * h * 24 bits =
(w * h*24)/8 B
A 640 x 480 color image takes 921,600 B = 900 KB!

Resolution
• Resolution usually refers to the number of pixels on a surface whether a display
or image
• Resolution terminology varies according to the intended output device.
• PPI (pixels per inch) refers to screen resolution (monitors)
• DPI (dots per inch) refers to print resolution
• Images are displayed on your computer screen at display (or screen) resolution
(72 or 96 ppi).
• The typical desktop printer needs 150-300 dpi.

Resolution: Scaling up
More resolution, but not more details..

Raster Graphics
• Graphics made up of tiny squares
• Squares are called “pixels”
• Pixel is short for picture element
• Not scalable

Vector Graphics
• The computer stores the information as lines and curves
• Created using math formulas
• Example:
The computer does not remember what the circle looks like. It remembers
the center point and area of the circle and then redraws the image.

Vector Graphics
• Manipulate shapes with precision
• Line drawings, maps, cartoons,
diagrams
• Stored as math formulas
• Can resize with excellent clarity
• Small file size
Raster Graphics
• Images are easily edited
• Realistic images, photographs
• Stored as pixels
• Pixelates when enlarged
• Large file size

Editing Softwares
• Raster Programs
• Photoshop, Pixlr, Corel Photopaint, Gimp, Paint
• Vector Programs
• Illustrator, Indesign, Flash

Graphic file formats
MyImage.
… - PCX – PBM – TGA – TIFF – GIF – JPEG – PSD –
DXF - CGM – PNG – SVG – RAW – WPG – FITS –
BMP – PCD – RAS – TGA – BPS – EPS – PDF – PCT –
WBM – FITS – XBM – VFF – RIB – PCX – DMP – AVS
– IMG – ICO – JFIF – IFF – WMF - …

• Raster file extensions
• Png – portable network graphic
• Psd – Photoshop document
• Jpg/Jpeg – joint photographic experts group
• Gif – graphics interchange format
• Bmp – Bitmap
• TIFF – Tagged Image File Format
• Vector File Extensions
• Ai – Adobe Illustrator
• Svg – Scalable Vector Graphics
• Eps – Encapsulated Postscript
• Wmf – Windows Metafile

• Lossless
• Png – Portable network graphic
• Psd – Photoshop document
• Bmp – Bitmap
• TIFF – Tagged Image File Format
• Gif – graphics interchange format
• Lossy
• Jpg/Jpeg – joint photographic experts group

Adobe photoshop cc - session1

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

Destaque

Destaque (20)

Semelhante a Adobe photoshop cc - session1

Semelhante a Adobe photoshop cc - session1 (20)

Último

Último (20)

Adobe photoshop cc - session1