portfolio

Mark Roylance

Mark Roylance
1509 E Seattle St
Broken Arrow, OK 74012
918.760.0016
mbroylance@gmail.com

table of contents
1. Photodesign
2. Montage
3. Flier
4. Event Ad
5. Stationer y
6. Business Cards
7. Logos
8. Brochure
9. Web Page

photodesign
Description

A poster with a historical quote and an invitation to learn more about Renaissance
fencing.

programs
Photoshop

Date

February 8, 2015

Course

COMM 130-11

Instructor
Emily Kunz

Objectives

Learn basic photography skills.

Choose a color scheme, take a photo to match those colors, then incorporate the
colors into the layout.
Use a digital camera to take a quality image, then download it.
Adjust image levels, saturation, color balance, sharpen tool on separate layers
for NDE (non-destructive editing.)
Size and crop the image, then place on an 8.511 page layout.
Use layers to design text, and repeating graphic elements in Photoshop.
Print with full-bleed margins. Trim only 1/8(0.125) from all four sides.

Process

I laid out a blanket and took some photos of my sword. I planned for the blanket
to make up the entire background, but the photo itself didnt work out for that.
So, it all went to Photoshop. I did the required edits (sharp, vibrance, levels, and
hues), then went to town with the Content-Aware Fill, Clone Stamp, and Healing
Brushes. I used Perspective Warp because the sword was at a slight angle in the
photo, and lined up the main body copy with the crossguard. The website and
logo are aligned with the point.

montage
Description

A photoshop montage with a spiritual theme. The quote comes from the KJV
Bible verse Isaiah 1:18.

programs
Photoshop

Date

February 14, 2015

Course

COMM 130-11

Instructor
Emily Kunz

Objectives

Use the FOCUS design process with strong focal point and flow
Unify a layout with a consistent theme and dominant spiritual message
Learn to blend two or more images together gradually, using masks
Demonstrate more advanced Photoshop skills for layout with multiple elements
Use a mask to apply a filter to one part of the image
Apply typography principles (titles, quotes, events or scripturesyour choice)
Format type: Legibility; Small copy & Title with varying text size. Theme
word(s)
Select good quality images

Process

I knew I wanted to do something about Christ reaching out to us and offering

redemption, and Isaiah 1:18 is one of my favorite verses about that subject. I
decided to use a snowy background with a red tint.
Using Google Images, I found the hands and a snowy landscape. I actually used a
different photo in my initial draft, but it had trees on the horizon that distracted
from the hands.
I added light and shadows on the hands, and used a Hue/Saturation filter and a
mask to remove the red tint from the bottom right corner.

flier
Description

COMM 130 Flyer Project

programs
InDesign

Date

January 24, 2015

Course

COMM 130-11

Instructor
Emily Kunz

Objectives

Apply the design principles and use appropriate typography.

Incorporate basic InDesign skills to improve basic flier layout.
Retrieve image and logo from links on this page.
Create a project folder with image, logo and InDesign document to keep links in
InDesign intact.

Process

I used Adobe InDesign to make this flyer. I sketched four different ideas
beforehand, then combined my favorite elements into my first draft. I focused a
lot on aligning the different elements to each other, and even used custom guides
in InDesign to help me do that. After receiving critique on my draft, I made
changes to the gradients and dividing lines to make my grouping clearer and add
some repetition.

event ad
Description

A flier made advertising a potluck fundraiser.

programs
Microsoft Word

Date

February 1, 2015

Course

COMM 130-11

Instructor
Emily Kunz

Objectives

Comprehend image sizing (how pixels and inches work together)

Find, scan and import a high-quality image.
Create a full-bleed design.
Choose a color scheme and typeface(s) that work for your message and
audience.
Learn to use only Word design features without using any Adobe programs,
including Photoshop.

Process

Per project requirements, this was made entirely in Microsoft Word. The image
of the food was scanned from a cookbook with no alterations (beyond sizing and
cropping) made. I made it from scratch in Word, and made alterations based on
peer feedback.

stationery
Description

An example stationery set for a gym.

programs
Illustrator

Date

February 28, 2015

Course

COMM 130-11

Instructor
Emily Kunz

Objectives

Use the basic tools in Illustrator & InDesign.

Create a new logo to fit a company or personal image. Do not imitate existing
logos or use previous designs. Dont use photos or live trace.
Use the new logo to design consistent layouts for a business card and letterhead.
Photos are okay on business card and letterhead as additional design elements.
Letterhead should be 8.5 x 11, full-bleed optional, but trim only .125. Business
card should be 3.5 x 2 and printed above center on a vertical page.
Apply typography rules, keeping small copy.
Keep designs simple with light watermarks and drop shadows and plenty of
white space.
Include contact information: name, address, phone, website, and email on each
piece. Use periods, bullets, or spaces in phone number; no parentheses/ hyphens.

Process

