How to Create Diverse Women Avatars in Adobe Illustrator

Post pobrano z: How to Create Diverse Women Avatars in Adobe Illustrator

Final product image
What You’ll Be Creating

Let’s celebrate International Women’s Day by making a dedication! Follow this tutorial and let’s learn together how to design fancy women avatars. 

I’ll show you how to use and transform simple geometric shapes in order to create a variety of portraits, making them as diverse as possible! We’ll be using various warp effects, the Shaper Tool, the Pathfinder panel, and other tools and functions to vary the age, nationality, complexion and style of the characters.

By the end of this tutorial, you’ll be able to create hundreds of fancy avatars by simply mixing and combining the elements of the characters that we’ll be creating here. Want to see how it works? Check out this Flat Women Avatar Constructor and try it yourself—it’s really fun! 

Apart from that, you can apply these techniques to create any other type of flat avatars, vary the appearance of the character, and try out various styles of flat portraits. For example, check out these profession avatars at GraphicRiver. Feel inspired? Let’s get started!

1. How to Create a Woman With Cornrows

Step 1

Let’s start off by creating a face from a rounded rectangle. You can use either the Rounded Rectangle Tool or the Rectangle Tool (M) to make an 80 x 110 px dark-brown shape with 30 px Corner Radius. 

You can find the Corners option panel in the control toolbar on top while the shape is selected with the Direct Selection Tool (A). Another way to adjust the Corners value is either to set it in the Transform panel (Window > Transform) or to do it manually by pulling the circle markers of the Live Corners of the shape with the Direct Selection Tool (A).

Make a rounded rectangle of 14 x 22 px for the nose and place it right in the center of the face. In order to make sure that we’ve centered everything perfectly, select both shapes and click the face shape once again to make it a Key Object. Click the Horizontal Align Center and—voila!—the nose is exactly where it should be.

creating a face from a rounded rectangle

Step 2

Take the Ellipse Tool (L) and make a 13 x 13 px dark-brown circle for the eye. Select its bottom anchor point with the Direct Selection Tool (A) and delete it by pressing the Delete key (or Backspace if you’re on Mac). Now we have this cheerful look! 

Select the eye, hold down Alt-Shift, and drag it to the opposite side of the face, thus creating a copy of the second one.

make eyes from semi-circles

Let’s work on the eyes a bit more. Use the Rectangle Tool (M) to make a 5 x 2 px shape for the eyelashes. Place it by the outer corner of the eye and align both shapes to the bottom edge. Do the same for the opposite eye.

add the eyelashes with rectangles

Step 3

Let’s make another ellipse for the mouth. Create a 25 x 12 px shape and use the Scissors Tool (C) to click the left and right anchor points and split the shape apart.

make a mouth from the ellipse

Step 4

Use the Anchor Point Tool (Shift-C) to move the anchor handles, forming the upper lip. 

Step 5

