TZ - Computer Graphics 2011

Computer Graphics 2011 32 Computer Graphics 2011

C omputer

Graphics 2011Fall 2011Tom Zwarycz

Working With:Adobe Illustrator

Mac OS X

Artwork From:Complete CG 2011 Class

(c) Nov 2011

By Tom

Zwarycz

Published November 2011

Contains work from Tom Zwarycz and the whole Computer Graphics Fall 2011 class at Saint Xavier University.

See my Process on my Blog

Buy This Magazine

http://cgf11-tzwarycz.blogspot.com/search?updated-min=2011-01-01T00%3A00%3A00-08%3A00&updated-max=2012-01-01T00%3A00%3A00-08%3A00&max-results=11

https://www.lulu.com/commerce/index.php?fBuyContent=12109739

Drawing With Lines

Drawing With Lines

4 Computer Graphics Weekly Computer Graphics Weekly 5

For this work, I started by filling in the background by making multiple 5’s in different patterns, such as tally marks, drawing the numeral 5, and spelling five in different hues of green. I used a pen input device in the program Adobe Illus-trator. I started draw-

ing the still-life in an opposing yellow to stand out from the background. I drew the objects first by tracing out a frame, then filling the ob-jects in with thicker pen strokes. Finally, I started to practice with shading by using different variations of yellow where need-ed. The goal of this

project was to famil-iarize myself with the software and to work with different tech-niques of shading.

By Tom Zwarycz

6 Computer Graphics Weekly

Drawing With LinesComputer Graphics Class

Craft: I used long brush-strokes to build up the shape of each bottle. After building a general shape I went in and added cross hatching lines to give the shape more definition and more structure. I layered line after line. I started lay-ering with darker and lighter hues to give the objects real shape and three dimension-ality.Composition: The darker hues help define the shad-ows on each object. By creating this value contrast


Computer Graphics Weekly 7

between the medium tones and the darker and lighter ones the objects begin to stand out and take real shape.Concept: The concept for this piece was to take two complimentary colors and set them against each other in an effort to show the dif-ferent hues and values and how they work together and can help each other stand out.

Art and Text by Amy Duffy

CRAFT: First I opened Adobe Illustrator and began drawing a green background which is go-ing to be layer one. I used between a 5 and 10 point brush to make the back-ground full of fives. By us-ing the color guide, I used different shades of green. The shades ranged from light to dark green. Once that done, I made a new layer, started drawing vas-es using a five point brush I drew two vases. Again, using the color guide, I used different shades of orange, ranging from light to dark orange. COMPO-SITION: By using light, dark, and even opposite colors I have given my art contrast. As you can see from the pictures above,

the background is a col-laboration of green colors. It’s hard to tell which green is which, but you can tell that they are green or of a greenish hue. The same goes for orange, but the third picture has an almost brownish hue to it. You can see the value in the green and orange in that the scale ranges from light to dark. CONCEPT: Now, even though both vases, in real life, are the same size, I decided to draw one slightly bigger than the other. The reason I did this was because that is how I imagined them. I also drew them so that they looked man-made. That’s the look I was go-ing for.

Art and Text by Christian Rosales

Craft: For the follow-ing images I use Adobe Illustrator. The tools for this were the paint brush, color guide (us-ing multiple forms of color) and the the brush stroke. Also a glass bot-tle and small round vase was used, and a bright light to give the objects shades.Composition: I want my audience to see the growth of my images as they develop more color and detail. I way their eyes to fall on the shades and shadows as

well as the shapes out-line. Focus on the Hue’s and values of the im-ages. The images were created for my computer graphics class recently and I want my growth or skills to be noticed as I try to advance my work to my best.Concept: The main fo-cus of these images are about a glass bottle and a small round vase with lots of shadows.

Art and Text by Shawnita Montgomery

8 Computer Graphics Weekly

Cont.



Cont.

Computer Graphics Weekly 9

Art and Text by Giovanni Diaz

Art by Jordan Juarez

Craft - The tools I used to make this drawing were Adobe Illustrator, the paint brush, and different lay-ers of color. The way I used my hand to make this drawing was by using lines to create the shapes of the drawing. Also I made the background by putting many different ways of writing five with different colors and size.

