• Skip to primary navigation
  • Skip to main content
  • Skip to footer
SayoStudio

SayoStudio

Seeking: Scientific dreamers in need of a partner to visualize their discoveries & technology.

  • Case Studies
  • Services
  • Our Process
  • About Us
    • FAQs
  • Get In Touch
  • Gallery
  • Blog

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors

The Opioid Crisis Graphic

Interactive Art: Understanding Opioid Addiction’s Effect on the Body

Client: Science News Magazine
Industry: Magazine Publisher (science editorial)
Design Director: Erin Otwell
Art: Scratchboard (chalkboard) style illustration, animation, and interactive graphic
Subject: Opioid Addiction’s Effects on the Body

 

Opioids Art Goal and Challenges

Opioid addiction is devastating to individuals and communities across the United States. Science News Magazine invited SayoStudio to work with them to illustrate opioid drugs’ impact across the body. The goal was to interpret the underlying biological repercussions of opioid addiction with approachable interactive art.

Years before, Nicolle worked with Science News on a scratchboard style illustration—hand-drawn lines on a black background—to highlight the vagus nerve. That chalk-style medical art is still one of our favorite portfolio pieces, and it gets more requests for re-use than any other image. It became the starting point for this project’s style. Design Director Erin Otwell and her team suggested taking the digital art even further with an animated graphic story. The graphic would use an interactive format to reveal and highlight the many different parts of the body damaged by opioids.

The Opioid Crisis gif
This GIF animation reveals and highlights the different parts of the body damaged by opioid addiction.
An Introduction to the Biology of Opioids Addiction

Despite the widespread overuse of opioids—like morphine, fentanyl, and morphine—it can be easy to forget that addiction is a complex disease. As the drugs bind to the pleasure centers in the brain, they simultaneously cause problems across the body. Breathing slows and becomes more shallow, to the point that breathing stops, or there isn’t enough oxygen for the body. The body’s carbon dioxide emergency alarm is silenced by binding opioids, causing more respiratory distress. The heart and digestive system are also damaged.

Opioids Art Process and Creation

With Science News’ vision, Nicolle had a clear goal in mind for the style and she knew the breadth of the content to be illustrated. To begin, she sketched the key details to confirm that all of the components were correct. Once the sketch was approved for overall composition and scientific detail, she started on a new variety of art. Diverging from her usual process, Nicolle created the art in a ‘vector format’ rather than drawing in Photoshop. With vector art, Science News’ web-designer could create an SVG interactive animation—a lightweight animation, much like a GIF, that can be coded to change based on user input like clicks.

After hand-drawing the lines, Nicolle captured the line-work in Adobe Illustrator. The hand-drawn feel was retained through pressure-sensitive strokes, but the vector art would be lightweight for websites and apps. (Although not applicable to this project, this also allows the art to be scaled in size, as large or small as desired.) She drew each major body system affected by opioids—heart, kidney, digestion, lungs, heart, and brain—on separate layers. This way, each body system could be turned on or off as you move through the story. Nicolle sent the (meticulously-titled!) layers to the designer, so they could sync it with their text to make a truly interactive story. 

GIF style animation showing a hypodermic needle rolling away from a hand.
To illustrate the dire impact of opioid addiction, this stark GIF style animation shows a hypodermic needle rolling away from a hand.
Creating supplementary Graphics and Editorial Opioids Overdose Animation

Next, to communicate the fear and severity of the opioids epidemic, Nicolle created this stark GIF style animation for the story introduction. She and the team decided to keep it simple by focusing on a lone hand dropping a needle. This illustrates one of the harshest realities of addiction—the isolation that it brings.

Using Maxon’s Cinema 4D (C4D), Nicolle staged and animated the needle rolling away. She output the animation with C4D’s sketch-and-toon drawn animation style, which got it close… but the output art didn’t quite hit the mark. Nicolle imported the sequence into Photoshop and hand-drew the hatch- style shading, frame by frame. The result was a little jumpy, but also suited the jittery reality of an overdose.

Finally, she created a simple cellular graphic to show the function of anti-opioid drugs like naloxone or Narcan. Anti-opiates bind to receptors on the cell surface so that the drugs can’t. This can quickly restore breathing and reverse the dire effects.

Final Art and Achievements

The Opioid Crisis in the USA

The finished artwork told the opioids story in Science News’ print magazine and as a multi-step interactive article on their website and digital media. Science News and SayoStudio were honored to be recognized for their storytelling:

Winner, 2018 Ozzie Award for Visual Digital Storytelling: Opioids Kill, Laura Sanders, Nicolle Rager Fuller, Cori Vanchieri, Kate Travis, Erin Otwell, Chang Won Chang & Alison Buki

For drug addiction help, resources, and research, visit publichealth.org


« Previous
Next »

Back to Case Studies

Ready to get started?

We are excited to learn more about your work to help visualize your story.



Footer

