8/10/2019 Luminous Life
1/52
8/10/2019 Luminous Life
2/52
My name is Asha Black. I am 24 years old. Ever since I wasa young child, I have created artwork.
In my free time I sketch. Most of the time I draw with pencilsand markers, but sometimes I use pastels and charcoal.
I read everydayblogs, novels, but mostly mythology,folklore, essays, historical texts and treatises. Recently, Ihave learned to build computers and have even built myown computer to use at home. Surprisingly, its easier than Ithought itd be and very fun too.
I am a gamer. The genres that interest me the most areinteractive novels, RPGs (roleplaying games, that tend tofocus on storyline and character development) genres.Video games appeal to me because theyre an interactiveart form that has reached people on a grand scale. To use
an analogy, a group of game developers may set the stage,the props, and the characters, but the player is the one whocontrols where the props go and how the characters interact.
This is my rst year at Saint Xavier, but this is not my rst
time attending a university. In fact, I am a transfer student. Iwished to go back to school and nish my bachelors degree.I chose to continue my education at Saint Xavier University.
I am a Graphic Design major. I chose to this major becauseI have always loved to create artwork, not only for myselfbut for others. made my own gifts for family and friendsIwould draw sketches, make cards, and try (emphasis on try)to paint. I hope I can use my skills to create artwork that isfunctional and aesthetically appealing.
Introduction:
the Author and the Artist
8/10/2019 Luminous Life
3/52
T ABLE OF CONTENTS
EARLY SKETCHES 4 - 7
LIL RED TEAPOT 8 - 15
THROUGH THE DRIPPING GLASS 16-21
HUE AND COLOR HARMONY 22-25
WILDFLOWERS 26-35
LIVELY MACAW 36-41
LINES, ALIVE!: T HE P EN T OOL 42-43
SUGARY SWEET: C REATING AN INFOGRAPHIC 44-49
FIRE INSIDE 50-51
8/10/2019 Luminous Life
4/524 Luminous Life
8/10/2019 Luminous Life
5/52Luminous Lif e 5
E ARLY S KETCHESOne of the rst exercises we learned was a warm upexercise, drawing the shape and contour of an object fromobservation using only 100 lines. Of course we could use
as many lines as necessary to draw the shape.
The purpose of this exercise was to accustom us to using astylus and tablet to draw in Adobe Illustrator. The process isdifferent than using traditional media such as a pencil andpaper. When I use a pencil and paper to draw, I not onlymove my hand and arm (as I do with a stylus), I can alsomove my body to see the angles of an object and measurethe proportions. I also usually draw axis lines to help me withscaling of an object.
Another difference I found using Adobe Illustrator insteadof traditional media, is that its harder to quickly change theweight of the lines as I am drawing. (By weight I refer to the
value, width, and boldness of a line). With a pencil or penor brush, I press harder and adjust my drawing angle whenI want change the weight of the lines. Its a bit more of anintuitive process.
At the time I hadnt experimented with Adobe Illustrator. Soto change the weight of the lines, I had to change the weightof the stroke as well as the type of brush being used whileworking. So I sketch slower than I would with traditionaltools, because I have to go back and forth to adjust thestroke size.
8/10/2019 Luminous Life
6/526 Luminous Life
8/10/2019 Luminous Life
7/52Luminous Lif e 7
This is a wine glass drawn with a stylus and tablet in AdobeIllustrator. In one layer, I drew the lines. I then added a
background and foreground using the lled ellipse tool. Iused grayscale colors as this was only a contour drawingand not a value drawing.
I later edited and added variations with the Brush tool.Under the strokes tool window, I selected the Brushestab and clicked the right hand menu option > Open BrushLibrary > Artistic > Artistic_Ink and Artistic_Chalk sets.
W INEGLASSES AND
B RUSHES
8/10/2019 Luminous Life
8/528 Luminous Life
8/10/2019 Luminous Life
9/52Luminous Lif e 9
Lil REd TEAPOTThis teapot was drawn in Adobe Illustrator with a stylusand tablet. For the teapot itself, I used the brush tool witha default 5 pt oval brush. The shadow of the teapot wasmade using the brush tool with a charcoal brush on a layerbeneath the foreground object. The background was madewith the lled rectangle tool, with neutral, desaturated greenhues to bring out the reds and magentas of the teapot in theforeground. The shadow is drawn in a dark red-purple hue,using a charcoal brush.
There were multiple steps to get to this nal product.
8/10/2019 Luminous Life
10/52
Step 1: Blocking in the shape
The rst thing I did was to block in the shape of the teapot,drawing the contour of the teapot using a series of strokes.
I used the brush tool, with a 5 pt round brush, 1 pt width, witha uniform stroke. I used black to draw the darkest values(shadows) and so I could add lighter values (midtones) andhighlights later.
10 Luminous Life
step-by-step process
8/10/2019 Luminous Life
11/52
Step 2: Re ning the shape
Using the same tools, I continued to re ne and block in theshape.
I lled in the darkest shadows (in the center of the teapot)and smoothed the edges of the shape. The handle, thespout, the bottom of the teapot was rounded.
Luminous Lif e 11
8/10/2019 Luminous Life
12/5212 Luminous Life
Step 3: Adding values
Using the brush tool, I continued to re ne and block in theshape.
I lled in the darkest shadows (in the center of the teapot)and smoothed the edges of the shape. The handle, thespout, the bottom of the teapot was rounded. I added gray-scales to add value to the shape, the midtones representedwith a medium gray. The highlights on the object were drawnin white.
8/10/2019 Luminous Life
13/52Luminous Lif e 13
Step 4: Adding space
In a new layer (located below the layer containing theartwork), I used the rectangle tool to add a foreground and
a background.
This was to add the illusion of space and to make it seem asthought it were an object positioned in space and not a free
oating teapot from another dimension.
8/10/2019 Luminous Life
14/5214 Luminous Life
8/10/2019 Luminous Life
15/52
After completing the grayscale value drawing in AdobeIllustrator, I saved a new version to experiment with colorand make the image more interesting. The nal result is ateapot of warm hues against a neutral green background.
First I opened the Color Guide window (Shift+F7). Then Iselected all lines of the teapot using select all (CMD+A).
Once highlighted, I then used the Edit or apply colorsoption on the Color Guide menu. (This option is on the righthand side of the color guide menu and looks like a miniaturecolor wheel.) This opens up a new popup window with a dropdown menu with two tabs edit and assign, representingtwo different options for applying color. The edit menu uses acolor wheel. The assign window lets you edit colors directly,based on the existing colors.
Atop the color guide window is a drop down menu forselecting different color schemes. For this teapot I usedhigh contrast scheme with a warm palette, but I also couldhave used an option like shades (assigns different light anddark values of one hue), complementary or analgous.
STEP 5: color ,
experimentation
Luminous Lif e 15
8/10/2019 Luminous Life
16/5216 Luminous Life
8/10/2019 Luminous Life
17/52Luminous Lif e 17
This jar was the nal result of a multi-step process, that be -gun with drawing a jar from observation. After successiveedits, the nal result is a dripping rainbow pastel jar.
t hrough t he dripping g l ass
8/10/2019 Luminous Life
18/5218 Luminous Life
8/10/2019 Luminous Life
19/52Luminous Lif e 19
Drawing from observationI drew a glass jar from observation, re ning the shape andadding value. I then added a foreground and background.Afterwards, experimentations!
First I edited and added variations with the Brush tool.Under the strokes tool window, I selected the Brushestab and clicked the right hand menu option > Open BrushLibrary > Artistic > Artistic_Ink and Artistic_Chalk sets. Iused the charcoal tool and while it was an interesting effect,I thought it was ordinary and not distinct enough from the
nalized value drawing.
8/10/2019 Luminous Life
20/5220 Luminous Life
8/10/2019 Luminous Life
21/52Luminous Lif e 21
The second to last step was applying a new brush to the jar. Selecting the lines of the artwork (using CMD+A), I thenopened the Strokes window. Under the strokes tool window,I selected the Brushes tab and clicked the right hand menuoption > Open Brush Library > Decorative > Elegant & Curl
brushes.
I liked the effect because it made the drawing look like it wasmade with wet, dripping paint that was allowed to dry andblend. It was still recognizable as a jar. The dripping look iswhy I applied a whimsical, rainbow like pastel color paletteto the nal drawing.
wet strokes
8/10/2019 Luminous Life
22/5222 Luminous Lif e
8/10/2019 Luminous Life
23/52Luminous Life 23
The Color Wheel and Color Harmony
The primary colors are blue, yellow, and red. By mixing twoof these, you get the secondary colorsgreen, orange, and
violet. And the tertiary colors are mixtures of primary andsecondary colors; ex, blue and green creates blue-green,yellow and orange to yellow-orange.
Colors opposite from one another on the color wheel arecomplementary. A pair of complementary colors can be veryclashing if two saturated values are used together. But withbalanced values, the hues can be very striking and eyecatching. Colors adjacent on the color wheel are analogous,such as red and orange or blue and green.
Cool colors are blues, greens, and violets (violets closer toblue / indigo). Cool colors are soothing and calming.
Warm colors are reds, oranges, and yellows. Warm colorsare exciting, arousing. Warm colors are more visible at adistance, especially at night. (This is why stop signs are redand street lights are orange-yellow.)
For these sets of illustrations, I began with a common colorof blue, and used it in analogous, complementary, and coolcolor schemes. I used a photograph as a reference for eachillustration.
Hue & Color Harmony
8/10/2019 Luminous Life
24/5224 Luminous Life
A ROUGH DRAFT , W ITH BASIC SHAPES AND OUTLINES
8/10/2019 Luminous Life
25/52
Working Process for Illustrations
For this illustration, I used Adobe Illustrator, a digital tabletand stylus.
The color in all of my color illustrations is blue (the speci cvalue is #00599B, RGB 0,89,155.) In each drawing, I usedthe brush tool on a uniform stroke, with a brush size of 0.25
pt (for small, ne details) up to 15 pt (for broad strokes).Whenever I painted the background, I used the size 5 roundbrush at 15 pt. For outlining foreground and backgroundobjects, I used the size 5 oval brush at 3 to 5 pt. For smallerdetails and strokes, I used a 0.25 to 1 pt size 3 oval brush.
I wanted to emphasize a sketchy, rough look. I began byusing a medium blue for the foreground objects. I thenoutlined the contours of the object. Finally would I createa new layer and lled in the background with a lighter ordarker color to set the overall tone of the drawing.
In each of the illustrations, I arranged the layers by
background, mid-ground, and foreground. My logic is thatthe background would contain a base splash color or simpleshapes. The simple foreground objects (in this image,the stems and grapes). The foreground would containvalues of foreground objects and the contours (outlines) offoreground objects.
Luminous Life 25
U SING LAYERS TO COMPOSE A DIGITAL ILLUSTRATION
8/10/2019 Luminous Life
26/52
Wildflowers
This is an illustration of a cluster of a bloom of wildviolets and foliage. After nishing the rst draft, I appliedvarious effects to enhance the composition.
26 Luminous Life
8/10/2019 Luminous Life
27/52Luminous Lif e 27
8/10/2019 Luminous Life
28/52
THE ORIGINAL DRAFT
28 Luminous Life
8/10/2019 Luminous Life
29/52
Creating the rst draft
The third in a series of color illustrations, this drawing isbased on a photograph of a bloom of wild violets, clusteredwith the leaves of other plant species. I had to abstract theimage--in the original photo, the background leaves wereout of focus and there was thick foliage.
I recreated the image by using four layers: a backgroundlayer containing a canvas color (a dark green), a layerfor foliage (darker and desaturated greens), a layer forforeground foliage (bright and saturated greens), and alayer for the owers.
I began with the same value of blue. I used the Cool,Saturated, and Foliage color swatches.
Although the nal image was interesting, it did not feelcomplete. This is when I began experimenting with brushesand the color edit tool.
Luminous Lif e 29
8/10/2019 Luminous Life
30/5230 Luminous Life
THE bACkGROUND FOLIAGE , DUPLICATED
8/10/2019 Luminous Life
31/52Luminous Lif e 31
Editing layers & Applying texture
First, I duplicated the background foliage layer (named fo-liage dark in the le) and shifted its position to make it looklike a new cluster of foliage.
I then applied two different charcoal brushes to each layer.One layer used charcoal brush, the other foliage layer Iapplied the charcoal (smooth) brush. (Both brushes arefound under the Artistic -> Artistic_ChalkCharcoalPen in thebrushes library.)
For the foreground foliage, I selected the existing art. ThenI applied the Dry Ink 1 brush (Artistic-> Artistic_Ink).
Finally, I selected the lineart on the owers later. I used theCalligraphy brush (from Artistic_Ink library) for a smoothertexture.
THE F OREGROUND FOLIAGE
8/10/2019 Luminous Life
32/5232 Luminous Life
8/10/2019 Luminous Life
33/52
Testing colors
After changing the texture of the image, I used the coloredit tool to test new color schemes. For this image, Iused a bright magenta (found under the Nature -> Flow-ers palette) and paired it with cool violets and blues. Iused the High Contrast color scheme.
Though the nished product is very striking, I actuallyliked the previous draft more with the original color pal-ette and cool color scheme.
Luminous Lif e 33
8/10/2019 Luminous Life
34/5234 Luminous Life
8/10/2019 Luminous Life
35/52Luminous Lif e 35
8/10/2019 Luminous Life
36/5236 Luminous Life
T HE BEGINNING STAGE
8/10/2019 Luminous Life
37/52Luminous Lif e 37
Lively Macaw In this illustration, I used a complementary color scheme.Initially, I was going to limit the colors to blue and orange.Eventually, I added shades of blue-violet and yellow tocreate visual interest. The background is a brownish-orange. The branches the macaw is perched on arevariations on orange and brown. The leaves are yellowand orange.
Once again, I used multiple layers to divide the composition.
The background, foliage, branches are on individuallayers. The macaw itself is on divided on multiple layers:the feet, beak, body & wing, the orange feathers and claw,and its eye.
8/10/2019 Luminous Life
38/5238 Luminous Life
8/10/2019 Luminous Life
39/52Luminous Lif e 39
Applying Texture
I applied different brushes for each layer tochange the texture of the drawing. Before, thedifferent objects in the illustrating were verysmooth and uniform. If it werent for the differentvalues and brush sizes used, the objects wouldnot pop out. After applying new brushes tothe existing strokes, there was clear variationbetween objects with texture as well as color.
The macaws feathers are two differentbrushes: fountain pen and chalk-blunt. I usedfountain pen, an ink-based brush (found underBrushes -> Library -> Artistic -> Artistic Ink) tocreate a light, feathery texture on the dark bluefeathers. For the bright blue feathers, I used
Chalk-Blunt (Brushes -> Library -> Artistic ->Artistic_ChalkCharcoalPencil). For the twigsI used Chalk-Round and the leaves I usedCalligraphy-1 (an ink brush).
I was able to get an amazing variation of texturesand create the illusion of using traditional mediawith the default brushes in Adobe Illustrator.
8/10/2019 Luminous Life
40/5240 Luminous Life
8/10/2019 Luminous Life
41/52Luminous Lif e 41
The nal draft
On the nal draft, I created contrast using the
Color Edit tool. I was satis ed with the color ofthe macaw, but I thought the twigs and leavescould use more contrast. I used the Foliageswatch (Window -> Swatches -> Swatch Library-> Nature -> Foliage) as the base. The foliageswatch had not only many shades of green, butvibrant reds, yellows, oranges. The nal drafthas a lot more contrast than the rst.
8/10/2019 Luminous Life
42/5242 Luminous Life
Fonts are a form of vector art: they must be easily reproducedand resized for multiple mediums.
Logos (symbols representing an idea or brand) are also atype of vector. A logo may be placed on anything: documents,products, ads. It must be reproducible for multiple media.
Vector art is also used in infographics to create images andillustrations.
Lines, Alive!The pen tool (P) is another method for drawing in AdobeIllustrator. It takes practice to use and is not as intuitive asthe brush tool. Whereas the brush tool is used for freehanddrawing, the pen tool is designed to draw lines and geometricshapes. By clicking one point of the canvas when activated,then dragging the stylus and nishing that point. Curvesare drawn by dragging the mouse or stylus on the canvasbefore nishing the point.
The pen tool is used to create a vector drawing. Unlike pixelart, a vector drawing can easily be resized without distortingthe image or losing image quality.
8/10/2019 Luminous Life
43/52
What is an infographic?
Luminous Lif e 43
An infographic is a visual tool to present concise informationabout a speci c topic by using text and images. It is neither aposter or pamphlet or magazine article, but its own medium.
When a graphic artist makes an infographic, they want tocontrol the ow of data with images, charts, color, fonts.Images enhance and visualize accompanying text.
Large fonts are used to pinpoint titles, subtopics and facts.
Of course color scheme and fonts and images you usedepends on the topic, the visuals, and the audience. ( Who will be reading your infographic?)
8/10/2019 Luminous Life
44/5244 Luminous Life
S UGAR : SWEET AND ADDICTIVE
8/10/2019 Luminous Life
45/52Luminous Lif e 45
Sugary sweetThe infographic I created was about sugar consumption inthe United States. I divided my infographic into four parts:the amount of sugar Americans eat, the source of thesugars, the sugars in natural/healthy foods (fruits), and theeffect of sugar addiction.
The rst step was research, compiling and summarizingdata. The second step was compiling reference photos todraw illustrations for the infographic.
Working Process in Adobe Illustrator
I began by creating a new le and placing a reference photoin its own layer (File -> Place or Shift-CMD-P). I then createda new layer. Using the pen tool I would trace the photo,starting with the basic shape with a median value or hue.Then I would draw the shadows, the highlights, to add depthand details to the image. The color palettes were taken fromthe reference photo using the Eyedropper tool (I).
For the sugar drawing, I also used the scaling and perspectivetool to change the angle of the text and allude to depth.
Creating an infographic
8/10/2019 Luminous Life
46/5246 Luminous Life
8/10/2019 Luminous Life
47/52Luminous Lif e 47
Apples and Oranges
To draw the orange, I used a new technique. Instead ofpainstakingly tracing every curve of the orange with thepen tool, I simply used the ellipse tool (right-click on therectangle tool or shortcut L) to draw the face of the orange.
The side of the orange and the inner fruit were all tracedwith the pen tool.
To draw the apple, I used the pen tool to trace the mainbody of the apple, the stem, and inner contour on their ownlayers. I then traced multiple highlights (from the lighting inthe reference photograph) and placed them on their ownlaters.
Finally, I duplicated the body and lled it with a darkerred. I then used the eraser tool to shape it into a shadow.(This same technique was used to create the highlight andshadows on the stem.)
8/10/2019 Luminous Life
48/5248 Luminous Life
8/10/2019 Luminous Life
49/52Luminous Lif e 49
Bringing it all together
I had my data and illustrations completted. Now it was time
to create the infographic. The original le was in tabloid size(11x17 inches), portrait orientation. The challenge was ttingall this information together in one spot and making it ow.
What was it that I wanted people to know? How much sugardo we eat? since this infographic was all about foods andtheir effects. So I placed it in the center of the page, with thelargest font and its own unique font. The spoon is also partof the title, to reinforce the eating. The sugar is near the topof the page so people know what the infographic is about.
I used different colors and fonts to seperate the foursubtopics. In each title, the word sugar is pink to repeatthe motif.
The data itself is grouped together visually by containers.I used neutral browns and greens for the background, soit would not clash with the bright and saturated hues in theaccompanying illustrations.
The different hues of brown are supposed to representcandies and chocolates and caramels. The green, circularcontainer that is the backgrond for fresh fruit is intentionallydesigned to contrast the other containers and background.
8/10/2019 Luminous Life
50/5250 Luminous Life
8/10/2019 Luminous Life
51/52Luminous Lif e 51
This illustration began as a drawing of a ame-lit candle.As I was drawing the candle though, inspiration struck. Iwasnt drawing with a speci c goal in mind anymore. Flamesbecame wisps and feathers. I saw a new shape in what I
drew. A small ame transformed into a rebird, soaring onluminscent wings.
I decided to make this the cover of this magazine becauseI think it evokes the act of creating art. Often I begin with apreconceived goal or conception, but as I start to draw I amovertaken by sudden inspiration and lost in the ow. What Iimagined is forged into something else entirely.
I hope you enjoyed my art and a look into my workingprocess.
the Fire Insid
8/10/2019 Luminous Life
52/52
Top Related