CoSIDA 2015 - Design through a SIDs Eyes

@markmajewski (

)

DIFFERENT DESIGN ELEMENTS

• Blending modes are used best for:

- COMBINING TEXTURES AND IMAGES - ACCENCUATING COLOR - BLENDING TWO OR MORE IMAGES TOGETHER IN A UNIQUE MANNER

USEFUL RESOURCES ON BLENDING MODES YOUTUBE http://bit.ly/1HnLyXK

WEBSITES 10 most useful Photoshop blending modes: http://bit.ly/1AgAETN Ultimate guide to photoshop blend modes: http://bit.ly/1EXO2J4

DIFFERENT DESIGN ELEMENTS

• Layer masks use values of gray to assign levels of transparency to specific portions of a layer or group of layers • Layer masks are crucial because they can be altered at any time and do not delete any of your original image

USEFUL RESOURCES ON LAYER MASKS YOUTUBE http://bit.ly/1cLz29U

WEBSITES Understanding Layer Masks In Photoshop: http://bit.ly/1cLzN2y How to Add a Layer Mask in Photoshop: http://bit.ly/1GjYsXT

DIFFERENT DESIGN ELEMENTS

• The biggest trick with dispersion is making it look somewhat natural -- when the effect is applied too much, it can give off a very fake look • Two elements that are useful with dispersion are downloaded brushes (preferably splatter) and the use of layer masks USEFUL RESOURCES ON DISPERSION YOUTUBE http://bit.ly/1c11TpU

WEBSITES Create an Easy Dispersion Effect in Pshop: http://bit.ly/1HnSILn Dispersion Effect for your Image in Pshop: http://bit.ly/1FkpmwM

DIFFERENT DESIGN ELEMENTS

• Lens flares can either be created from scratch or applied from a downloaded sources • The easy way out on lens flares is by using a downloaded method - just be sure to keep in mind to change the blending mode to “screen” in most cases when using it USEFUL RESOURCES ON LENS FLARES YOUTUBE http://bit.ly/1LewaOu

WEBSITES Best Way To Use Lens Flares in Photoshop: http://bit.ly/1IMU9oh Free lens flare .PSD pack: http://bit.ly/1oOH1Wu

DIFFERENT DESIGN ELEMENTS

• HDR Toning (high dynamic range) gives you that grungy, gritty look that’s becaome popular in today’s design - be careful not to “overcook” the image • Remember that HDR Toning flattens your entire image, so be sure to utilize this effect to part of your graphic before putting everything together USEFUL RESOURCES ON HDR TONING VIDEO TUTORIAL http://bit.ly/1Frt6y1

WEBSITES Understanding HDR Toning: http://bit.ly/1c2uv1Z HDR Toning Workflow Tip: http://bit.ly/1Pv7wzf

DIFFERENT DESIGN ELEMENTS

• Applying textures, whether downloaded or created on your own, adds a different dimension to your piece • Keep in mind that when applying textures, it’s best to desaturate the texture and apply it with a multiply or overlay mode for best effectivenessa

USEFUL RESOURCES ON TEXTURES YOUTUBE http://bit.ly/1edjSuT

WEBSITES How To Blend Textures With Photos: http://bit.ly/1EV6TUd Texture Palace: http://bit.ly/1B9YprQ (DOWNLOADS-many others)

DIFFERENT DESIGN ELEMENTS

VS.

• Desaturate has no regard for the actual color information in the image. If different colors have the same intensity value, they will all desaturate to the exact same shade of gray • Channel mixer or black & white adjustments gives you the ability to alter different portions of desaturation USEFUL RESOURCES ON CHANNEL MIXING YOUTUBE http://bit.ly/1c2LhOx

WEBSITES How to Use the Channel Mixer in Photoshop: http://bit.ly/1JwQADw Use channel mixer for amazing B / W Images: http://bit.ly/1AcZnsq

DIFFERENT DESIGN ELEMENTS

• Many times with hair, we just cut it off or make it up as we go! Making it accurate, to almost the exact strand, isn’t as hard as it looks • Through the utilization of channels and the refine edge tool (and some YouTube watching down below), you can become a pro with a little bit of practice USEFUL RESOURCES ON HAIR (not Rogaine) YOUTUBE How to Cut Out Hair in Photoshop http://bit.ly/1cQrJxt (please forgive this guy’s corny jokes) Make Advanced Hair Selections with Masks http://bit.ly/1FFcAwb Masking Hair In Photoshop http://bit.ly/1kE25y5

RESOURCES • WEB TUTORIALS

LYNDA.COM ( $ ) lynda.com is a leading online learning company that helps anyone learn business, software, technology and creative skills to achieve personal and professional goals

TUTSPLUS.COM ( $ ) tutsplus.com gives project-based tutorials with stepby-step instructions & screenshots. Practice your skills across 10 topics, including audio, video, craft, code, web design, illustration

CREATIVEBLOQ.COM ( FREE ) creativebloq.com delivers a daily balance of creative tips and inspiration across web design, graphic design, 3D and more. Offers insight that enables you to keep up to date with the latest trends and developments in global design.

