• We are STAs
    • Daniela Caballero
    • Leilani Cabello
    • Lorena Chiles
    • Marissa Devivar
    • Luisa Matzner
    • De’sha Bass-McClellan
    • Adrian McKee
    • Thang Truong
    • Carrie Wang
  • We were STAs
  • STA Presentation
    • STA Presentation 2017
    • STA Presentation 2016
  • Testimonials
  • Resources
  • Home

STA Blog

Cook’em Presentation

April 15, 2016 By Valerie Lopez

Request: Create graphic elements of a grocery bag filled with groceries.Draw specific groceries raw and then draw a plate with completed meals. Once all the graphics are drawn, create a 3 second intro animation of the grocery bag, and finally create a logo version of the graphics in black and white and in color.

Professor: Lydia C. Steinman

Project Managers: Suloni Robertson

Process: After having meetings with Professor Steinman a plan was made on how to approach the branding for this class. First, I was to make the graphics to be used in an intro animation that would be displayed in the beginning of the student recipes that would be used in the website. The second task was to actually animate the graphics and finally create a logo representation of the graphic.

First I had to establish the chalk style to be used for this graphic.

mockup-of-completed-so-far

preview with bag 3

Create all the elements of the graphic and have them arranged to get approval from professor. This process was long and involved having to do many iterations to get the overall feel just right.

 

 

Finally:

preview

After getting confirmation from Professor Steinman, I was given the OK to proceed with the animation. After I created the base animation I passed it along to the audio team where Jacob Weiss added in the sound effects and passed it on to video team where Griffin Smith finalized the necessary changes.

The Result:

https://sta.laits.utexas.edu/wp-content/uploads/2016/04/final_w_sound.mp4

 

After the animation was completed I was ask to create a logo version of the graphic. This means something cleaner that when scaled to different sizes would still be recognizable. I was asked to create a black and white version and a colored version. I created 4 drafts for Professor Steinman to choose from.

 

Filed Under: STA Presentation Tagged With: 2016 STA Presentation

What Jane Saw Presentation

April 13, 2016 By Valerie Lopez

Request: Create 2 images for the What Jane Saw website. 1) Take the green screen images of the staff who worked on What Jane Saw  and place them inside the What Jane Saw Exhibit. Add some stylization to the image. Image to be featured in the New York Times.

2) Create a line up of all the What Jane Saw staff inside one of the museum rooms with ipads over their faces.

Professor: Janine Barchas

Project Managers: Suloni Robertson

Process:

1) First was to retrieve the green screen images of the staff that were taken of them observing an imaginary object.

Barchas, Janine 2015 Shakespeare Gallery with students

2) Next, was to key out the green screen and mask out their feet so I could place them into the exhibit.

Barchas, Janine 2015 Shakespeare Gallery with students

3)Then I stylized it using a technique taught to me by Suloni. This stylization required giving the image a tint and adding noise., then adding a color and texture over the clothing to make it stand out. Next, adding small details to highlight features like the hair or clothes and then highlighting figures with a white stroke. Lastly, was to adjust the color of both the images of the staff and of the exhibit. I played with perspective and made the figures smaller or larger according to their location in the image. Adding shadows was  the finishing touch so that the room looked to exist in a 3d space

.Barchas, Janine 2015 Shakespeare Gallery with students

The final result

Screen Shot 2016-04-06 at 7.12.05 PM

Final Result as seen by the world

For the Second image, a similar process was done as far as retrieving the green screen image and cutting everyone out and placing them into a room. This image though didn’t require the stylization but rather lining up everyone who worked on the project together.

 

final-lineup

Filed Under: STA Presentation Tagged With: 2016 STA Presentation

What Jane Saw

April 12, 2016 By Audric Ganser

WJSBanner

What Jane Saw  is the product of English Professor Janine Barchas’s research into the life and times of British Novelist Jane Austen.

WJS-presentaion-intro

Professor Barchas wanted all of us to be able to see a historically accurate versions of  important art exhibitions hung in a London art gallery, that Jane Austen saw and wrote about. The gallery no longer exists, and the paintings will probably never be curated for one space ever again. Thanks to STAs having had the privilege of working with Professor Barchas, we all have a taste of What Jane Saw in both the 1796 and 1813 art exhibitions. Audric Ganser will show you the process behind the 1796 Shakespeare Gallery site.


Step1: Re-create the Gallery

 

Barchas, Janine 2015 Shakespeare Gallery with students

https://sta.laits.utexas.edu/wp-content/uploads/2016/04/2015-WJS2_Final-walkthrough_CLIPCHAMP_keep.mp4

 


2. Drawing: 12 room & wall views

(for a warm, hand-made look and feel)

 

WJS-Stepanie-Lawrence

wjssteph


3. Coding Magic

 

After the gallery art was done the project was then passed down to the coding team.

The team consisted of LAITS Web Developers Lauren Moore, Ryan Miller, & STAs Sarah Wang, and me.

