This document contains summaries of various design projects completed by Kent Roper for a communications design course. The projects include creating a brochure, coding an HTML/CSS website, designing business cards and letterhead, making an infographic, designing logos, photo editing, presentations, magazine covers, and a web page mockup. For each project Roper lists the design programs used, date completed, course information, objectives, and process undertaken to complete the project.

2. page 2 page 3
916.505.2588
roperkent@gmail.com
po box 292011
Sacramento, CA 95829
kentroper.com
Table of Contents
brochure
html & css coding
business identity
infographic
logo design
photo montage
photo design
prezi presentation
web page mockup
magazine cover
4
6
8
10
12
14
16
18
20
22

3. page 4 page 5
brochure
description:
Design a folding, full-color, full-bleed brochure, including new
logo, vector icons, and cut-out feature.
programs:
Adobe Illustrator
Adobe Photoshop
Adobe InDesign
date:
7 July 2016
course:
comm130 section 12
instructor:
Jason Stucki
objective:
Demonstrate creating a multi-page document in InDesign, use
text wrap around an image, and apply paragraph styles.
process:
1. I created a new logo and vector icons in Adobe Illustrator.
2. I gathered images to be used in brochure.
3. I set up a new 2-page document in InDesign, added
columns, and began to lay out the brochure.
4. During the process, I created three paper prototypes, to
help me decide which content belonged where, and what my
cutout feature would look like.
5. I exported the brochure as a pdf and printed at a print shop.
6. I trimmed margins to get a full bleed, and used scrapbooking
circle punch for cut-out feature.

4. page 6 page 7
html & css coding
description:
Code a web page in a text editor.
programs:
Notepad++
date:
15 June 2016
course:
comm130 section 12
instructor:
Jason Stucki
objective:
Demonstrate the ability to use HTML to create a web page and
CSS to apply style and layout.
process:
1. I created the HTML page first, with the headers, paragraphs,
etc that were required for this assignment.
2. Then I found a background image online, and chocolate
chip image for the bullet points.
3. I exported a .png version of a logo I had previously created.
4. I then created a CSS document to lay out the elements I had
created in the HTML document.

5. page 8 page 9
business identity
description:
Create letterhead and a two-sided business card.
programs:
Adobe Illustrator
Adobe InDesign
GIMP
date:
1 June 2016
course:
comm130 section 12
instructor:
Jason Stucki
objective:
Improve skills in Adobe Indesign and demonstrate ability to
create stationary for a cohesive brand.
process:
1. In Adobe InDesign, I imported my logo and tried positioning
in different areas on the page. I added horizontal bars, and a
larger version of the logo as a watermark.
2. Using the same font faces and colors, I created a two sided
business card in a separated document.
3. Used GIMP to crop the logo for the back of the business
card, because I was getting close to deadline, and didn’t
have time to figure it out in Illustrator or InDesign. Besides
trimming off the bottom of the logo for this one element,
all other elements were developed in Adobe software.

6. page 10 page 11
infographic
description:
Create an infographic worthy of sharing on Pinterest.
programs:
Adobe Illustrator
Microsoft Excel
date:
8 June 2016
course:
comm130 section 12
instructor:
Jason Stucki
objective:
Demonstrate the ability to create charts and vector graphics in
Adobe Illustrator.
process:
1. I gathered statistics about California cheese, and sketched a
few ideas with pencil and paper.
2. Using the pen tool in Adobe Illustrator, I created new vector
graphics by tracing a map of California and the United States. I
drew a scale with a wedge of cheese, and a milk bottle.
3. I created a new file in Illustrator, created a background, and
laid out text and graphics.
4. I created a graph in Microsoft Excel, made a screen shot,
and replicated the graph with the rectangle tool in Illustrator.