SKILLSHARE.COM ( $ ) skillshare.com gives you access to their online classes that you can watch on your own time, and you’ll get to collaborate with their active community on student projects - more specialized on specific programs

YOUTUBE.COM ( FREE ) youtube.com is probably the easiest way to look up any issue you may have come across or follow along with a tutorial on the fly

RESOURCES • WEB INSPIRATION

DISCLAIMER: IT’S NOT COOL STEALING PEOPLE’S WORK - SO DON’T DO IT!!! ...but it’s okay to look at what others are doing and give credit where credit is due BEHANCE.COM The leading online platform to showcase & discover creative work.

DRIBBBLE.COM Dribbble is a place to show and tell, promote, discover, and explore design.

TEAMINFOGRAPHICS.COM Game stat visualizations in minutes - great concepts and templates on how to make your graphics standout

PINTEREST.COM WE ALL KNOW WHAT PINTEREST IS - here are a few specific sites that offer some great visuals: • pinterest.com/christopherkaiser • pinterest.com/designedbysuz/inspiration-design-sports • pinterest.com/bpannell/sports

RESOURCES • TOOLS & DOWNLOADS

DAFONT.COM ( free )

TEXTURES8.COM ( free )

Great, free source to download all kinds of fonts (don’t be afraid to pay for fonts, too, though)

BRUSHEEZY.COM ( free ) Free downloads or brushes, patterns, textures, etc.

CANVA.COM ( free or $ ) Designs done simply for Web or print: blog graphics, presentations, posters, etc.

DESIGNERCANDIES.NET ( free ) Free downloads or brushes, patterns, textures, etc.

INFOGR.AM ( free or $ ) Infogram is a data visualization product - quick infographs done easily

PUBLICARCHIVEDOMAIN.COM

( free )

A public domain image repository with stunning pictures for download

STRIPEGENERATOR.COM ( free ) Simple sit that allows you to generate stripes accustomed to your liking

Strong resource for unique, downloadable textures

SPORTSFONTS.SQUARESPACE.COM

($)

Sporty fonts for a low price

CGTEXTURES.COM ( free ) Strong resource for unique, downloadable textures

FBRUSHES.COM ( free ) Great spot for freebie brushes, textures, patterns, etc.

RESOURCES • TWITTER INSPIRATION

DISCLAIMER: IT’S NOT COOL STEALING PEOPLE’S WORK - SO DON’T DO IT!!!

IN MY OPINION, here are some of the top twitter accounts for unbelievable vision and attention to detail matt LANGE @mattjlange sammy SILVERMAN @SammySilv leo RAMOS @LeoRamos82 buddy OVERSTREET @buddyoverstreet tiffany MIDDLETON @Tip_middleton ashley STRAUSS @AshleyStrauss tony TURNQUIST @TonyTQuist will WYSS @wILLINI4511 alina ROGERS @alinarogers_ ali FISHER @alifish_

Alabama

Houston

Ohio State

Michigan

Miami

UNC

freelance

Cincinnati

Auburn

Arkansas

drew SCHLOSSER @drewsch_ aaron BILLS @AaronBDesigns tony TUCKER @TalentedTony2 dan PHILLIPS @spillups10 taylor McGILLIS @TaylorMcGillis “double A”

Miss St.

Georgia Tech

Alabama

Stanford

Summit

St. John’s

Missouri

freelance

Missouri

freelance

aaron DeWALL @adewall chris GRAY @ChrisAGray_

mekale JACKSON @MekaleJackson dariusz EJKIEWICZ @ejkiewicz_com tyson BECK @tysonbeckdesign

RESOURCES • TWITTER INSPIRATION

DISCLAIMER: IT’S NOT COOL STEALING PEOPLE’S WORK - SO DON’T DO IT!!!

IN MY OPINION, here are some of the top twitter accounts for unbelievable vision and attention to detail brian GUNDELL @bgundell jonathan KING @jonathanvking ishaan MISHARA @source24designs evan FORD @evanford_8 noah HAMMERMAN @NoahHammerman mitch PANTZKE @_Pantzke joe JOHNSON @JoeSportsDesign chris LISKIEWICZ @liskiewiczclsk in the TRENCHES @inthetrenches30 poster SWAG @SportPosterSwag

Washington

freelance

Tennessee

PODCAST

Bleacher Report

Clemson

Tennessee

freelance

freelance

freelance

West Virginia

freelance

freelance

Vandy

freelance

Indiana

blog

freelance

blog

freelance

adam MARTIN @TAdamMartin makers of SPORT @MakersofSport t.j. HARLEY @tj_harley aaron MASIK @MASIK8 fraser DAVIDSON @FrazDav joe BOSACK @jbosack shaun SENN @sennsm ty ROGERS @_TyRogers_ alex McLELAND @AM_XII24 stn DIGITAL @STN_Digital

RESOURCES • TWITTER INSPIRATION

DISCLAIMER: IT’S NOT COOL STEALING PEOPLE’S WORK - SO DON’T DO IT!!!

IN MY OPINION, here are some of the top twitter accounts for unbelievable vision and attention to detail fusion SPORTS

freelance

@fusionsports jessie KAVANA

