TGDP Retractable Posters

I was tasked with continuing to work on the Texas German Dialect Project retractable posters. These posters had already been in the works, and I had to adjust based on client feedback. The client wanted 3 vertical posters with an icon key. Additionally, the client wanted the dates on the timelines to be proportional to the actual time (for example, if the date is labelled “1930-1934”, it should be clearly indicated that the event took place over that span of time).

Here are the posters that I was given to start with:

Changes I had to make:

Creating Icons

This first thing I had to do was develop a visual key. The client wanted icons that represented 5 different types of events: society, immigration, schools, newspapers, and key event. I used Illustrator to draw icons, staying on brand with the colors given to me.

Redesigning the Posters

Now that I had icons, I could move on to putting the posters themselves together. The main thing I wanted to focus on was how to show the date range. I settled on added a transparent box behind the event description and using arrows to indicate it’s date range.

After using this technique and adding the icons, the posters ended up looking like this:

Second Drafts

After sending my designs to the client, I got feedback to make sure that the events were proportionally distanced from each other and to add 2 photos + their captions to the poster.

Upon receiving this feedback, I edited Poster 1 to look like this:

With some more tweaking, including changing up the icons a bit, Poster 1 ended up looking like this:

History SZB Posters

I was assigned to help create posters documenting the life of George I. Sanchez for the SZB building. I was given pictures and text, which I was then to format on posters using Adobe InDesign. The process mainly consisted of cleaning up the photos in Photoshop (sometimes converting to grayscale, removing blemishes, and adjusting them so they weren’t skewed), getting all the elements onto the page, and then rearranging them to make sure that the text was not too overwhelming and that the images were big enough.

View the exhibit:

Save the Date

The theme for STA Presentations this year was movie productions! The presentation poster was themed around “The Peanuts Movie” film poster, so Save the Date was to be similarly themed.

First Drafts

I decided to display the important information on a clapper board to keep with the movie theme. However, after doing that, the background looked really empty, so I added film strips behind it. I used the LAITS logo colors as the accent colors for my design.

Additionally, I came up with a secondary design because I felt that the colors on the clapper board may be unnecessary, and the black letters for the less important information (“Save the Date”, “College of Liberal Arts”) might be too bold. I also switched the order of the colored film strips in the background (and brightened them) to match the order they are in in the LAITS logo.

Lastly, I created an option with a different accent font choice. This is a font that matches the one on “The Peanuts Movie” poster, so I thought we may want to see what that looked like too.

This is an alternate design that I thought could work as well. I was also able to get the STA roles information in using this layout.

For style one, I received feedback to:

For style two, I received feedback to:

Second Drafts

For the first version, I added the STA cutouts to all the film strip rectangles because it looked a little odd to have some empty, even if they were covered with something in front. I also moved “Save the Date” to the slate because it became hard to read in the top left corner when I added the STA photos.

For the second version, I tried to add some movement by creating a new, curved film strip and tilting the film slate. I also added the date/time/location to the film strip because it was more prominent there and put the STA roles under the slate.

We decided to go with style 1, and I received feedback to:

Third draft

After adjusting the graphic according to the feedback I received, it ended up looking like this:

We then decided that there was too much white space in certain places, so we decided to use the more dynamic photos of STAs that were also used on the presentation poster. After deciding this, the graphic looked like this.

Final Thoughts

Overall, this assignment was a fun way for me to practice both my layout and graphic design skills. I don’t have as much practice with Illustrator, so making graphics for this assignment was a new and fun challenge. I’m also happy that we decided on adding the STAs inside the filmstrips—I think it’s a lot more visually interesting and unique. Here is the final design!

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!