Student seminar

1. Graphic DESIGN
IntroductionTo
By Thilina Wickramasinghe
Engineer |DB
Colombo,SriLanka

2. DEFINING GRAPHIC DESIGN
• Not about Software (just tools)
• Visual Communication/ Functional Art
• Problem Solving
• “Information Architects”
• “…The designer conceives, plans, and executes
designs that communicate a specific message
to a specific audience within given limitations…”

3. COLOR AND COLOR MODELS

4. What we call as “COLOUR”
Color is the byproduct of the spectrum of light, as it
is reflected or absorbed, as received by the human
eye and processed by the human brain
White Light Refracted by a Prism.

6. COLOR MODELS - RGB
RGB is an additive color mixture for light mediums. What this means is
that for any medium in which we are emitting light onto a display
i.e. TV,
computer screen,
cell phone, etc.
• the red, green and blue will be mixed together.
• These are the basic colors of the spectrum. You cannot subtract
anything from these light mixtures
• you can only remove light, which creates the color black.
white is the combination of every color in the spectrum. Should you
combine red, green and blue in this model, you will create the color white.

7. COLOR MODELS - CMYK

9. Color Printing: cyan.

10. Color Printing: magenta.

11. Color Printing: yellow.

12. Color Printing: yellow and magenta.

13. Color Printing: yellow, magenta, and cyan.

14. Hue, Saturation, Value or HSV is a color model that
describes colors
• hue or tint
• saturation - shade (Gray amount)
• value - brightness (White amount )
HSV color model is based on polar coordinates
HSV COLOR MODEL

15. COLOR SCHEMES OR SYSTEMS
A harmony or combination of
particular color based on the color
wheel. A color schemes.

16. COLOR SCHEMES
Monochromatic
The use of just one hue in an
image. (You can use black
and white to add variety
though.)
Mark Tansey. Forward Retreat. 1986. Oil on canvas,
7’ 10” x 9’ 8” (2.4 x 2.9 m). Collection of Eli Broad
Family Foundation, Santa Monica, California.
Courtesy Gagosian Gallery, New York.

17. COLOR SCHEMES
Warm Colors:
• Red
• Orange
• Yellow
• Warm colors advance
• Represents – Fire, Sunlight
• Implies – Happy, energy
• An artist many use warm and
cool color relationships to
create depth and volume.
• It can also create a feeling of
light.

18. COLOR SCHEMES
Cool Colors:
• Blue
• Green
• Purple
• Cool colors recedes
• Represents – Sky, Water,
Grass, Plants
• Implies – Sadness,
Depression, Night

19. VECTOR AND RASTER IMAGES
BASIC TYPES OF GRAPHIC CREATION
PROGRAMS
• Drawing- Vector programs – COREL DRAW
• Illustrator- draws object… no layers
• Mathematical equation based
• Can increase the size
• Paint- Raster programs – ADOBE PHOTOSHOP
• Photoshop- working in pixels and layers
• Cannot increase the size of the image.
• It will cause for destroy the image details.
• .bmp .jpeg .gif .pic .tif

20. The Adobe Photoshop workspace is arranged to help
you focus on creating and editing images The
workspace includes menus and a variety of tools and
palettes for viewing, editing, and adding elements to
your images.
Adobe Photoshop can open and import many types of
graphic file to work effectively.
ADOBE PHOSOTSHOP

21. WHAT WE CAN DO THROUGH THE PHOTOSHOP
• Photo Manipulation
• Retouching
• Illustration
• Designing Billboards
• Vehicle Stickers
• Magazine Designing
• Web Template designing

22. PHOTO MANIPULATION
• Photo manipulation Is the application of image
editing techniques to photographs in order to create an
illusion or deception
(in contrast to mere enhancement or correction) after the
original photographing took place.

23. PHOTO MANIPULATION
EXAMPLES

24. • Used as an art form or for commercial use to
create more sleek and interesting images
for advertisements.
• Creative retouching could be manipulation
for fashion, beauty or advertising
photography such as pack-shots
PHOTO RETOUCHING

25. It is a picture editing techniques to optimize
the quality in your photos .
PHOTO RETOUCHING

26. It is a sophisticated art used mainly in the
media for magazines, newspapers.
Image source: http://adsoftheworld.com/media
PHOTO RETOUCHING

27. In the advertizing world, photo retouching is the
modified & improved way of story-telling.
Image source:http://adsoftheworld.com/media/_3
PHOTO RETOUCHING

28. Professional photo retouching services- such
photographs can be restored to look almost as
good as new.
You do not need to worry
PHOTO RETOUCHING

29. This service does color correction adjusting contrast,
bringing out details, brightening eyes, skin smoothing,
blemish & acne removal, whitening teeth and other
photographic enhancements
PHOTO RETOUCHING

30. PHOTO RETOUCHING

31. PHOTO RETOUCHING

32. BILLBOARD DESIGNING

33. INTERFACE AND
TOOLS
START WITH FUNDAMENTALS

34. http://www.tutorial9.net/photoshop/photoshops-basic-tools/

35. The Crop Tool allows users to
redefine their active image
area but not resize the ENTIRE
image. It’s sort of like cutting
out a smaller picture from a
larger photo with a pair of
scissors.

36. There are several healing tools in
Photoshop which are used to
repair imperfections in images, or
handle blemishes and red-eye

37. With the Clone Stamp Tool, a
user may select a source
starting point somewhere on
an image, and then paint
elsewhere using that starting
point as a reference,
effectively cloning the source.

38. The Eraser Tool can
be used to erase
parts of an image,
selection, or layer

39. The Sharpen Tool is used
to sharpen edges in an
image, while the Blur Tool
burs edges. The Smudge
Tool smudges an image,
similar to using finger
paint.

40. WORKING IN PHOTOSHOP LAYERS

42. CREATING INTERESTING EFFECTS

43. PHOTOSHOP TEXTURES & VECTORS
• http://zentextures.com/
• http://www.smashapps.org/2009/07/42-free-photoshop-textures.html
• http://www.vectorportal.com/
PHOTOSHOP PLUG-INS
• Photoshop functionality can be extended by add-on
programs
• most common type are filter plug-ins that provide
various image effects
• many free plug-ins online
• http://coffeeteaphotography.blogspot.com
• http://tutorialblog.org/free-photoshop-plugins/

44. EXPERIMENT

45. DEMO SESSION