How to Make a Rainy Bear in Illustrator

What You will Study within the Wet Bear Tutorial

• Easy methods to create a bear vector illustration
• Easy methods to make a bear in Illustrator
• How to attract an umbrella in Illustrator
• How to attract a tulip in Illustrator
• Easy methods to create a vector raindrop

1. Easy methods to Make a Bear’s Head in Adobe Illustrator 

Step 1 

After you have opened Adobe Illustrator, create a brand new doc (File > New). Enter 850 px Width and Peak within the new dialogue window and press OK. This might be your new artboard.

First, let’s create the pinnacle of our teddy bear vector illustration. Hit the Ellipse Device (L) and draw an ellipse (fill shade R=203, G=121, B=0). Then, we need to deform it slightly: go to Impact > Warp > Inflate. Within the new dialogue window, enter the choices you see beneath and press OK. Whereas preserving it chosen, increase the form (Object > Develop Look) so it will not get deformed later.

Step 2

This bear vector illustration positively wants ears. Utilizing the Ellipse Device (L), draw a small ellipse on prime of the pinnacle. Incline it slightly to the left. Whereas this small ellipse is chosen, hit Management-C after which Management-F to create a duplicate in entrance. Make the copy smaller and alter its fill shade to R=181, G=92, B=0. That is one accomplished ear of the bear vector illustration. 

Now, we need to create the opposite ear. Maintain the primary one chosen, and take the Replicate Device (O) or hit the O button in your keyboard. Then press Enter. It should open a brand new Replicate dialogue window. Be sure you test Axis Vertical, Angle 90 levels, and press Copy. This manipulation will create a second ear.

Now it is best to transfer it to the precise, on the opposite aspect of the bear vector illustration. To maneuver this second ear in a straight line, preserve the Shift button pressed in your keyboard. Ensure the ears are positioned symmetrically.

Step 3

Our bear vector artwork wants eyes. Use the Ellipse Device (L) once more to attract the primary one. To create a fair circle, maintain the Shift key whereas drawing. Then, change its fill shade to R=115, G=47, B=0. 

Let’s add a spotlight to the attention. Draw a small white circle and place it within the upper-right nook of the attention.

To create one other eye for our vector bear, choose these two circles (brown and white) and drag them to the precise whereas holding the Shift and Alt keys. Shift will transfer them straight, and Alt will create a duplicate. Ensure the eyes are positioned symmetrically.

Step 4

Now, our vector teddy bear wants a nostril. As soon as once more, use the Ellipse Device (L) to create an ellipse. Be sure its fill shade is R=251, G=199, B=136. Whereas preserving the ellipse chosen, go to Impact > Warp > Inflate. In a brand new Warp Choices dialogue window, enter the choices you see beneath and press OK. Subsequent, increase the form (Object > Develop Look).

Then, make yet one more brown ellipse on prime of it. The fill shade is R=115, G=47, B=0. Once more, go to Impact > Warp > Inflate, and enter the choices you see beneath. Add a small white ellipse as a spotlight on the upper-right nook of the brown inflated ellipse. 

Lastly, increase the entire nostril (Object > Develop Look) so it received’t lose its form.

Step 5

So as to add much more cuteness to the bear, let’s give him some cheeks. Utilizing the fill shade R=207, G=84, B=21, create a small ellipse below the bear’s eye. Maintain it chosen, and whereas holding the Shift and Alt keys, transfer it to the precise. You simply created two cheeks! Place them symmetrically. 

2. Easy methods to Create a Raincoat in Adobe Illustrator 

Step 1

Now let’s costume our bear up! First, let’s make a coat collar for our bear vector illustration. Utilizing the Rectangle Device (M), draw a rectangle. Set the fill shade to R=255, G=219, B=153. After that, go to Impact > Warp > Arc, and enter the choices you see beneath. Press OK. That’s the primary a part of the vector bear collar. 

Develop the form (Object > Develop Look).

Step 2

Place this primary half below the bear’s head, on the left aspect. To create the opposite a part of the collar, take the Replicate Device (O), or simply press the O button in your keyboard after which the Enter button. It should carry up a brand new Replicate dialogue window. Be sure to enter Axis Vertical, Angle 90 levels, and press Copy. After this, you should have one other collar half. Place it symmetrically. 

You’ll discover an area between the bear’s head and the collar, proper the place the neck needs to be. Simply add an ellipse behind: create this ellipse, and whereas preserving it chosen, right-click and choose Organize > Ship to Again.

