portfolio project - visual communications

8/12/2019 Portfolio Project - Visual Communications

1/21

Po

rtf

olio

Designs by Markus Tava


2/21

Markus

Email: [email protected]

Phone: 714.470.6485

Address: 8108 Cambria Circle, Stanton, CA 90680

Blog: http://marktava82.wordpress.com/

T

ava


3/21


4/21

BrochureDescription: Offset brochure is created. The goal is to apply title/body content with

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 locatio

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 wra

ping functionality.

10) Adjust the title and body text to desired font and size


5/21


6/21

MontageDescription: 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 t

FOCUS design process with strong focal point and flow

Unify a layout with a consistent theme and dominant messageLearn 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 pho

are edited in Adobe Photoshop with the basic tools such as sharpening, vibrance, se

tive coloring, and levels. Then, open the main background photo while in photosho

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 sa

process is done with any additional images. Those images are then resized while hol

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 low

(maybe 30) and blend in the full image. After the images have been blended, the po

can be designed further by adding additional text.


7/21


8/21

StationaryDescription:

Letterhead

Programs: Adobe Illustrator, Adobe Indesign

Date: June 15, 2014


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 let

head as additional design elements. Letterhead should be 8.5 x 11, full-bleed optionabut 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 pe

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 shape

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 re

of the letterhead was created with the text and shapes tool. After that it was exported

a PDF.


9/21


10/21

Business CardDescription: Business card

Programs: Adobe Illustrator, Adobe Indesign

Date: June 15, 2014


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 o

business card as additional design elements. Business card should be 3.5 x 2 and pr

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 shap

tool and then it was exported as a jpeg. Adobe Indesign was opened with a new doc

ment to create the letterhead. The logo was placed on the document and then the r

of the letterhead was created with the text and shapes tool. After that it was exporte

a PDF. For the business card, Indesign was used and basically followed the same pro

dure as the letterhead. It was then exported as a PDF.


11/21


12/21

Logos

Description:

The purpose of the this project is to create different logos for the same company. T

logos designed consisted of type, shape, symbol, & illustration.

Programs: Adobe Illustrator

Date: June 7, 2014


Objectives:

Create three completely different, original logos to fit a company or personal imagewill 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-fabr

ed flares, symbols, etc.. No photos or live-tracing. You may use an image or drawing

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 ttext so that each can be color coded. Also, the pen tool, shapes, and paintbrush we

used to create the design of the bowls with steam.


13/21


14/21

PhotodesignDescription:

This design is focused on incorporating a personal photograph and designing a layo

that molds the different colors with the photo.

Programs: Adobe Photoshop

Date: May 25, 2014


Objectives:

Choose a color scheme, take a photo to match those colors, then incorporate the co

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 N

(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:The process begins by first deciding on a color scheme. Then a photo is taken thats

based on that color scheme. The photograph is then uploaded into photoshop and

ited with 4 basics tools such as vibrance, sharpness, color selecting, and levels. After

photo is edited according to the liking, its dragged over to a new photoshop docum

and the layout can begin. The design uses a compilation of the eyedropper tool and

color wheel to get the right colors to blend with the photo. Then swatches are added

demonstrate the color scheme selected.


15/21


16/21

Web PageDescription:

A web page was created to display a logo.

Programs: Adobe Illustrator & Notepad++

Date: June 29, 2014


Objectives:

Size and optimize an original logo as a .png for a web page so the long side is 300

pixels.

Write content to describe the process of creating your logo and how it appeals to atarget 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

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.


17/21


18/21

Event AdDescription:

This is an Event Ad promoting a fundraiser for the Leukemia and

Lymphoma Society.

Programs:Microsoft Word

Date: May 17, 2014


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.


19/21


20/21

FlierDescription: 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


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, Im able to create shades boxeswith overlapping text, insert photos, and apply different font characteristics.


21/21

portfolio project - visual communications

Documents