FOUNDATION IN GRAPHIC DESIGN - s3. · PDF file• About Us • Course Agenda • Member Area & Community • Course Engagement • Brief introduction to Graphic Design...

with ADOBE APPLICATIONSGRAPHIC DESIGNFOUNDATION IN

LESSON 1

Introduction

• About Us

• Course Agenda

• Member Area & Community

• Course Engagement

• Brief introduction to Graphic Design

• What Design is and is not

• Different areas of Design

• Adobe overview – Photoshop / Illustrator / InDesign

• Introduction to Photoshop – Workspace / Use of Layers

• Q&A

LESSON 1

ABOUT US• 4+ Years / 2012

• Largest LIVE Educator on the Planet

• 400,000+ new students per month

• Offices All Over the World

• 350+ full time employees (Shawsters)

• 10+ languages

• EGBET

HOW IT WORKS

10 LESSONS Q&A HOSTED10 Lessons over the 4 Weeks, 8 Live and 2 “On Demand”, which means these 2 are pre-recorded.

Q&A session after each live presentation. Ask any questions about that particular lesson.

Lessons are then hosted on our website, usually available 24 hours later, which you will have access to in your student area.

1 2 3

COURSE TOOL KIT

ONLY €19

Webinar Slides for every lesson

Bonus Videos

Summary Notes for every lesson

Exclusive Starter Pack

INCLUDED:

Enhance your learning experience!

COMPETITION TIME• Live = Best

• Libraries = Don’t Teach

• We reward our most diligent students

• Shaw Academy Lifetime Membership Prize

- draw during lesson 8

• Attend 4 Live Lessons before Lesson 8

STAY SOCIAL!

https://www.facebook.com/shawacademy

https://www.twitter.com/shawacademy

https://youtube.com/shawacademy

Share using

#shawgraphic

ASSIGNMENTS

Visit FAQon website

?

GRAPHIC DESIGN EDUCATOR

KEVIN CORBETT

ABOUT ME

• I can spot bad typography from 100yds away.• I can name more than 200 fonts in under five minutes.• My hand is permanently stuck in the shape of a mouse.• I have a thing for chairs. I don’t know why.• My CD collection is organised according to the Pantone chart.• Seeing someone use Comic Sans affects my blood-pressure.• I like my coffee #000000 and when I cut back several South

American economies suffer noticeably.

COLOUR?DO YOU LOVE

VISUALLY?DO YOU LIKE TO THINK

SENSE?!!DO YOU HAVE COMMON

…“Design is thinkingmade visible”- Saul Bass

WELCOME TO GRAPHIC DESIGN!

WHAT WILL BE COVERED

with ADOBE APPLICATIONSGRAPHIC DESIGNFOUNDATION IN

Introduction

• Brief introduction to Graphic Design

• Adobe overview – Photoshop / Illustrator / InDesign

• Introduction to Photoshop – Workspace / Use of Layers

Graphic Design Elements & Principles

• Design Elements

• Design Principles

LESSONS WEEK 1

1

2

Creating Image Composites

• Combine multiple images

• Using Masks

• Selection tools

• Using Adjustment Layers

• Using Filters

LESSON ON DEMAND

3

Photo Editing

• Open, edit/manipulate/enhance and save an image.

• Healing Tools

• Adjustment Layers

• Filters

• Blend Modes

Introduction to Illustrator / Create a Logo

• Illustrator introduction

• Vector graphics

• Create a logo

LESSONS WEEK 2

4

5

Illustrator - Part 2 / Tracing Artwork & Brushes

• Trace Features

• Pen Tool

• Brushes

LESSON ON DEMAND

6

Typography

• Introduction to Typography

• Typographic Quality

• Create a Typographic Image

Create a Web Layout – Part 1

• Design a web interface

• Setup Document for web

• Use Guides

• Create textured/gradient backgrounds

• Add edit and transform graphics

• Advanced image techniques

LESSONS WEEK 3

7

8

Create a Web Layout – Part 2

Introduction to InDesign / Create a Business Card

• Introduction to InDesign

• Create a business card

LESSONS WEEK 4

9

10

Graphic Design is all around us, wherever we look.

The most common forms include Logos, Websites, Advertisements and Magazine/Newspaper layouts, but the list is endless.

Introduction to

GRAPHICDESIGN

…Well, the dictionary definition of Graphic Design is

“the art or profession of visual communication that combines images, words and ideas to convey information to an audience”

WHAT IS GRAPHIC DESIGN?Well, the dictionary definition of Graphic Design is

“the art or profession of visual communication that combines images, words and ideas to convey information to an audience”

GRAPHIC DESIGN ISVISUAL PROBLEM SOLVING

PLEASING TO THE EYEGETS ATTENTIONCONVEYS MESSAGE

Your aim is to create something that is

