13A Portfolio Brother Stucki

2. Barfield pg 2 Barfield pg 3
Table of contents:
magazine cover - pg 4
business identity - pg 6
montage - pg 8
website mockup - pg 10
brochure - pg 12
coding - pg 14
infographics - pg 16
prezi presentation - pg 18
photo design - pg 20

3. Barfield pg 4 Barfield pg 5
Project: Magazine cover
Date: May 4th 2016
Course: Visual Communications 130
Instructor: Brother Stucki
Program tools: Indesign
Objectives: Design a magazine cover that features an
image of myself as well as articles.
Process: 1.I sketched possible layouts and possible
images to use for the magazine cover.
2.After choosing my favorite image and layout
combination I created a shape map in InDesign.
3.Then I replaced the shapes with the actual image and
text.
4.Then I went back and styled the text with fonts that close-
ly resemble the Brides magazine cover.
5.After tons of moving things around, I finally finished and
exported my file.

4. Barfield pg 6 Barfield pg 7
Project: Business Identity
Date: June 1st, 2016
Course: Visual Communications 130
Instructor: Brother Stucki
Program tools: Illustrator, & Indesign
Objectives: Create a logo for a company/service/orga-
nization and make a visual identification for your business.
Process: First I decided on what my pretend busi-
ness would be. I chose photography because I am inter-
ested in one day pursuing that as a side business. Second
I decided I would like a Polaroid camera to be my logo. I
grabbed my Polaroid camera to go by and started to cre-
ate the shapes it’s made of in Illustrator. After designing my
ideal logo, I came up with 3 other similar logos that could
also be like what I wanted. After receiving feedback from
my family and classmates I chose my logo and made a
business card and letter based on that.

5. Barfield pg 8 Barfield pg 9
Project: Montage
Date: May 25th, 2016
Course: Visual Communications 130
Instructor: Brother Stucki
Program tools: Photoshop
Objectives: Design a montage with a spiritual mes-
sage that uses the blend of images and text.
Process: First I brainstormed a few quotes that I
would like to use. I picked images for each quote and then
decided which one I liked the best. After that I uploaded
the photos and started playing around with them until they
were placed where I wanted. Then I started to make them
fade to the background to my liking. Lastly, I added the
quote. After getting feedback, I fixed the black spots in my
background photo, added the quote author’s name, and
fixed one of the images.

6. Barfield pg 10 Barfield pg 11
Project: Web page mockup
Date: June 22nd, 2016
Course: Visual Communications 130
Instructor: Brother Stucki
Program tools: photoshop
Objectives: create a mock website for a company
Process:
1.I came up with 3 ideas by sketching them out
2. I decided on one of them and created the shape map
3. According to the shapemap I made the mock up website
4. I posted it for critique

7. Barfield pg 12 Barfield pg 13
Project: Brochure Activity
Date: July 6th, 2016
Course: Visual Communications 130
Instructor: Brother Stucki
Program tools: Illustrator, Indesign, &
photoshop
Objectives: Design a brochure for a company.
Process: 1. First I sketched out ideas on paper.
2. I created my logo in illustrator.
3. I created the shape of my brochure in illustrator.
4. I chose the photos I would add to my brochure. (I didn’t
add the photos because I am struggling with them in pho-
toshop.)
5. I put it all together in indesign.
6. I went back and changed everything I didn’t like based
on the feedback.
7. I did a practice print and fixed more stuff

8. Barfield pg 14 Barfield pg 15
Project: HTML & CSS
Date: June 15th, 2016
Course: Visual Communications 130
Instructor: Brother Stucki
Program tools: Notepad++
Objectives: Code a custom webpage with HTML and
CSS using my logo created in 7A.
Process: 1. First I created my logo in Illustrator.
2. I resized my logo to be 300 on the width side.
3. I opened the HTML file and started adding my tags.
4. Then I opened the CSS file and made sure to link it in the
HTML code.
5. I customized my CSS to match the colors in my logo
and changed the fonts to what I thought would best fit my
business look.
6. I went back in and filled my own words of contents.
7. I made sure to validate my codes and fixed the errors.

9. Barfield pg 16 Barfield pg 17
Project: Infographic
Date: June 8th, 2016
Course: Visual Communications 130
Instructor: Brother Stucki
Program tools: Illustrator
Objectives: Create an infographic that organizes data
in a visually pleasing way.
Process: I came up with a few topics and nar-
rowed it down to Christmas. I looked up facts and numbers
about Christmas. I made a list and decided which ones I
would like to use.I designed graphics that would represent
each fact best. I placed them where they should go and
started laying out the design until I felt like it was complete.

10. Barfield pg 18 Barfield pg 19
Project: Prezi Presentation
Date: May 11th, 2016
Course: Visual Communications 130
Instructor: Brother Stucki
Program tools: Prezi.com
Objectives: Create a presentation giving instructions
on something using the Prezi software to demonstrate it’s
features and capabilities.
Process: I started brainstorming for ideas of
something I know how to do and enjoy doing. I decided I
would give instructions on how to make fruit salad. I set up
my camera and took pictures of myself doing every step it
takes to make the fruit salad. Next I uploaded the pictures
to my computer and edited them briefly in lightroom.
I chose a background off of a google that would best fit my
topic which I decided would be a kitchen since that’s where
I made the dessert.

11. Barfield pg 20 Barfield pg 21
Project: Photo design
Date: May 18th, 2016
Course: Visual Communications 130
Instructor: Brother Stucki
Program tools:photoshop
Objectives: Using photography and design skills and
a consistent color scheme to create a photo design.
Process: I chose a color scheme based on an idea
for an image I had. I chose complimentary scheme for the
red train and green grass. I went to the park and took the
picture. I tried to get a shot with good composition and
depth of field. Next I edited the image in lightroom. After
that I decided to sketch out an idea plan for the design.
Then I designed and played around with it in photoshop till
I was happy with it.