SlideShare una empresa de Scribd logo
1 de 49
Descargar para leer sin conexión
STORYBOARDING A SERIOUS COMIC
Case 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
Storyboarding a Serious Comic
PROCESS
• Script writing
• Voiceover (VO) recording
• Storyboarding
• Character Development
• Art Direction
• Speech Bubbles
• UI layout & design
• Asset Management
• Lessons Learned
IDEA DONE
THE SCRIPT
SCRIPT – ORIGINAL
Audio filename indicator
Example: 2A.wav included
2.1, 2.2, and 2.3 dialogue
SCRIPT – REVISED FOR VO
PROCESS
• Script writing
• Voiceover (VO) recording
• Storyboarding
• Character Development
• Art Direction
• Speech Bubbles
• UI layout & design
• Asset Management
• Lessons Learned
IDEA DONE
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
Stoyrboarding
STEP 7: OMG! What have I got myself into?!
PROCESS
• Script writing
• Voiceover (VO) recording
• Storyboarding
• Character Development
• Art Direction
• Speech Bubbles
• UI layout & design
• Asset Management
• Lessons Learned
IDEA DONE
CHARACTER DEVELOPMENT
GREGNeed
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
• #2 RJ got a new look
• Tiffani needed to be “cuter”
• Jan needed to look “older”
#1
#2
CHARACTER MODEL SHEETS
FOUR INCH THICK FOLDER of ARTWORK
PROCESS
• Script writing
• Voiceover (VO) recording
• Storyboarding
• Character Development
• Art Direction
• Speech Bubbles
• UI layout & design
• Asset Management
• Lessons Learned
IDEA DONE
ART DIRECTION
SCENE 4:
Frances reviews Tiffani’s file
SCENE 4:
Frances leaves en route
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 Community
The overhead shapes need to match the building elevations (previous slide).
Health Department
Positive Empowerment
Community Health Clinic
PROCESS
• Script writing
• Voiceover (VO) recording
• Storyboarding
• Character Development
• Art Direction
• Speech Bubbles
• UI layout & design
• Asset Management
• Lessons Learned
IDEA DONE
speech
334
‘nuff said!
bubbles
PROCESS
• Script writing
• Voiceover (VO) recording
• Storyboarding
• Character Development
• Art Direction
• Speech Bubbles
• UI layout & design
• Asset Management
• Lessons Learned
IDEA DONE
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 character
backgrounds and biographies
Slide out panel to review an interactive
map of the three agencies
Slide out panel to review an
interactive DVD-style [Menu]
PROCESS
• Script writing
• Voiceover (VO) recording
• Storyboarding
• Character Development
• Art Direction
• Speech Bubbles
• UI layout & design
• Asset Management
• Lessons Learned
IDEA DONE
ASSET MANAGEMENT
Get 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.
PROCESS
• Script writing
• Voiceover (VO) recording
• Storyboarding
• Character Development
• Art Direction
• Speech Bubbles
• UI layout & design
• Asset Management
• Lessons Learned
IDEA DONE
7 months-ish
LESSONS LEARNED
Script before Storyboard
Character Development early and DEFINE characteristics
Character voice actors record dialogue at same time
Prioritize visual design changes in phases
Art directing an artist in an unfamiliar industry
THANK YOU!
LET’S DO IT AGAIN!
Kevin Thorn
Storyboarding, art direction, development
@learnnuggets
NuggetHead Studioz
http://nuggethead.net
Greg Cravens
Illustrations
@HubrisComics
Hubris Comics
http://hubriscomics.com

Más contenido relacionado

La actualidad más candente

Film Language: Camera angles and shot size introduction for Film Studies. Als...
Film Language: Camera angles and shot size introduction for Film Studies. Als...Film Language: Camera angles and shot size introduction for Film Studies. Als...
Film Language: Camera angles and shot size introduction for Film Studies. Als...Ian Moreno-Melgar
 
Intro to Film: Editing
Intro to Film: EditingIntro to Film: Editing
Intro to Film: EditingRob Nyland
 
