Last Call for Bottles

Shapes and Lines

Illustrations by Computer Graphics Students

Article by Vito Martinez on his picture of Eccolo

Computer Graphics
Spring 2012

Page 1

Table of Contents

Alex Lukasik
2 4 6 12 36 38 100 Line Vessels Shading Vessels Value Drawings Shape Drawings Midterm: Museum Trip About Me 34 22 26 32

Vito Martinez
100 Line Drawings Shading Drawings Eccolo

Mike Ward
1970 Ford Mustang Mach 1

Page 1

Page 1

The Beginning:
100 Line Drawings

The bucket that was in my room while I was starting my homework.

Vessels

The drink I had when i was working on this project.

and i counted my strokes to make sure that they were exactly 100 strokes. For our first assignment we had to make 5(100) Stroke Drawings. Craft: I used a bamboo touch pad and pen that I borrowed from a friend, also I downloaded adobe illustrator at home for ease of access, I used my computer, and objects that can hold a liquid. I made the drawings strictly out of horizontal and vertical lines Composition: I used Horizontal and vertical lines because I wanted the viewer to see a 3 dimensional object in a 2 dimensional field without drawing the out lines of the picture. I wanted to have them get a feel for the outside of the objects almost like they were the boundaries.

One of the drinks that I had to scavenge my house to find more vessels to draw. Page 2 Page 3

More Vessels:
Shading

Craft: The Tools that I used to create this drawing were a Bamboo Touch Pad, Bamboo Pen, Adobe Illustrator, my computer at home, miscellaneous objects I fund at my house, and a light. I made it by drawing all horizontal lines and using different shades of grey to show shadows. The more that I drew pictures the better I got at drawing them, and then after the first one I changed my lighting so I had only one light on in my room and it was easier to see the light on the objects then.

Composition: I arranged them these way because the first thing that I wanted you to see was the form of the image without drawing the outlines. Also I wanted the person looking at the picture to see the different shadows first so they can tell where the light was hitting the object when I was drawing it.

Febreze
Page 4 Page 5

Color
This was a bottle that we had in class. When I was working on this drawing I was primarily working on the lip of the bottle. If something didnt seem right, I would continually go over it again.

number of 1 letter for the whole picture. Composition: I used the different shades of the same color so i can make it look like its a 3 dimensional object not just flat by using shadows. I used 1 letter or 1 number so I can make it feel as if there is texture. Also I used the shadows on the texture drawings as well. The shadows represent where the light hits the object.

Striped Bottle

Craft: The tools that I used to create the drawings were a touch pad and pen, objects found at home and Adobe Illustrator. In Adobe Illustrator i used the paint brush, swatch tool, adjusted the stroke (the thickness of the line), and I used the color picker. In the first 3 pictures I used different values of the same color. In the last 3 pictures I used either 1

Page 6

Page 7

Texture

Out of the whole semester this is probably the hardest thing that I had to do for the class. We had to use one continuous stroke for the whole picture. We used two different colors for contrast. On the left page I used a background made of 3s in different shades of green. At first I started with a thick stroke and dark shade of green and as the more layers I added on the thinner the brush stroke became and the lighter the green became. This was the same concept as the picture on the right except i used 5s. I also used to same color (green) as well. On the left picture I continued with the 3s onto the bottle, except I used different shades of orange to represent the light reflecting off the bottle. The same went for the picture on the left, but instead of orange and instead of 3s I used yellow 5s.

Number 5 Vessel

Number 3 Vessel
Page 8 Page 9

Letter A Vessel

I finally decided to switch it up. I used different colors and even used a letter instead of a number. I chose A because that is the first letter of my name. However, even though it is different colors and I used a letter, the process is the same. This picture is actually an object that I used plenty of times throughout the magazine. It is a bucket that i have in my room that is normally used to store pens. For this project I decided to take them out. For the bucket, I used different shades of blue. On the left side it has a lighter shade of blue. The reason why it is lighter on the lefts is because the source of light was on

the left side of the object. It is also lighter on the right side because the bucket was in the corner of my room along with the light. the light therefore reflected off of the wall and left the middle-right side of the bucket the darkest spot. It also had a lip on the top of the bucket. Right underneath the lip, there was a really dark shadow. This was due to the fact that the light could not get past the lip. I tried to show that with the dark small layers of As near the top.

Page 10

Page 11

My Picture

Yep, thats Me!