I put everything together in Illustrator. I used artboards sized for the letter and
two business card sides, along with a fourth artboard to work on the logo. I
already had an idea for the barbell logo (in fact, I had thought about using Macho
Bodybuilders in last weeks project), so that simplified matters. The design used
to be a bit cumbersome, including a line of watermark barbells and colored
rectangles that were only there to take up space. I removed these unneeded
elements after my instructors critique, and I ultimately came away with a
stronger design.

business cards
Description

Example business cards for a gym.

programs
Photoshop

Date

February 28, 2015

Course

COMM 130-11

Instructor
Emily Kunz

Objectives

Use the basic tools in Illustrator & InDesign.

Create a new logo to fit a company or personal image. Do not imitate existing
logos or use previous designs. Dont use photos or live trace.
Use the new logo to design consistent layouts for a business card and letterhead.
Photos are okay on business card and letterhead as additional design elements.
Letterhead should be 8.5 x 11, full-bleed optional, but trim only .125. Business
card should be 3.5 x 2 and printed above center on a vertical page.
Apply typography rules, keeping small copy.
Keep designs simple with light watermarks and drop shadows and plenty of
white space.
Include contact information: name, address, phone, website, and email on each
piece. Use periods, bullets, or spaces in phone number; no parentheses/ hyphens.

Process

I put everything together in Illustrator. I used artboards sized for the letter and
two business card sides, along with a fourth artboard to work on the logo. I
already had an idea for the barbell logo (in fact, I had thought about using Macho
Bodybuilders in last weeks project), so that simplified matters. The design used
to be a bit cumbersome, including a line of watermark barbells and colored
rectangles that were only there to take up space. I removed these unneeded
elements after my instructors critique, and I ultimately came away with a
stronger design.

MACHO

BODY BUILDERS

logos
Description

Three logos for Rent Errant, purveyors of knightly services such as crusading,
dragon slaying, and princess saving. Business has been slowly lately.

programs
Illustrator

Date

February 22, 2015

Course

COMM 130-11

Instructor
Emily Kunz

Objectives

Create three completely different, original logos to fit a company or personal

image that will appeal to the audience. Do not imitate existing logos or use
previous designs.
Use only the Illustrator tools to create and draw your logos. (No Illustrator prefabricated flares, symbols, etc.. No photos or live-tracing. You may use an image
or drawing as a guide to trace it with the pen/pencil, but delete the image before
submitting.)
Gather opinions from at least ten people about which logo appeals most to them.

Process

I played around with monograms, as seen in the top logo, and I love the way the
letters merged. The middle logo started a bit bland, but making all the letters tilt
added motion, and the repeating white strips made it more interesting (while also
using Gestalt). The bottom logo played with gestalt again. I downloaded an image
of a helmet and outlined it with Illustrators pen tool. After that, I simply made the
text follow the paths.

brochure
Description

A brochure for the Pell company.

programs

InDesign, Illustrator, and Photoshop

Date

March 29, 2015

Course

COMM 130-11

Instructor
Emily Kunz

Objectives

Set up and align a two-sided, folded document.

Create an original, new logo and use it in a brochure.
Incorporate quality images. Incorporate at least four quality images, not
including the logo. One should be clipped in Photoshop and text-wrapped in
InDesign so the text follows the cutout shape of the image.
Write at least 250 words of original copy in at least three paragraphs, headers,
and subheaders.
Trim for a full bleed and print in duplex (two-sided) color.

Process

I used a blend of Photoshop, Illustrator, and InDesign for this project. Most of it
was InDesign, but the logo and grass were made in Illustrator. Photoshop take
care of removing the background on the knight painting. Overall, it was a matter
of placing text, resizing it, coloring it, moving images around, etc.

web page
Description

A web page demonstrating a logo from a previous project.

programs
Notepad++

Date

March 15, 2015

Course

COMM 130-11

Instructor
Emily Kunz

Objectives

Size and optimize an original logo as a .png for a web page so the long side is
300 500 pixels.
Write content to describe the process of creating your logo and how it appeals to
a target audience. (Minimum of 200 words. Include rationale for colors, appeal to
target audience, design skills, etc,)
Acquire a working knowledge of HTML. (Include all required tags Doctype
(provided), html, head, title, meta charset (provided), body, h1, h2, p, ol or ul
(with li tags), img, br, and a link to blog)
Acquire a working knowledge of CSS. (Customize the provided CSS provided
to format the HTML to complement the logo design. Change at least the
following: The h1 text color & h1 background color, font colors for the paragraphs
& list items, the background color, font families and add at least one css comment.)
Identify hex colors to match logo, using Photoshop color picker.
Open the HTML page in a web browser and capture a quality screen shot with
.5 inch margins for printing.

Process

The page itself was created entirely with HTML and CSS. We were given a
template to work with, and I made changes to the color scheme, fonts, and letter
spacing. I used Photoshop to get the hexadecimal codes for the colors in the logo,
allowing me to make the page match the logos color scheme.