Step 3

Let’s create the primary a part of the raincoat utilizing the Rectangle Device (M)—the fill shade is R=252, G=195, B=0. Then, go to Impact > Warp > Bulge, as a result of we need to add a corresponding form to our chubby bear. Enter the choices you see beneath within the picture, and increase this form.

Whereas this new form is chosen, create a duplicate within the again: press Management-C, Management-B. Change its shade to R=234, G=160, B=0, and stretch it slightly horizontally. With this manipulation, you’ll visibly separate the physique from the arms.

Step 4

Each raincoat wants some cute buttons. Let’s make them! Change the fill shade to R=255, G=219, B=153. Hit the Ellipse Device (L) and draw a tiny circle. Maintain Shift to create a fair circle. 

Then make a duplicate in entrance (Management-C, Management-F), delete its fill shade, and make the stroke shade R=234, G=160, B=0. Now you need to increase this new circle with a stroke and no fill: Object > Develop… Within the new Develop dialogue window, put a tick close to the Stroke, after which press OK. That is in order that later if we make it smaller or larger, the width of the stroke will stay the identical. 

Subsequent, let’s add the thread that holds the button to the coat. Hit the Rounded Rectangle Device and draw a small, lengthy rectangle. It is the primary thread.

To create one other thread, create a duplicate in entrance (Management-C, Management-F). Then, whereas holding the Shift button, rotate it to the precise. Holding the Shift button permits you to rotate any form to 45°, 90°, 180°, and many others. 

Place the second thread symmetrically. Group the entire button in your comfort (right-click > Group). 

Step 5

Place this button on the teddy bear’s coat, and regulate its dimension to your liking. 

Maintain it chosen and, whereas holding the Alt and Shift buttons on the similar time, transfer the raincoat button down slightly bit. Holding Alt will create a duplicate, and holding Shift permits you to transfer it in a straight line. 

Step 6

Now our vector teddy bear wants arms. Choose the bear’s physique to select its fill shade. Press Shift-X to vary the fill shade to the stroke shade. Now, take a look at the Stroke panel. When you don’t have it open, go to Window > Stroke. Make the stroke Weight very excessive, round 30 pixels. The stroke weight you want depends upon how huge the raincoat is.

Take the Arc instrument and create a curved line. Place it behind (Management-X, Management-B). Then, utilizing the Direct Choice Device (A), transfer the anchor factors and handles of the curved line near the raincoat to show it into the raincoat sleeve. 

In the identical means, create one other curved line and switch it into the second sleeve. Be sure to show the second sleeve upwards in order that in a while the bear can maintain an umbrella. 

Click on on the bear’s head to seek out its fill shade so that you simply don’t must enter the RGB quantity manually. Utilizing the Ellipse Device (L) and whereas holding the Shift key, create a small circle. It is going to be the bear’s hand. Place the hand behind the sleeve (Management-X, Management-B).

Create one other hand and place it close to the second sleeve and behind it. 

3. Easy methods to Create Boots in Adobe Illustrator 

Step 1

Now, our vector teddy bear wants a pair of cute boots. Begin with the Rectangle Device (M) and create a crimson rectangle (R=255, G=95, B=55). 

Add an ellipse on the backside utilizing the identical fill shade. 

You probably have a more recent model of Illustrator, then close to the chosen ellipse you’ll discover a deal with on its proper aspect. Use this deal with and transfer it clockwise till you get half of the ellipse. We are going to use it as the underside a part of the boot.

Maintain this half-ellipse chosen, and make a duplicate within the again (Management-C, Management-B). Don’t take away the choice. Stretch this again copy up, and alter its fill shade to R=245, G=44, B=0. 

Maintain the identical fill shade and use the Rounded Rectangle Device to create the only real of the boot: only a small, lengthy, rounded rectangle on the backside. The entire boot is completed! Group it in your comfort (right-click > Group).

Step 2

Click on on the bear’s head to get its fill shade as a result of we’d like it for his leg. Create a rectangle and place it below the raincoat.

Place the crimson boot on the leg. 

Choose the leg and the boot. Take the Replicate Device (O) and press Enter. You’ll probably have already got all of the wanted choices chosen (Axis Vertical, Angle 90 levels), so simply press Copy within the new dialogue window. You simply created a duplicate of the leg and boot. Transfer it to the precise aspect of the bear. Be sure you place it symmetrically. Look how cute the teddy bear is!

