You are on page 1of 19

Portfolio

Bryan Alfaro

Contact

Bryan Alfaro
141 S 1st W
Rexburg ID 83440
Phone: 208-809-4306
Email:alf09001@byui.
edu

Table of Contents
Montage
Business Card
Letterhead
Webpage
Flier
Imaging
Event Ad
Logos

Montage
Description: An inspirational montage made by the blending of two or more
images, and the use of typography.
Date: 10/23/15
Course/Instructor:
Comm 130 Section 3, Ben Pingel
Program(s)/Tools:
Adobe Photoshop
Objectives:
-Learn to manage photoshop layersLearn to bleand images together smoothly,
using masks
-Use Filters
-Apply appropriate typography
Process : (Programs, Tools, Skills, Steps taken while designing):
-I cropped the background image of a fisherman casting a net to
8.511.
-I selected a picture of Christ and moved him to the background image, then I
added a mask.
-With black paint and a 100% opacity, soft-edged brush, I painted away the hard
image edges.
-With a larger black brush at 30% opacity and 30% flow, I blended the
image into the background, so it looks like he is melting into the scene.I added
some type with two contrasting fonts to make the text more legible

Business Card
Description:
Matching letterhead and businesscard designs using a personally created logo
Date: 11/6/15
Course/Instructor:
Comm 130 Section 3
Ben Pingel
Program(s)/Tools:
Adobe InDesign
Adobe Illustrator
Objectives:
Create a new logo to fit a company or personal image
Design consistent layouts for a business card and letterhead
Use the basic tools of Illustrator and InDesign
Process : (Programs, Tools, Skills, Steps taken while designing):
-I created the logo using simple shapes in Adobe Illustrator. I also used
the pathfinder tool to cut and combine these simple shapes.
-I created a boat and sail image into the business card and letterhead to help
unify the stationery pieces.
-I enlarged the sail D and placed it on the back of the business card.
-Once the logo was created, I opened a new two page InDesign document and
placed my logo .AI file into this document. I used the rectangle tool to create
the front and back outline of my business card.

Letterhead
Description: Matching letterhead and businesscard designs using a
personally created logo
Date: 11/6/15
Course/Instructor:
Comm 130 Section 3
Ben Pingel
Program(s)/Tools:
Adobe InDesign
Adobe Illustrator
Objectives:
Create a new logo to fit a company or personal image
Design consistent layouts for a business card and letterhead
Use the basic tools of Illustrator and InDesign
Process:
I created the logo using simple shapes in Adobe Illustrator. I also used the
pathfinder tool to cut and combine these simple shapes. Once the logo was
created, I opened a new two page InDesign document and placed my logo
.AI file into this document. I decided to make my first page a letterhead.
I positioned the placed logo in the top left corner of my letterhead. I then
typed my con- tact information into a text box and positioned it on the
right hand side of the letterhead. I added the boat shat and extended it
across the page to unify the information and to get some repetition. I also
added a large version of the boat and sailor as a watermark. I kept the
opacity to about 15%.

Web Page
Description:
A webpage designed to showcase a persoanlly designed logo
Date: 11/22/15
Course/Instructor:
Comm 130 Section 3
Ben Pingel
Program(s)/Tools:
TextWrangler Adobe
Photoshop Objectives:
-Size and optimize an original logo as a .png for a web page
-Write content to describe the process of creating your logo and how it
appeals to a target audience
-Design a web page using HTML to display a logo and content
-Aquire a working knowledge of HTML and basic understanding of
CSSIdentify hex colors for web design
-Compress multiple les in a zipped folder to attach as one le
Process : (Programs, Tools, Skills, Steps taken while designing):
I created this web page using only TextWrangler. After I marked up
all my content and inserted my image, I attached a pre-made CSS
document to my HTML. I then used the colors from my logo as the
colors for my web page. I found these colors by opening Photoshop
and using the eyedropper tool. I also changed my fonts to Times New
Roman and Arial. I also used padding around the logo and text so that
they would not be too close to the edge of the web page.

Flier
Description:
Black & White Promotional flier to promote a graduate leadership
conference
Date: 08/04/15
Course/Instructor:
Comm 130 Section3
Ben Pingel
Program(s)/Tools:
Adobe InDesign
Objectives:
-Apply the design principles and use appropriate typography.
-Incorporate basic InDesign skills to improve basic flier layout.
-Create a project folder with image, logo, and InDesign document to
keep links intact
Process : (Programs, Tools, Skills, Steps taken while designing):
The program used is InDesign, and is a black and white themed design,
I put allot of focus on aligning all the elements on the page while
creating
a focal point and hierarchy to provide a good flow to the readers. I also
made good use of contrasting fonts and values that complement each
other fairly well.

Imaging
Description: A personally taken photograph that has been edited/
formatted using photoshop
Date: 10/15/15
Course/Instructor:
Comm 130 Section 3
Ben Pingel
Program(s)/Tools:
Adobe Photoshop
Canon Powershot Camera
Objectives:
-Learn basic photography skills
-Use a digital camera to take a quality image, then download it.
-Size and crop the image
-Adjust image brightness, contrast, hue and saturation levels
-Use a selection tool to isolate a portion of the image
-Desaturate the selected portion of the image
-Use a lter or colorize a portion of the image
Process : (Programs, Tools, Skills, Steps taken while designing):
For the indoor lighting photo I took a shot of a globe in the lobby of my
apartment complex and adjusted the light in adobe photoshop to make
a slightly greater contrast between the light reflecting on the globe and
the dark background to make a more dramatic effect.

Event Ad
Description:
A personally taken photograph that has been edited/formatted using
photoshop
Date: 10/10/15
Course/Instructor:
Comm 130 Section 3
Ben Pingel
Program(s)/Tools:
Microsoft Word
Epson Scanner
PDF2JPG.net (PDF converter)
Objectives:
-Find, scan, and import a high-quality image.
-Create a full-bleed design
-Use text boxes for layout in Word
-Insert and edit images in Word
Process : (Programs, Tools, Skills, Steps taken while designing):
The program used is Microsoft Word, I arranged my design in a way
that the focal point can be clearly defined and as a result the flow and
hierarchy of the design came out allot smoother. I tried to make good
use of rhythm and gestalt using alignment of the text and images
throughout the design.

Logos
Description:
These are three logos that I designed representing a fictional company
Date: 10/30/15
Course/Instructor:
Comm 130 section 3
Ben Pingel
Program(s)/Tools:
Adobe Illustrator
Objectives:
-construct shapes properly and grouping, dividing, and arranging them with over
relating shapes.
-Using the various tools (pen, pencil, brush, etc)
Process:
These our my three logos that I created, the fist one is in the shape of a bus; I used the
shape tool to make a rounded rectangle outline then divided the shape in two and filled
them with the complementary colors orange and blue. To simulate windows I used
the shape tool again to create small squares and filled them with the color black. Lastly
I selected circles from the shape tool and filled them with black as well to look like
wheels.
My second logo is in the shape of a boat, since theres no triangle in the shape tool I
simply used the pen tool to draw out the shape and connect the end points to create a
sail. For the bottom half of the boat I created an oval with the shape tool and cut it in
half to create the boat like shape. I then used the pen tool to connect the triangle sail
and boat together and complete the image. And finally filled the bottom half oval with
teal color.
For my third logo I created an image that looks like a train. This one was mostly done
my hand with the pencil tool, I drew out the outline and divided the shape into three
compartments where I filled with three different colors (teal, blue, indigo) to create an
analogous color scheme. I made a square shape in the front of the train and filled it with
black to look like a windshield.