Tim burton film study student booklet
Tim burton film study student bookletTim burton film study student booklet
Tim burton film study student bookletLisa Logan
 
Double page spread analysis
Double page spread analysisDouble page spread analysis
Double page spread analysiszoeksmith
 
Film Language - Cinematography
Film Language - CinematographyFilm Language - Cinematography
Film Language - Cinematographyjonreigatemedia
 
Film form -early cinema, meaning,narration
Film form -early cinema, meaning,narrationFilm form -early cinema, meaning,narration
Film form -early cinema, meaning,narrationEACoffman
 
Film Theory - Shot Selection, Storyboard, and Montage
Film Theory - Shot Selection, Storyboard, and MontageFilm Theory - Shot Selection, Storyboard, and Montage
Film Theory - Shot Selection, Storyboard, and MontageSimon Carabetta
 
Introduction to film analysis, semiotics
Introduction to film analysis, semioticsIntroduction to film analysis, semiotics
Introduction to film analysis, semioticsx y
 
Different Types of Editing
Different Types of EditingDifferent Types of Editing
Different Types of EditingLauraDobson
 
Conventions of a short film
Conventions of a short filmConventions of a short film
Conventions of a short filmtaliasmith
 
Iconography and Titles of Romantic Comedies
Iconography and Titles of Romantic ComediesIconography and Titles of Romantic Comedies
Iconography and Titles of Romantic Comediesambsmales
 
A Basic Grammar of Film
A Basic Grammar of FilmA Basic Grammar of Film
A Basic Grammar of Filmjean-yves
 
Hot fuzz film opening analysis
Hot fuzz film opening analysisHot fuzz film opening analysis
Hot fuzz film opening analysisSolo Hickey
 
Media Studies Revison
Media Studies RevisonMedia Studies Revison
Media Studies RevisonMya007
 
Filmmaking Workshop
Filmmaking Workshop Filmmaking Workshop
Filmmaking Workshop David Dryden
 
Codes & conventions of the comedy genre
Codes & conventions of the comedy genreCodes & conventions of the comedy genre
Codes & conventions of the comedy genrehaverstockmedia
 
Typography Fundamentals
Typography FundamentalsTypography Fundamentals
Typography FundamentalsSteve Hickey
 
Codes & Conventions Of A Rom-Com
Codes & Conventions Of A Rom-ComCodes & Conventions Of A Rom-Com
Codes & Conventions Of A Rom-ComPKNxo
 
Film shots and techniques
Film shots and techniquesFilm shots and techniques
Film shots and techniquesKim Cing
 

La actualidad más candente (20)

Film Language: Camera angles and shot size introduction for Film Studies. Als...
Film Language: Camera angles and shot size introduction for Film Studies. Als...Film Language: Camera angles and shot size introduction for Film Studies. Als...
Film Language: Camera angles and shot size introduction for Film Studies. Als...
 
Intro to Film: Editing
Intro to Film: EditingIntro to Film: Editing
Intro to Film: Editing
 
Tim burton film study student booklet
Tim burton film study student bookletTim burton film study student booklet
Tim burton film study student booklet
 
Double page spread analysis
Double page spread analysisDouble page spread analysis
Double page spread analysis
 
Film Language - Cinematography
Film Language - CinematographyFilm Language - Cinematography
Film Language - Cinematography
 
Film form -early cinema, meaning,narration
Film form -early cinema, meaning,narrationFilm form -early cinema, meaning,narration
Film form -early cinema, meaning,narration
 
Film Theory - Shot Selection, Storyboard, and Montage
Film Theory - Shot Selection, Storyboard, and MontageFilm Theory - Shot Selection, Storyboard, and Montage
Film Theory - Shot Selection, Storyboard, and Montage
 
Introduction to film analysis, semiotics
Introduction to film analysis, semioticsIntroduction to film analysis, semiotics
Introduction to film analysis, semiotics
 
Different Types of Editing
Different Types of EditingDifferent Types of Editing
Different Types of Editing
 
Conventions of a short film
Conventions of a short filmConventions of a short film
Conventions of a short film
 
