• 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
    • Animations
    • Illustration
    • Design
  • 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
    • Animations
    • Illustration
    • Design
  • Our Process
  • About Us
    • FAQs
  • Get In Touch
  • Gallery
  • Blog

RSS Recent Posts

  • Zombie Ant Fungus
  • Science Graphics for Cancer Therapy
  • Best Science Images 2022
  • Cell Science Art
  • Chemical Engineering Journal Art

Categories

  • Animation
  • Art Process
  • Business
  • ecology
  • health
  • Inspiration
  • nano
  • Science
  • Science Communication FAQ
  • Science Illustration
  • Scientist Feature
  • Work-Life-Balance

Contact

(703) 594-6755

info@sayostudio.com

  • Facebook
  • Instagram
  • LinkedIn
  • Twitter

Resources

  • Science Image Pricing & Licensing Rights

Newsletter

Recent Blog Posts

  • Zombie Ant Fungus
  • Science Graphics for Cancer Therapy
  • Best Science Images 2022
  • Cell Science Art
  • Chemical Engineering Journal Art

sayostudioscience

Creating art & animation of scienctific wonders. How can we help you visualize your science? 🔭 🔬 🧬

SayoStudio
The Cancer Discovery Journal Collection was provid The Cancer Discovery Journal Collection was provided to the attendees of the @aacr_foundation's Annual Meeting this April. The KRAS gene, commonly mutated in cancer, was highlighted in this collection. 

Art for the Cancer Discovery Journal Collection by Claire Agosti, SayoStudio.
.
.
.
#cancerdiscovery #aacr #americanassociationofcancerresearch #medicalart #medicalillustration #sciart #scicomm #scienceillustration #art #digitalart #kras #krasmutation #genetherapy #sciencecommunication
Did you know scientists sometimes test the Standar Did you know scientists sometimes test the Standard Model of physics using lasers? ⚡

In 2014, scientists at harvard zapped molecules with a laser and observed the way light reacted afterwards. It was thought that heavy particles would be surrounding the electrons, however none were observed. 

The experiment leads researchers to other avenues to explore the presence of dark matter particles, and the implications those might have on the Standard Model as a whole.

Art for @nsf_gov by Nicolle R. Fuller, SayoStudio. 
.
.
.
#nsf #nsffunded #electronuncertainty #lasers #harvard #particlephysics #standardmodel #physics #physicsart #digitalart #sciart #scicomm #sciencecommunication #scienceart #scienceillustration #electron
Happy Friday everybody! Check out this opener illu Happy Friday everybody! Check out this opener illustration for @aacr_foundation's Cancer Discovery journal...👀

Our Art Director Claire Agosti makes fabulous tessellations (or repeating designs) to accompany the journal's latest medical research.
.
.
.
#sciart #scicomm #scienceillustration #scientificillustration #scienceart #medicalart #medicalillustration #aacr #cancerdiscovery #art #artstudio #digitalart #vectorart #illustrator
Some project ideas don’t always make the cut…b Some project ideas don’t always make the cut…but we really liked this one! Should we finish it? 🤔

Work in progress time-lapse by Nicolle R. Fuller, SayoStudio.
.
.
.
#timelapse #scienceillustration #scientificillustration #sciart #scicomm #artstudio #artistsofinstagram #digitalart #procreate #procreatetimelapse #scienceart #sciencecommunication
Follow on Instagram

Copyright © 2023 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
  • Login
  • Sign Up
Forgot Password?
Lost your password? Please enter your username or email address. You will receive a link to create a new password via email.