• 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

P2021 Template

October 25, 2016 By Roopa Nagarajan

Went through about 100 photos to choose 5 that best fit the five categories for the P2021 page

  • About the Development Studio
  • Audio
  • Video
  • Digital Instruction
  • Online Course Instruction

 

devstudio-banners-template

Original template with five sizes that the five photos needed to each be sized for.


banner_largebanner_largebanner_large banner_large

After taking the image and positioning it, I saved for web and devices to only save the specific slices needed. I did this for all five images for all five sizes 4 times each: color, color + tint, black and white, and bw + tint. I turned visibility of the text on and off to see which level of darkness would work best.



banner_medium

banner_large

banner_small

 

banner_xsmall

banner_2xsmall

The video pictures– size extra large, large, medium, small, and extra small.


dig-instruction about-the-dev-studio-template

Template was changed to six pictures. Shown here are Digital Instruction and About the Development Studio in BW + tint and color + tint, respectively.

Filed Under: 2016 - 2017, Uncategorized

Roopa Nagarajan

Roopa Nagarajan

Email roopanaga@utexas.edu

link to LAITS home page

Video STA Home

© 2025 Liberal Arts Instructional Technology Services | Production Credits