• We are STAs
    • Diya Nair
    • Haley Ma
    • Kate Shih
    • Kyra Lee
    • Leilani Cabello
    • Lila Mali
    • Marissa Devivar
    • Nicholas Peasley
    • Raaga Srimadh
    • Shanda Horm
    • Shriya Atreya
    • Thang Truong
  • We were STAs
  • STA Presentation
    • STA Presentation 2017
    • STA Presentation 2016
  • Testimonials
  • Resources
  • Home

STA Blog

v-lab interactive

February 18, 2019 By Valerie Tran

Today I worked on a v-lab interactive for the e-Anthro course! I asked Estella to help me out and clarify some things about the interactive-making process because I confused myself a bit, haha. I also used Emily’s guide to making an interactive to make sure the text and colors were aligned with the style guide for this project.

I looked through the list of interactives that Emily assigned me to update and decided to do the Lab 1, Section 2 interactives. After deciding which interactive I would work on, I took a screenshot of the original graphic/interactive that was from that lab and section.

The original interactive from the course’s old site.

I then dragged the screenshot into Photoshop onto its own layer and lowered that layer’s opacity. Once I lowered the opacity, I created some guides to ensure that the content I create will be similar to the original (albeit with a more modern look).

Transparent screenshot with proper guides.

After this, I added the instructions and texts. I followed the style guide/instructions that Emily made and set the text to Roboto, pt. 18 in #ffffff (black). The teal colored assets were accessed via UTBox and they were dragged into Phototshop and into their own layers. I then added the text that is a part of the interactive in Roboto pt. 18 in #7ec7ce (the teal color). I arranged the text so that everything was aligned and that all the text weren’t too snug.

Progress so far

That’s all I did for this shift 🙂

Filed Under: 2018 Fall - 2019 Spring

link to LAITS home page

Video STA Home

© 2025 Liberal Arts Instructional Technology Services | Production Credits