Craft: The program that I used to create this was Adobe Illustrator. Using adobe illustrator I placed a picture on the background and locked it down. I created a new layer and started drawing on that layer. What I used to draw or in other words trace, was the pen tool. I first started like I was building myself from the back to the front. I started with the back because then I could get the basic shape down. I would create points with the pen tool to trace the person out with no color, then I used the eye dropper to try to match the color the best it could. The more shapes that I drew the more detail that there was. After I got the shape that I like down, I then locked it in place and then made it invisible. Since I have a programming background and like to keep things neat and easy to read, I created many layers. For example, I would create layers for just the shirt and inside of the shirt I would have a layer just for the sleeves. Having multiple layers also

made it easier to turn the shapes visibility on and off. Composition: I used these colors because I tried to make it as close to the picturea as I could. I used the pen tool because I wanted to make a tracing of a picture. The pen tool is a great tool to use because you can zoom in and out on the picture and get close to the edge of the picture. I used many layers because it allowed me to keep it organized, especially with the amount of shapes I put into it. The more shapes that are put in give it a lot more detail to try to make it as accurate as possible. Also with the more detail and the more layers, it makes the picture appear to be 3D, because that is how we see; we see light reflect off of objects at different degrees and different objects which give it different light and the shadows give it more depth.

Page 12

Page 13

Trace of Me

Craft: This is the same idea as last week. I used Adobe Illustrator to lock the picture in place and use the pen tool to create shapes on top of the picture. I also used the layers but i also used a lot more shapes in this picture. If you are trying to trace a picture use a picture with A LOT of DATA. If you use a picture that does not have very much detail in it, you cannot zoom in very far before the picture gets pixelated. When I redid this picture I got the actual image instead of the image off of Facebook. It let me zoom in when I was tracing it to get more detail and more color which makes the image look more realistic.

Composition: I arranged the elements this way because i wanted to make the picture appear as realistic as possible. The first thing I want the viewer to see is the face to see how there is detail in the teeth and the eyes and even the face. Then I want them to move on to the shirt and to notice that the shirt is not just one color of blue. It is made up of multiple shades of blue. There are shadows from the rinkles in the shirt and there is also a pocket which has an outline of a different shade of blue. and to also notice that there is a white shirt underneath the blue shirt. Also I want them to notice that there are shadows. There are shadows because that is how we see depth.

The Detail in the collar makes it appear real

Tracing in Adobe Illustrator

Page 14

Page 15

Variations:
Tracing of Me

first thing I did was change the color group in the color guide window. Then I went in and edited the colors. To change the brush stroke, I opened up the brushes window. I just picked what I considered a subtle brush change and also an extreme brush change. This was extremely difficult for the computer. Since there were so many shapes and lines in the picture, it was a big file and needed a lot of processing power. However, Im pretty sure we pushed the program to its limits. Composition: The assignment was to create a matrix of changes in chromatic and changes in brush stroke, so this is mostly why I set it up this way. However for the middle pictures I chose red because it seemed to fit the picture. When I tested it out with many other colors such as green

Craft: Using Adobe Illustrator I took the picture that I already had created from Week 5 and Week 6. I created a matrix from the picture, going left to right the picture is normal, monochromatic and then extreme chromatic. From top to bottom the picture is normal, subtle brush change, and extreme brush change. Using the three different combinations of brush strokes and color changes I made

a matrix of pictures. To change the colors the first thing I did was made sure all of the layers I wanted to change were VISIBLE AND UNLOCKED, then I selected all the lines and shapes. If they are not visible or unlocked they will not be selected and will not be able to change the element. I used the color guide and edit colors. Under edit colors there was an option for monochromatic. For the extreme chromatic the

or blue, it created an almost cold or dark feeling which was not what I was trying to get across. When I chose the color group I chose an antique style which ended up turning like a cowboy or a western style. The brushes did not turn out so well, since there were so many small shapes it kinda of blurred the image. Since the brushes literally crashed the program, I was not able to do very much with the brush stroke.

Page 16

Page 17

Different Variatons of Subtle and Extreme Brush Changes with the original colors.

Different Variatons of Extreme Brush Changes with monochromatic and extremechromatic.

Page 18

Page 19

Lumberjack

Western Look

Matrix of Me

Page 20

Page 21

The Start of Bro. Vito Martinez OFM Cap.s work

Surprisingly this pictures has come up in conversation with vito. He claims that it is his Dr. Pepper that he drinks while he is doing his homework. The actual drawing is made by 100 lines. It was the begginning of the semester and we had to get used to using the pen and the tablet. After a while we all slowly got the hang of it. In this picture he used curved horizontal lines for the most part. This technique makes it clear that this can is 3-D and that he is trying to portray it as being round, not flat.