7. page 12 page 13
logo design
description:
Design three logos that a business could use, and choose one
of those logos for additional projects.
programs:
Adobe Illustrator
date:
7 July 2016
course:
comm130 section 12
instructor:
Jason Stucki
objective:
Use Adobe Illustrator to create logos, incorporating tasteful
typography and color schemes.
process:
1. I used Google image search for ideas for logos.
2. I sketched a few ideas on paper.
3. Using Adobe Illustrator, I created three logo ideas.
4. On the middle logo, which I eventually chose to use with
other projects, I used used several tools in Illustrator, including
the type-on-a-path tool for the lettering, and the pathfinder tool
to cut out the bite marks on the cookie.

8. page 14 page 15
photo montage
description:
Blend two or more images in Adobe Photoshop to create a new
image, and use typography to create an inspirational message.
programs:
Adobe Photoshop
date:
25 May 2016
course:
comm130 section 12
instructor:
Jason Stucki
objective:
Learn how to effectively use layer masks in Photoshop.
process:
1. I wanted to show a contrast between a light and a dark
scene, so I searched unsplash.com for high quality images.
2. I placed both images in Photoshop, and tried different layer
mask techniques. Using a gradient worked best.
3. I had the idea to add my face as well. I used the brush tool
on a layer mask to blend in with the other two images.
4. I finished with text and two contrasting type faces.
++
=

9. page 16 page 17
photo design
description:
In Photoshop, create a photodesign project that includes a
new, original photo, design elements, text, and color scheme.
programs:
Adobe Photoshop
date:
7 July 2016
course:
comm130 section 12
instructor:
Jason Stucki
objective:
Learn to use Photoshop to add text and design elements to a
photo, and use a color scheme that matches the photo.
process:
1. I took a photo of an old Spider-man action figure. I then
imported that photo into Photoshop, and adjusted the levels
and vibrance.
2. I duplicated the layer, and made the bottom layer black and
white. I used a layer mask to show Spidey in full color with a
black and white background.
3. I added the horizontal bars, text, and color swatch circles.
I used a layer mask to have Spidey’s head in front of the
horizontal bars. I adjusted the opacity of the horizontal bars to
let some of the background show through.

10. page 18 page 19
prezi presentation
description:
Use Prezi to create presentation with multiple slides.
programs:
Prezi
GIMP
date:
11 May 2016
course:
comm130 section 12
instructor:
Jason Stucki
objective:
Demonstrate principles of good presentations, including easy
to read, limited text, emphasis on graphics instead of text, and
use of tasteful typography.
1. I gathered several photos and images to inclue in my
presentation.
2. Using GIMP, I created the background, using the ellipse tool
and bucket fill tool. I added the cow, sheep, and goat icons
before exporting as a .jpg file.
3. In Prezi, I imported my background, and then placed text
and image elements on slides.
4. After getting feedback from others, I improved the
presentation by emphasizing a few words on each slide,
making it easy to instanly understand what each slide is about.
process:

11. page 20 page 21
magazine cover
description:
Designing a magazine cover that features me.
programs:
Adobe InDesign
date:
5 May 2016
course:
comm130 section 12
instructor:
Jason Stucki
objective:
Learn how to use InDesign and demonstrate principles of layout
and tasteful typography.
process:
1. I sketched several ideas with pencil and paper.
2. I picked one of the designs, and used InDesign to create a
shape map.
3. I had my wife take a photo of me.
4. I imported the photo into Indesign, added text and a
barcode graphic. I used colors from my shirt and teddy bear
most of the text.

12. page 22 page 23
web page mockup
description:
Create a web page mockup.
programs:
Adobe Illustrator
Adobe Photoshop
date:
13 July 2016
course:
comm130 section 12
instructor:
Jason Stucki
objective:
Use layers and a grid in Photoshop to create a web page
mockup.
process:
1. I searched unsplash.com for image inspiration. This pony’s
from Iceland has a mane that reminds me of a combover.
Perfect for a website for a balding man’s hair studio.
2. I used a 12-column .psd file to layout the different elements
of the mockup. I placed the photo, and created top and
bottom bars that matched the pony. I added text, another
small photo, and put the main body copy in front of another
rectangle.
3. I created the logo in Adobe Illustrator, with an icecube
image and hair style logos I found online as inspiration.