A Visual Vision

|| The Elements ||

| Visual Media |OF

The Elements of Visual Media: A Visual Vision

Thomas Tikos-KadjiCopyright © 2014 Thomas Tikos-kadji

All rights reserved, All Photographic images in this book were made by the author photographing real things in the real world with a real camera.

No part of this book may be reproduced in any form or by any mechanical or electronic means without written permission of the author, except in the case of brief qoutation embodied in the critical articles and reviews.

Choose some appropriate graphic for this place. It should be something that reflects the ideas you will articulate on the opposite page.

Throughout this entire course, we have been introduced to multi-ple forms or visual media that is used in our world today. We went through the basics of learning Indesign, Adobe Illustrator, Adobe After effects, and other key foundation programs that would teach us design, layout, and style in all the different feilds. As a result of this class, I was able to create art and product in new ways that ex-panded my knowledge in the different crafts. I made digital designs, logos, motion graphics, posters, type face, and other forms of art that allowed me to think in new ways. Becuase of this class, I have gained a new apprectiaton and liking to motion graphics, and I now feel comfortable enough in the individual feilds where I am confi-dent in the work I make, and the work I am asked to make by others

in the future.

-Tikos

Table of Contents

Chapter 1. The Wonderful World of Letterforms and Typography page 8-41Chapter 2. Combining Words and Pictures page 42-56Chapter 3. From Photograph to Binary Logo: Motion Graphics page 57-58Chapter 4. Logo Design page 59-64 Chapter 5. Compositing page 65-66Chapter 6. Poster Design page 67-68Chapter 7. Video page 69-70

Chapter 1 The Wonderful World of Letterforms and Typography

Type style: Decorative-Display

Four Ubiquitous Typefaces(photographed in their natural habi-tat)

Garamond

the quick brown fox jumps over the lazy dog.THE QUICK BROWN FOX JUMPS OVER THE

LAZY DOG0123456789

THE QUICK BROWN FOX

Create some illustrations for untrained people to recognize Garamond when they see it. Explain what to look for in some of the most distinctive characters, such as the lower case e or cap W.

find and photograph at least five different examples of Ga-ramond used in the real world. Create an attractive spread on these two pages. Add text and captions to provide context for your images. You will be graded on the quality of your photographs, and the clarity and design of your presentation. Your goal is to teach an untrained person to recognize Garamond when they see it.

Helvetica

the quick brown fox jumps over the lazy dog.

THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG

0123456789

THE QUICK BROWN FOX

Create some illustrations for untrained people to recognize Garamond when they see it. Explain what to look for in some of the most distinctive characters, such as the lower case a or cap W.

find and photograph at least five examples of Helvetica used in the real world. Create an attractive spread on these two pages. Add text and captions to provide context for your images. You will be graded on the quality of your photographs, and the clarity and design of your presenta-tion. Your goal is to teach an untrained person to recognize Helventica when they see it.

Copperplate

the quick brown fox jumps over the lazy dog.

THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG

0123456789

THE QUICK BROWN FOX

Create some illustrations for un-trained people to recognize Copper-plate when they see it. Note that copperplate lower case letter are almost identical to the upper case letters.

find and photograph at least five examples of Copperplate used in the real world. Create an attractive spread on these two pages. Add text and captions to provide context for your images. You will be graded on the quality of your photographs, and the clarity and design of your presenta-tion. Your goal is to teach an untrained person to recognize Copperplate when they see it.

Optimathe quick brown fox jumps over the lazy dog.

THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG

0123456789

THE QUICK BROWN FOX

Create some illustrations for untrained people to recognize Optima when they see it. Note that copperplate lower case letter are almost identical to the upper case letters.

find and photograph at least five examples of Optima used in the real world. Create an attractive spread on these two pages. Add text and captions to provide con-text for your images. You will be graded on the quality of your photographs, and the clarity and design of your presentation. Your goal is to teach an untrained person to recognize Optima when they see it.

Chapter 2 Words and Pictures

O u t T h e r e .

BalanceBalance

Chapter 3 Motion GraphicsTikos Logo

Surf City Logo

image vectorized in Adobe Illustrator with two different threshold counts

Version 1 Version 2

Photographic original:Shot with a Canon 5D Mark II and 18-75 EF Canon Lens, this is a photograph of a gold buddhist

statue piece. shot at 1/125s with an aperture of 5.4, and and ISO of 3500.

I choose this part of my orginal image to vectorize.

Using the object>path>simplify tool in Adobe Illustrator, you can set various parameters to au-

tomatically modify the vector-based image. In these examples all the curves were converted to

straight lines and four different angle thresholds were set to achieve four different end results.

5 degrees 10 degrees

30 degrees 50 degrees

Chapter 4 Logo design

The beauty of vector-based art is that no matter how big you enlarge it, the outlines stay smooth and never get jaggy. Vectors think pixels are primi-tive and stupid. Because pixels don’t know about vectors, they cannot be blamed for their own ignorance.

Final Logo

Om mani Padme Hum

Om Mani Padme Hum

Om Mani Padme Hum

Om mani Padme Hum

Om Mani Padme Hum

Om mani Padme Hum

Om Mani Padme Hum

Om Mani Padme Hum

Om mani Padme Hum

Orginal Text:I choose to pick the sandscript of a tibetan prayer, “ Om Mani Padme Hum”. At first I used orginal text in an

image I found, and then wrote the tanslation under the image.

Vectorized Text:For my final type face I vectorized the script, pulled & added certain aspects of the script down to play into the trans-lation below it. I also played with the translated letters, taking out certaim pieces of a letter, shortening and extend-

ing various areas.

Poster Design Mood Board Chapter 6 Poster Design

THE ENDLESS WINTER

Chapter 7 Video

Titans Cage

In the Greek Myths, there is a box created by the Gods to imprison the monstrous beasts named the Titans. As told in the Story of Theseus, A mortal hero, who, chosen by Zeus and watched upon by the Gods, leads the fight against The Ruthless King Hyperion, an evil that threatens to destroy all of Humanity. The most evil, rampaging titans are held in this magical cage, gifted and protected by the Gods themselves. A sense of peace and tranquility is kept when the box, shin-ing bright with gold, is watched over. However, during the great tale of Theseus, King Hyperion breaks the cage, and the Gods, and Theseus, collide into an epic battle to contain the evil titans from destroying all humanity. Titans Cage is my representation of this story; a constant clash of peace, and all hell, all contained within a box that was once said could not be broken because the

gods themselves created it.

TITANSCAGE