4. Easy methods to Draw an Umbrella in Illustrator

Step 1

Let’s begin to create an umbrella vector illustration from an ellipse. The fill shade is R=255, G=95, B=55. 

Then, change the fill shade to any shade you want, because it simply must be totally different and clearly seen. Draw a small ellipse and place it as proven within the picture beneath. Ensure that a small left a part of the brand new ellipse (the purple one within the picture) overlaps the massive crimson one on the left aspect.

Transfer the small ellipse to the precise whereas holding the Alt and Shift keys. After that, press Management-D a number of occasions, which is able to repeat the final motion. Create a number of purple ellipses like this. Be sure you place the purple ones symmetrically with the massive crimson one. 

Now, choose the entire ellipses. Go to the Pathfinder panel and press Minus Entrance. Are you able to already acknowledge an umbrella vector? Ungroup these two shapes (right-click > Ungroup) and delete the underside form by hitting the Delete button.

Step 2

Let’s create a deal with in your umbrella vector artwork. Delete the fill shade and set the stroke shade to R=115, G=47, B=0. Draw a rectangle. On the Stroke panel (Window > Stroke), you’ll be able to regulate the Weight of this stroke.

Now you need to go to View > Present Nook Widget. After all, you’ll be able to create a rounded rectangle as a substitute, however in case you do then you definitely received’t find out about this characteristic! So now the rectangle has small circles in each nook. You possibly can drag them inwards to make this rectangle a rounded nook rectangle. 

Take the Scissors Device (C) and click on on the anchor factors proven within the picture beneath. You need to have two elements of the rounded rectangle. Delete the higher left half. Now it’s a deal with of the umbrella vector artwork. Place it behind.

Step 3

To make the vector umbrella even cuter, let’s add some decor to it. Create a small circle (fill shade R=245, G=44, B=0), and place it on the nook of the umbrella. 

By holding Alt and Shift after which Management-D to repeat the final motion, create extra copies of this decor. Group the entire umbrella.

Give the vector umbrella to the teddy bear.

5. Easy methods to Draw a Tulip in Illustrator

Step 1

To create our tulip vector artwork, we’ll begin with a crimson ellipse (fill shade R=255, G=95, B=55). 

Create a duplicate on the again, change its fill shade to R=245, G=44, B=0, and stretch it slightly horizontally. That is in order that the entrance petals might be separated from the again ones. 

Now, we must always create the again petals of the tulip vector. You possibly can copy the entrance one and paste it within the again (Management-X, Management-B). Tilt it and shift it slightly to the left.

Then, create one other one utilizing the Replicate Device (O): whereas deciding on the left petal, press the O key after which the Enter key. After ensuring all of the choices are appropriate, press Copy. Transfer the precise petal to the precise, symmetrically to the entire tulip.

Step 2

Subsequent, our tulip vector artwork wants a leaf. Create a inexperienced lengthy vertical ellipse with the fill shade R=127, G=182, B=19.

Utilizing the Anchor Level Device (Shift-C), click on on the highest and backside anchor level of the leaf. 

And now you will have a easy leaf.

Step 3

Let’s proceed to create our vector tulip. Change the fill shade you need to the stroke shade by urgent Shift-X or urgent the Swap Fill and Stroke button in your left panel. On the Stroke panel, be happy to regulate the Weight of this stroke. On the identical panel, change the Cap choice to Spherical Cap. That is the vector tulip stalk.

Take the leaf you created earlier than, and place it near the stalk. 

To make the leaf extra pure, let’s add some results. Go to Impact > Warp > Flag and enter the choices you see beneath. Press OK. Develop this form (Object > Develop Look).

Lastly, make a duplicate of the leaf to create a brand new one. Whereas deciding on the left leaf, press the O key after which the Enter key. Ensure you have the choices you want, and press Copy. Transfer the brand new leaf to the precise, symmetrically to the entire tulip.

Step 4

To make our bear vector illustration extra cheerful, create extra tulips by copying the present one. Simply keep in mind, while you make a tulip smaller or larger, you have to regulate the stroke Weight on the Stroke panel.

6. Easy methods to Create a Background in Adobe Illustrator 

Step 1

Take the Rectangle Device (M) and click on in your artboard. Within the new dialogue window, enter 850 px Width and Peak. Press OK after which change its fill shade to R=162, G=211, B=140. This might be our background.

