comm 130 portfolio

PORTFOLIOSerena Maxwell

ContactNamePhoneEmailWebsite

Serena Maxwell

360.339.3416

[email protected]

Rawserenade.wordpress.com

Table of ContentsBrochureMagazineMontageInfographicWebsite MockupPhotodesign Prezi PresentationCodingBusiness IdentityT-Shirt

1

3

5

7

9

11

13

15

17

19

Description

DateCourse

InstructorPrograms used

Objective

Process

BrochureLocal and student bands now have a place to air their music to the larger audience in Rexburg, Idaho.

November 30, 2016

Visual Media

Sara Tranberg

Adobe Photoshop, Illustrator

Design a brochure for a company.

I brainstormed a new concept of a local music radio station for Rexburg and the appealing elements it might have. Next, I created a rough layout in InDesign and sketched out logos by hand, using the silhouette of the iconic Taylor building on campus. I then created the logo in Illustrator.

Back in InDesign, I altered the fill, tweaked the font, and added the logo. I found images online, edited them in Photoshop, and then placed them into the InDesign document. Fi-nally, I wrote and formatted the body text.

Description

DateCourse


Objective

Process

Magazine Cover

Design a magazine that showcases a self-portrait as well as articles about yourself.

I am an up-and-coming journalist who cares about the world and her passions deeply, and wants to better them both.

Visual Media

Sara Tranberg

September 28, 2016

Adobe InDesign

I brainstormed things to showcase about my-self, looked for a photo to use, decided on one of me in St. Petersburg, Russia. I used that to create a rough draft and receive peer feed-back, but decided that I didn’t like it. So I met up with a classmate to take some more profes-sional photos, and completely redid my layout with both sketches and InDesign.

I then brainstormed interesting article titles, and inserted them into the InDesign document. I re-ceived feedback from my father and my room-mate and adjusted the design to all sans-serif fonts. I continued tweaking the design until I was satisfied.

Description

DateCourse


Objective

Process

Montage

Design a spiritual poster montage using a blend of images and type.

Visual Media

Sara Tranberg

An uplifting reminder that God loves and takes care of us, both physically and spiritually.

October 19, 2016

Adobe Photoshop

I chose a quote from a recent BYU-Idaho devotional: “God knows what you need be-fore you even ask,” based on Mark 6:8. Then, I brainstormed visual layouts, and decided on a girl in the desert, waiting for the rain. I found source photos for on Unsplash.com and Stock-stap.io, and created a rough draft.

Next, I opened the photos in Photoshop, used the brush tool to blend them together. Using the lasso tool, I added and blended in the girl. I overlaid a photo of rain on the entire image as another layer, and used the brush tool to blend it in. Finally, I added and formatted the text.

Description

DateCourse


Objective

Process

Infographic

Visual Media

Sara Tranberg

A visual introduction to the world of comptetive ballroom dance, including history and health benefits.

Adobe Illustrator, Photoshop

November 3, 2016

Create an infographic that organizes data in a visually pleasing way.

Since I love dancing and know a lot about it, I chose to feature it in my design. I looked up random facts about ballroom dancing that I could visually represent, and then brainstormed how I would implement it.

I created the icons in illustrator using images I found online, and then incorporated them into a photoshop document. I kept tweaking the layout until I was satisfied that it flowed well. The last thing I did was choose a background that showcased the glamorous nature of ball-room.

Description

DateCourse


Objective

Process

Website Mockup

Visual Media

Sara Tranberg

November 17, 2016

Adobe Photoshop

Design a website homepage using a grid.

A online platform in which to watch Sunday-appropriate movies easily using Saintly Cinema.

I decided to use the same video streaming concept I created for my coding project, so I al-ready had the logo and color scheme finalized. I then looked at some other streaming sites for layout inspiration, and decided on a center aligned home page featuring different genres of movies.

Next, I brainstormed genres that I could in-clude, looked up corresponding photos, and then placed them into the photoshop docu-ment. The last thing I did was decide on the text and font, and insert the social media icons.

Description

DateCourse


Objective

Process

Photodesign

Visual Media

Sara Tranberg

A satirical reminder that sometimes working in a team is fun, but more often than not it lowers our quality of judgment.

By using photography and design skills, create a project that encompasses a consistent color scheme from the image.

October 12, 2016

Adobe Photoshop

I picked a funny quote and created a rough draft one image, but I discarded it in favor of an image of girls laughing. After watching some instructional videos on I-Learn, I adjusted the light levels and color of the image in Pho-toshop. Next, I sketched various layouts and chose one that seemed well balanced.

I then made a new document in Photoshop, changed the background of the document to green, inserted my circles, filled them with col-or, and added the text. Finally, I adjusted the alignment, changed the font, and altered the text color.

Description

DateCourse


Objective

Process

Prezi Presentation

Visual Media

Sara Tranberg

There are a wide variety of types of ballroom dancing, each with their own personality.

Create an instructional presentation using the Prezi software to demonstrate its features and capabilities.

Prezi

October 5, 2016

Since I know it so well, I started by brainstorm-ing different ballroom dances, going with the ten dances of International Ballroom style. I searched a stock images and found a photo of a couple’s feet as they prepare to start dancing. I thought this would work well with a sort of swirly path for the slides, in and out of their feet.

I then searched the internet for pictures that embodied each of the dances, and created one slide per dance, with a brief descriptive phrase. Next, I double checked the alignment for the text, and shrunk each of the slides to create more negative space.

Description

DateCourse


Objective

Process

coding

Visual Media

Sara Tranberg

A platform in which to watch Sunday-appropriate movies easily using Saintly Cinema.

Code a custom webpage with HTML and CSS.

November 9, 2016

Textwrangler

First, I imported my logo from the Business Identity project. Then I made a rough lay-out sketch and resized my logo. I opened the HTML file in Textwrangler and started adding my content and tags, including the image, although I had to ask a peer for help in linking the image into the HTML code.

Next, I customized the CSS to match the col-ors in my logo and changed the fonts using Google Fonts. I played around with the color scheme to decide which color should go where. Finally, I eliminated the rounded corners, made the border a bit thicker, and added a button for a link to my blog.

Description

DateCourse


Objective

Process

Business Identity

Visual Media

Sara Tranberg

A website where LDS and Christian consumers can easily stream family friendly and spiritual movies.

Create a logo for a service or organization and establish a visual identity across documents.

October 26, 2016

Adobe Illustrator

I came up with a new business idea as an internet streaming service for LDS and Chris-tian produced films. I began sketching the logo, using symbols familiar to LDS audiences. I de-cided on a shield-shaped video camera, facing the company name.

Next, I did research on fonts and colors to find ones appealing for my audience, and chose blue, green, and yellow. After watching some instructional videos, I designed the logo in Illustrator. I brainstormed the layout for the letterhead and business cards, and also de-signed them in Illustrator. Finally, I checked for alignment and repetition.

Description

DateCourse


Objective

Process

Extra project

- searched for a suitable picture of Vladimir Putin (30 minutes)- searched for an equivalent picture of Obama with the right colors (5 minutes)- Traced over the picture of Putin in Illustrator with the pen tool, outlining the background and his silhouette (20 minutes)- Added color to the background and silhou-ette (10 minutes)- Traced and colored in his shirt and tie (20 minutes)- Traced and colored in his face (2+ hours)

A satirical t-shirt design depicting Vladimir Pu-tin as the next president of the United States.

Visual Media

Sara Tranberg

December 9, 2016

Adobe Illustrator

Spend an extra 2 hours on a new project or editing an old project, documenting the time spent as you go.