Coffee Cup
This picture is similar to the Dr. Pepper can, meaning that Vito used 100 lines with a 1 pt stroke. However, This picture is made with purely vertical lines. Which makes it when you look at the coffee cup it makes it have a different feel to it. The coffee cup sketch allowed me to work on my vertical stroke...something I already recognize as a weakness. I actually drew this image 3 times...this is the drawing I chose to keep. -Vito Martinez

Vertical Lines
Page 22 Page 23

Vito Martinez 100 Stroke Drawings (Continued)

The hexagonal vase proved to be a tough image to draw for two reasons. First, it used vertical strokes exclusively. Second, the shape of the object presented some issues Id not foreseen...issues in the fact that I am not a artist and I could not sufficiently render the dimensions of the object. In its defense, the vertical strokes felt more fluid in this drawing. -Vito Martinez

Hexagonal Vase

Single Candle Holder

3-Candle Holder
T
he first lesson of the class focused on getting to be comfortable using a graphic tablet for drawing. The assignment was simple: make 5 sketches using exactly 100 strokes in each drawing. The drawings should use long, filling strokes instead of outlining the object. All images were done using Adobe Illustrator on my MacBook Pro. To become more familiar with this skill, I bought an inexpensive WACOM graphic tablet to outside of class. Page 24
The top drawing is of a 3-stemmed candle holder. I used this image as the thumbnail because I felt the most comfortable drawing this object. Using a graphic tablet takes practice, and this image felt fluid. The drawing uses both vertical and horizontal lines to represent the rectangular edges on the base. A 2pt brush was used. -Vito Martinez

Page 25

Vitos Value Drawings

degrees above and right of the object. Finally the bottom right, the expresso cup. This object was unique for two reasons: I used a 1pt brush to render the drawing, and I positioned the cup in such a way that I looked down on the vessel. I regular lamp was used for the light. A 1pt brush left a lot of negative space as I drew, so I used fast, vigorous strokes to draw the lines. -Vito Martinez

his is where we get introduced to value drawings, and here is vitos attempt at using different shades of the same color. He used a range from gray to white. The purpose of doing this is because human beings see with objects by perceiving light. The different reflection of light gives us different colors and also depth. The different shades of the color forces your eyes to go in different places. I used a ceramic mug with the light almost directly above the object and slightly to the right. It sat on a slightly reflective surface which produced different shadowing effects. The object was rendered with a 2pt brush, then a 5 pt brush was used to cover the extra negative space. A small 1pt brush was used to render the thin shadow lines. The ceramic salt shakers octagonal shape created a unique series of shadows that proved challenging to render. A 2pt brush was used to render the object. The light source was a lamp without the shade 45 Page 27

Coffee Mug

Page 26

Vitos Value Drawings

I met Vito in a Computer Science class last semester. I have really gotten to know Vito and the type of work that he does. As you can see in these pictures Vito puts more than enough effort in everything that he does, whether it is a website or drawing pictures on the magazine or even the magazine that he made.

Laundry Detergent

or week three of our Computer Graphics class, we were given two different tasks. The first was to make three drawings using values of color to render an image. The second task was to move away from line strokes and use a letter or number to create an image. All images were made using Adobe Illustrator and a Bamboo graphic tablet. All images were completed on my Mac Book Pro. This piece was a rendering of a bottle of laundry detergent. The image was constructed with thick, horizontal lines to quickly define

the boundaries of the object. Five different hues were used to represent the visual effect of lighting on the object. This piece uses a variety of different lines. The main body of the work was drawn with a thick brush, giving the appearance of a smooth plastic surface. Small lines, both vertical and horizontal, were used to represent the highlights on the bottle. Smooth, thin lines represent the screw-off lid. Combined with different hues, this give the appearance of a clear, plastic surface. -Vito Martinez

This is a wine bottle. A small brush was exclusively used, using both horizontal and vertical lines. The size of the brush shows the lines as well as the negative space, giving the appearance of a wire or wicker construction. A black box lies behind half of the image. The box draws the eyes of the view through its contrast to the white, as well as emphasizing the blue of the bottle. -Vito Martinez

Page 28

Page 29

Vitos Texture Drawings

D-Cup or T-Cup?

Water Bottle made of 3s

A green background was used to represent this half-image of a tea cup on a saucer. This piece uses a variety of stroke widths in order to form the rendering. Thick D strokes were used on the surface of the cup to give the appearance of a clear and reflective surface. Very small Ds are used to represent the highlights and different values of red on this image. -Vito Martinez

