Custom/Studio Course Graphics Training

Continuing with course graphics training, I completed a training for designing custom course and studio assets. I chose the course ARTH 3800: Twentieth Century Art to create course graphics for.

I created:

In-studio and video assets

Canvas assets

Powerpoint slides

Stinger animations

---

Moodboards/Inspiration

Here are some ideas I had at the start for directions I could go for the designs.

---

In-Studio Assets

Once I got my moodboards approved, I moved on to the studio assets. I tried to take inspiration from both my second and third moodboard (art through the years while implementing the bold, line driven style of modernism). I decided to give it a red overlap just to keep the entire graphic consistent, as there is a lot going on. Still, I was unsure of whether red was an appropriate color and whether or not it was still too busy.

First Drafts

Studio Mockups

After this, I received feedback to:

Incorporating Feedback

Taking in account the feedback I was given, I applied a gaussian blur to the pictures in my backdrop and lowered the brightness in Photoshop.

Revised Studio Assets

Revised Studio Mockups

---

Storyboarding

After finalizing my studio graphics, I created a storyboard for the intro animation. I decided to give it the same layout as the wall monitor background and have the panels slide in from the top, bottom, and sides. After this, the background will fade out while the title of the course will fade in.

---

Canvas Graphics

After finalizing my studio graphics and storyboard, I moved on to creating Canvas graphics. I decided to reimplement the non-blurred version of the graphic because there is no longer a need to have a focus on the professor, and I felt that the clear version was less distracting for the Canvas graphics than it was for the the studio graphics.

Here were the first drafts of my Canvas graphics:

Homepage Banner

Dashboard Graphic

Canvas Buttons

iPad Overlay

---

Powerpoint Assets

I also made Powerpoint assets. These included a title slide and a content slide. For the title slide, I decided to use the same graphic from my monitor background, and for my content slide, I decided to keep it very simple to allow for easy comprehensibility.

Title Slide

Content Slide

---

Final Menu + Final Thoughts

Overall, this training was very useful in prepping me for designing custom studio graphics in the future. I was excited to design studio graphics for the first time because I haven’t worked in environment design very much. Overall, I enjoyed seeing what I could do creatively, while still following guidelines and requirements.

Course Graphics Training

I began Course Graphics Training, starting with designing Style A/Style B graphics. For my course graphics, I chose to use the course “Intro to Design Thinking,” which was a class I took last semester.

For each style, I created:

Canvas dashboard/homepage graphics

Canvas buttons

Powerpoint resources

Stinger slides

---

Style A

First Drafts

For my Style A graphics, I decided on the green background because I felt it complimented the picture of the professor well. I created these graphics with the templates provided to me in the dropbox.

Canvas Graphics

Powerpoint Graphics/Templates

Canvas Buttons

After this, I received feedback to:

Incorporating Feedback

After receiving feedback, I decided to change the bottom bar to a darker blue to compliment the course and primary green.

---

Style B

First Drafts

Here were my first drafts for Style B. I decided on having a photo with a wall of sticky notes as the background photo because when I took the class last semester, our whiteboards often looked like that when we brainstorming/ideating our ideas.

Canvas Graphics

Powerpoint Graphics/Templates

Canvas Buttons

After this, I received feedback to:

Incorporating Feedback

After receiving feedback, I shrunk the background box and changed the text formatting on the Canvas Homepage graphic. I also added the correct background to my Powerpoint slide template.

---

Stinger Animations

I also made Stinger Animations for this training—which I had never done before—so I was very excited to use Adobe After Effects for the first time! It wasn’t too challenging to use, and I look forward to using it more in the future.

---

Final Menus + Final Thoughts

Here are the final menus for my two sets of course graphics:

Style A

Style B

Overall, this training taught me how how to navigate the LAITS server and how to use the course graphics templates. It taught me how to pick appropriate colors for the graphics I’m creating and was my introduction to Adobe After Effects!