A PRACTICAL INTRODUCTION - PHOTOSHOP & ILLUSTRATOR

Jonathan Blackwell, MBA Managing Director, Linebrand

INTRODUCTIONSA PRACTICAL INTRODUCTION - PHOTOSHOP & ILLUSTRATOR

JONATHAN BLACKWELL, MBAA PRACTICAL INTRODUCTION - PHOTOSHOP & ILLUSTRATOR

Duke University, Visual Art BA - 1997-2001 Lineaist Artist - 2001-2004 (art, theatre, film) Counter Culture Coffee, Prod. Mgr - 2004-2006 ASI-Modulex, Digital Signage - 2007-2008 UNSW, AGSM MBA - 2009-2010 Ensemble Partners (w/ Accenture) - 2010-2012 Lineaist Design (w/ Trymph) - 2012 Elance Startup & The Difference at PwC - 2013 Managing Director, Linebrand - 2014

1/6 DownloadAGENDA

‣ Adobe CC (30-day trial)

‣ www.adobe.com/au/

3/6 Current Trends‣ Responsive raster resolutions

‣ Vector graphics

4/6 Case Study‣ Quicksilver case study

‣ DMI - Barclays infographic

5/6 Platform Examples‣ Traditional desktop & browser

‣ Demands of mobile & tablet

6/6 Take Aways‣ Use helpx.adobe.com

‣ Know your end platform

2/6 Introduction‣ Photoshop - raster

‣ Illustrator - vector

1/6 Download

Adobe CC (30-day trial) www.adobe.com/au/ creativecloud/catalog/ desktop.html

1/6 Download

1/6 Download

1/6 Download

2/6 Introduction

Photoshop - raster images http://helpx.adobe.com/photoshop/using/image-essentials.html

Illustrator - vector images http://helpx.adobe.com/illustrator/using/saving-artwork.html

2/6 Introduction

2/6 Introduction

PHOTOSHOP - RASTER IMAGES

2/6 Introduction

2/6 Introduction

JPEG - Joint Photographics Experts Group TIFF - Tagged Image File Format BMP - Crappy Windows Bitmaps GIF - Graphics Interchange Format PNG - Portable Network Graphics

ILLUSTRATOR - VECTOR IMAGES

2/6 Introduction

2/6 Introduction

CGM - Computer Graphics Metafile SVG - Scalable Vector Graphics AI - Adobe Illustrator

Vector Hybrids EPS - Encapsulated PostScript PDF - Portable Document Format

2/6 Introduction

JPEG TIFF BMP GIF PNG

CGM SVG AI EPS PDFPNG

3/6 Current Trends

Responsive raster resolution Vector graphics

RESPONSIVE RASTER RESOLUTION

3/6 Current Trends

3/6 Current Trends

72 dpi 150 dpi 300 dpi

768 px 1024 px 1680 px

VECTOR GRAPHICS3/6 Current Trends

3/6 Current Trends

Vector graphics

3/6 Current Trends

4/6 Case Study

Quicksilver Case Study http://tv.adobe.com/watch/customer-stories-design/quiksilver-case-study/

DMI Barclays Infographic

QUICKSILVER CASE STUDY

4/6 Case Study

http://tv.adobe.com/watch/customer-stories-design/quiksilver-case-study/

QUICK STRETCH! 4/6 Case Study

DMI - BARCLAYS INFOGRAPHIC

4/6 Case Study

4/6 Case Study

4/6 Case Study

4/6 Case Study

4/6 Case Study

4/6 Case Study “it’s a really exciting time in the financial services sector for disruption and innovation. financial services can benefit from great design, great experiences and

great leveraging of technology.”

contemporary design: It’s about look and feel

The sweet spot: Design doesn’t have all the answers together with others, creative people must leverage broader experience Designers in the Boardroomwith commercial and operational experience

UI UX ITfinancialservicesgrowth

presentpast

1

( ) ( )=^

4/6 Case Study

4/6 Case Study

4/6 Case Study

4/6 Case StudyDesign role expanding outwards

Strategy, experiences, shape operational delivery model,

brand pops out of products and services

designer role expanding

design process collapsing

learn

test

bu

ild

designers are codingcoders are designing

- PingIt -

5/6 Platform Examples

Traditional desktop & browser Demands of mobile & tablet

TRADITIONAL DESKTOP & BROWSER

5/6 Platform Examples

5/6 Platform Examples

Traditional desktop & browser

5/6 Platform Examples

Traditional desktop & browser

DEMANDS OF MOBILE & TABLET

5/6 Platform Examples

5/6 Platform Examples

6/6 Take Aways

Use helpx.adobe.com Know your end platform

USE HELPX.ADOBE.COM

6/6 Take Aways

6/6 Take Aways

6/6 Take Aways

KNOW YOUR END PLATFORM

6/6 Take Aways

6/6 Take Aways

Q&AA PRACTICAL INTRODUCTION - PHOTOSHOP & ILLUSTRATOR

Jonathan Blackwell, MBA Managing Director, Linebrand

jonathan@linebrand.com.au +61 488 588 391