Page 30

Page 31

I use the words look closely because that is literally what you have to do. You honestly cant tell if this is a picture or if it is a drawing. Vito spent a tremendous amount of time on this project. He called this image Eccolo which translates to Behold Him.

Behold Him
The following illustration is a trace of a photo, taken of the processional crucifix from our chapel here at the friary. The original wood sculpture was designed by Fr. Mark-Joseph Costello, OFM Cap.; Mark-Joseph is a student of the Chicago Art Institute and is a consultant for worship spaces all over the world...including McDonnell Chapel at Saint Xavier University. The crucifix, along with the specific lighting to project shadow onto the wall, were all designed by Mark Joseph. Because of the various ways that his crucifix embodied the areas of focus for this project, I chose this image as the piece to work on.

The image is a photo trace done with Adobe Illustrator CS5. The original image, taken at an angle below and to the right of the object, was taken with the daylight shining through the windows and with the spotlight designed for this particular piece. The image was then imported into Illustrator, where it served as a base for outlining. It is similar to a process, used when I was a kid, of placing an image against the window pane and placing a blank piece of paper on top...albeit much less technical. -Vito Martinez

It is my hope that this image, created only as a realistic rendering of a reality, is a tool or device by which people are able to enter into an internal discussion of their Christological faith.
-Quote From the Artist, Vito Martinez

Look Closely
Page 32 Page 33

Mike Wards 1970 Ford Mustang Mach 1

Page 34

As you can see, Mike Ward loves cars. He created this picture similar to the way I created the picture of myself. He used Adobe Illustrator to first place a picture on to the canvas. After the pictures is in place it can be locked down without moving. After that, it comes down to how much work you want to put into the picture. It depends on the work because the person creating the picture creates each shape of the different images and pictures that they see. It is created by zooming in and out multiple times. I chose to put this picture in my magazine because I have seen the original picture and how realistic it actually looks. He uses a tremendous amount of detail to emphasize the curves on the car. The different shades of the color orange shows that it is actually a three-dimensional object. Even going to the rims, they actually look like they are made out of crome, even though I know that it is made by him zooming in and out while tracing many shapes and setting them as different colors. What I find fascinating about this picture is that this is really not the true background. This car is actually on a show floor. He basically free handed the background to make it look as if it really was on a race track. Page 35

When I went to the art museum there was one painting that stood out to me and that I consider the masterpiece, A Sunday on La Grande Jatte. This picture stood out to me because of the concept. When you are far away from the picture you see the objects in it clearly, however when you get closer the objects become less clear. That is because the picture is made up of small horizontal brush strokes and dots which is now referred to as pointillism. In a way this picture reminds me a lot of Adobe Illustrator and the things that we did this Proof semester. The first thing that we did this semester was draw objects with horizontal lines, and then we did the tracing picture, obviously he didnt trace this picture, but in reference to how we view the painting reminds me of the tracing painting we did. When you are far away everything is clear and when we had to add small shapes and objects we zoomed in, where it became less clear, which is exactly why it reminds me of adobe illustrator. Looking at the picture it makes you really think about it, in a way it has an enormous amount of detail but in the exact same way it has no detail at all. It has detail because it has all the people,

That I went to the Museum

the shape of the people are seen perfectly, he has trees in the picture and even shadows. However, one thing is something that I notice right away, the eyes do not have detail or just not even there. Which I feel is if I were there when this painting was being painted, would be almost the way I would see the people as well. Looking anywhere, the first thing you would see in a person would be their body; the shape of their body and the colors of not only their cloths but their skin as well. Which maybe this was exactly how he visualized it, which is brilliant in its own way.

A Sunday on La Grande Jatte

My Teacher, Nathan Peck, after a rough night he still walked circles around us.

Page 36

Page 37

About Me

For my girlfriend

Name: Alex Lukasik Junior at Saint Xavier Major: Computer Science Minor: Math High School: Brother Rice Expected Graduation: May 2013 I Enjoy Spending time with my friends, family and girlfriend. Sometimes we all get a little foolish, but I wouldnt trade them in for anything.

Photo taken by BooPeas Photography by Amanda Lynn(My Sister) This is my girlfriend, the person who I talk to and spend most of my time with. So I only decided that it would be fair to put her in the magazine. Somehow she still decides to stick by my side.

Page 38

Page 39

Images By:

Credits

Vito Martinez Me: Alex Lukasik

Mike Ward
Page 40 Page 41

Page 42