However,it’s not always about making things look cool!IT HAS TO WORK!

Cluttered Posters

Illegible Fonts

UnusableWeb Interfaces

AND WORSE, WRONG MESSAGING!And these are a few of the tamer examples!

HAVING FUN ARE PATIENT

USINGCREATIVITY

CUTTINGEDGE

TECH

PAYING

SOLVING

DETAIL

LIKE

PROBLEMS

ATTENTION TO

AN EXCITING AREA

WHAT WE DO

BRIEF RESEARCH STRATEGY DEVELOPMENT PRESENTATION LAUNCH

CLIENT WANTS

POINTof REF. COMP.

TRENDS

HISTORY

FUTURE

DECIDE

ANALYSE REVIEW

FEEDBACK

TWEAK

DON’TSOMEHOME TRUTHS NEED TO

be goodat drawing

NEED TOspend years

in college

NEED TOspend €€€’s

on equipment

DISCLAIMER: By the way, I’m not saying these do any harm!*

DOSOMEHOME TRUTHS NEED

a PortfolioNEED

Visual Thinking SkillsNEED

to Speak ADOBE

DIFFERENT AREAS of GRAPHIC DESIGN

CREATIVEDIRECTOR

ARTDIRECTOR

ART PROD.MANAGER

PACKAGEDESIGNER

BRAND I.D.DEVELOPER

VISUALJOURNALIST

BROADCASTDESIGNER

LOGODESIGNER

INTERFACEDESIGNER

ILLUSTRATOR

WEBDESIGNER

MULTIMEDIADEVELOPER

CONTENTDEVELOPER

VISUAL IMAGEDEVELOPER

THE INDUSTRY STANDARD

ADOBE OVERVIEW

Adobe products have become the de facto industry standard in graphics editing.

The applications we will be using for this foundation course will be Photoshop & Illustratorwith a brief introduction to InDesign, which we will expand more on in the advanced course, along with other applications in the Adobe Suite.

IMAGING & DESIGN APPLICATION

PHOTOSHOP

• Benchmark in the world of professional digital image solutions.

• Powerful photo and image editing application.

• Photoshop is Not a Drawing Program!

• The real power of Photoshop is in working with existing images. Typical tasks include treating and manipulation, compositing, converting to different formats, printing, etc.

VECTOR ART & ILLUSTRATIONS

ILLUSTRATOR

• Vector-based drawing and graphic design tool.

• It’s Not Photoshop! Photoshop is a bitmap editor, Illustrator is a vector drawing program.

• Works by generating curved paths (AKA Bezier curves) connected by anchor points.

• Shapes, anchor points and other information are stored as part of the file and can be modified at any time.

• Vector images can be resized without losing quality. These attributes are what make vector-based programs different to bitmap-based programs that store data as individual pixels only.

PAGE DESIGN & LAYOUT

InDESIGN

• Page layout application for print or digital publishing.

• Ideal for newspapers and magazines, posters, brochures, cover art, etc.

• Also for digital publications like interactive PDF’s, eBooks or interactive documents with Audio, Video and HTML content.

• Convert ordinary documents into digital formats.

PHOTOSHOP WORKSPACE

Workspace Switcher

Main Menu

Options Bar

Document Window

Tools Panel

Layers Panel

PHOTOSHOP WORKSPACE

Workspace Switcher

Main Menu

Options Bar

Document Window

Tools Panel

Layers Panel

INTRODUCTION TO LAYERS

Organising Layers

Visibility

Create New Layer

Delete Layer

Fill / Opacity

Blend Modes

Layer Groups / Filter Layers

Background Layer

Stacking Order

Blending Options

Adjustment Layers

INTRODUCTION TO LAYERS

Organising Layers

Visibility

Create New Layer

Delete Layer

Fill / Opacity

Blend Modes

Layer Groups / Filter Layers

Background Layer

Stacking Order

Blending Options

Adjustment Layers

COMING UP IN THE NEXT LESSON

ELEMENTSIn Graphic Design there are Key Elements that enable us to communicate our message clearly.

These are what make up our design.

LINE SHAPE (FORM) COLOUR TEXTURE SPACEMASS (SIZE)

COLOUR | THEORY

The Principles of design are what we do to design elements.

How we apply these determines how successful the design is.

ALIGNMENT BALANCE CONTRAST PROXIMITY REPETITION

PRINCIPLES

FINAL ASSIGNMENT

• Multiple Choice Questions

• Certificate - €9

• Diploma - €19

with ADOBE APPLICATIONSGRAPHIC DESIGNFOUNDATION IN

CONTACT

+353 (0) 1 5360892

graphic.design@shawacademy.com

www.shawacademy.com

facebook.com/shawacademy

twitter.com/shawacademy

THANK YOU FOR BEING HERE