Composition - I used dif-ferent colors and sizes to not only create the back-ground, but also to cre-ate the different shapes. I also used value in this drawing, which is the re-lationship between these

objects and light. Finally I used Hue and contrast of colors, to really make this drawing pop up and cath the eyes of the viewer; ev-enthough it is ugly.

Concept - This drawing has an object that is tall and an object that is short. It also has an object that is natural and an object that is hand-made. What I want people to think when they see this drawing is a colorful drawing, with two handmade objects hold-ing twigs.

Craft:For this exercise, I used a Mac computer and the software Adobe Illustrator. I used a 12 point brush in the entire drawing with 100% opacity. Also, I used two layers for the background. The objects layer and the green back-ground layer, because it was easier for me to con-figure each layer without affecting the other layer. I used Monochromatic 2 color guide, and I used the dark orange for outline of my two objects. I used the middle orange to fill in the objects and used the light orange to render the light shadow area of the object. For the dark shadow area, I used the darkest or-ange that is closed to red. Lastly, I think I used 100% transparency in the entire exercise.

Composition:I used orange and green hue for this exercise to show the contrast but at the same time I still want the two hues to go togeth-er. I think the color orange and green is a good con-

trast, because it doesn’t hurt my eye when I look at drawing and that is what I want to achieve for this exercise. Hopefully, my viewer’s eyes will also react the same way my eyes did. I used the light, middle and dark orange for my objects and light, medium and dark green for the background. For the background, I used different brush sizes to draw lines and to fill in the entire page.

Concept: I want my viewers to see two objects the round vase with twigs and a tall bottle with twigs too. The art-work is about how to ren-der objects on a space in an interesting manner and balance the contrast of the colors. I think the two objects complement each other, because it gives va-riety and depth. I know I’m not a good in drawing or painting but I really try to make my artwork interest-ing, and I want to render it to my audience in a differ-ent manner.

Art and Text by Lovette Fernandez

Craft: to create these im-ages I used illustrator. in Illustrator I chose the brush tool and and made two layers. The first layer was made with a green pallet and its all 5s. the second (bowls) layer was made with different size brushed ranging from .25-10. The color pallet used for that was orange monochromatic 2. Composition: The hue that was used in this was green and orange because they are on op-posite side of the color spectrum. The image has

a lot of darker values on the left side of the left im-age and right side as well. where on the opposite side has a lot more lighter values. The reason the two colors were chosen were because they create a very nice contrast.Concept: the left image was a tall and wide vase that had natural lines and branches. The right side has a short more narrow vase with more lines and branches as well. both have natrual shapes to them.

Art and Text by Roxy Wasiunec

Computer Graphics Weekly 1110 Computer Graphics Weekly

Cont.



Cont.

Craft- this project was ment to show the different layers of light and shadow in the project. I had to use the paint brush of many sizes to accomplish that. Another important tool is the color picker and the layer guide both of which were needed. All of those components are needed to show the light and shadow.

Composition- when peo-ple look at the screen shots I want them to see the the different hues of

color. Another thing i want them to look at it the val-ues used to show the dif-ferent layers of shadow and light. Finally the con-trast can be seen when you look at the very dark area compared to the lighter orange

Concept- the concept for this art was as you can see two different man-made shapes one being tall and the other being shorter but wider.

Art and Text by Robert Furlan

A Preview OfWhat’s Next!

T he use of Adobe Illustrator to realistically duplicate an image along with several color variations.


Drawing InIllustrator

In this work, I im-ported an image tak-en from my phone (Nexus One) into Adobe Illustrator. The original image can be seen above. After importing, I traced over the im-age creating boxes and other shapes that represented parts of the original

Art and Text by Tom Zwarycz

In Progress...

Final Product:

image. I used the line and rectangle tools in order to create these shapes. I then used the eyedropper tool capture the cor-rect color and used the gradient tool to add depth and shade where needed. Ac-tual screen shots of the progress of this work can be seen to

the right. Each day’s work is separated into different layers in the Illustrator file in order to easily locate a specific shape if needed. This project took a combined total of about 9 hours from start to finish.


Line Revisions

By: Tom Zwarycz


Warm CoolColor RevisionsBy: Tom Zwarycz


Color Revisions Line Revisions