Iconography and Titles of Romantic Comedies
Iconography and Titles of Romantic ComediesIconography and Titles of Romantic Comedies
Iconography and Titles of Romantic Comedies
 
A Basic Grammar of Film
A Basic Grammar of FilmA Basic Grammar of Film
A Basic Grammar of Film
 
Hot fuzz film opening analysis
Hot fuzz film opening analysisHot fuzz film opening analysis
Hot fuzz film opening analysis
 
Media Studies Revison
Media Studies RevisonMedia Studies Revison
Media Studies Revison
 
Filmmaking Workshop
Filmmaking Workshop Filmmaking Workshop
Filmmaking Workshop
 
Codes & conventions of the comedy genre
Codes & conventions of the comedy genreCodes & conventions of the comedy genre
Codes & conventions of the comedy genre
 
Aspect ratios
Aspect ratiosAspect ratios
Aspect ratios
 
Typography Fundamentals
Typography FundamentalsTypography Fundamentals
Typography Fundamentals
 
Codes & Conventions Of A Rom-Com
Codes & Conventions Of A Rom-ComCodes & Conventions Of A Rom-Com
Codes & Conventions Of A Rom-Com
 
Film shots and techniques
Film shots and techniquesFilm shots and techniques
Film shots and techniques
 

Destacado

Comic Book Propaganda Exhibit
Comic Book Propaganda ExhibitComic Book Propaganda Exhibit
Comic Book Propaganda ExhibitLS56908
 
Art Pipline
Art PiplineArt Pipline
Art Piplinegkseval
 
Claymation Character Design Tips
Claymation Character Design TipsClaymation Character Design Tips
Claymation Character Design TipsArtfulArtsyAmy
 
Purpose of concept art
Purpose of concept artPurpose of concept art
Purpose of concept artdavidhall1415
 
#6 character design
#6 character design#6 character design
#6 character designkkirschbaum
 
Character Design in the Digital Age
Character Design in the Digital AgeCharacter Design in the Digital Age
Character Design in the Digital AgeMarcus Brown
 
Small town character_a_design_show
Small town character_a_design_showSmall town character_a_design_show
Small town character_a_design_showUsefulCommunityDev
 
Professional Persona Project- Creating Zeitgeist: Character Design
Professional Persona Project- Creating Zeitgeist: Character DesignProfessional Persona Project- Creating Zeitgeist: Character Design
Professional Persona Project- Creating Zeitgeist: Character DesignTim Bates
 
Computer Games - Character Design - Fundamentals
Computer Games - Character Design - FundamentalsComputer Games - Character Design - Fundamentals
Computer Games - Character Design - FundamentalsAndrew Ryan
 
01 Fauvism Henri Matisse
01 Fauvism Henri Matisse01 Fauvism Henri Matisse
01 Fauvism Henri MatisseMelanie Powell
 
The Art of Game Development
The Art of Game DevelopmentThe Art of Game Development
The Art of Game DevelopmentAmir H. Fassihi
 
Character Design Co-creation Toolkit for Children
Character Design Co-creation Toolkit for ChildrenCharacter Design Co-creation Toolkit for Children
Character Design Co-creation Toolkit for Childrendhanha
 
Philippine Literature - Compilation of Short Stories Written by Filipino Authors
Philippine Literature - Compilation of Short Stories Written by Filipino AuthorsPhilippine Literature - Compilation of Short Stories Written by Filipino Authors
Philippine Literature - Compilation of Short Stories Written by Filipino AuthorsAndrea May Malonzo
 

Destacado (20)

Comic Book Propaganda Exhibit
Comic Book Propaganda ExhibitComic Book Propaganda Exhibit
Comic Book Propaganda Exhibit
 
Art Pipline
Art PiplineArt Pipline
Art Pipline
 
Claymation Character Design Tips
Claymation Character Design TipsClaymation Character Design Tips
Claymation Character Design Tips
 
Purpose of concept art
Purpose of concept artPurpose of concept art
Purpose of concept art
 
#6 character design
#6 character design#6 character design
#6 character design
 
Concept art work
Concept art workConcept art work
Concept art work
 