Make a 12 x 25 px dark-brown rounded rectangle for the ear and Send it to Back (Shift-Control-[), beneath the head. 

Group (Control-G) the ears and use the Align panel to center the ears to the head, using the head shape as the Key Object.

make the ear from rounded rectangle

Step 6

It’s time to add those cornrows! Grab the Rounded Rectangle Tool and form a 5 x 25 px black shape with fully rounded corners. Align the cornrow to the center of the head.

Hold Alt-Shift and drag the shape to the left, creating a copy. Move the new cornrow a few pixels down. 

make cornrows from rounded rectangles

Step 7

Create more cornrows on the left side of the head, placing each new one a bit lower than the previous one.

Now select all the cornrows (except the very first one) and double-click the Reflect Tool (O) to open its options window. Flip the cornrows over the Vertical Axis and click the Copy button. Hold down Shift and move them to the opposite side of the head.

use the reflect tool

Step 8

Let’s move on and make a 22 x 38 px rounded rectangle for the neck. Don’t forget to vary the brightness of the elements in order to visually separate one part of the body from another as we’re working with solid colors without shadows and highlights. Pick the dark-brown color from the ears using the Eyedropper Tool (I).

Create an 85 x 105 px bright-green rectangle for the body. Make the corners rounded enough (about 37 pt) to form the shoulders. 

create the neck and body from rounded rectangles

Step 9

We can also make the cornrows longer by adding some more rounded rectangles of 5 x 55 px size and placing them at the back of the head (Shift-Control-[).

Now Group (Control-G) everything together and let’s finish off our first avatar!

add longer cornrows

Step 10

Make a 195 x 195 px blue circle for the icon base and Send to Back (Shift-Control-[). Align the character and the icon base to Horizontal Align Center, and let’s see how we can put the character inside the circle, as if inside a container.

Copy the circle and Paste in Front (Control-C > Control-F). Bring to Front (Shift-Control-]), placing the copy on top of everything. In the image below you can see a copy as a circle with black Stroke and no Fill

Select everything, click the right mouse button, and Make Clipping Mask. There you go! Our first icon is ready. Let’s move on to the next one!

make a clipping mask

2. How to Create a Woman With Buns

Step 1

Let’s copy the character from our first avatar and modify it to create the second lady! Let’s change her skin color. Use the Select Similar Objects feature from the control panel on top to select the elements filled with the same color faster.

recolor the character

Step 2

Make the face more rounded by increasing the value of the Corner Radius. We can also do this by pulling the circle markers of the Live Corners with the Direct Selection Tool (A).

Now select the bottom anchor point with the Direct Selection Tool (A) and make the chin pointed by Converting selected anchor points to corner from the control panel on top. Adjust the shape of the jaw by moving both side anchor points down.

change the shape of the face

Step 3

Change the shape of the nose, by making it narrower (11 x 22 px) and more rounded. And recolor it so that it fits the overall color scheme of the face.

Change the shape of the nose

Step 4

Use the Ellipse Tool (L) to create a 10 x 10 px black circle and add a 12 x 4 px rounded rectangle for the eyelash to give the impression of a single-fold eyelid. Select both shapes and click the eye once again to make it a Key Object. Use the Align panel to Vertical Align Top, combining the edges of the shape.

make the eyes from circles

Step 5

Let’s add some lipstick there! Make a 15 x 12 px rose-pink ellipse and delete its bottom anchor point to form the upper lip. Keeping the shape selected, double-click the Reflect Tool (O), flip the shape over the Horizontal Axis, and click Copy to create the lower lip. Make the copy slightly larger and make its Fill color lighter. 

Add a horizontal stripe between the lips using the Rectangle Tool (M) and make the corners of the mouth by adding a couple of tiny circles there. 

make lips from circles

Step 6

Now let’s make a stylish haircut. Duplicate (Control-C > Control-F) the head shape and change the color of the copy to black. Keeping the shape selected, double-click the Scale Tool (S) and set the Uniform Scale value to 105% and click OK to make the copy a bit larger.

Now grab the Eraser Tool (Shift-E), hold Alt and erase the bottom part of the shape, leaving only a straight-cut fringe.

make a haircut from face shape copy

Step 7

Let’s use the Shaper Tool (Shift-N) to create a small triangle in the center of the forehead. Just draw a freehand triangle silhouette and it will automatically transform into a real vector shape.

Now select both the triangle and the hair and scribble above the triangle with the Shaper Tool (Shift-N) to cut it out. As you may notice, a black stroke from the triangle may remain on the hair. In this case, just select it and set the Stroke color to none in the Color panel. 

make a triangle and cut it out

Step 8

Let’s add some buns! Use the Rounded Rectangle Tool to make a 20 x 7 px lilac shape for the hair band.

Place a 26 x 26 px black circle on top of the band and Send to Back (Shift-Control-[).

Group the parts of the bun and rotate it about 45 degrees, attaching the bun to the head.

Use the Reflect Tool (O) to flip and copy the bun and attach it to the opposite side of the head.

make hair buns

Step 9

Now let’s change the color of the shirt to the same color as we have for the face and duplicate it (Control-C > Control-F). Change the color of the top copy to pink. 

Create a 50 x 65 px rounded rectangle of any color on top of the body and place it as shown in the image below. Select both the new rectangle and the pink shape beneath it and use the Shaper Tool (Shift-N) to scribble above the shape that we want to cut out in order to create the neck of the shirt.

make a shirt with the shaper tool

Step 10

This is how the new shirt looks!

a new shirt

Step 11

Let’s copy the icon base from our previous icon and place our fancy woman with buns inside. I’ve tweaked the colors a bit to make them match, changing the color of the circle to pink and the woman’s shift to lilac.

Great work! Let’s move on and create our third avatar!

finish up with the avatar

3. How to Design a Cheerful Young Woman Avatar

Step 1

Let’s use the copy of our first character and change its appearance. First of all, delete the elements of the mouth and create a 35 x 25 px ellipse with dark-brown stroke and no fill. Use the Scissors Tool (C) to click both side anchor points and split the shape apart. Open the Stroke panel (Window > Stroke), and set the Weight to 3 pt, Cap to Round Cap.

make the mouth from the ellipse

Step 2

Replace the eyes with circles and add the eyelashes by creating a small rounded rectangle and rotating it 45 degrees.

make the eyes from the circles

Step 3

Let’s rotate the eyebrows as well, creating a cheerful and slightly surprised facial expression. Select the brow and double-click the Rotate Tool (R) to open the options panel. Set the Angle to 30 degrees and click OK

Do the same for the opposite brow, rotating it -30 degrees.

Make the skin color lighter and add a bindi to the forehead with the Ellipse Tool (L).

Use the Live Corners function to make the face more rounded.

rotate the eyebrows and reshape the head

Step 4

How about adding some more accessories? Create a 9 x 9 px ellipse with yellow Stroke and no Fill, depicting a golden ring. Attach it to the right side of the nose and place it behind the nose by dragging the shape down in the Layers panel. 

make a nose ring from circle

Step 5

Now we’ll draw the hair. Copy the face shape and Paste in Back (Control-C > Control-B). Fill the bottom copy with dark-brown color for the hair. 

Drag the top copy (which is for the face) down a bit, making the top part of the hair visible. 

Now that the chin is too low, select both copies and use the Shaper Tool (Shift-N) to scribble above the bottom part of the face in order to delete it.

And there we have it, some nice slick hair! Let’s add details to the hairdo.

make the head from the face shape

Step 6

Use the Rectangle Tool (M) to add a narrow part in the center of the hair shape. Select both the hair shape and the rectangle part and scratch out the unneeded piece. Change the color of the rectangle to the same skin color as we have for the face.

make a hair part from rectangle

Step 7

Let’s zoom out and take a look at our character. Everything looks fine at this stage; however, I’ve decided to make the parting a bit narrower. The shape is still easily editable and accessible from the Layers panel. 

make the parting narrower if needed

Step 8

Now let’s add a low ponytail to the hairdo. Here is a quick and easy way to make it from a rectangle. Create a 30 x 84 px shape on the right side of the head. Select the bottom left and the top right anchor points of the rectangle using the Direct Selection Tool (A) and pull the Live Corners marker to make both corners fully rounded. 

Now we can Send the ponytail to Back (Shift-Control-[) and position it as we need.

make a ponytail from rectangle

Step 9

Let’s also change the dress of our character. Copy (Control-C) and Paste in Place (Shift-Control-V) the body shape. Change the color of the copies to skin color.

Now grab the Shaper Tool (Shift-N) and draw an upside down triangle above the body for the V-neck. Once your freehand triangle turns into a vector shape, select it together with the top body shape and use the body as the Key Object to Horizontal Align Center of both shapes. 

make a dress with v-neck 1

Step 10

While both shapes are still selected, use the Shaper Tool (Shift-N) and scribble over the triangle to cut it out.

Now we can change the color of the top copy to bright orange for the dress.

make a dress with v-neck 2

Step 11

Use the copy of the circle icon base from our previous icon to replace the character inside the Clipping Mask. Change the color of the icon to green—and there we have it! 

Our fashionable young woman avatar is ready! 

Just a few more words before we finish…

fill the circle with green color

Step 12

So, let’s take a look at all the variety of facial shapes and forms that we can create using just a rectangle. We can make the face wide and angular if we round the corners just a bit. Otherwise, we can make the face fully rounded by setting the Corner Radius to its maximum.

We can also vary the shape of the chin by making it less or more pointed. Moreover, we can change the shape of the jaw by changing the position of the side anchor points of the shape.

We can also edit the top and bottom parts of the face separately from each other, making the head shape look even more interesting. If we take a look at the bottom example, the forehead is far more rounded than the jaw. 

And this is just a small part of all the variations that we can build from one shape. There are round faces, oval faces, square, triangular… Use your imagination and photo references, or look at the people around you to see how really different they are!

vary the face shapes made from rectangle

Step 13

The last but not the least thing I want to mention here is the age of the characters. We can easily depict women of different generations by just adding such minor details as wrinkles.

Use the Arc Tool (or the Pen Tool (P) or the Pencil Tool (N) if you find it more comfortable to work with) to make some tiny arched lines for the eyes, the corners of the mouth and the chin. Vary the Weight in the Stroke panel to make the wrinkles thicker or thinner and apply them to the face, making the person look older.

Don’t forget the change the facial expressions to make our characters more diverse. Change the position of the lips, the angle of the brows and the eyes to make the person look cheerful or grumpy.

create wrinkles with the arc tool

Congratulations! Our Flat Women Avatars Are All Done!

Great job! Our fancy avatars are finished!

I hope you’ve discovered some new interesting tips and tricks while following this tutorial that will help you with your future illustrations.

Flat Women Avatars

Try to draw as many different flat portraits as you can come up with!

Don’t forget that you can get a Flat Women Avatar Constructor with premade elements that will help you to get hundreds of combinations just in a few clicks. Apart from that, you’ll get the whole pack of fancy avatars that were demonstrated in this tutorial.

Flat Women Avatars

22 Attention To Detail Designs

Post pobrano z: 22 Attention To Detail Designs

When it comes to design, you can take two approaches; complex or simple. A simple approach would look something like the nike logo, or a minimalistic mockup. This can be very appealing and definitely has its time and its place.

But on the contrary is a more complex design. An example of this would be something like the Starbucks logo, or a detailed sketch. Again, more complex designs definitely have their time and place.

I’ve gone ahead and put together a collection of detailed designs as examples to use for your inspiration. Enjoy!

Credit to respective artists.


credit:Mattis Kun

credit:Tobias Saul

credit:Greg Coulton

credit:Greg Coulton

credit:Lukas Haen

credit:Matt Wilson & ? Studio—JQ ?

credit:Charlie Davis

credit:Tom Lane

credit:Joseph Veazey

credit:Charlie Drawing

credit:Whitney Noble

credit:Matt Leckie

credit:Nerina van der Walt

credit:Matthew Chamberlain

credit:Luis Pinto

credit:Jay Sawyer

credit:Rod Hunt

credit:Sara Galvao

credit:LIAM CREEK

credit:Lauren Doyle

credit:Christopher Gregory

credit:Christopher Gregory


Why Your Contact Page Isn’t Meeting Your Audience’s Standards

Post pobrano z: Why Your Contact Page Isn’t Meeting Your Audience’s Standards
first image of the post
Your website is an online representation of who you are. If it keeps the user’s experience in mind and appropriately represents your brand, you’ll be able to create a strong connection with your audience. However, if it is sloppy, difficult to navigate and doesn’t consider the needs of your user, you probably won’t see much […]

Woman Interrupted: Portrait of silence

Post pobrano z: Woman Interrupted: Portrait of silence
Print
Woman Interrupted

You probably remember that during the 1st US presidential debate, Donald J. Trump interrupted Hillary Clinton 51 times. Clinton interrupted him only nine times.
Unfortunately, this behavior, that we call MANTERRUPTION, is widespread in boardroom meetings and across the professional world.

For the International Women’s Day on March 8th, the Brazilian ad agency asked female artists to rally around the issue and design posters about MANTERRUPTION.

Advertising Agency:BETC, Sao Paolo, Brazil
CCO:Erh Ray
Cso:Gal Barradas
Creative Diretor:Erh Ray, Rodolfo Barreto
Head Of Art:Daniel Schiavon
Creative:Rodolfo Barreto, Daniel Schiavon, Nathalie Lourenço, Jose Bortolini
Strategy:Gal Barradas, Rodolfo Barreto, Daniel Schiavon
Project Manager:Thiago Carneiro
Production:Teteu Savioli, Julia Ramos
Tech Developer Partner:Brave
Technology Support Partners:OneDayTesting, WeWrite
Production Companies:Honey Bunny Films, Sentimental Filmes, Comando S Audio
Communication & PR Director:Camila Nakagawa
Pr Agency:Giusti Comunicação

How to Draw Spring Flowers With Colored Pencils

Post pobrano z: How to Draw Spring Flowers With Colored Pencils

Final product image
What You’ll Be Creating

In this tutorial, I’ll show you the process of creating a nature-inspired artwork that depicts a peony and cherry blossoms, popular symbols of spring and flourishing.

To draw this beautiful floral composition, we will use colored pencils. They are a powerful artistic tool, and the great news is that pencils are very simple to use. 

What You Will Need

  • Two sheets of paper
  • A graphite pencil (I recommend an HB type)
  • A sharpener 

And pencils of different colors:

  • Chocolate brown
  • Medium grey
  • Raspberry red
  • Rosy
  • Lilac
  • Rich blue
  • Emerald green
  • Light green
  • Yellow
  • Creamy (or light beige)
  • White

My colored pencils are aquarelle, but this feature doesn’t really matter. We’ll work without washing the strokes. 

Colored pencils a graphite pencil and a sharpener

1. How to Make a Pencil Sketch of the Flowers

Step 1

I outline the composition in a general way. With a pencil, I sketch an oval shape for the peony and smaller round shapes for the cherry flowers.

Sketching a rought oval shape and small circles

Step 2

I outline the core of the peony and fill it with small circles to mark the texture.

Adding the core of the peony

Step 3

I draw the first central petals of the peony. I also outline them with a blue pencil; I will be applying a new color to each new group of petals so you can easily differentiate them.

The option of adding any colors to your sketch is entirely up to you.

Drawing the first petals of the peony

Step 4

I draw a couple of new petals in front of the existing ones and outline them with a red pencil.

Adding the front petals

Step 5

I draw an overlapping petal and a group of several rear petals. I mark them with the green color. 

Adding a new group of petals

Step 6

I add several foreground petals and outline them with yellow.

Drawing the foreground petals

Step 7

I imagine that the petals arrange themselves around the core of the flower, and add another layer. Then I mark the new group with a lilac pencil.

Adding a new layer of petals

Step 8

One more layer of petals, and this time I outline them with red.

Drawing more petals

Step 9

The peony is almost complete. I add several more petals that hide underneath and outline them with a blue pencil.

Completing the peony sketch

Step 10

It’s time to mark the central parts of the cherry blossoms. I draw small circles with a pencil.

It is not necessary to put these circles exactly into the geometrical centers of the flowers. The blossoms are facing in slightly different directions; moreover, they are organic objects that can’t look equal.

Marking the central parts of the cherry flowers

Step 11

Each cherry flower has five petals, and I add them with pencil lines. It is also a great trick to diversify our floral composition with a small cherry bud.

Adding the petals

Step 12

I add new details, such as a twig line, a couple of leaves, and new flowers.

Refining the details adding more leaves

Step 13

I draw a peony leaf in the foreground. I also add stamens of the cherry blossoms; they look like small circles.

Our pencil sketch is complete. You can leave it as it is now or mark shady areas, as I did for the central part of the peony, separating the petals with shadows.

Drawing the stamens of the cherry blossoms

2. How to Apply Pencil Strokes

Step 1

Colored pencils can help you achieve amazing results. There are several principles to remember, and one of them is the importance of creating layers of color. An overlap of tints and shades creates a much more interesting, impressive result than just one color.

The first way you can apply your tool is by making lines with soft rubbing strokes, holding your pencil at an angle. The lines can be directional…

An example of shading with a colored pencils direcional lines

… or rounded. This kind of stroke is perfect for smooth textures and a base color layer.

An example of shading soft circular texture

Step 2

Another excellent method is hatching. It is very similar to drawing with an ordinary pencil or pen; the point of your colored pencil should be sharp.

Hatching works best for adding details and drawing refined objects or textures.

Hatching with a colored pencil

3. How to Draw Flowers With Colored Pencils

Step 1

I make a clean copy of my pencil sketch, transferring only general contours with very light lines.

For this step, I recommend using a grey pencil from your colored pencils set, and not a graphite pencil. Lines made with a graphite pencil can mix with the color and make it seem dirty.

The lines that you see in the image below are barely visible in real life. I intensified them while editing the scan so you could see them distinctly. 

Transferring the contours to a clean copy

Step 2

I use a pencil of the creamy color to cover the peony shape with soft rubbing strokes.

Applying the creamy color to the peony as a base

Step 3

With the lilac pencil, I add color to the central parts of the cherry flowers. I draw the hatches from the core to the petals.

Adding the lilac color to the cherry blossoms

Step 4

I apply the light green color to the leaves and the twig.

Marking the green objects in the drawing

Step 5

I create an additional layer of the yellow color on the peony, accenting the upper parts of the petals.

Adding the yellow color to the peony

Step 6

I add the rosy color, aiming at the dark places of the flower. It helps me in separating the petals one from another.

The point is about applying a body of color, not just a single line. 

Applying the rose color to the core of the peony

Step 7

I continue increasing the contrast with the rosy color.

The bending parts of the petals are spotlit, so I avoid making them too bright. 

Continuing with the rosy color

Step 8

I complete the process of applying strokes with the rosy pencil.

To create a unified look for the artwork, I also add several hatches to the cherry flowers. 

Completing with the rosy strokes

Step 9

It is time to increase the contrast even more. I add the raspberry red color to the peony, accentuating the shadows between the petals.

Increasing contrast

Step 10

I apply hatches with the emerald green pencil to add details.

Accenting greenery with the darker shade

Step 11

I use the grey pencil to mark the contours of the cherry flowers. It’s important not to overdo the drawing; the cherry blossoms should stay light.

Outlining the contours of the cherry blossoms

Step 12

It is time for blending with the white pencil. I apply it on top of the grey strokes and shade them. The result is a smoother color transition.

This method is also known as burnishing, and I highly recommend using it in your drawings.  

The result of burnishing technique

Step 13

I make my artwork feel more natural by adding thin hatches made with the brown pencil to the shadows. I also create a drop shadow under the peony. 

Adding brown strokes and creating a drop shadow

Step 14

I apply an additional layer of the creamy color to the peony. It looks more warm-colored now.

Adding a new layer of the creamy color

Step 15

I add some yellow strokes to the core of the peony and to the drop shadow.

Adding more yellow

Step 16

To make my artwork more interesting, I vary the range of colors with an inclusion of blue strokes.

I add thin hatches to the petals of the flowers and to the drop shadow. 

Drawing with the bright blue pencil

Step 17

With the medium grey, I intensify the drop shadow.

It is also great to add thin hatches to the petals to balance this bright artwork.

Accenting the drop shadow

Step 18

I evaluate my drawing. It looks nice enough, but I feel that adding several strokes of the blue color to the upper parts of the peony’s petals is a great final touch.

Applying more blue hatches

Your Artwork Is Complete

Congratulations, we’ve created a beautiful spring artwork! I hope you became inspired by the flowers and enjoyed the process of drawing with colored pencils.

I wish you much success with this wonderful technique and your creative projects!

The result of the work

Agregator najlepszych postów o designie, webdesignie, cssie i Internecie