Marissa Barnes Visual Communications Portfolio

portfoliomarissa barnes

TEXT

marissa barnes

801.123.4567

[email protected]

525 South Center St., Rexburg, ID 83460

marissabarnes.com

table of contents

magazine cover

prezi presentation

photodesign

montage

business identity

infographic

html/css coding

web page mockup

brochure draft

4

6

8

10

12

14

16

18

20

DESCRIPTION

Create a magazine cover that has a self portrait as well as articles about yourself.

PROGRAMSInDesign

courseCOMM 130-Section 1

instructorSister Nugent

OBJECTIVEDesign a fictional magazine cover that uses basic InDesign principles.

DATESeptember 29, 2016

magazine cover

5

LOVELY

laughter really is

the best medicine

MARISSA BARNES

Stressed, but blessed:

almost 100 days away from Peru

ways to be happy

WEEKLY

September 2016 Issue 1

ways to have a happier day

10now

Why

PROCESS

My magazine topics were based on things that I’ve worked on in life or future endeavors. I’ve found the best way for me to be happy is taking it step by step. I incorporated steps that make me happy, as well as the ability to laugh. I believe laughter can fix anything-mainly your attitude. I am also preparing to serve in the Perú Trujillo South Mission and that is a huge part of my prepara-tions so I wanted to incorporate that as well.

How I created my magazine cover:

1. I researched different sites to get familiar what magazine covers typically look like. 2. I took a few cover ideas and started sketching a few possible layouts for my magazine. 3. Next I went through what files I had of personal pictures to use. 4. Then I opened up InDesign and started to get acquainted with the different elements, tools, and tips as I watched the instructional videos. 5. I then made a shape map for the layout I chose that would look best with the photo I had. 6. Once I had the shape map I started getting more accustomed with InDesign, and started to layout my magazine cover. I then started placing my photo, text, and tweaking around with the different sizes and fonts. 7. Next I got the text, fonts, and image to where I liked them, and exported it to a PDF as well as a JPEG.

DESCRIPTION

Create a Prezi presentation to show competency and ability use graphics to create a presentation.

OBJECTIVELearn how to use Prezi and make a visual presentation.

DATEOctober 6, 2016

PROCESS

I have not worked with Prezi before, so I had to view video examples that were given and learn the program through the step by step process given on the website.

1. After I looked on how to create an account and work the website, I started brainstorming different topics for my presentation. I then decided to settle on an iPhone format since my topic was encompassed with different applications. 2. I created my background in InDesign and decided to first start with the basic frame of the iPhone. As I worked throughout the program, I had to research different tips on how to use InDesign to know how to do things such as make rounded edges. 3. After I created my background based on the ideas from my sketch, I started working with Prezi. 4. Once I was in Prezi, I started working around in the program. I went through the process of adding images as the base of my apps on the template I had made. I made extra slides with information pertaining to each app and tweaked transitions. 5. I then went through Prezi and consistently watched my presentation until I got the layout I desired.

PROGRAMSIllustrator, Prezi



prezi presentation

DESCRIPTION

Use prior and newfound knowledge to create a photo project that encompasses photography and design skills.

OBJECTIVEUse Photoshop skills to create a photo with color scheme skills.

DATEDecember 7, 2016

PROGRAMSPhotoshop



PROCESS

I have worked shortly with Photoshop before, and this project help me to become more accustomed with the program. Overall, I wanted to portray a message that would be inspiring and motivating with simplicity. After my first attempt in this project didn’t seem to work, I tried again.

1. I brainstormed the message I wanted to get across and researched several different inspirational quotes.2. I then decided on a quote about beauty and nature. I chose to use the image from Oregon that I took. 3. I opened up the image in Photoshop.4. I determined a color scheme from the options of color that was surrounding and highlighted in the photo. 5. Once I decided on that layout I wanted, I started inputting the quote I had chosen and working with the layout.

photodesign

DESCRIPTION

PROGRAMSPhotoshop

COURSECOMM 130-Section 1

INSTRUCTORSister Nugent

OBJECTIVEUse photoshop skills to create a spiritual montage.

DATEOctober 20, 2016

PROCESS

I wasn’t sure at first what to use for my message or theme, so I went to Pinterest and started looking for ideas. I wanted to portray a message of peace and harmony in my design and saw a quote by Elder Quentin L. Cook that I enjoyed.

1. Once I found a quote I liked, I started looking for photos I had already taken. I chose one I had taken of my friend and found a photo of sheet music from Pixabay. I masked the sheet music over the photo and added the quote in Photoshop. 2. When we had the instructor critique, Sister Nugent suggested I search another photo that would better portray the message. I found one on Pixabay and again overlaid the sheet music image, and added the text back in. I masked out more of the sheet music around the quote to make it easier to see. 3. While working in Photoshop I was able to get further aquinted with the brush tool and masking for my project.

Design a spiritual poster montage using newfound knowledge of Photoshop elements.

montage

Elder Quentin L. Cook

Stay in tune to the

musicof faith.

DESCRIPTION

PROGRAMSIllustrator



PROCESS

For this project, I wanted to create a business that I would be interested in purchasing from. I decided that boutique for women are very popular as of late, and I decided to create a fictional woman’s boutique.

