How To Fill Paint In Illustrator

Read Time: 16 mins Languages:

In this tutorial we will travel dorsum in time to recreate the painting fashion of one of the well-nigh outstanding symbolism artists - Gustav Klimt. His works are full of warm golden colors, elementary ornaments, irregular patterns, natural symbols, and disproportionate shapes. Nosotros volition work to produce this mode with the assist of Adobe Illustrator tools.

Introduction

I recently got a beautiful gift - a reproduction of a Gustav Klimt painting. This outstanding piece of work made me understand that we, designers, are used to looking for inspiration in everything around us, rather than behind us.

Back in centuries past there were hundreds of vivid artists whose paintings became immortal. There were numerous interesting periods in art history that offer plenty of sources of inspiration. So today we start a serial of tutorials devoted to various historical periods of art, where we'll recreate the most challenging styles through modern graphics. We begin the serial with artwork inspired by Gustav Klimt paintings.

Gustav Klimt, an austrian creative person of the nineteenth century, was a founder of European modern fine art. His works are total of subconscious symbols and ornaments, warm golden colors, asymmetric patterns and natural shapes. The major object of his paintings are female bodies, and his portraits remain favorite artworks for plenty of people until now. You can search his brilliant art (through Google, for instance) and visit the Gustav Klimt Wikipedia page to go familiar with creative person works.

We will recreate Klimt's unique manner and technique with the help of Adobe illustrator tools, applying brushes, symbols, textures and patterns, blending modes, and few more than tricks.

Part 1: Background

Step 1