Character Design in the Digital Age
Character Design in the Digital AgeCharacter Design in the Digital Age
Character Design in the Digital Age
 
Tutorial
TutorialTutorial
Tutorial
 
Small town character_a_design_show
Small town character_a_design_showSmall town character_a_design_show
Small town character_a_design_show
 
Professional Persona Project- Creating Zeitgeist: Character Design
Professional Persona Project- Creating Zeitgeist: Character DesignProfessional Persona Project- Creating Zeitgeist: Character Design
Professional Persona Project- Creating Zeitgeist: Character Design
 
Computer Games - Character Design - Fundamentals
Computer Games - Character Design - FundamentalsComputer Games - Character Design - Fundamentals
Computer Games - Character Design - Fundamentals
 
01 Fauvism Henri Matisse
01 Fauvism Henri Matisse01 Fauvism Henri Matisse
01 Fauvism Henri Matisse
 
Level design
Level designLevel design
Level design
 
Dances of the Philippine Islands
Dances of the Philippine IslandsDances of the Philippine Islands
Dances of the Philippine Islands
 
The Art of Game Development
The Art of Game DevelopmentThe Art of Game Development
The Art of Game Development
 
Character Design: Faces
Character Design: FacesCharacter Design: Faces
Character Design: Faces
 
Character Design
Character DesignCharacter Design
Character Design
 
Character Design Co-creation Toolkit for Children
Character Design Co-creation Toolkit for ChildrenCharacter Design Co-creation Toolkit for Children
Character Design Co-creation Toolkit for Children
 
Philippine Literature - Compilation of Short Stories Written by Filipino Authors
Philippine Literature - Compilation of Short Stories Written by Filipino AuthorsPhilippine Literature - Compilation of Short Stories Written by Filipino Authors
Philippine Literature - Compilation of Short Stories Written by Filipino Authors
 
Art nouveau
Art nouveauArt nouveau
Art nouveau
 

Similar a Storyboarding a Serious Comic

Effective powerpoint presentation
Effective powerpoint presentationEffective powerpoint presentation
Effective powerpoint presentationfeueacmrq
 
Localization - It's Big in Japan 20070408
Localization - It's Big in Japan 20070408Localization - It's Big in Japan 20070408
Localization - It's Big in Japan 20070408Jon Ashley
 
Powerful Presentations: Delivering Effective Communications, Comprehension an...
Powerful Presentations: Delivering Effective Communications, Comprehension an...Powerful Presentations: Delivering Effective Communications, Comprehension an...
Powerful Presentations: Delivering Effective Communications, Comprehension an...Rommie Duckworth
 
Cinematic Projects for Any Grade Level, Any Subject
Cinematic Projects for Any Grade Level, Any Subject Cinematic Projects for Any Grade Level, Any Subject
Cinematic Projects for Any Grade Level, Any Subject Matthew Waynee
 
Making an Impact: UX Team of One
Making an Impact: UX Team of OneMaking an Impact: UX Team of One
Making an Impact: UX Team of Onevmcagwin
 
Presentation skills for managers
Presentation skills for managersPresentation skills for managers
Presentation skills for managersZaini Ithnin
 
Resume - Communication Designer: Jeffrey Gold
Resume - Communication Designer: Jeffrey GoldResume - Communication Designer: Jeffrey Gold
Resume - Communication Designer: Jeffrey GoldJeffrey Gold
 
Game Writers: Why Get One and What to Do Next
Game Writers: Why Get One and What to Do NextGame Writers: Why Get One and What to Do Next
Game Writers: Why Get One and What to Do NextDevGAMM Conference
 
Digital Storytelling New Generation
Digital Storytelling New GenerationDigital Storytelling New Generation
Digital Storytelling New GenerationJanet Hallstrom
 
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design ProcessReinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design ProcessChristopher Fahey
 
Don't Just Present, Enchant !
Don't Just Present, Enchant !Don't Just Present, Enchant !
Don't Just Present, Enchant !Vivek Juneja
 
Presentation skills for managers
Presentation skills for managersPresentation skills for managers
Presentation skills for managersClean Agent Sdn Bhd
 
