Comm 130 Portfolio

2. NICOLE
NUGENT
TABLE OF CONTENTSnicolemnugent@gmail.com
Magazine Cover
Prezi Presentation
Photodesign
Montage
Business Identity
Infographic
HTML & CSS Coding
Web Page Mockup
Brochure
4
6
8
10
12
16
18
20
22
417.310.0414
www.nicolenugent.com
4444 Kitten Lane
Rexburg, ID 83440

3. MAGAZINE
COVER
DESCRIPTION
PROCESS
PROGRAMS
COURSE & SECTION
OBJECTIVE
INSTRUCTOR
DATE
Design a magazine
cover that showcases
a self-portrait as well as
articles about yourself.
As I was looking at all the different magazine covers out there, I realized that I didn’t feel I fit
with many of them. So I decided to create my own magazine titled “Create”. It’s a magazine
for all the visual creatives out there.
The topics I chose for the articles revolved around my interests and hobbies. For example,
I love everything to do with creativity. I love taking pictures and designing a variety of
things. I have also always loved dance and music and those are a major stress reliever for
me in my life. I also really love cats because they are adorable, soft, loyal, and hilarious.
The process of creating my magazine cover went as follows:
1. First I sketched out on paper some possible layouts of the magazine cover.
2. Next I created a shape map in InDesign of one of my sketches.
3. I then searched out a photo that I wanted to use as my self-portrait.
4. I opened the image in Photoshop and cut out the background so that I would be able
to have the name of the magazine go behind my head.
5. Next I opened up InDesign and created a new 8.5 x 11 inch page.
6. I then placed in my PSD document.
7. I then duplicated it and put it behind the words “CREATE” so that I could have the
background colors (I felt it was too boring with the white background.)
8. I then proceeded to add text boxes with all the different articles I wanted to include.
9. Once I was finished, I saved the InDesign file and then exported a JPEG at 150 ppi.
Photoshop & InDesign
Comm 130 • Section 01
Jane Doe
April 18, 2016
Use the basic tools of InDesign to create a cover of a real
or fictional magazine.

4. DESCRIPTION
PROCESS
PROGRAMS
COURSE & SECTION
OBJECTIVE
INSTRUCTOR
DATE
Comm 130 • Section 01
Jane Doe
April 28, 2016
Learn how to use Prezi and use it as a resource for giving
visual presentations.
I’m not very familiar with Prezi so I had first look at some example presentations to get an
idea of what I could do. The process of creating my Prezi presentation went as follows:
1. After I researched, I chose an idea and then started sketching. I sketched out an idea
that I had in my head regarding ways to be more creative. I chose to go with a light bulb
as my graphic and then work around that.
2. I opened up Photoshop and Illustrator and used both programs to create my
background. I used my sketch as my basic foundation. I started creating the light bulb
in Photoshop and decided to add some brush strokes to give it more of an artistic feel
and add some flare to it. I added the text and other elements so that they would be
solidified in their position when I started working in Prezi.
3. Next I went into the heart of Prezi, added my background, and started editing. I added
more of my content on the sides and then worked on the transitions.
4. I added background music to make it more enjoyable to read.
Photoshop, Illustrator, PreziCreate an instructional
presentation using
the Prezi software to
demonstrate it’s features
and capabilities.
PRESENTATION
PREZI

5. DESCRIPTION
PROCESS
PROGRAMS
COURSE & SECTION
OBJECTIVE
INSTRUCTOR
DATE
Comm 130 • Section 01
Jane Doe
The steps that I followed in my process were:
1. I decided what color scheme I was going to use. I knew that I wanted to take a photo
of a beautiful creek and so I used that image for my design.
2. I did a lot to the photo to create the look I was going for: I increased the levels and
the vibrance. I changed the color of the leaves to be more of an autumn-like feel. I then
added some sharpness all over on the foliage.
3. I created a new 8.5 x 11 inch document in Photoshop.
4. Then I pulled my photo on top of it and started designing.
5. I added the bars on the left and then the text. I tried to keep a good flow throughout
the design. I also made sure to pay attention to alignment.
May 7, 2016
Photoshop
Learn basic photography skills. Combine photo(s) with
design elements using Photoshop.
By using photography
and design skills,
create a project
that encompasses
a consistent color
scheme from the image.
PHOTODESIGN