Craft: To variate the colors of the objects, I used the pointer tool to select certain objects. I then used the color swatches and different color pallets to change the color and feel of the work. Again, this is still using the same program, Adobe Il-lustrator. I also used gradients where needed to show depth and shade.Composition: In some works that use color, I use light tints of each color to make objects

stand out more, such as win-dows and bricks. This trick em-phasizes more on the center object or point of interest and less on the background.Concept: The whole idea with adding lighter colors allows me to control what the viewer will see first and where the viewer’s eye will go next. If I make a cer-tain object stand out by giving it a high contrast, the viewer will look at that object int the work first. I also used color to change

the whole mood of the picture, for example, when I made the photo look like it was taken in the dark or on the scorching sun.

Craft: I used the select tool in Adobe Illustrator to select certain objects and give them different line outlines. Some outlines make certain objects stand out from one another, in example, the bricks (that I spent a while doing). Other line types make the image look scratched and whacky. Composition: By using heavier lines in the foreground, I put emphasis on the object and direct the viewers eye immedi-

ately. By adding certain lines I am taking away the real effect of the illustration and I am add-ing a cartoon-ish feel.Concept: While viewing the im-age, the viewer may ponder whether these are effects that are overlaying a real image or an image created in Illustrator. The lines give the image an al-most surreal effect and shift the mood of the image.

By: Tom Zwarycz By: Tom Zwarycz


Drawing In IllustratorComputer Graphics Class

Craft In Adobe Illustrator, I used the pen tool to cre-ate shapes and I used a camera to take a picture of the image I was going to create.

Composition The converse shoes are obviously the main sub-ject of the piece and they are sitting right in the cen-ter of the page. They are set on a step stool and there is a sense of depth since I made a wall in the background. I wanted the

Art and Text by Allison Horn

viewer’s eye to focus first on the shoes and probably follow along the wavy lac-es, then to look towards the background.

Concept The subject is a pair of shoes. That is what I want viewers to be able to rec-ognize. Everything sur-rounding then will be more clear once I add more de-tail because right now it is hard to tell what the shoes are setting on.

For my object project I have chosen a picture of a streetcar. I took this pho-tograph while visiting New Orleans and was fascinat-ed by the vintage look of the streetcar against the modern city scape.Craft: For this project I will be using Adobe Illustrator and the ink tool. To fully capture this image I will be using large blocks of color and outlining each shape and filling it in.Composition: I want the viewer to be able to tell

what the object is and how each part of it was made up. I want the viewer to notice the steps I took, working from the back to the front, and the layer-ing that eventually helped compose this piece.Concept: I want the viewer to easily understand what is going on in the picture and to notice all of the lay-ering and overlapping taht is taking place.

Art and Text by Amy Duffy

Art and Text by Christian Rosales

CRAFT: Using the pen tool, I traced the out-lines of the buildings and the sky. then moving from background to fore-ground, I traced a taxi, the street, and a person walk-ing. I did all on Adobe Il-lustrator. Each outline was a different layer with a dif-ferent color to represent what it was in the actual picture.COMPOSITION: The first thing that want you to see is either the taxi because

it is yellow and it stands out. However, it could be the second thing you see because it is on the far left. The next closest thing that you would see is the person walking. But in the future i will make the colors darker to match the actual pictureCONCEPT: A Night Downtown

Craft- The way I used my hand to compose this picture was by carefully following lines to draw ev-erything. The tools I used to create this piece was Adobe Illustrator, and the pen tool. Composition- What I did to draw peoples atten-tionwas add different val-ues of colors. The back-ground dark, and then a

little lighter as it the eye gets to the middle.

Concept- What I want peo-ple to see when they see this picture is a beachball stuck in a basketball hoop during the day.

Art and Text by Giovanni Diaz


Art by Jordan Juarez

Art by RobertFurlan

Crafts:I used my Nikon S60 cam-era to take a picture of the Visual Arts Center. I took a picture from an angle so when I place my pic-ture on Adobe Illustrator it is going to be easier for me to zoom in and out of the picture. I used the pen tool, eyedropper tool to trace my art work.