Presentation skills for managers
Presentation skills for managersPresentation skills for managers
Presentation skills for managersYodhia Antariksa
 
A Future Friendly Workflow
A Future Friendly WorkflowA Future Friendly Workflow
A Future Friendly WorkflowLuke Brooker
 
AAM 2014: Tech Tutorial: Principles of Effective Video
AAM 2014: Tech Tutorial: Principles of Effective VideoAAM 2014: Tech Tutorial: Principles of Effective Video
AAM 2014: Tech Tutorial: Principles of Effective VideoAnna Chiaretta Lavatelli
 

Similar a Storyboarding a Serious Comic (20)

How Do I UX by Quick Left
How Do I UX by Quick LeftHow Do I UX by Quick Left
How Do I UX by Quick Left
 
Av aids
Av aidsAv aids
Av aids
 
Effective powerpoint presentation
Effective powerpoint presentationEffective powerpoint presentation
Effective powerpoint presentation
 
Localization - It's Big in Japan 20070408
Localization - It's Big in Japan 20070408Localization - It's Big in Japan 20070408
Localization - It's Big in Japan 20070408
 
Powerful Presentations: Delivering Effective Communications, Comprehension an...
Powerful Presentations: Delivering Effective Communications, Comprehension an...Powerful Presentations: Delivering Effective Communications, Comprehension an...
Powerful Presentations: Delivering Effective Communications, Comprehension an...
 
Cinematic Projects for Any Grade Level, Any Subject
Cinematic Projects for Any Grade Level, Any Subject Cinematic Projects for Any Grade Level, Any Subject
Cinematic Projects for Any Grade Level, Any Subject
 
Making an Impact: UX Team of One
Making an Impact: UX Team of OneMaking an Impact: UX Team of One
Making an Impact: UX Team of One
 
Presentation skills for managers
Presentation skills for managersPresentation skills for managers
Presentation skills for managers
 
Resume - Communication Designer: Jeffrey Gold
Resume - Communication Designer: Jeffrey GoldResume - Communication Designer: Jeffrey Gold
Resume - Communication Designer: Jeffrey Gold
 
Storytelling
StorytellingStorytelling
Storytelling
 
Game Writers: Why Get One and What to Do Next
Game Writers: Why Get One and What to Do NextGame Writers: Why Get One and What to Do Next
Game Writers: Why Get One and What to Do Next
 
Digital Storytelling New Generation
Digital Storytelling New GenerationDigital Storytelling New Generation
Digital Storytelling New Generation
 
Andy Schlebecker Resume
Andy Schlebecker ResumeAndy Schlebecker Resume
Andy Schlebecker Resume
 
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design ProcessReinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
 
Don't Just Present, Enchant !
Don't Just Present, Enchant !Don't Just Present, Enchant !
Don't Just Present, Enchant !
 
Let the iPad CREATE
Let the iPad CREATELet the iPad CREATE
Let the iPad CREATE
 
Presentation skills for managers
Presentation skills for managersPresentation skills for managers
Presentation skills for managers
 
Presentation skills for managers
Presentation skills for managersPresentation skills for managers
Presentation skills for managers
 
A Future Friendly Workflow
A Future Friendly WorkflowA Future Friendly Workflow
A Future Friendly Workflow
 
AAM 2014: Tech Tutorial: Principles of Effective Video
AAM 2014: Tech Tutorial: Principles of Effective VideoAAM 2014: Tech Tutorial: Principles of Effective Video
AAM 2014: Tech Tutorial: Principles of Effective Video
 

Último

Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
UI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessUI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessThink 360 Studio
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
Models of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa LetšosaModels of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa Letšosaannemarleenolthof1
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaAMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaBarusRa
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfUnlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfIBM
 

Último (18)

Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
UI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessUI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design Success
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
Models of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa LetšosaModels of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa Letšosa
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaAMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfUnlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
 