Open up Adobe Illustrator and create a new certificate 1200 px by 800 px in RGB color mode. Draw a groundwork rectangle (M) that covers the entire canvas with the same dimensions (1200 px by 800 px) and fill up information technology with a golden-dark-brown gradient that goes class a darker color at the lesser (#936509) to a lighter one at the top (#BC8B0F). Now lock this rectangle (Command + 2).

Step 2

At present nosotros need a chaotic ornament on the background. I found a clever manner to exercise it with the help of the filigree. Choose the Rectangular Grid tool and elevate a mouse to cover the background. Now, while yous're still property down the mouse push, modify the amount of divisions with the upward or downwards arrows for number of rows, and left or right arrows for number of columns.

Also, we demand more irregular club, so allow'due south skew the columns' width by pressing C or X keys, and the rows' elevation with F or V keys. Yous can release the mouse push when the filigree looks irregular enough. It is also possible to create such grids inbound exact values - press Enter and insert size, number of rows and columns, and baloney every bit you delight.

Pace 3

Modify the fill color of grid to light yellow (#E8BF2A) and ungroup it (Command + Shift + Yard), as it is actually a group of rectangles and lines. Now open the Pathfinder panel (Shift + Control + nine) and click the Divide button to split it into separate shapes.

Ungroup again, and go to Object > Transform > Transform each, cheque both the Preview and Random boxes, and enter about 70% for horizontal and vertical calibration, then drag the Move sliders a chip if y'all want to achieve a random effect. Apply when you are satisfied and group the shapes again (Command + Yard) to go the paradigm below.

Stride 4

With the group of rectangles selected, become to Effects > Stylize > Round corners and enter a value of about 10 px. Now in the Transparency console (Command + Shift + F10) change it'due south blending mode to Soft Light. Finally, make a copy of it and rotate it 180 degrees with the Rotate Tool (R), and click Enter. At present insert 180 for the angle and press Copy. Y'all'll have 2 layers of shapes on top of each other creating a random outcome. Lock this layer for now and name information technology "BG."

Part 2: Tree

Stride 5

Create a new layer and name information technology "TREE." We'll make a tree at present, an element that is nowadays in many Gustav Klimt paintings. The creative person loved depicting natural shapes, oftentimes using spiral objects. We'll draw a elementary asymmetric tree with polish lines to achieve a similar result. To practise it, we'll create a custom brush.

Accept the Ellipse Tool (L) and create a small ellipse 40 px by 20 px, with no stroke and a medium gray fill. Now use the Directly Option Tool (A) to movement the rightmost ballast point about 400 px to the right to get a distorted shape.

At present open the Brushes panel (F5) and elevate the shape to the brushes' listing. In the dialog choose Art Brush. In the brush options window leave all parameters intact, only alter its name, select Hue Shift color method, and the appropriate direction (from left to right).

Step 6

You can delete the shape now. Choose the Castor Tool (B), change the stroke color to dark brownish (#603813) and make full colour to none. Adjust the brush parameters as shown below by clicking Enter and inserting the advisable values. In the Brushes console choose the brush we just created. At present we'll draw a tree, start with 1 curved line and modify its stroke width to 2 pt. Create a few more than thick branches.

Step 7

Keep cartoon branches with the Brush tool. This time with a one pt stroke width. Create as many lines as yous desire, just endeavour keeping a tree at the correct office of your document. You need smooth curvy shapes to imitate a tree, which is what Klimt unremarkably depicted. We won't be calculation leaves, so when the branches are prepare just select them all and grouping them.

Footstep 8

Nosotros all the same need to decorate the tree, and then grab the Pencil Tool (N) and draw a long wavy line that crosses several times to a higher place the tree. Make it no fill and one pt stroke of any colour.

We'll apply a nice minor scattered dots to it now. Open the brush library: Window > Brush libraries > Decorative > Decorative_Scatter, and cull the Dot Rings brush. It volition appear in your main Brushes console - now you can select the line you created and apply this brush to it. Finally, in the Transparency panel alter the dots' blending to Difficult light. The tree is ready - you can lock this layer now.

Function iii: Ground

Step nine

Let'southward create a ground at present. We'll use ornaments and patterns for the basis rather than a plain color, as the artist loved chaotic elements on every surface. First, create a new layer and name information technology "Ground," now draw a shape in the bottom role of the prototype with no stroke and a medium-brown fill (#8C683C). You can practise information technology with the Pencil Tool (N) or with the Pen Tool (P) if you lot feel comfortable with information technology.

Now open the Appearance panel (Shift + F6) and add a new fill to this shape. Navigate to Window > Swatches libraries > Patterns > Basic graphics > Textures and choose a blueprint you lot similar most for the new make full. I chose USGS_20_Scrub. The only thing left is to alter the blending manner of this texture fill to Soft Light in the Transparency panel (Command + Shift + F10).

Step ten

Draw an ellipse shape, just don't utilise the Ellipse tool - accept a Pencil (Northward) and draw a circular shape, so that the object looks irregular and hand-drawn. To close the path while drawing with the pencil, press the Alt button. Create several more similar ellipse shapes and position them within the ground object, altering the size, angle, and position. Give them a copper colour fill (#BF6143) and no stroke, and group all the shapes.

Step 11

With the grouping selected, go to the Transparency panel (Command + Shift + F10) and alter information technology'due south blending style to Color Burn while reducing the Opacity to about 50%. Now go to Effects > Stylize > Inner glow, and adjust the effect parameters as shown below: color, blending mode, and blur radius.

Step 12

Draw a small ellipse almost 35 px by 30 px, fill it with dark bluish with no stroke. Create another smaller ellipse about xx px by 15 px, brand information technology a yellow fill and black stroke, and position it on top of the first blue one.

Now grouping both shapes and go to Effects > Distort & Transform > Roughen, with a small values of size and item (about fifteen for both) and smooth corners. At present drag this resulted shape to the symbols panel.

At present grab the symbol sprayer Tool (Shift + S) and spray the new symbol on the footing. Spray x-15 shapes, so choose the Symbol Shifter, Symbol Sizer, and Symbol Spinner tools to change the symbol instances a petty in order to achieve a more natural look, change their size, bending, and position. When you are satisfied, lock the "Ground" layer.

Part iv: Figure

Step xiii

We accept come up to the most of import part of our work - the female figure. This chemical element is essential in Gustav Klimt paintings. His portraits are well-known and popular all over the world. The artist payed bang-up attention to details when portraying women figures, so allow's try to convey his painting style.

Create a new layer and name it "FIGURE." Now, in the left part of your document, create a rectangle (M) about 400 px by 600 px and fill up it with a light-brownish color (#CC9340) with no stroke. Now, in the Advent panel (Shift + F6) add a new fill to the rectangle and change information technology from a patently color to an irregular design texture. Navigate to Window > Swatches libraries > Patterns > Basic graphics > Textures and cull a pattern called USGS_2_Marsh. Now, with a new pattern make full chosen in the Appearance console, modify its blending style to Overlay in the Transparency panel (Control + Shift + F10).

Stride 14

The next stride is adding stripes to the figure. To do it, create another rectangle 400 px by 600 px over the previous 1 (or duplicate the first 1) and fill up information technology with a calorie-free-dark-green color with no stroke. Now, become to Object > Path > Divide to Grid in order to cut the rectangle into many thin stripes. In the filigree window enter 24 rows and change the gutter value to xv px, while leaving 1 column (meet the image). Finally, change the color of stripes to any random colors you similar - I used fuchsia, yellow, dark-dark-green, blue, and dark-brown. Now grouping all 24 stripes (Control + G).

Note: I've turned off the visibility of underlying objects in the image below for convenience.

Step 15

Now select the grouping of stripes, and nosotros'll distort them to achieve a more random look. Take a Warp Tool (Shift + R) and deform stripes a little flake to make them wavy. Y'all may want to adjust tool options by pressing Enter, or try other tools from this group. You'll need an image similar to the one below.

Step 16

The next ornamentation we desire to add to this figure is a fix of triangles. Nosotros won't use polygon shapes for it, as nosotros once again want a more than irregular look. Take the Pencil Tool (N) and describe a row of three triangular shapes with it (to close a path hold down the Alt button). Make full the shapes with various shades of brown and make them no stroke.

Now duplicate them past Alt + Shift-dragging above, and marshal the copy with the original triangles. Now repeat the duplication to go another prepare of triangles. You lot demand to have 3 rows of 3 shapes each. I also recommend you to alter the position of shapes so that they look less regularly ordered. Now copy the 9 shapes and movement them up again to position them above, and change the color of shapes if you want. Grouping all 18 shapes at present, as in the image below.

Step 17

Calculation a piddling item to the figure tin can be done with the Besprinkle Brush, simply like we did with the tree decoration. Apply the Pencil Tool (N) to draw a curvy random path that crosses a few times above the triangles. Make certain the fill is turned off and the stroke is 1 pt wide with any colour. Now but cull the same castor nosotros used for the tree - Dot Rings from the Decorative Scatter library, and apply information technology to selected path. Now modify the blending mode of this shape to Soft Calorie-free.

Pace xviii

Now we should ingather the group of elements we created for the figure, adding an appropriate shape. Again, use the Pencil Tool (Due north) to depict a shape that roughly looks like a female effigy - refer to the image below. Change the stroke to none and fill to a linear slope that goes from black to gray to blackness. In the Transparency panel reduce the shape Opacity to 50% and modify the blending manner to Color Burn.

Now copy and paste the shape in front end (Command + C and Control + F), select all the shapes we created on this "Figure" layer and make a clipping mask with the shape copy above (Command + 7). At present all the artwork is hidden outside the masking shape nosotros created. The torso is ready, and we can lock this group for now.

Step 19

It'due south time to add a head. I've decided to make a adult female view from behind, as I remember it is non that like shooting fish in a barrel to imitate the technique Gustav Klimt used for female faces.

Merely draw a shape with Pencil Tool (Due north) that represents a view of a woman's caput from backside and fill it with a dark-brown color (#5E3C1D). Now add iii open up paths above the head using the Pencil Tool to imitate hair highlights. Make them no fill and light-brown (#D0AF89) iii pt stroke, and change their blending mode to Soft Light.

Finally, apply a castor to the 3 highlight lines by going to Window > Brush libraries > Artistic > ChalkCharcoal_Pencil, and choose Charcoal-Pencil brush. Group the caput and 3 pilus shapes. The figure is set up now, and you can lock this layer.

Function five: Ornamentation

Step 20

The main limerick is prepare, and so let'southward add some details to enhance the unique Klimt way. Create a new layer and name it "DETAILS." Start, permit's create a custom pattern brush. To do so, create a small triangle (about xx px by 20 px) with the Polygon Tool, give it an orangish fill and a brown 1 pt stroke. Describe a pocket-sized circle with the Ellipse Tool (L) and put it in the heart of the triangle, give it a blue make full with a red stroke.

Now duplicate both shapes by Alt + Shift-dragging them to the correct and align a copy with the original. Now change the fill and stroke of the triangle copy to lighter shades, and alter the colors of the circle copy to your liking. Make sure both triangles affect each other, now select all four shapes and drag them into the Brushes console (F5). In the dialog choose Border (pattern) castor. Exit all options intact, practice choose the Hue Shift colorization method, and enter the name for the new brush.

Step 21

At present with the Pencil Tool draw around ten curvy lines that become from the base of the female figure. The idea is to utilize a new triangle blueprint brush to them, only using different settings. To practise it, apply different stroke color to the lines, then select them and cull new brush from the Brushes panel.

Change the stroke width of some lines between 0,5 and ii pt for more random effect. You can as well alter options of the brush practical to split up paths by choosing Options of selected objects from the Brushes flyout carte and tweaking any settings. Once you are ready, group all the lines.

Footstep 22

Open the Symbols library (Window > Symbol libraries > Artistic textures) and drag the Splatter symbol to your artboard. Now with the symbol instance selected, create a new scatter brush in the Brushes panel and insert the following options.

To consummate the decoration, once again take a pencil and draw a few curvy lines in a higher place the unabridged document. Modify their stroke colour to brown, yellow, or orangish. At present apply a new splatter brush to it and ready the blending mode of lines to Soft Lite, Overlay, or Colour Burn to add some texture. You tin can lock this layer now.

Role 6: Texture

Footstep 23

Create the last new layer and proper name it "TEXTURE." Nosotros volition add a textured surface look here to consummate the effect of painting on the canvass. Create a rectangle (M) with the document dimensions 1200 px by 800 px that covers the entire image. Make full it with a medium gray color and change the stroke to none.

Now get to Effects > Texture > Grain, and enter the following settings: 70 for Intensity, fourscore for Contrast, and Clumped for Grain blazon. Now go to Effects > Brush strokes > Spatter, and enter 14 for the Spray radius and seven for Smoothness. Finally, alter the blending mode of this rectangle to Soft Light in the Transparency console.

Pace 24

Create another rectangle 1200 px by 800 px covering the entire epitome with the same grayness fill up and no stroke. Become to Object > Make Slope Mesh, and enter half-dozen rows and 6 columns. Now you can recolor separate points by taking the Direct Selection Tool (A) and changing their color to xanthous, pink, lighter gray, and white. Also drag point handles randomly to achieve irregular color spots - either with the white pointer or with the Mesh Tool (U).

Step 25

With the mesh selected, go to Furnishings > Artistic > Sponge, and enter the following options: iii for the Brush Size, 12 for Definition, and 5 for Smoothness. When the effect is applied, y'all tin alter the object blending mode to Overlay. You may want to reduce the Opacity if the texture looks too harsh.

Step 26

To complete the texture, I decided to utilise an image of a real canvas. Y'all can accept a photo of a canvas texture, or use a stock paradigm, I used this wonderful image from Cristian Jungwirth.

Identify the canvas texture into your Illustrator document (File > Place) and brand certain the Link box is unchecked in the Place dialog so that the image is embedded. Transform information technology to fit the image size and open up the Transparency panel. Here, change the blending mode of the texture to Color Burn and reduce its Opacity to about fifty% and so that it does not expect too nighttime. You may experiment with other modes, however.

Conclusion

That is it for today - the work is fix! We've completed an interesting and challenging task today, imitating a painting of Austrian artist Gustav Klimt. We recreated his memorialized style using various Illustrator tools, and gave this vector painting an irregular paw-drawn look.

With the help of symbols, brushes, patterns, textures, and Pencil tool information technology turned out to be not that difficult. Experiment and create your own Klimt-style artwork. And await for more tutorials on various historical periods of fine art. I'm happy to hear your suggestions in the comments.

Subscribe to the Vectortuts+ RSS Feed to stay up to date with the latest vector tutorials and articles.

Did you find this mail service useful?

My name is Diana Berg, I am a graphic designer from Donetsk, Ukraine. I work as an illustrator at my brother's web studio, and I'yard also a design teacher at the It university. I sincerely believe that practiced blueprint and creativity will brand the globe a ameliorate place.

Source: https://design.tutsplus.com/tutorials/how-to-make-an-inspired-golden-painting-in-illustrator--vector-3416

Posted by: tindalprobjecre.blogspot.com