creating sexy sideshows

Post on 24-Dec-2014

382 Views

Category:

Technology

0 Downloads

Preview:

Click to see full reader

DESCRIPTION

A public version of an internal tech talk I gave at Miso with some visual tips and techniques for producing good-looking SideShows.*This deck is intended to be used with Adobe Photoshop in mind.

TRANSCRIPT

creating sexy sideshowsby @sabrina

january 12th, 2012

Friday, January 13, 12

the basics

the three c’s

the bonus

creating sexy sideshows @sabrina / january 12th, 2012

Friday, January 13, 12

the basics

@sabrina / january 12th, 2012

Friday, January 13, 12

the basics

use hi-res images.

@sabrina / january 12th, 2012

Friday, January 13, 12

the basics@sabrina / january 12th, 2012

Friday, January 13, 12

the basics

know your resources.

@sabrina / january 12th, 2012

Friday, January 13, 12

the basics fan-sites.org/hosted-sites/television-shows

@sabrina / january 12th, 2012

Friday, January 13, 12

the basics fan-sites.org/hosted-sites/television-shows

@sabrina / january 12th, 2012

Friday, January 13, 12

the basics disparue.org/caps/television

@sabrina / january 12th, 2012

Friday, January 13, 12

the basics

additional links

www.homeofthenutty.com

www.longagocaptures.org

www.allstars-online.net

@sabrina / january 12th, 2012

Friday, January 13, 12

the basics

don’t use squished images.

@sabrina / january 12th, 2012

Friday, January 13, 12

the basics

a kitten diesevery time

you use a shittyscreencap.

@sabrina / january 12th, 2012

Friday, January 13, 12

the basics

set up a template psd620 x 408 (trivia)620 x 760 (quote)

250 x 250 (pick em)

@sabrina / january 12th, 2012

Friday, January 13, 12

the three c’s

@sabrina / january 12th, 2012

Friday, January 13, 12

cropping

@sabrina / january 12th, 2012

Friday, January 13, 12

the three c’s think outside of the straight line, use diagonal cropping

@sabrina / january 12th, 2012

Friday, January 13, 12

the three c’s@sabrina / january 12th, 2012

be creative, don’t need to show a whole face.

Friday, January 13, 12

the three c’s@sabrina / january 12th, 2012

try circles!

Friday, January 13, 12

the three c’s cropping

lasso tool

polygonal lasso tool

elliptical marquee tool

@sabrina / january 12th, 2012

Friday, January 13, 12

contrast

@sabrina / january 12th, 2012

Friday, January 13, 12

the three c’s contrast is super important because many people don’t have their iPhones

at full brightness!

@sabrina / january 12th, 2012

Friday, January 13, 12

the three c’s contrast

levels

curves

brightness / contrast

“screen” layer style

@sabrina / january 12th, 2012

Friday, January 13, 12

the basics

resources:

www.buycolor.tumblr.com

@sabrina / january 12th, 2012

Friday, January 13, 12

coloring

@sabrina / january 12th, 2012

Friday, January 13, 12

the three c’s@sabrina / january 12th, 2012

try pulling out pops of bright colors

Friday, January 13, 12

the three c’s@sabrina / january 12th, 2012

go crazy on screencaps, your audience is already seeing an

un-stylized version on the tv screen.

Friday, January 13, 12

the three c’s@sabrina / january 12th, 2012

create a consistent color palette to give your sideshow a holistic look and

feel. this will come into play when sideshows appear on the web.

Friday, January 13, 12

the three c’s contrast

selective color

channel mixer

hue & saturation

color fills, layer styles

@sabrina / january 12th, 2012

Friday, January 13, 12

bonus tips and tricks!

@sabrina / january 12th, 2012

Friday, January 13, 12

the three c’s creative backgrounds

@sabrina / january 12th, 2012

Friday, January 13, 12

the three c’s cardboard cutouts

@sabrina / january 12th, 2012

Friday, January 13, 12

the three c’s ghetto instagram technique

@sabrina / january 12th, 2012

Friday, January 13, 12

the three c’s if all else fails, put a bird on it

@sabrina / january 12th, 2012

Friday, January 13, 12

thanks!please follow me on twitter @sabrina

Friday, January 13, 12

top related