Storyboarding a Serious Comic

  • 1. STORYBOARDING A SERIOUS COMIC Case Study
  • 2. 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
  • 3. 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.
  • 4. 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.
  • 7. PROCESS • Script writing • Voiceover (VO) recording • Storyboarding • Character Development • Art Direction • Speech Bubbles • UI layout & design • Asset Management • Lessons Learned IDEA DONE
  • 10. Audio filename indicator Example: 2A.wav included 2.1, 2.2, and 2.3 dialogue SCRIPT – REVISED FOR VO
  • 11. PROCESS • Script writing • Voiceover (VO) recording • Storyboarding • Character Development • Art Direction • Speech Bubbles • UI layout & design • Asset Management • Lessons Learned IDEA DONE
  • 13. STEP 1: Sequential narrative sketches
  • 15. STEP 3: Get a really big board
  • 16. STEP 4: Create storyboard from sequential narrative sketches
  • 17. STEP 5: Rinse & Repeat
  • 18. STEP 6: Keep working and refining the storyboard from script
  • 19. Stoyrboarding STEP 7: OMG! What have I got myself into?!
  • 20. PROCESS • Script writing • Voiceover (VO) recording • Storyboarding • Character Development • Art Direction • Speech Bubbles • UI layout & design • Asset Management • Lessons Learned IDEA DONE
  • 23. STEP 2: Feed the artist!
  • 24. STEP 3: Pick a style, research, and draw a lot of concepts
  • 25. INITIAL character development model sheet lineup
  • 26. FINAL character development model sheet lineup
  • 27. • No change to Frances and Carlos • #1 RJ look became #2 Stu • #2 RJ got a new look • Tiffani needed to be “cuter” • Jan needed to look “older” #1 #2
  • 28. CHARACTER MODEL SHEETS FOUR INCH THICK FOLDER of ARTWORK
  • 29. PROCESS • Script writing • Voiceover (VO) recording • Storyboarding • Character Development • Art Direction • Speech Bubbles • UI layout & design • Asset Management • Lessons Learned IDEA DONE
  • 31. SCENE 4: Frances reviews Tiffani’s file SCENE 4: Frances leaves en route 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.
  • 32. USE REAL OBJECTS TO MODEL Frances’ bracelet
  • 33. 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.
  • 34. Parkside Community The overhead shapes need to match the building elevations (previous slide). Health Department Positive Empowerment Community Health Clinic
  • 35. PROCESS • Script writing • Voiceover (VO) recording • Storyboarding • Character Development • Art Direction • Speech Bubbles • UI layout & design • Asset Management • Lessons Learned IDEA DONE
  • 37. PROCESS • Script writing • Voiceover (VO) recording • Storyboarding • Character Development • Art Direction • Speech Bubbles • UI layout & design • Asset Management • Lessons Learned IDEA DONE
  • 38. UI LAYOUT & DESIGN Global access to slide out panels Global access to slide out panels Global access to slide out panels
  • 39. Slide out panel to review character backgrounds and biographies
  • 40. Slide out panel to review an interactive map of the three agencies
  • 41. Slide out panel to review an interactive DVD-style [Menu]
  • 42. PROCESS • Script writing • Voiceover (VO) recording • Storyboarding • Character Development • Art Direction • Speech Bubbles • UI layout & design • Asset Management • Lessons Learned IDEA DONE
  • 43. ASSET MANAGEMENT Get and STAY organized!
  • 44. Audio file naming convention matches script.
  • 45. ALL artwork split out from background and followed same script naming convention
  • 46. ALL speech bubbles follow same script naming convention including dialogue number and character name.
  • 47. PROCESS • Script writing • Voiceover (VO) recording • Storyboarding • Character Development • Art Direction • Speech Bubbles • UI layout & design • Asset Management • Lessons Learned IDEA DONE 7 months-ish
  • 48. LESSONS LEARNED Script before Storyboard Character Development early and DEFINE characteristics Character voice actors record dialogue at same time Prioritize visual design changes in phases Art directing an artist in an unfamiliar industry
  • 49. THANK YOU! LET’S DO IT AGAIN! Kevin Thorn Storyboarding, art direction, development @learnnuggets NuggetHead Studioz http://nuggethead.net Greg Cravens Illustrations @HubrisComics Hubris Comics http://hubriscomics.com