STA Blog

Adrian McKee

Adrian McKee

Week XIX

By

Project: Course Graphics – Petroleum Extension (PETEX) Pipe Maintenance Training
Client /Prof: N/A
completion status: WIP
staff guidance: Stephen J Lundy
STA team members: Ingrid
description/plans: Design course graphics for Petroleum Extension (PETEX) Pipe Maintenance Training
To be completed: January 21st, 2022 tentative

Really quick, I will document a series of drafts for my fifth and final course graphics project.

The graphics are pretty light for this one, with no animations, and mostly slide graphics. The reference slide looked like this:

My very first draft was a cartoony pipe graphic, which may have been a little complex

For the second, I tried following a tutorial to simulate a 3d pipe, which may look too retro

Looking for more references, I took inspiration from this Google result:

And made a flatter pipe graphic

Deciding on a better layout, I simplified it and reintroduced a very soft gradient, but it still looked pretty retro.

Checking Behance for contemporary references, I realized a lot of modern design with gradients adds a grainy texture to spice it up

So I tried the same thing, and it is my personal favorite so far

At Suloni’s suggestion, I made a few desaturated photo edits as well. All are awaiting client feedback.

Course Graphics – GOV 360F Global Governance

By

Project: Course Graphics – GOV 360F Global Governance
Client /Prof: Terrence Chapman
completion status: Completed
staff guidance: Anne Burke
STA team members: Ingrid
description/plans: Design course graphics for GOV 371U
To be completed: Monday, January 10

For this course, I had a lot of creative leeway too. I kept it a little simpler; the professor suggested photos of world leaders or international org buildings, and since avoiding faces for studio graphics is one of the principles I was taught (it distracts from professors), I went with multiple views of the UN building.

I submitted 2 drafts to the client. Both have an exterior photo of the UN building in New York for the slides, and an interior shot of the General Assembly for the studio background. One is a lighter, more muted daytime exterior photo, with a monochrome interior.

The other was a flashier nighttime photo, with a full color interior.

(Sidenote: the General Assembly room seemed the most professional, but I reviewed all the others in my research – have you seen how crazy the Security Council room is?)

Once the flat graphics were finalized, I once again drafted an even simpler storyboard for Rachel to make pretty.

In her final draft, she added some of those world leader photos from earlier to spice it up, at Maddy’s suggestion.

One design question that came up was whether the intro had to directly transition into the course title slide… I told Rachel I believed it should, but Maddy said it might not matter, so the other Gov course does not transition as smoothly with its animated intro.

Course Graphics – GOV 371U Politics and Film

By

Project: Course Graphics – GOV 371U Politics and Film
Client /Prof: Shannon Bow O’Brien
completion status: Completed
staff guidance: Anne Burke
STA team members: Ingrid
description/plans: Design course graphics for GOV 371U
To be completed: Monday, January 10

My third official course to design graphics for did not specify a style and came with an exciting note:

“Notes: The professor does not have strong opinions on the look of the course, so there is a lot of freedom here.”

My first idea was to do a movie theater theme. I reasoned that, since this is a Gov department class, the film aspect really stands out; I would have made the graphics more political if it were the same course in a film department. You start outside the theater, with a flashy marquee sign for the course title slide.

For the neon sign, I initially tried following a complicated tutorial from a search result, which gave me a rather… plasticky result.

Starting from scratch, I considered some principles I had learned in drawing, from imitating Star Wars special effects: to make something glow, make it white or off-white, with a surrounding gradient of the actual color you want.

Then, for the lecture title, you have the seating area inside.

And then, for the content slides, a gradient resembling a screen.

For an example of how this looks in powerpoint:

I went with a similar dark red theme for the rest of the assets. The Studio background is a still from Dr Strangelove, which is not only one of my favorite movies, but mentioned in the curriculum and an excellent example of a politically charged film.

I also got to try my hand at animation, and by that I mean drafting out a storyboard in Paint.net on a day I was working from home without access to photoshop, and letting our talented Rachel do the hard part in After Effects.

It came out quite nice!

Week XVII

By

Week XVII

I’m numbering these based on work weeks, not absolute time, which means I’m catching up on the past 3 (2.5) weeks of work. Most of that has been my first real design project, which amounts to five projects so far. I’ll start with the first two:

