12A Portfolio Project - Men Do

1. Men Do
PORTFOLIO

2. Contact Table of
Contents
Name Men Do
Phone 706.225.7836
Email m.do726@outlook.com
Website suitespace.com
Magazine Cover 1
PhotoDesign 2
Montage 3
Business Identity 4
Infographic 5
HTML & CSS Coding 6
Web Page Mockup 7
Brochure 8

3. Magazine
Cover
DESCRIPTION
DATE
COURSE
INSTRUCTORS
PROGRAMS
OBJECTIVE
PROCESS
Combine good typography skills with the FOCUS design process to create
an engaging piece that will communicate your message to the target audi-
ence. Your cover needs to be all about you to introduce yourself to the world.
May 4, 2016
Comm 130 Visual Media - Section 13
Sara Tranberg
Adobe InDesign
Design a magazine cover that showcases a self-portrait as well as articles
about yourself.
1. After I had gathered all the necessary images, I begin by sketching possi-
ble layouts for the cover.
2. I then opened InDesign and work on a shape map according to one of
the sketches.
3. Once I was satisfied, I replaced the placeholders with the desired ele-
ments.
4. Finally, I saved the file and exported the image as a JPEG 150 ppi.

4. Photodesign
DESCRIPTION
DATE
COURSE
INSTRUCTORS
PROGRAMS
OBJECTIVE
PROCESS
Create a full-bleed, hotodesign project that includes an original, a consistent
color scheme based on that image, some text, and a few design elements.
May 22, 2016
Comm 130 Visual Media - Section 13
Sara Tranberg
Adobe Photoshop
By using photography and design skills, create a project that encompasses a
consistent color scheme from the image.
1. I chose a color scheme based on the image that I wanted to use.
2. Then I begin to edit the photo. Using the vibrant and sharpness tool to
bring out the flower.
3. After I was satisfied, I created a new PS document and begin adding the
rest of the elements.
5. I added the bars towards the bottom keeping in mind the contrast that
would be needed for viewing. I then added the text and then aligned my
elements.

5. Montage
DESCRIPTION
DATE
COURSE
INSTRUCTORS
PROGRAMS
OBJECTIVE
PROCESS
Create a spiritual poster montage using images and type. Use a layer mask
to blend images.
May 26, 2016
Comm 130 Visual Media - Section 13
Sara Tranberg
Adobe Photoshop
By using photography and design skills, create a project that encompasses a
consistent color scheme from the image.
1. I begin my desin process by sketching out the layout as I already had a
quote and idea in mind.
3. I then combined my images by using various brushes and filters. Adjust-
ing opacity levels and brush settings in order to create a gradual blend.
4. Once satisfied, I added the text choosing contrasting font families.
5. Finally, saved the file and then save the image as a JPEG.

6. Business
Identity
DESCRIPTION
DATE
COURSE
INSTRUCTORS
PROGRAMS
OBJECTIVE
PROCESS
Design a business card and letterhead using a custom logo.
June 2, 2016
Comm 130 Visual Media - Section 13
Sara Tranberg
Adobe Illustrator
Create a logo for a company/service/organization and establish a visual
identity across documents.
1. I began by sketching ideas for the custom logo.
2. Satisfied, I created my logo in AI using the Pathfinder tool.
3. I then begin to create my letterhead and business card applying
repetition to the business card.

7. Infographic
DESCRIPTION
DATE
COURSE
INSTRUCTORS
PROGRAMS
OBJECTIVE
PROCESS
Create any type of infographic to be shared on Pinterest as well as the
company’s blog.
June 9, 2016
Comm 130 Visual Media - Section 13
Sara Tranberg
Adobe Illustrator
Create an infographic that organizes data in a visually pleasing way.
1. I started brainstorming some topics and decided to work on something I
enjoy, Minecraft.
2. I did some research to find some data on the best way to survive the first
night of the game.
4. I the sketched out the layout that I wanted to use.
5. Next I opened up Illustrator and started on my Infographic.

8. HTML & CSS
Coding
DESCRIPTION
DATE
COURSE
INSTRUCTORS
PROGRAMS
OBJECTIVE
PROCESS
Use your logo from the Business Identity Project to showcase and create a
webpage layout using what you know about HTML and CSS.
June 16, 2016
Comm 130 Visual Media - Section 13
Sara Tranberg
Adobe Illustrator, Notepad++
Code a custom webpage with HTML and CSS.
1. First I created my logo in Illustrator as well as my background.
2. I resized my logo to be about 400 px on the long side.
3. I then created my HTML file and started adding my content and tags.
4. I created my CSS file and made sure to link it in the HTML code.
5. I made customizations in my CSS to match the colors in my logo and
changed the fonts to what I preferred.
7. Finally, I made sure to validate my HTML and CSS.

9. Web Page
Mockup
DESCRIPTION
DATE
COURSE
INSTRUCTORS
PROGRAMS
OBJECTIVE
PROCESS
Create a web page layout for a new company website to communicate the
executive committee’s vision to the web developer.
June 16, 2016
Comm 130 Visual Media - Section 13
Sara Tranberg
Adobe Illustrator, Adobe Photoshop
Design a website homepage using a grid.
1. I first picked an idea of what I was going to use for the basis of my
website. I chose to do a web page for a web portfolio.
2. I then started sketching ideas of some layouts.
3. After deciding on one, I then jumped into Photoshop and opened the
16-column grid. I begin working on my wireframe.
4. Afterwards I begin to adding in the contents.
5. The end result ended up being a bit different from the wireframe.

10. Brochure
DESCRIPTION
DATE
COURSE
INSTRUCTORS
PROGRAMS
OBJECTIVE
PROCESS
Design a full-color, folding brochure to help promote the company product,
service or location.
July 7, 2016
Comm 130 Visual Media - Section 13
Sara Tranberg
Adobe Illustrator, Adobe Photoshop, Adobe InDesign
Design a brochure for a company.
1. I first created the logo in Illustrator.
2. Then I went into InDesign and started to design my brochure beginning
with the wireframe. I wrote my body copy and added the body copy so I
knew how I want it to fit.
3. I saved the images as Photoshop documents so when I was in InDesign I
could edit the original and it would open in Photoshop. Then I could edit the
coloring, etc and it would automatically update the link in InDesign.
4. I then exported the brochure document as JPEGS.