wjs1796-codingteam

 

 

Screen Shot 2016-04-21 at 1.32.39 PM

 


WJS Promotional Materials

 

I was brought onto this project to create two different promotional materials for this website. One of which would even be featured in he New York Times. the first image I was asked to create was to place the team of artist and web designers into one of the rooms in the gallery. This is that result.

 

final-lineup

The second image  was a bit similar with having everyone placed in a room but instead of having everyone facing the 4th wall each person was to look as if they were observing some part of the gallery. It was also important to stylize the look so that it looked like a painting itself.

Process (In-depth):

1)After photographer, Marsha Miller, took pictures of everyone in front of the green screen , I took the photos and cut each person out of the studio and placed them into the gallery. Each person had been instructed to pretend that they were looking at something in the gallery and I strategically placed each person where I thought they made more sense to be placed.I played with perspective and made the figures smaller or larger according to their location in the image. Barchas, Janine 2015 Shakespeare Gallery with studentsBarchas, Janine 2015 Shakespeare Gallery with studentsWJS_before

3)Then I stylized it using a technique taught to me by Suloni. This stylization required giving the image a tint and adding noise., then adding a color and texture over the clothing to make it stand out. Next, adding small details to highlight features like the hair or clothes and then highlighting figures with a white stroke. Lastly, was to adjust the color of both the images of the staff and of the exhibit. Adding shadows was  the finishing touch so that the room looked to exist in a 3d space

.Barchas, Janine 2015 Shakespeare Gallery with studentscolored

 

Final Result as seen by the world

 

Screen Shot 2016-04-20 at 12.59.24 PM

As an STA I get to learn more with each new project I take on. Not only do I get the experience of working with different people but I also get the experience of learning new skills and techniques that I value as an artist. Photoshop is a program I have been using since middle school but there are things still many things I discover with using it and now this technique that Suloni taught me for this project has become a valuable asset that I have taken with me in my graphic projects outside of being an STA.

Filed Under: STA Presentation Tagged With: 2016 STA Presentation

The Texas Politics Project

April 12, 2016 By soods

The Texas Politics Project

Website

Contributors: Lauren Moore and Ryan Miller (Web Developers)

Assignments:

  • Redesign of Polling Search Page
  • Latest Poll Section
  • Texas Politics Facebook Page Icons
  • Texas Politics Global Search Icons and Search Redesign

Polling Search Page

Desktop view of the polling search page with the accordion set to hide and the filtered search keys shown in bold.

 


Latest Poll Section

 

 

 


Texas Politics Facebook Page Icons

The following images are used as image placeholders for the Texas Politics Facebook page. Previously, when they uploaded an article from their website, in image from the link is used as a placeholder above the article. The problem is some pages such as the internships and the some blog articles and polling pages don’t have images and instead will show a blank box above the content. These images will act as placeholders for the pages that don’t have image content.

 

Some sketch preparation:

Rough idea for graphs

sketch ideas for facebook placeholder images

Rough Ideas for the blog pages

sketch ideas for facebook placeholder images

Rough idea for internship but the idea failed. It didn’t capture the idea of an internship well. It was a pile of books.

sketch ideas for facebook placeholder images

Final output:

 

 

 

 

I also designed a custom pre-loader that shows up in-between page loads. You’ll see it better if you have a slow internet connection or computer.

 

 


Texas Politics Global Search Icons and Search Redesign

 

 

 

Filed Under: STA Presentation Tagged With: 2016 STA Presentation

What Jane Saw

April 12, 2016 By soods

Filed Under: Uncategorized Tagged With: 2016 STA Presentation

Live Online Classes

April 12, 2016 By Bryce Seifert

 

class titles

classesmontage

 

https://sta.laits.utexas.edu/wp-content/uploads/2016/04/onlineclasses_v2.mp4

 

TDstudio1_2
Peter discusses an upcoming class with the crew as the technical director.
Graphics
Mitch works to make sure all of the necessary graphics are ready before the shoot starts.
682_0089.00_00_02_10.Still001
Sarah focuses her camera before a shoot.
AJ puts on his serious face as he prepares to manage the floor for our live history course.
AJ puts on his serious face as he prepares to manage the floor for our live history course.
studio1_wide
The studio is prepared to broadcast a live class.

 

A Tale of Two Chairs

IMG_0360

The Audio Set-up

IMG_0356

Run of Show

IMG_0332

Discussion of audio needs for class

IMG_0345

Mic’ing up a professor can be an interesting experience

IMG_0333

https://sta.laits.utexas.edu/wp-content/uploads/2016/04/Eco-quiz_cash-register.mp3

 

IMG_8218 (1)

2nd Chair Responsibilities During Show


IMG_0352

1st Chair is no laughing matter

Filed Under: STA Presentation Tagged With: 2016 STA Presentation

  • 1
  • 2
  • Next Page »

link to LAITS home page

Video STA Home

© 2023 Liberal Arts Instructional Technology Services | Production Credits