Project: Course Graphics – MAS 374 21st Centruy Latinx Literature
Client /Prof: Professor Julie Minich
completion status: Completed
staff guidance: Colin Pittman, Heather Van Ligten
STA team members: Ingrid
description/plans: Design course graphics for MAS 374
To be completed: Monday, January 10

These two courses were pretty similar in scope. Both requested a Style A graphics package, and I finished the main graphics in just over one workday.

I took a bit longer to figure out the formatting for slideshow templates. I actually made a template in PowerPoint, first, before remaking it in Google Slides.

I also learned some After Effects, at least enough to edit simple animated stingers.

Project: Course Graphics – E316M American Literature
Client /Prof: Professor Julie Minich
completion status: Completed
staff guidance: Colin Pittman, Heather Van Ligten
STA team members: Ingrid
description/plans: Design course graphics for E316M
To be completed: Monday, January 10

The second course I worked on concurrently, since many of the graphics were so similar that I reused the same PSD templates.

Unfortunately, this created somewhat of a hassle later, when it came to organizing the files in Box. Sorting all that out took me about as much time as creating the basic graphics in the first place.

As of writing, I’m in the midst of adjusting to remote work. I’ll provide more updates throughout the week, though the other 3 courses are WIPS ranging from near finished to hardly started.

Week XIV

By

Week XIV

CoLA Refresh Project

CoLA is really quieting down now, with Rahul on break, but I did get to meet the 2 of the 3 new CMSTAs! Ingrid and I are working on developing some plans for weekly CMSTA meetings, and I’m excited to share more details about that once we have any solid ideas, which I definitely do not yet.

Intro Training: Style A&B Course Graphics

Maddy is helping me train up for some design work over the winter break, and one thing I’ll be doing is course graphics. I’m no stranger to Photoshop anymore, but all the online course formatting conventions are pretty LAITS-specific, so this training was very informative. I learned 2 standards for course graphics: Style A, which uses flat colors, and Style B, which uses background images. Picking the palette was fun, and I got to choose the courses, so I did 2 of my recent favorites I’ve taken.

Shortly after finishing, I got assigned a real course to do graphics, which is my very first official design project that’s not a training or CoLA Refresh. Exciting! I’ve basically finished at the time of writing, but I’m waiting for feedback to make some finishing touches, so I’ll be sharing it here once that’s done.

Week XIII

By

Week XIII

CoLA Refresh Project

In physics, a photon is regarded as having the properties of both a particle and a wave, depending on how it is measured. I’ve noticed that UT departments/majors/programs are similarly fluid in definition, and also subject to the observer effect, as I’ve found many pages for programs that no longer exist after I contact the administrators. Besides that, same as last week.

LAITS location – map illustration for web

This one is pretty much finished. I ended up redoing the palette for higher contrast/visibility, and we’re probably sticking with this one. It also sticks to UT brand palettes more closely, with some flexibility (the “white” is a UT grey with 50% opacity).

Basic Training: Hierarchy in Magazine Spreads

This training I started a while back, but worked intermittently awaiting feedback, so I just wrapped it up this week. The prompt was to design a magazine layout for a short article with 4 images.

InDesign, like Illustrator, is a completely foreign language to me, and similar to illustrator, I think I’ve learned enough to ask where the bathroom is. This training was very useful for providing some basic skills, such as drop caps and multi-page formatting (my previous Ai training was only a 1 page poster). I’m waiting for 1 final round of feedback, and just noticing that I forgot to include any italics (which I believe is its own skillset in Ai), so wish me luck with that.

Web Dev Basics: git and GitHub

Hoping to pick up some shifts over the winter break, I’m working on a few web dev-related trainings Estella assigned me. The first completed was a basic intro to GitHub (and git in general). It involved writing up a readme file in VSCode, then linking it to a GitHub directory. Simple enough, right?

Estella ended up having to help me with almost every individual step. To be fair to myself, half the problems were outdated KB instructions (the UT GitHub has different access perms from when it was written, so I couldn’t really get the places I needed at first) but the other half was me getting hopelessly lost trying to go to the right directory in Terminal. Apparently, in macOS a folder with a space in the name has to be written as backslash-space, not underscore or dash or space or any of the other permutations I tried over and over again. Oops.

But I did get it eventually! Onward to course graphics~