20
THINK LIKE AN ART DIRECTOR: 5 Steps to Creating Imagery That Attracts Readers

WordCamp Cincinnati | 2016 - Tamia Stinson...FAVORITE TOOLS & PLUGINS • Image editing: Fotor, Pixlr, GIMP, Photoshop/Lightbox, VSCO • Images: Pixabay, Death to the Stock Photo

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: WordCamp Cincinnati | 2016 - Tamia Stinson...FAVORITE TOOLS & PLUGINS • Image editing: Fotor, Pixlr, GIMP, Photoshop/Lightbox, VSCO • Images: Pixabay, Death to the Stock Photo

THINK LIKE AN ART DIRECTOR:

5 Steps to Creating Imagery That Attracts Readers

Page 2: WordCamp Cincinnati | 2016 - Tamia Stinson...FAVORITE TOOLS & PLUGINS • Image editing: Fotor, Pixlr, GIMP, Photoshop/Lightbox, VSCO • Images: Pixabay, Death to the Stock Photo

WHO AM I?• Photo Stylist & Creative Director

• Social Media Manager

• Blogger since 2008 at TheStyleSample.com

• Creative City Podcast host at CreativeCityPodcast.com

• Ice cream lover

• Purple Rain aficionado

• @thestylesample

Page 3: WordCamp Cincinnati | 2016 - Tamia Stinson...FAVORITE TOOLS & PLUGINS • Image editing: Fotor, Pixlr, GIMP, Photoshop/Lightbox, VSCO • Images: Pixabay, Death to the Stock Photo

WHO ARE YOU?Who is currently using WordPress?

What types of pictures do you use or want to use on your site?

Page 4: WordCamp Cincinnati | 2016 - Tamia Stinson...FAVORITE TOOLS & PLUGINS • Image editing: Fotor, Pixlr, GIMP, Photoshop/Lightbox, VSCO • Images: Pixabay, Death to the Stock Photo

WHAT IS AN ART DIRECTOR?

• Responsible for visual style and images

• Copywriter develops the message; art director creates visuals to complement the message

Page 5: WordCamp Cincinnati | 2016 - Tamia Stinson...FAVORITE TOOLS & PLUGINS • Image editing: Fotor, Pixlr, GIMP, Photoshop/Lightbox, VSCO • Images: Pixabay, Death to the Stock Photo

WHY ARE IMAGES IMPORTANT?

• 90% of information transmitted to the brain is visual (60,000 times faster than text!)

• People form a first impression in 50 milliseconds

• THE SOCIAL MEDIAS

Page 6: WordCamp Cincinnati | 2016 - Tamia Stinson...FAVORITE TOOLS & PLUGINS • Image editing: Fotor, Pixlr, GIMP, Photoshop/Lightbox, VSCO • Images: Pixabay, Death to the Stock Photo

HOW DOES THIS APPLY TO YOU?

• Content with relevant visuals gets 94% more views

• Credibility !

• Streamline the process

Page 7: WordCamp Cincinnati | 2016 - Tamia Stinson...FAVORITE TOOLS & PLUGINS • Image editing: Fotor, Pixlr, GIMP, Photoshop/Lightbox, VSCO • Images: Pixabay, Death to the Stock Photo

THINK LIKE AN ART DIRECTOR

1. Have a framework

2. Know the story

3. Plan your images

4. Make pictures

5. Distribute the goods

Page 8: WordCamp Cincinnati | 2016 - Tamia Stinson...FAVORITE TOOLS & PLUGINS • Image editing: Fotor, Pixlr, GIMP, Photoshop/Lightbox, VSCO • Images: Pixabay, Death to the Stock Photo

1. HAVE A FRAMEWORK• Branding

• Photo style

• Bright? Muted?

• Templates

• Think about use: Web? Social?

• Think about orientation (landscape vs portrait)

Page 9: WordCamp Cincinnati | 2016 - Tamia Stinson...FAVORITE TOOLS & PLUGINS • Image editing: Fotor, Pixlr, GIMP, Photoshop/Lightbox, VSCO • Images: Pixabay, Death to the Stock Photo

TEMPLATES• site header

• landscape post header

• portrait post image

• sidebar image

• Instagram /featured image/thumbnail (usually a square)

• Pinterest/FB/Twitter post

Page 10: WordCamp Cincinnati | 2016 - Tamia Stinson...FAVORITE TOOLS & PLUGINS • Image editing: Fotor, Pixlr, GIMP, Photoshop/Lightbox, VSCO • Images: Pixabay, Death to the Stock Photo