6. DESCRIPTION
PROCESS
PROGRAMS
COURSE & SECTION
OBJECTIVE
INSTRUCTOR
DATE
Comm 130 • Section 01
Jane Doe
I had an idea of the montage I wanted to create to start out with. I wanted to create a
montage that looked like a realistic picture. Here is the process I follows:
1. In Photoshop I combined all the various pictures I used to create the montage effect.
I used a variety of layer masks and the brush tool to create the gradual blended effect.
2. I then found a quote I liked and added the text on the image.
3. I made sure to abide by the design principles such as alignment, repetition, and flow.
Photoshop
May 13, 2016
Use Photoshop layer masks to blend multiple images
together. Apply appropriate typography.
Design a spiritual poster
montage using the blend
of images and type.
MONTAGE

7. DESCRIPTION
PROCESS
PROGRAMS
COURSE & SECTION
OBJECTIVE
INSTRUCTOR
DATE
Comm 130 • Section 01
Jane Doe
1. I first sketched out some ideas for the logo on paper. I had a lot of different options.
2. After sketching, I opened up Illustrator and started creating some of my
sketches digitally.
3. I came up with some options, but felt I needed to go back to sketching some
more ideas.
4.IfeltbetterthistimearoundandwasabletocreatethreedifferentoptionsinIllustrator.
5. I wanted to have more of a type logo, a symbol logo, and an illustration logo.
6. I got votes from various people on which was their favorite. It helped me to narrow it
down to the one I would use to move on.
7. I chose the illustration logo and then created my letterhead and business card.
8. I made sure to follow the rule of alignment and repetition.
Create a new logo to fit a company or personal image.
Design consistent layouts for various business documents.
Illustrator & InDesign
May 21, 2016
Create a logo for a
company/service/
organization and
establish a visual identity
across documents.
IDENTITY
BUSINESS

9. DESCRIPTION
PROCESS
PROGRAMS
COURSE & SECTION
OBJECTIVE
INSTRUCTOR
DATE
Comm 130 • Section 01
Jane Doe
1. I started brainstorming some topics and ended up with the idea of the seasons.
2. I did some research to find some data and found a study where Americans were
asked what their favorite season was.
3. I also conducted a research on my Facebook page and asked people what their
favorite season was and why.
4. I then sketched out some graphics that I knew I wanted to include in the infographic.
5. Next I opened up Illustrator and started on my Infographic.
6. I created the pie charts and other graphics to organize the data.
Improve research skills and organize data using graphics
and design.
May 28, 2016
IllustratorCreate an infographic
that organizes data in a
visually pleasing way.
INFOGRAPHIC

10. DESCRIPTION
PROCESS
PROGRAMS
COURSE & SECTION
OBJECTIVE
INSTRUCTOR
DATE
Comm 130 • Section 01
Jane Doe
Acquire a working knowledge of HTML and basic
understanding of CSS.
June 2, 2016
Text Wrangler
1. First I created my logo in Illustrator. I love cats so I decided to go that route.
2. I resized my logo to be no longer than 500 px on the long side.
3. I created my HTML file and started adding my content and tags.
4. Then 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.
6. I created the background by creating an image with the yellow gradient and then
used that image as my background in my HTML code.
7. I then made sure to validate my HTML and CSS.
Code a custom web page
with HTML and CSS.
CODING
HTML & CSS

11. DESCRIPTION
PROCESS
PROGRAMS
COURSE & SECTION
OBJECTIVE
INSTRUCTOR
DATE
Comm 130 • Section 01
Jane Doe
Use Photoshop to design a mockup of a website
homepage with the help of a grid.
1. I first picked an idea of what I was going to use for the basis of my website. I chose
the same cat adoption center I used in the previous project.
2. I then started sketching an idea of how I wanted to lay it out. I knew I wanted some
images of cats at the beginning to grab viewers’ attention and be easy to navigate.
3. After I sketched it on paper, I then jumped into Photoshop and opened the 16-column
grid. I started to create my wireframe to get me started.
4. After my wireframe, I started to add the actual content.
5. My final design ended up being a little different from my original sketch and wireframe
as I realized the pictures would have been smaller if I did 3 on a line. So I decided to go
with 2 and just added another image.
June 11, 2016
InDesign & PhotoshopDesign a website
homepage using a grid.
MOCKUP
WEB PAGE

12. DESCRIPTION PROGRAMS
COURSE & SECTION
OBJECTIVE
INSTRUCTOR
DATE
Comm 130 • Section 01
Jane Doe
1. I first created the logo in Illustrator.
2. Then I went into InDesign and started to design my brochure. 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.
5. Even though it wasn’t required, I placed the brochure in a mockup so it would be easy
to see how it would look.
PROCESS
Set up and align a two-sided, folded document. Learn
how to wrap text around an image. Use paragraph styles
in InDesign.
June 18, 2016
Photoshop, Illustrator, InDesignDesign a logo and
brochure for a company.
BROCHURE