You are on page 1of 21

P

o
r
t
f
o
l
i
o
Designs by Markus Tava
M
arkus

Email: marktava@us.ibm.com
Phone: 714.470.6485
Address: 8108 Cambria Circle, Stanton, CA 90680
Blog: http://marktava82.wordpress.com/
T
ava

T
able of Contents
T
ava

Brochure
Montage
Stationary
Business Card
Logos
Photodesign
Web Page
Event Ad
Flier
Brochure
Description: Offset brochure is created. The goal is to apply title/body content with a
mixture of clipped & text wrapped images.
Programs: Adobe Illustrator & Photoshop
Date: July 12, 2014
Course/Instructor: Comm. 130 - Emily Kunz
Objectives:
Set up and align a two-sided, folded document.
Create an original company logo and use it in a brochure.
Incorporate quality images.
Process:
1) Create the logo using Adobe Illustrator
2) Gather all the related images and place in images folder
3) Develop the text text content to be included along with paragraph titles
4) Create the two sided brochure outline by setting the ruler mark at 6.25 inches on
page 1. The, set the ruler mark at 4.75 & 9.25 on page 2. Total of 5 panels
5) Using Adobe photoshop, select the images that are to be clipped using the quick
select tool, save selection, and then modify using the refine edge functionality.
6) Back on the brochure, set the background on both pages using the rectangle tool.
7) Place the clipped and non clipped images onto the brochure in the desired locations
8) Add the title and body text onto the brochure in the desired locations
9) Create the effects of an image curving with the body text by applying the text wrap-
ping functionality.
10) Adjust the title and body text to desired font and size
Montage
Description: The purpose of this project is to design an inspirational poster using a
mixture of pictures that blend together.
Programs: Adobe Photoshop
Date: May 31, 2014
Course/Instructor: Comm. 130 - Emily Kunz
Objectives:
Design an inspirational poster using a mixture of pictures that blend together.Use the
FOCUS design process with strong focal point and flow
Unify a layout with a consistent theme and dominant message
Learn to blend two or more images together gradually, using masks
Use a mask to apply a filter to one part of the image
Process: The process begins by obtaining the photos that will be used. Then the photos
are edited in Adobe Photoshop with the basic tools such as sharpening, vibrance, selec-
tive coloring, and levels. Then, open the main background photo while in photoshop
and crop it to 11in x 8.5 in. After that, another photo is opened and using the lasso
tool, the image is selected and then it can be moved over on the main image. The same
process is done with any additional images. Those images are then resized while hold-
ing the shift button to maintain the proportions of the image. Then, the paintbrush
can now be used. In order to blend the images, the layer must have the mask button
applied. Then set the opacity to 100 and remove the hard edges. Then reduce it lower
(maybe 30) and blend in the full image. After the images have been blended, the poster
can be designed further by adding additional text.
Stationary
Description:
Letterhead
Programs: Adobe Illustrator, Adobe Indesign
Date: June 15, 2014
Course/Instructor: Comm. 130 - Emily Kunz
Objectives:
Create a new logo to fit a company or personal image.
Use the new logo to design consistent layouts for a letterhead. Photos are okay on letter-
head as additional design elements. Letterhead should be 8.5 x 11, full-bleed optional,
but trim only .125.
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, and email on each piece. Use peri-
ods, bullets, or spaces in phone number; no parentheses/ hyphens
Process:
First, the logo was designed with Adobe Illustrator. It required the usage of the shapes
tool and then it was exported as a jpeg. Adobe Indesign was opened with a new docu-
ment to create the letterhead. The logo was placed on the document and then the rest
of the letterhead was created with the text and shapes tool. After that it was exported as
a PDF.
Business Card
Description: Business card
Programs: Adobe Illustrator, Adobe Indesign
Date: June 15, 2014
Course/Instructor: Comm. 130 - Emily Kunz
Objectives:
Create a new logo to fit a company or personal image.
Use the new logo to design consistent layouts for a business card. Photos are okay on
business card as additional design elements. Business card should be 3.5 x 2 and print-
ed above center on a vertical page.
Keep designs simple with light watermarks and drop shadows and plenty of white
space.
Process:
First, the logo was designed with Adobe Illustrator. It required the usage of the shapes
tool and then it was exported as a jpeg. Adobe Indesign was opened with a new docu-
ment to create the letterhead. The logo was placed on the document and then the rest
of the letterhead was created with the text and shapes tool. After that it was exported as
a PDF. For the business card, Indesign was used and basically followed the same proce-
dure as the letterhead. It was then exported as a PDF.
Logos
Description:
The purpose of the this project is to create different logos for the same company. The
logos designed consisted of type, shape, symbol, & illustration.
Programs: Adobe Illustrator
Date: June 7, 2014
Course/Instructor: Comm. 130 - 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 pre-fabricat-
ed 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:
The functionality used was the Pathfinder tool for logo #2 to create shapes out of the
text so that each can be color coded. Also, the pen tool, shapes, and paintbrush were
used to create the design of the bowls with steam.
Photodesign
Description:
This design is focused on incorporating a personal photograph and designing a layout
that molds the different colors with the photo.
Programs: Adobe Photoshop
Date: May 25, 2014
Course/Instructor: Comm. 130 - Emily Kunz
Objectives:
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.5×11 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:
The process begins by first deciding on a color scheme. Then a photo is taken that’s
based on that color scheme. The photograph is then uploaded into photoshop and ed-
ited with 4 basics tools such as vibrance, sharpness, color selecting, and levels. After the
photo is edited according to the liking, it’s dragged over to a new photoshop document
and the layout can begin. The design uses a compilation of the eyedropper tool and the
color wheel to get the right colors to blend with the photo. Then swatches are added to
demonstrate the color scheme selected.
Web Page
Description:
A web page was created to display a logo.
Programs: Adobe Illustrator & Notepad++
Date: June 29, 2014
Course/Instructor: Comm. 130 - 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.
Design a web page using HTML to display the logo and content.
Compress multiple files in a zipped folder to attach as one file.
Open your HTML page in a web browser, and capture a quality screen shot with .5 inch
margins for printing
Process:
1) Create an html file using the standard html tags and referencing the css file.
2) Create logo in Adobe Illustrator and export as .png file
3) Obtain a .css file and modify the colors, fonts, & reference the image
4) Place .css, image (png), and html file in single folder.
Event Ad
Description:
This is an Event Ad promoting a fundraiser for the Leukemia and
Lymphoma Society.
Programs: Microsoft Word
Date: May 17, 2014
Course/Instructor: Comm. 130 - 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:
The process consisted of scanning an image that was 4 x 6 at 300 DPI.
Then, the image was was inserted into Microsoft Word where the
remaining design was created. The blue color scheme was used and the
skills learned from Project 1 was applied. The patterns were created by
inserting text boxes and utilizing the various ‘Fill’ options along with
inserting the text.
Flier
Description: This project is a colorless (gray scale only) flier that is promoting a
conference for graduates to learn new leaderships skills.
Programs: Adobe InDesign
Date: May 14, 2014
Course/Instructor: Comm. 130 - 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 sketched out four possible layouts as preparation for putting together the fli-
er. Then, I put together a complete draft using Adobe InDesign and received
constructive criticism using the four-step critique process. After the feedback, I
revised draft to build the final version. My skills enhanced with my knowledge of
learning InDesign for the first time. For example, I’m able to create shades boxes
with overlapping text, insert photos, and apply different font characteristics.