2. KNOW THE STORY

• What are the key points?

• Research the topic

• What visuals make sense?

• photo, illustration, graphic, text, or some combination

Page 11: WordCamp Cincinnati | 2016 - Tamia Stinson...FAVORITE TOOLS & PLUGINS • Image editing: Fotor, Pixlr, GIMP, Photoshop/Lightbox, VSCO • Images: Pixabay, Death to the Stock Photo

THE BURGERS ARE GREAT!

Page 12: WordCamp Cincinnati | 2016 - Tamia Stinson...FAVORITE TOOLS & PLUGINS • Image editing: Fotor, Pixlr, GIMP, Photoshop/Lightbox, VSCO • Images: Pixabay, Death to the Stock Photo

3. PLAN YOUR IMAGES

• Plan based on your templates

• Consider your photo style

• Colors, backgrounds, arrangement

• Gather inspiration

• Pinterest, IG, sketch

• Create a shot list

Page 13: WordCamp Cincinnati | 2016 - Tamia Stinson...FAVORITE TOOLS & PLUGINS • Image editing: Fotor, Pixlr, GIMP, Photoshop/Lightbox, VSCO • Images: Pixabay, Death to the Stock Photo

SHOT LIST

Page 14: WordCamp Cincinnati | 2016 - Tamia Stinson...FAVORITE TOOLS & PLUGINS • Image editing: Fotor, Pixlr, GIMP, Photoshop/Lightbox, VSCO • Images: Pixabay, Death to the Stock Photo

4. MAKE PICTURES

• Gather your tools

• Camera, tripod, remote, flash

• Gather your supplies

• Backgrounds, props, accessories

Page 15: WordCamp Cincinnati | 2016 - Tamia Stinson...FAVORITE TOOLS & PLUGINS • Image editing: Fotor, Pixlr, GIMP, Photoshop/Lightbox, VSCO • Images: Pixabay, Death to the Stock Photo

4. MAKE PICTURES

• Batch, please!

• Pick a day and time

• Take lots of pictures

• Variety!

• Create an editing process

• Use same process

• Compress for web

• Rename

Page 16: WordCamp Cincinnati | 2016 - Tamia Stinson...FAVORITE TOOLS & PLUGINS • Image editing: Fotor, Pixlr, GIMP, Photoshop/Lightbox, VSCO • Images: Pixabay, Death to the Stock Photo

A FEW TIPS

• Natural light is your friend

• Use the rule of thirds

• Leave space

• Zoom in

• Pull it back

• Don’t flash your food

Page 17: WordCamp Cincinnati | 2016 - Tamia Stinson...FAVORITE TOOLS & PLUGINS • Image editing: Fotor, Pixlr, GIMP, Photoshop/Lightbox, VSCO • Images: Pixabay, Death to the Stock Photo

5. DISTRIBUTE THE GOODS

• Production

• Upload

• Add alt tags, titles, captions

• Place and resize

• Add to social media

Page 18: WordCamp Cincinnati | 2016 - Tamia Stinson...FAVORITE TOOLS & PLUGINS • Image editing: Fotor, Pixlr, GIMP, Photoshop/Lightbox, VSCO • Images: Pixabay, Death to the Stock Photo

MY (IDEAL) PROCESS• Plan editorial calendar

• Research & write posts

• Create shot list & source props/accessories

• Shoot day!

• Edit posts

• Edit photos

• Upload text and images to website, social media scheduling tools

Page 19: WordCamp Cincinnati | 2016 - Tamia Stinson...FAVORITE TOOLS & PLUGINS • Image editing: Fotor, Pixlr, GIMP, Photoshop/Lightbox, VSCO • Images: Pixabay, Death to the Stock Photo

FAVORITE TOOLS & PLUGINS• Image editing: Fotor, Pixlr, GIMP, Photoshop/Lightbox, VSCO

• Images: Pixabay, Death to the Stock Photo

• Graphic design: Canva, InDesign

• Plugins: WP Smush image optimization, Enhanced Media Library (create, filter, search by media categories), Canva

• Distribution: Later, Buffer, Hootsuite, CoSchedule, IFTTT

Page 20: WordCamp Cincinnati | 2016 - Tamia Stinson...FAVORITE TOOLS & PLUGINS • Image editing: Fotor, Pixlr, GIMP, Photoshop/Lightbox, VSCO • Images: Pixabay, Death to the Stock Photo

QUESTIONS?