PSY339: Behavior Problems of Children
Project: Course Graphics
Client /Prof: Dr. Sara Villanueva
Description/Plans: Updating/creating new course graphics and imagery for PSY339 Spring 2025
Pre-roll Animation
PPT Content Slides
TA Monitor
Summer Marketing
Tuition Guide
Added estimated semesters offered
Minors Guide
Updated classes and spacing
PSY 339 Course Graphics
My first assignment was to work on making course graphics for PSY 339: Behavior Problems of Children. The professor wanted Style B graphics and had already chosen an image to be used.
For this assignment, I created:
Canvas dashboard/homepage graphics
Canvas buttons
Powerpoint resources
Animated stingers
An end card
Canvas Assets
These were my initial designs for the Canvas assets. I had some trouble positioning the girl so that she wasn’t covered up by anything, and couldn’t find the department logo initially.
After this, I received feedback to:
Incorporating Feedback
After receiving feedback, I changed the logo, color bar, text, and played with the photo. I tried to make sure that the girl was more visible and more fully in the frame.
Canvas Buttons
After this, I created my Canvas buttons. I wasn’t sure what color to make the bottom bar, so I just made them a different gray because it didn’t clash with the main gray.
After this, I received feedback to:
Incorporating Feedback
I used the eyedropper tool to pick a gold/yellow color from the photo, and my buttons ended up looking like this:
Powerpoint Assets
Next, I created my Powerpoint assets. The professor specified that she wanted them to be in Style B Color Overlay. Creating these slides involved using Adobe Illustrator to make the backgrounds and then importing them into Powerpoint.
After this, I received feedback to:
Incorporating Feedback
After changing the background accordingly, the slides looked like this:
Stinger Animations
Lastly, I created stinger animations and the end card. The professor had some that she had previously used, but she wanted to change the background color to match. I made these in Adobe After Effects.
After this, I received feedback to:
Incorporating Feedback
I then changed the background to the gold button color and revised the end card. Since I’m not as familiar with After Effects, it took me a little while to figure out how to add the new logo and animate it. However, after playing around (and a bit of Google), I learned how to use keyframes and opacity to make the logo fade in and out.
I then got final feedback to:
Incorporating Feedback
Here is the updated end card with the added logo:
Final Thoughts
Overall, I thought this assignment was interesting and a good way to practice the skills and guidelines I learned in my previous course graphics trainings. The most challenging part for me was the end card because I’m not as familiar with Adobe After Effects. I had a little trouble figuring out how to get the logos to fade in from black and color, and just how to animate in general. I held off on asking for help, just to see if I could teach myself—and I was able to use online resources, as well as a little trial and error to learn what I needed to do. Aside from After Effects, I thought I was a fun exercise in layout and color.
Tuition Guide
Finalized Fall Postcard
Finalized Digital Display
Finalized GPC Screensaver
My last few shifts, I wanted to brain storm a new animation training for the video team and thought that icon animation would be a good next step to start understanding how to prepare assets in Illustrator and animate them in After Effects. For the training, I animated 4 icons that my supervisor De’sha found. Here’s how they turned out!
I’m not used to animating pre made icons so I had a lot of fun with this project.
In the mean time, I’ve been taking time to learn more about character animation in After Effects and have been assigned to work with pre made character rigs. Here’s the image I worked with and the animation I made from it!
There’s still some training I need to complete but I’ve been really liking this project so far!
To finish from my last blog post, I completed the CSMS logo and intro animation. Here’s the final.
This month I was assigned a new animation project where I worked alongside Lila. We began our training by designing a simple and detailed character. Here are the ones I made:
Soon after we created our characters, we received feedback on our detailed characters. Our detailed characters needed a few adjustments to look like they were in the same design “family” as the characters below:
Here is my character with the adjustments made based on De’sha’s feedback:
Lila and I received more information on our upcoming project and were given example scenes to animate. We got premade Illustrator files to work with, but the layers weren’t separated correctly. However, this gave me more practice with how to separate a scene’s layers for easier animating in Adobe After Effects. Below is my first pass at the animation:
De’sha suggested more subtle changes in the expressions of the characters, meaning more practice separating the layers in Illustrator (which wasn’t too hard)!
Here is my second animation with the feedback implemented:
I began some logo training during my downtime to get more practice working in Illustrator! Here are some I have made so far.
This first set of logos is for the iconography training.
My first week done as a Design & Web STA! I’m so excited for this opportunity and can’t wait to see how the rest of my semester goes with this new experience!
This week was focused on orientation, some of my tasks included:
── ⊹ ࣪ ˖♡˖ ࣪ ⊹ ──
It had been awhile since I last worked on PowerPoint so it did take me awhile to adjust to the differences. But, it was super interesting figuring out how to build a PowerPoint from scratch since I normally work in Google Slides!
── ⊹ ࣪ ˖♡˖ ࣪ ⊹ ──
Familiarizing myself with dropbox was definitely tricky too but I’m glad I got around to getting used to the application! One of my favorite dropbox activities was sharing this silly little dog ૮ ˶ˆ ﻌ ˆ˶ ა