Navigation

  • Case Studies
  • Services
  • Our Process
  • About Us
    • FAQs
  • Get In Touch
  • Gallery
  • Blog

Contact

(703) 594-6755

info@sayostudio.com

  • Facebook
  • Instagram
  • LinkedIn
  • Twitter

Resources

  • Science Image Pricing & Licensing Rights

Newsletter

Recent Blog Posts

  • SayoStudio Science Inspired Kid Art Gallery
  • Human Cell Atlas Science Cover
  • Animation of Volcano
  • Earth Day Graphics
  • Black Hole Drawings

sayostudioscience

#sciart—microbes 🔬to galaxies 🔭—Nicolle Fuller leads SayoStudio creating art & animation of science wonders. #scienceillustration

SayoStudio
Did you know you can make a free, DIY water filter Did you know you can make a free, DIY water filter out of wood?! 

Trees naturally have xylem -- a straw like tubing -- to transport water and nutrients into the tree. The pores inside these xylem tubes are very complex on a nanoscale. Water molecules can flow freely through the tubing, but larger bacterial cells get trapped inside the xylem structures.
Because this filtration system removes rotavirus and E. coli, these filters meet the standards set by @WHO for clean, drinkable water. 

Learn more about nanoscientist Krithika Ramchander and Dr. Rohit Karnik's (@mit_engineering) research and see an animation of the xylem catching bacteria on our blog: https://sayostudio.com/science-diy-water-filter-animation

Art and animation created by Nicolle R. Fuller, SayoStudio
.
.
.
#waterfilter #diywaterfilter #xylemwaterfilter #treefilter #tree #xylem #mit #engineeringweek #engineering #mitengineering #nanoscience #scicomm #sciart #scienceillustration #scientificillustration #sayostudio #animation
Is #ScienceFriday a thing on social media..? It is Is #ScienceFriday a thing on social media..? It is? Then allow us to introduce you to the basics of #StringTheory! ⠀
⠀
String theory is a Theory of Everything (Grand Unification Theory) that seeks to unite the gravitational force with the other fundamental forces (electromagnetism and nuclear forces) that are already described by quantum mechanics at the atomic level. ⠀
⠀
Gaining a foothold in the theoretical physics community during the 1970's, string theory states that fundamental particles such as quarks + electrons are not points of energy or matter, but result instead from the vibrations of one-dimensional ‘string-like’ entities on a far smaller scale. ⠀
⠀
Although string theory is highly debated and very complex, it poses very interesting solutions to why our observed universe acts the way it does. ⠀
What's your take on string theory? ⠀
⠀
Artwork by Nicolle R Fuller, SayoStudio ⠀
. ⠀
. ⠀
. ⠀
#stringtheory #granreunificationtheory #theoryofeverything #physics #quantummechanics #nuclear #multidimensions #dimensions #sciart #scienceillustration #scicomm #electromagnetism #energy #matter ⠀
⠀
⠀
⠀
Could neurodegenerative diseases really be caused Could neurodegenerative diseases really be caused by ancient viral infections? ⠀
⠀
The recent discovery of viral proteins in the brains of MS/ALS patients created a mysterious link between human genes and neurodegenerative disease. ⠀
⠀
Researchers are just now beginning to understand how ancient human endogenous retroviruses (or HERVs) affect our immune responses today. HERV proteins cause disruptions of nuclei in cells; triggering the cells to mount an immune response in the central nervous system. This disruption spreads from cell to cell progressively; and is shown to cause significant motor neuron deterioration. ⠀
⠀
You can read more about this research here: https://loom.ly/_uTOBvc ⠀
⠀
Artwork by Nicolle R. Fuller, SayoStudio for @the_scientist_magazine. ⠀
. ⠀
. ⠀
. ⠀
#msawarenessweek #multiplesclerosis #neurodegenerative #neurodisease #als #ms #medicalillustration #cell #sciart #scicomm #scienceillustration #medart #stem #sayostudio ⠀
Having your heart flutter on Valentine's Day might Having your heart flutter on Valentine's Day might seem normal...but for some, it's a common symptom of atrial fibrillation. 💓

Afib is a heart arrhythmia characterized by irregular or fast beating. Electrical signals in the heart dictate how often your heart pumps-- and for some this can get out of whack, causing palpitations and dizziness. 

Luckily  treatment exists to manage Afib. To learn more, visit the American Heart Association or click the link below: https://www.heart.org/en/health-topics/atrial-fibrillation

Artwork by Nicolle R. Fuller, SayoStudio for @popularmechanics
.
.
.
#AmericanHeartMonth #NationalHeartMonth #Scienceillustration #sciart #hearthealth #americanheartassociation #afib #atrialfibrillation #arrhythmia #valentinesheart #heartart #medicalart #medicalillustration
Follow on Instagram

Copyright © 2022 SayoStudio · All Rights Reserved · Privacy Policy

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Cookie settingsACCEPT
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Non-necessary
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
SAVE & ACCEPT