2. By: Nicole Bunch
Process:
1. I first drew out some possible sketches with 2 different photos that I was considering
2. I decided on one of my photos and created a map
3. I couldn’t get my photo to work, although i was a high-quality picture, it kept
coming out pixilated, I decided to change my photo and continue with my original
map
4. Once I had my photo placed on my cover, I started designing the magazine title
label
5. I rearranged the label with the picture many times, trying to get the spacing just
right.
6. I started with the article titles and strokes
7. I put all the article title in one by one, adjusting the colors and fonts.
8. Once I had all the article titles placed, I took a break from my work. I came back
to reanalyze the colors. That’s when I decided to change all the black lettering to
a lighter, less intense black. this really softened everything up and I started to see
everything come together.
9. After my critiques as well as the facebook and instructor critiques I changed a few
of the colors and adjusted some alignment
10. I also double checked my margins to make sure everything was equal
11. I saved it as a jpeg and exported it.
Magazine
Cover
Description:
Design a magazine
cover that showcases
a self-portrait as well as
articles about yourself
Instructor: Nicole Nugent
Date: September 28, 2016
Message: Express my life
through a magazine cover
Programs Used:
Adobe InDesign
3. By: Nicole Bunch
Process:
1. The first step that I took was to start on a lined sheet of paper to develop the
company, fold and basic wireframe design.
2. Then I took a sheet of 8.5x11 piece of paper and finalized the draft along with the
fold measurements and shape designs.
3. I went into Adobe Illustrator and created the logo
4. Then I went into Indesign and formatted guides to my fold lines and additional
alignment guides, Then I started to implement the plan that I had
5. I opened photoshop and began to design the outside photo montage using 2 seprate
images and implementing measurements from the Indesign file.
6. I inserted the back photo and designed the layout of the quote for the back, I filled
in the correct spaces with the logos.
7. I went back into photoshop to design the “greater than” photo for the inside of the
brochure
8. I formatted the text to wrap around the shapes and inserted filler text.
9. I finished off with some filler objects to make it more interesting.
Brochure
Description:
Design a
Brochure for
a company
Instructor: Nicole Nugent
Date: November 30, 2016
Message: Design a
Brochure for a company
Programs Used:
Adobe InDesign,
Adobe Photoshop,
Adobe Illustrator
4. By: Nicole Bunch
Process:
1. I first picked an idea of what I was going to use for the basis of my website. I chose
to use the same company that I did for my logo, a blog, but I didn’t use the same logo.
2.I starting sketching out some ideas, I knew that I wanted the homepage to show all
of the different elements of the blog that would appear to different users
3. After I sketched it on paper, I moved to photoshop to implement the plan onto the
program. I made some minor adjustments, but I was able to use the basic wireframe
as a base for the rest of my work
4. Once I saved my wireframe, I started adding pictures and content. This was much
easier with a plan
5. I started to add the content into my wireframe. I submitted it for critique and
realized that my layout wasn’t very good. I ended up needing to change a lot of
elements from my layout
6. After many adjustments, I came to a design that I was really satisfied with.
Web Page
Mockup
Description:
Design a web
homepage
using a grid
Instructor: Nicole Nugent
Date: November 17, 2016
Message: Read different
tips on recipes, fitness and
daily Life
Programs Used:
Adobe Photoshop
5. By: Nicole Bunch
Process:
1. I picked three photos. I wanted to contrast the darkness with the light. Then I
found a picture of humans so that it would show how they could find the light
2. I started with the night photo, I applied the lasso tool to the silhouette photo and
put a mask layer on it to blend it into the photo
3. I repeated that step with the sun photo and tried to blend it all together
4. I think the hardest part about this activity was finding the right typography and
color with the blended colors and opposing background. I had to edit the typography
and positioning multiple times with multiple critiques to find the right. I had to
change the alignment until finally I had the right look
Montage
Description:
Design a
spiritual poster
montage using
the blend of
images and type
Instructor: Nicole Nugent
Date: October 19, 2016
Message: Those who seek
light will find more and
more in their life
Programs Used:
Adobe Photoshop
Adobe InDesign
6. By: Nicole Bunch
Process:
1. First I created my logo in Illustrator. I made the logo for a blog that I am using in
another class
2. I resized my logo to 500px in illustrator
3. I dowloaded the HTML File
4. I downloaded the CSS file and linked it to the HTML code.
5. I changed the CSS rules to customize the colors, fonts and alignment to how I
wanted it.
6. After, I went in to add the content for the process of making my logo.
7. I validated my HTML and CSS.
Web
Design
Description:
Code a
custom
webpage with
HTML and
CSS
Instructor: Nicole Nugent
Date: November 9, 2016
Message: A recognizable
lable for bananasinherbrain.
com
Programs Used:
Text Wrangler,
Adobe Illustrator
7. By: Nicole Bunch
Process:
1. The first thing that I did was draw a few ideas on paper. I knew that I wanted a
banana in the picture but not much else. I knew that I wanted it to be really simple.
My original idea was to have a monochromatic color scheme
2. After sketching, I starting drawing the main banana in illustrator using the pen
tool, I wanted this to be the basis of all of my designs
3. I came up with 3 ideas and continued to tweak them, i asked some friends what
they liked and what they didn’t like and edited these logos a lot until the due date.
4.I tried to have a simple logo and and illustration logo as options
5. I asked around a lot, asking who liked what better. Just like me, everyone liked the
simple logo in the middle
6. I went into illustrator and edited the middle logo a lot until I liked it a little more.
7. Then I created my letterhead and business card.
8.I really focused on alignment, typography and color to try to tie everything together
Heading
Description:
Create a logo for a
company/service/
organization and
establish a visual
identity across
documents
Instructor: Nicole Nugent
Date: October 27, 2016
Message: A simple logo to
show the simplicity of the
website
Programs Used:
Adobe Illustrator
8. By: Nicole Bunch
Process:
1. I really wanted to create something that could be useful for students and that I
could post on my blog and possibly on social media, I figured since winter is coming
up, it might be a good time to research some fun activities to do in the winter
2. I did some research to find some of the top rated activities to do in Rexburg in the
Winter
3. I wanted a really fun look and so I started brainstorming some different ideas, and
did a sketch about the general set up of the infographic
4. Then I opened up illustrator and designed the background by blending an image
to a gradient colored square
5. I created the graph all black to coordinate with a few other black graphics.
6. I added a few contrasting colors, red and orange so that it wasn’t all blue.
Info-
graphic
Description:
Create an
infographic that
organizes data
in a visually
pleasing way
Instructor: Nicole Nugent
Date: November 3, 2016
Message: To inform stu-
dents about the acitivites
they could do this winter
Programs Used:
Adobe Illustrator
9. By: Nicole Bunch
Process:
1. First, i looked at a couple of image sites to try to find an image with many different,
spaced out fruits and vegetables. I needed an image to get my creative brain thinking
2. Once I had the image, I decided which parts of the image I would utilize to put my
text on, where I would zoom and how I would use the photo to my advantage. I did
this by sketching out a design, as seen below.
3. I uploaded the image to Prezi and then I designed the big picture, and chose the
fonts that I would be using
4. I wrote a transcript for the presentation
5. Slide by slide, I entered the transcript and added pictures that matched the
backgrounds as I went along
6. I finalized the path and then I started the critique process
Prezi
Description:
Create an
instructional
presentation using
the Prezi software
to demonstrate
it’s features and
capabilities
Instructor: Nicole Nugent
Date: October 7, 2016
Message: How one can eat
healthy in college
Programs Used:
Prezi
10. Process:
1. I thought about the different sceneries that I could take a picture of around Rexburg.
I thought of the apple orchards and I decided to choose a color scheme with different
shades of green, violet and brick. A tetradic color scheme.
2. I went to the apple orchard and took a lot of pictures. I was trying to get pictures of
apples in the foreground and the trees in the background.
3. Once I got a good shot I uploaded it and did some basic edits on photoshop. like
sharpen, color selector, vibrance, and levels.
4. I then added the pink box and the quote, and picked out my font for the project
5. I added the second green box to show who said the quote
6. I added the color swatches in and then named the scheme
7. After the critique I made a few changes and the project was complete
Photo
Design
Description:
By using
photography
and design skills,
create a project
that encompasses
a consistent color
scheme from the
image
Instructor: Nicole Nugent
Date: October 13, 2016
Message: Sometimes we
need to fall down just to see
how strong we are to get up
again
Programs Used:
Adobe Photoshop