STA Blog

Week XLVIII

By

Week XLVIII

UTFC – Green Screen: 5.4B Getting Around Town List

Same deal as last time – vocab list + Francophile city. This time, it was Tunis, and directions. Some of them were sort of abstract “nearby” so I kept it simple and tried to include cats.

Fall 2022 STA Poster

The big project this week. I started by arranging the photos all on one layout. This was tricky with 14 people, so I figured… a zigzag?

I wasn’t sure what to do from there, so I added some stripes to break it up, and a simple pink gradient overlay inspired by the lighting in the editing room. Also, a soccer field background pattern, to tie in the world cup theme..?

I got feedback to focus on the video theme, and not take the soccer thing ‘too literally’, so I went a new direction and replaced the stripes with a vintage film strip. I also used the palette of the film strip to give the rest of the poster a more vintagey color scheme.

Next was the team crest… I started this without guidelines and drew up a camera-shaped logo.

However, I wasn’t sure how it would fit well into the poster. The film strips didn’t leave much blank space, and I already had “VIDEO TEAM” on one stripe.

It was only after drawing this out that I got more guidelines and a specific template, based on soccer team logos.

I’m supposed to use green for the video team. I’m still experimenting with how I can reuse the camera graphic I drew, since I’m not sure what else to put in the crest.

STA Blog Caricature

One last thing: I drew this one last week but I just wanted to show it here. It’s an updated outfit from last semester.

 

Week 3

By

Week 3

(9/21)

Boat Recolor

I was asked to recolor a boat.ai and boat.gif for Maddie and Marianne. There were three suggested colors, so I just made 3 versions of the boat (options!).

Recoloring them was pretty simple, and I also learned a bit more about Adobe After Effects in the process. Recoloring in AI was simple, but AE required some more digging, but in the end it came out very clean!

 

 

 

 

 

 

 

 

 

(9/13 – 9/20)

Design Fundamentals: History and Styles

This past couple of weeks I’ve been working on a basic training assignment in my spare time. I learned more about different historical art movements and was tasked with designing a graphic in my preferred movement. I chose Bauhaus because I liked the geometric shapes, and I recognize it from my past Art History courses. I first followed the Youtube tutorial link so that I would know how to create Bauhaus-like shapes and text. Then, I created my own graphic based on what I learned. I made it about the upcoming album release of one of my favorite artists, 5 Seconds of Summer. Although alongside the tutorial-based poster, mine appears more minimal, I think it contains just enough elements to be identifiable as derived from Bauhaus.

 

 

 

Week 11 and 12

By

STA Training

This week, since I haven’t had any major assignments, I’ve been working through my trainings. I finished the Design History basic training, making a poster inspired by New Typography and Bauhaus design. It was really fun to dive into a specific style and find which components make a design a certain style.

I’ve also been working on color theory training.

UTFC Greenscreen Slides

Module 5.1B Pronominal Verbs

I also worked on UTFC Greenscreen slides, finding royalty-free images for the word lists provided. Here are some of the slides I’ve been working on.

UTFC Map of Paris

Minor changes made to a pre-existing map for UT French.

GOV310L

By

GOV310L PSD Assets

When creating an animation for After Effects, it is best to create all the scenes first in Photoshop or illustrator to create an easy transition to After Effects.

 

Scene 1:

Scene 2:

Scene 3:

Scene 4:

Scene 5:

Scene 6:

Scene 7:

 

Scene 8:

 

Scene 9:

 

Scene 10:

Scene 11:

 

GOV310L Final Intro

 

Intro Process:

For this project, I found that is was extremely important to start with a plan. That reduces the amount of overall edits if you come up with an overall design layout. In addition, creating all the assets in photoshop first cut down the time spent organizing everything in After Effects.

Animation steps:

  1. Create an animation proposal for the assignment and share it with the client to highlight the scenes you will create. What the animation will be based off of. How long will it be and which graphics or elements will you include.
  2. Create the assets in Illustrator or Photoshop. If you are using vector graphics, Illustrator is the way to go. If you are using images, use photoshop.
    • Each scene will need it’s own psd or ai file
    • Share screenshots of the scenes to the client before you start the animation process.
  3. Create the After Effects file and import the different scenes. Create a main composition that you can add the scenes to and adjust the timing. Animate each scene individually in their own composition.

Week 8/8 – 1/10

By

This week I had an arranged of projects to do. I finished up the course graphics from my previous post and started on a new class. The course graphic was already made and I was mainly just recoloring a new class variation.

Here are some banners and backdrops for the UTFC project as well.

I also made some stinger or animation slide designs for a class! The main idea to convey was based on a new segment called “Think, Pair, Share” in which students will work with Google Forms during class. It was also encouraged to use a thinking bubble too!

This is what I came up with so far in terms of icons:

Week 8/1 – 8/3

By

Even though this week was a bit slow for me, I was able to finish up the American Studies Banner, work on the UTFC project (like making backdrops & searching for stock images), and complete some extra training I had left. Here’s a final look at the AMS banner though!

Some backdrops for the UTFC project:

And the start of a new project for course graphics!