Composition:First, I put the VAC picture in a folder then opened Adobe Illustrator to make a new page and saved it on the folder where the VAC picture is. The two files has to be on the same folder because if not it is not going to work fine. Second, I created a layer where the original picture is then another layer for my picture art. Third, I started tracing the outline of my picture by using the pen tool, because it is al-ways easier to work from the background to the foreground, so I can be sloppy to the area where the foreground is going to

overlap the background. Fourth, I traced the details of the picture and used the eyedropper tool to fill in colors closest to the original hue of the VAC picture. Fifth, I traced the bricks one by one and used the eyedropper tool to mimic the original color of the bricks. For this ex-ercise, I’m trying to render the reality of my artwork from the original picture. I took off the tree on the side, because I think it is not that important. Also, I added the bricks on the upper foreground of the building one by one like what I did on the bricks.

Concept:The concept of my art-work is our school’s Vi-sual Arts Center. I think it is interesting because it gives different angles and I can control the eyes of my viewer to go to differ-ent direction.

Art and text by Lovette Fernandez

For these pictures I took a picture of a shoe and used the pen tool and the eye drop tool to try to animate my exact picture onto Adobe Illustrator. The shoe’s color was all done by Illustrator which tried to take the best example of the color of the shoe it could to make the image look as real as possible.

I used outlines of each of the different sections of the shoe with the pen tool to create the picture.

Art and text by Nico Krajecki


By Synthia Wesley

Craft: For this project we had to pick an image that we took and copy it in Adobe Illustrator. The way we did this was we made two layers. One layer was the picture that you see above and the second layer was all the pen marks that I made by layering the different parts onto the shoes. The way this illustration was able to come together was I would start at the back-ground and work forward. The first move I made was the background (picture seen above). After that I would close that layer i just made so I could still see the original picture. After that I started to work on the shoe in the background (picture seen above). I went through the same steps for both the shoes, adding details in at the very end. The last step was to add gradients. Gradients really helped with making the image ap-pear 3-D and realistic.Composition: For this im-

age i wanted to take ad-vantage of the space. I decided to try and fill the whole page with the shoes because I wanted the shoes to be the main focus of the image. When looking at this image the veiwers eye naturally will go left to right because the way the shoes are arranged make your eye veer in that direction. The shoes that’s in front is much brighter than the shoe in back which also helps out compositionally making the shoe in front more important than the one in back.Concept: The concept of this picture is shoes on concrete. The picture is actually of my sister and her boyfriend walking on the sidewalk. She asked me to take a picture of their matching blue Nike shoes, so I got low to the ground and snapped a picture.

Craft: In each photo I use an image of buildings (tak-en downtown, Chicago) and Adobe Photoshop. Specifically the pen tool was used.

Composition: I want to viewers eyes to fall on the shapes being added with in the images. I want them to see both the colors and

the shapes of each image as they change and in-crease in details.

Concept: The concept is multiple building and the sky.

Art and text by Roxy Wasiunec

Art and text by Shawnita Montgomery


F rom T his T o T his!

By Allison Horn

By Amy Duffy

By Christian Rosales

By Jordan Juarez


By Lovette Fernandez

By Nico Krajecki

By Shawnita Montgomery

By Roxy Wasiunec

30 Computer Graphics 2011

For this work, I used a pencil on paper and drew short lines. I used multiple strokes of my hand to create many lines to form a teapot. Each drawing is composed of almost exactly one hundred lines. I positioned a teapot near a lamp to cast shadows and drew the teapot to the best of my abilities with a limit of one hundred lines.

Computer Graphics 2011 31

D rawn P ots Art and text by Tom Zwarycz

GREEN!

32 Computer Graphics 2011 Computer Graphics 2011 33

By Allison Horn By Amy Duffy

By Christian Rosales By Giovanni Diaz

By Jordan Juarez By Lovette Fernandez

By Nico Krajecki By Robert Furlan

By Roxy Wasiunec By Synthia Wesley


VALUE!

By Allison Horn

By Giovanni Diaz

By Nico Krajecki

By Synthia Wesley


By Christian Rosales

By Lovette Fernandez

By Roxy.Wasiunec


Meet The Artists!

Allison Horn

Amy Duffy

Christian Rosales

Giovanni Diaz


Jordan Juarez

Synthia Wesley

Lovette Fernandez

Nico Krajecki

Roxy Wasiunec

Shawnita Montgomery

Technology

TZ - Computer Graphics 2011