Lower the background (Management-X) and place it behind every part you have created thus far (Management-B). Be sure your background stays in the course of your artboard.

If you wish to place your background precisely in the course of the canvas, go to the Align panel, and test Align to: Align to Artboard (bottom-right nook). If you test this, any gadgets that you simply select to align might be aligned to your artboard. Now you have to choose the item that you simply need to align. Within the Align Objects part, press Horizontal Align Middle and Vertical Align Middle. That is how you set any object precisely in the course of your canvas or artboard.

Step 2

Create a fair circle (fill shade R=202, G=237, B=184) and place it in the course of the canvas.

Step 3

Draw a small horizontal rectangle on the backside (fill shade R=178, G=224, B=148). This might be some simplified grass.

Step 4

Now we need to minimize this rectangle in order that it seems to be contained in the circle. To do that, make a duplicate of the circle in entrance (Management-C, Management-F), and whereas holding the Shift key, choose the rectangle on the backside. Whereas preserving the 2 shapes chosen, go to the Pathfinder panel and press the Intersect button within the Form Modes part. Your outcome needs to be just like the picture beneath.

7. Easy methods to Make a Raindrop in Illustrator

Step 1

Now, place our vector teddy bear and tulips on the background.

Step 2

Now, we’re on the final a part of our creation, the place I present you the right way to make a raindrop in Illustrator. Start by creating an ellipse. The fill shade needs to be white. I added a black define only for higher visibility; you do not want the stroke.

Then, utilizing the Anchor Level Device (Shift-C), click on on the higher anchor level of the ellipse. You’ll get a pointy nook. 

Transfer this anchor level (the nook) up utilizing the Direct Choice Device (A). And right here is your rain vector artwork!

Step 3

Place the vector raindrop in your illustration. Whereas holding the Alt button, transfer the raindrop to the aspect to create a duplicate. Now create extra copies, preserving them inside the sunshine inexperienced circle. There you go: your vector rain is completed! 

Congratulations! 

What a cute image! I hope it taught you one thing new and also you loved making it. Thanks for following this tutorial with me. Maintain experimenting with what you have discovered and exploring extra prospects. Trying ahead to our subsequent session!

Beneficial Assets From Envato Components

Listed below are some advisable assets from Envato Elements so as to add to your illustration. It’s a subscription-based market the place you may get limitless downloads. When you’re on the lookout for a bear vector illustration, a vector raindrop, or a vector umbrella, yow will discover every part there. It’s the proper place to get countless graphics. 

1. Brown Paper Textures (JPG) 

If you wish to give your teddy bear vector illustration a textured or classic really feel, strive utilizing these high-resolution textures and backgrounds. This may make your artwork look aged or hand-made, including allure and a traditional vibe.

2. Cute Cartoon Bear With Homemade Cake (AI, EPS, JPG, PNG)

In my tutorial, I demonstrated the right way to craft a bear illustration utilizing easy shapes. Now, let’s discover a hand-drawn illustration. This drawing may give you inspiration and concepts in your personal creations. 

3. Water Drops and Splashes Set (AI, EPS, JPG, PNG, PDF, SVG)

Check out this set of vector raindrops and splashes. It is a technique to make your raindrops seem extra real looking. By incorporating these vector parts, you’ll be able to elevate the realism in your tasks, making every raindrop not only a easy illustration however a way more real looking illustration. 

4. Watercolor Illustration Set of Tulips (PNG, PSD)

Listed below are some charming watercolor tulips that you should use in case you’re trying so as to add texture to your graphics. These pleasant illustrations provide a singular mix of shade and depth, good for enhancing your designs with a pure and inventive contact.

5. Umbrella Set Concept in a Flat Cartoon Design (AI, EPS, JPG, PNG, SVG) 

Discover this set of vector umbrellas, designed to spark inspiration in your tasks. This assortment can encourage you so as to add an attention-grabbing twist to your umbrella designs, with a various vary of types and patterns. It is a incredible useful resource for infusing creativity and uniqueness into your work, making certain your umbrella designs stand out with a particular allure.

If You Need to Study Extra, Take a Take a look at These Tutorials

When you’re wanting to increase your information, take into account exploring the tutorials obtainable on Envato Components. This platform gives an intensive assortment of assets, offering ample alternative for studying and progress. Whether or not you are a newbie or an skilled creator, you may discover tutorials that cater to numerous talent ranges and pursuits, all designed to boost your talents and encourage your inventive tasks.