STORYBOARDING A SERIOUS COMIC Case Study. Created by the Community Prevention and Intervention Unit...

STORYBOARDING A SERIOUS COMICCase Study

Created by the Community Prevention and Intervention Unit of University of Texas Southwestern Medical Center with a grant funded by the Centers for Disease Control (CDC).

PROFILE

SITUATION

Prevention with Positives (PwP) is an initiative to help persons living with HIV to get assistance and care through 10 components and related resources.

•UTSW wanted to share the importance of PwP. •Did not with traditional elearning.•More of an awareness campaign in support of CDC initiative. •Tell a story about the journey of two people with different circumstances

learning of their HIV positive status and the managed care received.

SOLUTION

Write a story with an educational emphasis presented in a graphic novel format and comic style artwork. Develop in an accessible authoring software for packaging and delivery to the PwP website.

Splash screen concept sketch

PROCESS

•Script writing•Voiceover (VO) recording•Storyboarding•Character Development•Art Direction•Speech Bubbles•UI layout & design•Asset Management•Lessons Learned

THE SCRIPT

SCRIPT – original

SCRIPT – revised aided in VO

Audio filename indicator

Example: 2A.wav included 2.1, 2.2, and 2.3 dialogue

THE STORYBOARDING PROCESS

STEP 1: Sequential narrative sketches

STEP 2: Adjust flow

STEP 3: Get a really big board

STEP 4: Create storyboard from sequential narrative sketches

STEP 5: Rinse & Repeat

STEP 6: Keep working and refining the storyboard from script

StoyrboardingSTEP 7: OMG! What have I got myself into?!

CHARACTER DEVELOPMENT

GREG Need Pro

Artist Dude

STEP 1:

@hubriscomics

STEP 2: Feed the artist!

STEP 3: Pick a style, research, and draw a lot of concepts

INITIAL character development model sheet lineup

FINAL character development model sheet lineup

•No change to Frances and Carlos•#1 RJ look became #2 Stu•#1 RJ got a new look•Tiffani needed to be “cuter”•Jan needed to look older

#1

#2

CHARACTER MODEL SHEETS

FOUR INCH THICK FOLDER

ART DIRECTION

SCENE 4:Frances reviews Tiffani’s file

SCENE 4:Frances leaves enroute to Tiffani’s apartment

SCENE 5:Frances knocking on Tiffani’s apartment door.

Q: Health Department to Tiffani’s apartment. How do we know that’s Frances knocking on the door?

A: The prop. The large purple beaded bracelet in earlier scenes establishes the character in later scenes.

USE REAL OBJECTS TO MODEL

Frances’ bracelet

Health Department Community Health Clinic Community Support Center

The story revolved around three Community-Based Organizations (CBOs) that had to look similar as they are all in the same urban neighborhood.

Parkside CommunityThe overhead shapes need to match the building elevations (previous slide).

Health Department

Positive Empowerment

Community Health Clinic

speech334

‘nuff said!

bubbles

UI LAYOUT & DESIGN

Global access to slide out panels

Global access to slide out panels

Global access to slide out panels

Slide out panel to review background character biographies

Slide out panel to review an interactive map of the agencies

Slide out panel to review interactive DVD-style [Menu]

ASSET MANAGEMENTGet and STAY organized!

Audio file naming convention matches script.

ALL artwork split out from background and followed same script naming convention

ALL speech bubbles follow same script naming convention including dialogue number and character name.

LESSONS LEARNED

Script before StoryboardCharacter Development early and DEFINE characteristicsCharacter voice actors record dialogue at same timePrioritize visual design changes in phasesArt directing an artist in an unfamiliar industry

THANK YOU!

Kevin ThornStoryboarding, art direction, development

@learnnuggetsNuggetHead Studiozhttp://nuggethead.net

Greg CravensIllustrations

@HubrisComicsHubris Comicshttp://hubriscomics.com