Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
TZ - Computer Graphics 2011
1. C omputer By Tom
Graphics 2011 Tom Zwarycz
Zwarycz Fall 2011
See my Process on my Blog
Buy This Magazine
Working With: Artwork From: Contains work from Tom Zwarycz and the whole Computer Graphics Fall 2011 class
Adobe Illustrator Complete CG 2011 Class at Saint Xavier University.
Mac OS X
Published November 2011
2 Computer Graphics 2011 (c) Nov 2011 Computer Graphics 2011 3
2. Drawing With For this work, I
started by filling in
ing the still-life in an
opposing yellow to
project was to famil-
iarize myself with the
Lines
stand out from the software and to work
the background by
background. I drew with different tech-
making multiple 5’s
the objects first by niques of shading.
in different patterns,
tracing out a frame,
such as tally marks,
then filling the ob-
drawing the numeral
jects in with thicker
By Tom Zwarycz 5, and spelling five
pen strokes. Finally,
in different hues of
I started to practice
green. I used a pen
with shading by using
input device in the
different variations of
program Adobe Illus-
yellow where need-
trator. I started draw-
ed. The goal of this
4 Computer Graphics Weekly Computer Graphics Weekly 5
3. Drawing With Lines
Computer Graphics Class
Craft: For the follow- well as the shapes out-
ing images I use Adobe line. Focus on the Hue’s
Illustrator. The tools and values of the im-
for this were the paint ages. The images were
brush, color guide (us- created for my computer
ing multiple forms of graphics class recently CRAFT: First I opened the background is a col-
color) and the the brush and I want my growth or Adobe Illustrator and laboration of green colors.
stroke. Also a glass bot- skills to be noticed as I began drawing a green It’s hard to tell which green
tle and small round vase try to advance my work background which is go- is which, but you can tell
was used, and a bright to my best. ing to be layer one. I used that they are green or of a
light to give the objects Concept: The main fo- between a 5 and 10 point greenish hue. The same
Craft: I used long brush- between the medium tones shades. cus of these images are brush to make the back- goes for orange, but the
strokes to build up the and the darker and lighter Composition: I want about a glass bottle and ground full of fives. By us- third picture has an almost
shape of each bottle. After ones the objects begin to my audience to see the a small round vase with ing the color guide, I used brownish hue to it. You
building a general shape stand out and take real growth of my images lots of shadows. different shades of green. can see the value in the
I went in and added cross shape. as they develop more The shades ranged from green and orange in that
hatching lines to give the Concept: The concept for color and detail. I way light to dark green. Once the scale ranges from light
shape more definition and this piece was to take two their eyes to fall on the that done, I made a new to dark. CONCEPT: Now,
Art and Text by layer, started drawing vas- even though both vases,
more structure. I layered complimentary colors and shades and shadows as Shawnita Montgomery es using a five point brush in real life, are the same
line after line. I started lay- set them against each other
ering with darker and lighter in an effort to show the dif- I drew two vases. Again, size, I decided to draw
hues to give the objects real ferent hues and values and using the color guide, I one slightly bigger than
shape and three dimension- how they work together and used different shades of the other. The reason I
ality. can help each other stand orange, ranging from light did this was because that
Composition: The darker out. to dark orange. COMPO- is how I imagined them.
hues help define the shad- SITION: By using light, I also drew them so that
ows on each object. By dark, and even opposite they looked man-made.
creating this value contrast colors I have given my art That’s the look I was go-
Art and Text by Amy Duffy contrast. As you can see ing for.
from the pictures above,
Art and Text by Christian
Rosales
6 Computer Graphics Weekly Computer Graphics Weekly 7
4. Drawing With Lines
Computer Graphics Class
Cont.
Craft: trast, because it doesn’t
For this exercise, I used hurt my eye when I look at Craft: to create these im- a lot of darker values on
a Mac computer and the drawing and that is what ages I used illustrator. the left side of the left im-
software Adobe Illustrator. I want to achieve for this in Illustrator I chose the age and right side as well.
I used a 12 point brush exercise. Hopefully, my brush tool and and made where on the opposite
in the entire drawing with viewer’s eyes will also two layers. The first layer side has a lot more lighter
100% opacity. Also, I react the same way my was made with a green values. The reason the
used two layers for the eyes did. I used the light, pallet and its all 5s. the two colors were chosen
background. The objects middle and dark orange second (bowls) layer was were because they create
layer and the green back- for my objects and light, made with different size a very nice contrast.
ground layer, because it medium and dark green brushed ranging from Concept: the left image
was easier for me to con- for the background. For .25-10. The color pallet was a tall and wide vase
figure each layer without the background, I used used for that was orange that had natural lines and
Craft - The tools I used to objects and light. Finally I affecting the other layer. different brush sizes to monochromatic 2. branches. The right side
make this drawing were used Hue and contrast of I used Monochromatic 2 draw lines and to fill in the Composition: The hue has a short more narrow
Adobe Illustrator, the paint colors, to really make this color guide, and I used the entire page. that was used in this vase with more lines and
brush, and different lay- drawing pop up and cath dark orange for outline of was green and orange branches as well. both
ers of color. The way I the eyes of the viewer; ev- my two objects. I used the because they are on op- have natrual shapes to
used my hand to make enthough it is ugly. middle orange to fill in the Concept: posite side of the color them.
this drawing was by using objects and used the light I want my viewers to see spectrum. The image has
lines to create the shapes Concept - This drawing orange to render the light two objects the round vase Art and Text by Roxy
of the drawing. Also I has an object that is tall shadow area of the object. with twigs and a tall bottle Wasiunec
made the background and an object that is short. Art by Jordan Juarez For the dark shadow area, with twigs too. The art-
by putting many different It also has an object that I used the darkest or- work is about how to ren-
ways of writing five with is natural and an object ange that is closed to red. der objects on a space in
different colors and size. that is hand-made. What I Lastly, I think I used 100% an interesting manner and
want people to think when transparency in the entire balance the contrast of
Composition - I used dif- they see this drawing is a exercise. the colors. I think the two
ferent colors and sizes to colorful drawing, with two objects complement each
not only create the back- handmade objects hold- other, because it gives va-
ground, but also to cre- ing twigs. Composition: riety and depth. I know I’m
ate the different shapes. I used orange and green not a good in drawing or
I also used value in this hue for this exercise to painting but I really try to
drawing, which is the re- show the contrast but at make my artwork interest-
lationship between these Art and Text by Giovanni the same time I still want ing, and I want to render it
Diaz the two hues to go togeth- to my audience in a differ-
er. I think the color orange ent manner.
and green is a good con-
Art and Text by Lovette
Fernandez
8 Computer Graphics Weekly Computer Graphics Weekly 9
5. Drawing With Lines
Computer Graphics Class A Preview Of
Cont. What’s Next!
Craft- this project was color. Another thing i want
ment to show the different them to look at it the val-
layers of light and shadow ues used to show the dif-
in the project. I had to use ferent layers of shadow
the paint brush of many and light. Finally the con-
sizes to accomplish that. trast can be seen when
Another important tool is you look at the very dark
the color picker and the area compared to the
layer guide both of which lighter orange
were needed. All of those
components are needed Concept- the concept for
to show the light and this art was as you can
shadow. see two different man-
made shapes one being
Composition- when peo- tall and the other being
ple look at the screen
shots I want them to see
shorter but wider. T he use of Adobe Illustrator to realistically duplicate an
Art and Text by Robert image along with several color variations.
the the different hues of
Furlan
10 Computer Graphics Weekly Computer Graphics Weekly 11
6. Drawing In In Progress...
Illustrator
Final Product:
I n this work, I im-
ported an image tak-
image. I used the line
and rectangle tools
the right. Each day’s
work is separated
en from my phone in order to create into different layers
(Nexus One) into these shapes. I then in the Illustrator file in
Adobe Illustrator. used the eyedropper order to easily locate
The original image tool capture the cor- a specific shape if
can be seen above. rect color and used needed. This project
After importing, I the gradient tool to took a combined total
traced over the im- add depth and shade of about 9 hours from
age creating boxes where needed. Ac- start to finish.
and other shapes tual screen shots of
that represented the progress of this
parts of the original work can be seen to
Art and Text by Tom Zwarycz
12 Computer Graphics 2011 Computer Graphics 2011 13
7. Line Revisions
By: Tom Zwarycz
14 Computer Graphics 2011 Computer Graphics 2011 15
8. Warm Cool
Color Revisions
By: Tom Zwarycz
16 Computer Graphics 2011 Computer Graphics 2011 17
9. Color Revisions Line Revisions
Craft: To variate the colors of stand out more, such as win- the whole mood of the picture, Craft: I used the select tool ately. By adding certain lines I
the objects, I used the pointer dows and bricks. This trick em- for example, when I made the in Adobe Illustrator to select am taking away the real effect
tool to select certain objects. I phasizes more on the center photo look like it was taken in certain objects and give them of the illustration and I am add-
then used the color swatches object or point of interest and the dark or on the scorching different line outlines. Some ing a cartoon-ish feel.
and different color pallets to less on the background. sun. outlines make certain objects Concept: While viewing the im-
change the color and feel of the Concept: The whole idea with stand out from one another, in age, the viewer may ponder
work. Again, this is still using adding lighter colors allows me example, the bricks (that I spent whether these are effects that
the same program, Adobe Il- to control what the viewer will a while doing). Other line types are overlaying a real image or
lustrator. I also used gradients see first and where the viewer’s make the image look scratched an image created in Illustrator.
where needed to show depth eye will go next. If I make a cer- and whacky. The lines give the image an al-
and shade. tain object stand out by giving it Composition: By using heavier most surreal effect and shift the
Composition: In some works a high contrast, the viewer will lines in the foreground, I put mood of the image.
that use color, I use light tints look at that object int the work emphasis on the object and
of each color to make objects first. I also used color to change direct the viewers eye immedi-
By: Tom Zwarycz By: Tom Zwarycz
18 Computer Graphics 2011 Computer Graphics 2011 19
10. Drawing In Illustrator
Computer Graphics Class
Craft- The way I used little lighter as it the eye
For my object project I what the object is and how my hand to compose this gets to the middle.
have chosen a picture of a each part of it was made picture was by carefully
streetcar. I took this pho- up. I want the viewer to CRAFT: Using the pen it is yellow and it stands following lines to draw ev- Concept- What I want peo-
tograph while visiting New notice the steps I took, tool, I traced the out- out. However, it could erything. The tools I used ple to see when they see
Orleans and was fascinat- working from the back to lines of the buildings and be the second thing you to create this piece was this picture is a beachball
ed by the vintage look of the front, and the layer- the sky. then moving see because it is on the Adobe Illustrator, and the stuck in a basketball hoop
the streetcar against the ing that eventually helped from background to fore- far left. The next closest pen tool. during the day.
modern city scape. compose this piece. ground, I traced a taxi, the thing that you would see is
Craft: For this project I will Concept: I want the viewer street, and a person walk- the person walking. But in Composition- What I did
be using Adobe Illustrator to easily understand what ing. I did all on Adobe Il- the future i will make the to draw peoples atten-
and the ink tool. To fully is going on in the picture lustrator. Each outline was colors darker to match the tionwas add different val-
capture this image I will be and to notice all of the lay- a different layer with a dif- actual picture ues of colors. The back-
Craft viewer’s eye to focus first using large blocks of color ering and overlapping taht ferent color to represent CONCEPT: A Night Art and Text by Giovanni
ground dark, and then a
In Adobe Illustrator, I on the shoes and probably and outlining each shape is taking place. what it was in the actual Downtown Diaz
used the pen tool to cre- follow along the wavy lac- and filling it in. picture.
ate shapes and I used a es, then to look towards Composition: I want the COMPOSITION: The first
camera to take a picture the background. viewer to be able to tell Art and Text by Amy thing that want you to see Art and Text by Christian
of the image I was going Duffy is either the taxi because Rosales
to create. Concept
The subject is a pair of
Composition shoes. That is what I want
The converse shoes are viewers to be able to rec-
obviously the main sub- ognize. Everything sur-
ject of the piece and they rounding then will be more
are sitting right in the cen- clear once I add more de-
ter of the page. They are tail because right now it is
set on a step stool and hard to tell what the shoes
there is a sense of depth are setting on.
since I made a wall in the Art and Text by Allison
background. I wanted the
Horn
20 Computer Graphics 2011 Computer Graphics 2011 21
11. Crafts: overlap the background.
I used my Nikon S60 cam- Fourth, I traced the details
era to take a picture of the of the picture and used
Visual Arts Center. I took the eyedropper tool to fill
a picture from an angle in colors closest to the
so when I place my pic- original hue of the VAC
ture on Adobe Illustrator picture. Fifth, I traced the
it is going to be easier for bricks one by one and
me to zoom in and out of used the eyedropper tool
the picture. I used the pen to mimic the original color
tool, eyedropper tool to of the bricks. For this ex-
trace my art work. ercise, I’m trying to render
the reality of my artwork
Composition: from the original picture. For these pictures I took I used outlines of each of
First, I put the VAC picture I took off the tree on the a picture of a shoe and the different sections of
in a folder then opened side, because I think it is used the pen tool and the shoe with the pen tool
Adobe Illustrator to make not that important. Also, the eye drop tool to try to to create the picture.
a new page and saved it I added the bricks on the animate my exact picture
on the folder where the upper foreground of the onto Adobe Illustrator. The
VAC picture is. The two building one by one like shoe’s color was all done
files has to be on the what I did on the bricks. by Illustrator which tried
same folder because if not to take the best example
it is not going to work fine. Concept: of the color of the shoe it
Art by Jordan Juarez Second, I created a layer The concept of my art- could to make the image Art and text by Nico
where the original picture work is our school’s Vi- look as real as possible. Krajecki
is then another layer for sual Arts Center. I think it
my picture art. Third, I is interesting because it
started tracing the outline gives different angles and
of my picture by using the I can control the eyes of
pen tool, because it is al- my viewer to go to differ-
ways easier to work from ent direction.
the background to the
foreground, so I can be Art by RobertFurlan
sloppy to the area where Art and text by Lovette
the foreground is going to Fernandez
22 Computer Graphics 2011 Computer Graphics 2011 23
12. Craft: For this project age i wanted to take ad-
we had to pick an image vantage of the space.
that we took and copy it I decided to try and fill Craft: In each photo I use the shapes of each image
in Adobe Illustrator. The the whole page with the an image of buildings (tak- as they change and in-
way we did this was we shoes because I wanted en downtown, Chicago) crease in details.
made two layers. One the shoes to be the main and Adobe Photoshop.
layer was the picture that focus of the image. When Specifically the pen tool Concept: The concept is
you see above and the looking at this image the was used. multiple building and the
second layer was all the veiwers eye naturally will sky.
pen marks that I made by go left to right because Composition: I want to
layering the different parts the way the shoes are viewers eyes to fall on the
onto the shoes. The way arranged make your eye shapes being added with
this illustration was able veer in that direction. in the images. I want them Art and text by Shawnita
to come together was I The shoes that’s in front to see both the colors and Montgomery
would start at the back- is much brighter than the
ground and work forward. shoe in back which also
The first move I made was helps out compositionally
the background (picture making the shoe in front By Synthia Wesley
seen above). After that I more important than the
would close that layer i one in back.
just made so I could still Concept: The concept of
see the original picture. this picture is shoes on
After that I started to concrete. The picture is
work on the shoe in the actually of my sister and
background (picture seen her boyfriend walking on
above). I went through the the sidewalk. She asked
same steps for both the me to take a picture of
shoes, adding details in their matching blue Nike
at the very end. The last shoes, so I got low to the
step was to add gradients. ground and snapped a
Gradients really helped picture.
with making the image ap-
pear 3-D and realistic. Art and text by Roxy
Composition: For this im- Wasiunec
24 Computer Graphics 2011 Computer Graphics 2011 25
13. F rom T his T o
T his!
By Christian Rosales
By Allison Horn
By Amy Duffy
By Jordan Juarez
26 Computer Graphics 2011 Computer Graphics 2011 27
14. By Lovette Fernandez By Shawnita Montgomery
By Nico Krajecki By Roxy Wasiunec
28 Computer Graphics 2011 Computer Graphics 2011 29
15. D rawn P ots Art and text by Tom Zwarycz
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.
30 Computer Graphics 2011 Computer Graphics 2011 31
16. GREEN!
By Jordan Juarez By Lovette Fernandez
By Allison Horn By Amy Duffy
By Nico Krajecki By Robert Furlan
By Christian Rosales By Giovanni Diaz
By Roxy Wasiunec By Synthia Wesley
32 Computer Graphics 2011 Computer Graphics 2011 33
17. VALUE!
By Nico Krajecki
By Allison Horn
By Giovanni Diaz By Synthia Wesley
34 Computer Graphics 2011 Computer Graphics 2011 35
18. By Christian Rosales
By Roxy.Wasiunec
By Lovette Fernandez
36 Computer Graphics 2011 Computer Graphics 2011 37
19. Meet The Artists!
Christian Rosales
Allison Horn
Giovanni Diaz
Amy Duffy
38 Computer Graphics 2011 Computer Graphics 2011 39