Graphic Workshop

8/12/2019 Graphic Workshop

1/44

Principles of GraphicDesign Workshop

Wharton Asia Exchange

October 20th, 2013


2/44

Overview

1. Basic Design Principles2. Photoshop Basics3. How to Design Effectively4. Application


3/44

I. Basic Design

Principles


4/44

Basic Colour Theory


5/44

Basic Colour Theory

Primary colours Secondary colours Tertiary colours


6/44

Choosing your colours

eyedrop from your clubcolours

Extract colours from a picture theme of your design

green for environmental

Resources colourlovers.com Adobe Kuler


7/44

TypographyMy favourite thing about design


8/44

Basics

typography is everywhere! overall theme, tone, and message gives composition character, pace, and style legibility greater insight into subject/message of design


9/44

Two basic types

Serif Sans-serif


10/44


11/44

LeadingRecommendation: 120% leading


12/44

Tracking


13/44

Alignment


14/44

Some considerations

Information hierarchy selecting typefaces that support the theme Please stay away from:

Comic Sans Papyrus Impact unless youre trying to be ironic or something


15/44

Raster vs. Vector

Raster

Photoshop made up of pixels cannot be scaled up

too much

Photoshop is gettingbetter at preservingquality

Vector

Illustrator wont lose detail when

scaling


16/44

II. Photoshop Basics


17/44

Starting a Document

File > New 300dpi always RGB for web/online CMYK for print


18/44

Selection Tools

Marquee (M)

Lasso (L)

Magic Wand (W)

Masking

----

Ctrl + D -> Deselects

Ctrl + shift + I -> Inverse

Selection

Ctrl + layer preview -> selects

border of that layer


19/44

Move tool

This is the tool I default to


20/44

Image & Canvas Size


21/44

Image & Canvas Size


22/44

Layers

Layer options Opacity/Fill Linking layers Locking layers Name your layers! Group your layers New layer and Delete layer


23/44

Multiply


24/44

Edit > Transform

Ctrl + T

Press Shift when youre

dragging the corners topreserve the proportionsof the image


25/44

Blending Options


26/44

Pen tool (Vector)

takes a while to to master good for tracing

complicated outlines

good for straight lines most vector-based stuff

should be done in Illustrator


27/44

Colour tools


28/44

Filters

Notable uses: Gaussian Blur for blurring

backgrounds

Liquify (for retouchingpictures, less for graphic

design)


29/44

Gradient/Bucket Tool

Bucket Tool fill large swaths of area with

a colour

call fill with pattern/textureas well

Gradient radial straight can adjust colours and

transparency


30/44

Text

Character Panel Paragraph Panel


31/44

Character Panel in depth


32/44

quick aside: ligatures in text


33/44

III. Effective Design


34/44

What makes a poster effective?


35/44

What makes a poster effective?

colour something attention grabbing effective (not distracting) typography not too cluttered content!


36/44

Dont clutter your poster

Title Subtitle Date, time, location short blurb of details THATS IT. NOBODY HAS TIME TO READANY MORE


37/44

What do you do with the rest

of that space then?

Pictures White space Typography Graphic design elements PLEASE. NO CLIP ART. CLIP ART IS BANNED.

please dont be that person


38/44

Dos

Keep text minimal and legible Have an attention-grabbing title Keep in mind the purpose and context of poster Imbed your personality into the poster


39/44


40/44

Donts

Put too many elements into one poster Clutter with too much information Use too many fonts

Limit is 3-4 Have a title font, body font, and accent font. Thats it.

Let me re-iterate: do not use Comic Sans, Papyrus, or Impact unless

youre trying to be funny and ironic


41/44

S


42/44

Some more

good examples


43/44

IV. Now its your turnwooo funnnnnn


44/44

Heres your copy

Spring Trip 2014 Seoul, South Korea Information sessions: November

14th, 2013; November 17th, 2013

JMHH G88 Companies: Goldman Sachs,

Samsung, LG, AmorePacific,Hyundai

Documents

Graphic Workshop