Portfolio

Marcel Teloma

Contact Me
Name: Marcel Teloma
Number: 714.336.6853
Website: wordpress.com/marcelteloma
Address: 8357 petunia Way

buena park, CA

90620

Table of Contents
Brochure
Logo
Montage
Event Ad
Stationery
Flier
Photodesign
Webpage
Imaging

Brochure
Description: Two-sided travel brochure
Programs Used: Adobe Illustrator, Adobe Indesign, Adobe Photoshop
Date: Saturday, March 26th, 2016
Course: Comm 130, Sec. 001, Pingel
Objective: 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: To begin, I created a logo in Illustrator using shapes. From there, I moved it into InDesign and began the brochure. I set up the lines to make it the uneven brochure type and I designed
what I had sketched on paper. I made the front simple with a title, logo and flag of the country.
The outside flap has Uruguay printed in large letters to capture the attention of the audience.
I found a variety of images to use on this project. I sized them and inserted them into InDesign.
With one image, I took out the background and placed text around it. I added text to the other
images as well for a clear description.

Logo
Description: Creative logo for a company
Programs Used: Adobe Illustrator
Date: Saturday, February 30th, 2016
Course: Comm 130, Sec. 001, Pingel
Objective: 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.
Market research: gather opinions from at least ten people about which logo appeals most to
them.
Use only the Illustrator tools to create and draw your logos. (No Illustrator pre-fabricated
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.)
Refine one logo with variations for color
Process: I learned how to combine circles and squares and then crop them to get the exact shape
I wanted. That is precisely how I created my special watermelon. I searched a variety of fonts to
find the perfect one that would display my message. It is the font used at The Burg restaurant.

watermelon inc.

watermelon inc.

watermelon inc.

Montage
Description: A spiritual montage made by blending two images and inputting text
Programs Used: Adobe Photoshop
Date: Saturday, February 13th, 2016
Course: Comm 130, Sec. 001, Pingel
Objective: 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: Researching photos of Christ and cross.
2. After placing them in photoshop, I cropped the image to fit 8.511
3. Placed Christ as the background picture. Then added the cross.
4. Painted away the edges of the cross image to have it blend in with the background.
5. Added text to image using two fonts and dropped opacity.

Event Ad
Description: An event advertisement using Microsoft Word and a scanner
Programs Used: Microsoft Word
Date: Saturday, January 30th, 2016
Course: Comm 130, Sec. 001, Pingel
Objective: 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: I used a scanner to scan the Mario image to my computer. From there I edited the image,
cropped it, took out the white background and attached it to a Word document. I added various
boxes of the primary colors red, yellow and blue. I used the dropper to match the colors of the
boxes to the colors of Marios clothing. I tried a nice font to appeal to the audience, however it
did not transfer with the PDF.
Used: Microsoft Word, Epson Scanner

Stationery
Description: Matching Letterhead and Business Cards
Programs Used: Adobe Illustrator, Adobe Indesign
Date: Saturday, February 27th, 2016
Course: Comm 130, Sec. 001, Pingel
Objective: 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 created the logo using simple shapes in Adobe Illustrator. I was able to form the tie
design back connecting rectangles and triangle and rounding the edges.
From there I moved the adobe illustrator tie to indesign where I was able to create the letter
head and business cards. I enlarged my original tie design and lowered the opacity to create a
gray tie for the background. I added bars as well to the indesign.

Marcel Teloma
714.200.3000
tysties@gmail.com
27101 Lake Mathews Dr.
Perris, CA 90620

Marcel Teloma
714.200.3000
tyties@gmail.com
27101 Lake Mathews Dr.
Perris, CA 90620

Flier
Description: Simple black and white flier used to promote the upcoming Graduate Leadership conference
Programs Used: Adobe Indesign
Date: Saturday, January 23rd, 2016
Course: Comm 130, Sec. 001, Pingel
Objective: 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: After brainstorming the message I wanted to get across, I created four possible sketches. Using InDesign, I placed three boxes in the middle of the design in order to create a good repetition. I strategically left white space on both the left and bottom of the page. I was given the
image and logo for the flier and placed the logo within a design involving hexagons.

Photodesign
Description: A poster with an original image edited in photoshop
Programs Used: Adobe Illustrator, Adobe Photoshop
Date: Saturday, February 6th, 2016
Course: Comm 130, Sec. 001, Pingel
Objective: 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 had to completely edit the original photo of the cookie I took. In Photoshop, I cropped
the background and added more color to the cooke. From There, i added a color scheme and
made it monochromatic gold and added text.

Webpage
Description: A webpage designed to display and describe an original logo
Programs Used: Adobe Illustrator, Text Wrangler
Date: Saturday, March 12th, 2016
Course: Comm 130, Sec. 001, Pingel
Objective: 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: I created this webpage using TextWrangler. I used all the basic html and web design
skills.
I attached a pre-made CSS document to my HTML. I added a blue monochromatic color scheme to
my website. I found these colors by opening Adobe Illustrator and using the eyedropper tool. I
changed my fonts to Times New Roman and Georgia.
I added the logo I created from Illustrator and InDesign.

Imaging
Description: Basic image editing in photoshop
Programs Used: Adobe Photoshop
Date: Tuesday, February 2nd, 2016
Course: Comm 130, Sec. 001, Pingel
Objective: Learn basic edits of Adobe Photoshop
Process: Using a digital camera, I took four picture and edited them using photoshop basic edits.