1. I first researched different company ideas through the internet, Pinterest, and Instagram. 2. After brainstorming, I looked up different elements I wanted to incorporate in my fantasy boutique, and opened Illustrator to become more familiar with the program. 3. I took the color schemes I had picked an used them to incorporate the different elements and designs I had previously decided upon. 4. I referred constantly to my initial designs to help create the tree logos. 5. After I had created the designs I wanted, I took a picture of it and sent it to my family members to see what they had thought. What they liked, disliked, and would improve. 6. They gave me suggestions for different elements of my logo, and I decided to incorpo rate a small piece of each t o create a similar logo to my first logo I created. 7. From the new incorporated logo, I then created my letterhead and business card.

OBJECTIVEUse Illustrator skills and tools to create a unique logo.

DATEOctober 26, 2016

Create a logo for a company and use it to portray a two-sided business card and letterhead.

business identity“Ella Bella”

Clothing Boutique

Your style, your way

Ella BellaB O U T I Q U E

Rexburg, ID 83440

ellabella.com208 123 4567

Your style, your way

ellabella.comRexburg, ID 83440208 123 4567

Ella BellaB O U T I Q U E

DESCRIPTION

OBJECTIVEUse Illustrator skills and tools with data research skills.

DATENovember 2, 2016

PROCESS

For this project, I wanted to create a theme throughout my infographic that would attract all people. I feel that having a happier day fit the theme and message I was going for.

1. I wasn’t sure what my topic was to be, so I began researching the internet for ideas. 2. Once I found out that I wanted to portray a way to be happy or “bright” 3. I researched different articles to help me further my information. 4. I looked up different ideas to brainstorm different graphics I could use from what I researched in my article. 5. Once I gathered information, I started working on different sketches on what I may want for my layout. 6. I started on Illustrator to start designing my graphics and placing them with the layout I desired.

PROGRAMSIllustrator



Create a unique infographic that organizes data in a pleasing way.

infographicsHAVE A

BRIGHTERDAY

START

Finish

START YOUR DAY RIGHTGet out of bed on time, don’t stall! Eat

breakfast-it gets you started on the day and you are less worried about your stomach.

DECIDE TO BE HAPPYDecide that today is going to be a good day! Listen to music that you enjoy and uplifts you.

GET OUTSIDEGo out and take a walk, run, or skip! Even 7 minutes can make a world of di�erence!

DEVELOP YOUR TALENTS

Take what you’re good at, (or not so good at) and work at it! Set time aside to become

better and work harder at what you love to do.

SERVE OTHERSOpen the door for a stranger,

smile, or bring someone a treat! Get outside of yourself!

STAY POSITIVEDon’t let negative vibes creep into your life-you have control! I am

gratefulfor...

SHOW GRATITUDEGratitude isn’t just for Thanksgiving, show gratitude

everyday! Write it down or tell someone!

12

3

6

9

12

457

8

1011Taking just 2

hours a week to serve

someone adds up to

100 hours a year of service!

Tetradic

DESCRIPTION

PROGRAMSIllustrator, Text Wrangler



OBJECTIVEUse prior or new knowledge with HTML and CSS to create a mockup page.


PROCESS

As far as HTML and CSS coding, I have become more familiar with coding. I wanted to create an accessiable website for the logo I created for a previous project.

1. I created my logo in Adobe Illustrator, I wanted to portray a modern boutique for women. 2. Once I read the requirements for the project, I resized my logo pixels to be pleasing for the webpage. 3. I then opened my HTML file and started working with the content in it, with over 200 words. 4. After which I opened the CSS file as well as linked both the HTML and CSS files. 5. In the CSS file, I then worked with the styling to make the homepage what I wanted it to be. 6. I made a custom background image in Adobe Illustrator to apply to the homepage. 7. Finally I validated my HTML and CSS.

Code a custom webpage with HTML and CSS.

html and css coding

DESCRIPTION

Create a homepage that has easy accessibility and uses a grid.

PROGRAMSPhotoshop



PROCESS

For this project, I wanted to create a web page mockup that I would want to view and that would be user-friendly.

1. I decided that I wanted to use the same business as before to create the website. 2. I researched different layout ideas for the website, I looked at student examples, Pinter est, and sites I use. 3. I then started sketching different layout ideas for sites that I have seen. I wanted to may the site user-friendly and easy to navigate. 4. After creating my sketches, I took my ideas to Photoshop and used the 12-column grid. 5. After I created my wireframe/shape map, I created a copy and started adding my content. 6. There were some parts I critiqued after I had placed my content and started to refine it. 7. I continued to refine my website, I realized it wasn’t entirely what my original sketch was, but it was better.

OBJECTIVEUse Photoshop and knowledge of grids to create a mockup webpage.


web page mockup

DESCRIPTION

PROGRAMSInDesign



PROCESS

For the brochure, I wanted to create a simple and easily accessible information guide to Ella Bella Boutique. I wanted to create a brochure that has color and images that are attractive.

1. First I researched and brainstormed ideas for my company’s brochure by looking over different website examples and those on Pinterest. 2. I then opened InDesign and started creating a brochure layout, I chose to do the offset. 3. I then wrote what I wanted for my body copy in my brochure, so I knew exactly what I wanted to put. 4. Once I had my layout and body copy, I added character to my brochure by researching images from Pixabay and Unsplash. 5. After I added some style, I fine tuned my brochure until it was just the way I wanted it.

Create a brochure for a company.

OBJECTIVEUse Indesign skills and tools to create an attractive brochure.

DATEDecember 1, 2016

brochure draft