53
with ADOBE APPLICATIONS GRAPHIC DESIGN FOUNDATION IN LESSON 1

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

  • Upload
    vunhan

  • View
    216

  • Download
    1

Embed Size (px)

Citation preview

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

with ADOBE APPLICATIONSGRAPHIC DESIGNFOUNDATION IN

LESSON 1

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

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

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

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

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

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

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

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!

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

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

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

STAY SOCIAL!

https://www.facebook.com/shawacademy

https://www.twitter.com/shawacademy

https://youtube.com/shawacademy

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

Share using

#shawgraphic

ASSIGNMENTS

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

Visit FAQon website

?

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

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.

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

COLOUR?DO YOU LOVE

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

VISUALLY?DO YOU LIKE TO THINK

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

SENSE?!!DO YOU HAVE COMMON

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

…“Design is thinkingmade visible”- Saul Bass

WELCOME TO GRAPHIC DESIGN!

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

WHAT WILL BE COVERED

with ADOBE APPLICATIONSGRAPHIC DESIGNFOUNDATION IN

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

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

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

Creating Image Composites

• Combine multiple images

• Using Masks

• Selection tools

• Using Adjustment Layers

• Using Filters

LESSON ON DEMAND

3

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

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

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

Illustrator - Part 2 / Tracing Artwork & Brushes

• Trace Features

• Pen Tool

• Brushes

LESSON ON DEMAND

6

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

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

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

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

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

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

Page 24: FOUNDATION IN GRAPHIC DESIGN - s3. · PDF file• About Us • Course Agenda • Member Area & Community • Course Engagement • Brief introduction to Graphic Design • What 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”

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”

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

GRAPHIC DESIGN ISVISUAL PROBLEM SOLVING

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

PLEASING TO THE EYEGETS ATTENTIONCONVEYS MESSAGE

Your aim is to create something that is

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

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

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

Cluttered Posters

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

Illegible Fonts

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

UnusableWeb Interfaces

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

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

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

HAVING FUN ARE PATIENT

USINGCREATIVITY

CUTTINGEDGE

TECH

PAYING

SOLVING

DETAIL

LIKE

PROBLEMS

ATTENTION TO

AN EXCITING AREA

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

WHAT WE DO

BRIEF RESEARCH STRATEGY DEVELOPMENT PRESENTATION LAUNCH

CLIENT WANTS

POINTof REF. COMP.

TRENDS

HISTORY

FUTURE

DECIDE

ANALYSE REVIEW

FEEDBACK

TWEAK

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

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!*

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

DOSOMEHOME TRUTHS NEED

a PortfolioNEED

Visual Thinking SkillsNEED

to Speak ADOBE

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

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

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

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.

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

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.

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

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 40: FOUNDATION IN GRAPHIC DESIGN - s3. · PDF file• About Us • Course Agenda • Member Area & Community • Course Engagement • Brief introduction to Graphic Design • What Design
Page 41: FOUNDATION IN GRAPHIC DESIGN - s3. · PDF file• About Us • Course Agenda • Member Area & Community • Course Engagement • Brief introduction to Graphic Design • What Design

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.

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

PHOTOSHOP WORKSPACE

Workspace Switcher

Main Menu

Options Bar

Document Window

Tools Panel

Layers Panel

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

PHOTOSHOP WORKSPACE

Workspace Switcher

Main Menu

Options Bar

Document Window

Tools Panel

Layers Panel

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

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

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

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

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

COMING UP IN THE NEXT LESSON

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

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)

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

COLOUR | THEORY

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

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

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

FINAL ASSIGNMENT

• Multiple Choice Questions

• Certificate - €9

• Diploma - €19

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

with ADOBE APPLICATIONSGRAPHIC DESIGNFOUNDATION IN

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

CONTACT

+353 (0) 1 5360892

[email protected]

www.shawacademy.com

facebook.com/shawacademy

twitter.com/shawacademy

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

THANK YOU FOR BEING HERE