ESPN

@jkav24 adam EARGLE

freelance

@aeargle j alexander DIAZ

LA Lakers

@jdeez jamie CHURCH

“the editor of this presentation”

@jlchurch mark MAJEWSKI @markmajewski

FGCU “shameless self promoter” Boston College

@jdeez

INFOGRAPH • SCORE GRAPHIC HELP

in-game graphics

• Prepare templates beforehand - the only information that should be changing on your ingame graphics would be the score, time and student-athlete name • Postgame graphics should be set up the same way but the way information is to be divulged is up to you - these can also vary from either gameto-game or whatever time length you feel is necessary • THE MOST IMPORTANT ELEMENT IS BEING PREPARED BEFOREHAND!!!!

postgame graphics

INFOGRAPH • SCORE GRAPHIC HELP

• ESTABLISH YOUR BRAND! • These images you present via social media, websites, etc. are the first impressions the consumer has - emphasize word marks, images that conjure excitement, etc.

• Not everyone’s brand is on the same level - but that doesn’t matter. Your brand is still particular to your institution, your athletics director, your facilities and your student-athletes.

BUILD YOUR BRAND | STICK TO THE GAMEPLAN | BE CONSISTENT THROUGHOUT YOUR CONSTITUENCIES

INFOGRAPH • SCORE GRAPHIC HELP

• LET THE GRAPHIC TELL THE STORY

• DRAW YOUR CONSUMER IN

• You’re still going to write a release, right? Tell the story there.

• Hmm, BC goalies? But what about them? LURE YOUR AUDIENCE IN.

• SHOW YOUR STORY FIRST.

• Also, a great way to promote your BRAND.

• Release information through imagery • Last season, a graphic was done for each opponent - it DID include some text, but just very basic info • Let your audience disseminate this info themselves to attract new clientele

REAL TALK

O’Bannon v. NCAA is an antitrust class action lawsuit filed against the NCAA The lawsuit, which former UCLA basketball player Ed O’Bannon filed on behalf of the NCAA’s Division I football and men’s basketball players, challenges the organization’s use of the images of its former student-athletes for commercial purposes. The suit argues that upon graduation, a former student-athlete should become entitled to financial compensation for NCAA’s commercial uses of his or her image. The NCAA maintains that paying its athletes would be a violation of its concept of amateurism in sports. At stake are “billions of dollars in television revenues and licensing fees.” (Remember how I said DON’T STEAL? Yeah, this is strictly ripped from Wikipedia - BUT THAT’S ALLOWED BECAUSE IT’S NOT A BOOK REPORT!)

AN ATTEMPT at some O’Bannon case facts THE ORIGINAL RULING

THE NCAA’S APPEAL

• The O’Bannon case, now over five years old, was finally decided upon by U.S. District Judge Claudia Wilken last August -- she issued an injunction that will prevent the NCAA “from enforcing

• The NCAA relies heavily on the argument that Wilken erred by not applying a 1984 Supreme Court ruling that the NCAA says protects amateurism in college sports. The 1984 Oklahoma v. Board of Regents case that ended the NCAA’s monopoly on television contracts includes this passage from the Supreme Court: “in order to preserve the character and quality of the (NCAA’s) ‘product,’ athletes must not be paid, must be required to attend class and the like.”

any rules or bylaws that would prohibit its member schools and conferences from offering their FBS football or Division I basketball recruits a limited share of the revenues generated from the use of their names, images, and likenesses in addition to a full grant-in-aid.”

Wilken imposed some limits and she rejected the plaintiffs’ proposal that athletes be allowed to receive money for endorsements. “Allowing student-athletes to endorse commercial products would undermine the efforts of both the NCAA and its member schools to protect against the ‘commercial exploitation of student-athletes.”

WHAT’S THIS MEAN FOR US?!

IT MEANS WE MIGHT HAVE TO START GETTING REALLY, REALLY CREATIVE IN HOW WE BRAND AND MARKETING OUT DEPARTMENTS!!

• There is a chance student-athlete’s likeness cannot be used or they will have to be compensated • For SIDs, this might not have as great of an effect because these likenesses are NOT to be used on marketing material; i.e. --> anything that promotes an event that can generate revenue • We would still be able to use them on websites, social media, etc.

The NCAA claims Wilken did not explain her statement ““the college sports industry has changed substantially” in the 30 years since Board of Regents.”

The NCAA says, “the amateurism rules prevent college sports from being professionalized in the face of commercial pressures.” The NCAA is also arguing that the O’Bannon plaintiffs lack antitrust injury due to the First Amendment and Copyright Act. The NCAA says no state recognizes payments for use of NILs in telecasts of games or other non-commercial uses and the First Amendment and the Copyright Act would prevent enforcement of such right anyway.

HIT ME UP

ANYONE THAT EVER HAS QUESTIONS, PLEASE FEEL FREE TO CONTACT ME

CELL (734) 812-5480

WORK (617) 552-2094

WORK mark.majewski@bc.edu

PERSONAL mark.majewski@gmail.com

TWITTER | INSTRAGRAM @markmajewski

FACEBOOK /markmajewski7