Fazer Um Sabonete

8/7/2019 Fazer Um Sabonete

1/26

Below is the final image we will be working towards. Want access to the full Vector

Source files and downloadable copies of every tutorial, including this one? Join

VECTORTUTS PLUS for just 9/month.

Step 1

Open up a new document and draw a rectangle with the Rectangle Tool (M). Fill it with

a pink color or any other color of your choice. Then apply rounded corners in Effect >

Stylize > Rounded Corners. Choose a fairly high setting of around 18 pt.
http://vectortuts.com/join-plus/http://vectortuts.com/join-plus/


2/26

Step 2

Go to Effect >3D Extrude & Bevel. Apply the settings you see in the image below. I

added an Extrude Depth of 100 pt with a Bevel of 20 pt and make it Rounded.


3/26

Step 3

Select the shape and add a Drop Shadow (Effect > Stylize > Drop Shadow).


4/26

Step 4

Duplicate the shape on top (Command + C + F) and expand the appearance.


5/26

Step 5

Delete all shapes except the top shape.

Step 6

Open up the Basic Pattern Palette (Window > Swatches Libraries > Patterns > Basic

Graphics) and choose Stipple Irregular. Drag a symbol out onto the artboard, delete the

rectangle border with the Direct Selection Tool (A), and then change the stroke to a

white fill. Next, drop the changed pattern shape back into the Swatch Palette. Rename it

to White Stipple.


6/26

Step 7

Select the expanded shape and fill it with the new pattern.


7/26

Step 8

It looks a little bit harsh, so let's add some Gaussian Blur (Effect >Blur > Gaussian

Blur).


8/26

Step 9

We need some text to add to the soap bar. I chose a bold font and outlined the text. I

slightly changed it and morphed the T and the U together.

Step 10


9/26

Move the outlined text on top of the soap bar and apply the same 3D Extrude & Bevel

setting from Step 2. This time we won't need a Bevel and I added an extra Highlight.

Step 11

Repeat Step 4, duplicate the text and expand it. Next add the "White Stipple" pattern

and add a Gaussian Blur again.


10/26

Step 12

So far so good. Let's add a soap tray. Create a rectangle bigger than the soap bar and

place it underneath. I filled it with a light turquoise blue. Add some rounded corners

again.


11/26

Step 13

Repeat Step 10 and add a Bevel of 25 pt, Tall-Rounded.


12/26

Step 14

Select the soap tray and add a Drop Shadow like we did in Step 3.


13/26

Step 15

We need to give the soap bar some bevel. We want the text to look like it's carved out

and sits deeper. Let's add another rectangle but smaller then the soap bar. Fill it with the

same pink color.


14/26

Step 16

Add the same 3D Extrude & Bevel we used before, but this time choose the second Cap

option (Turn off cap for hollow appearance) and set the Bevel to 3 pt, Rounded.

Decrease the Light Intensity to 57% and the Ambient Light to 50%.


15/26

Step 17

Select the new shape and add an Opacity Mask via the Transparency Palette. Hide the

lower part with a black to white linear gradient rectangle. This will give the illusion that

the text sits deeper and a part of the soap is carved out.


16/26

Step 18

Next, we will add our sun burst background. Create a rectangle and select both path

points on the right, then hit Command + Option + J. Choose Both for Average. Then

select the Polar Grid Tool underneath the Line Tool in the Toolbar and choose the

settings shown below. I entered 20 Radial Dividers. Draw a polar grid on the art board.

Make it into a grid under View > Guides > Make Guides. Then align the burst shape

and duplicate it along the radial guides (rotate while copying, by holding down theOption key, then hit Command + D).


17/26


18/26


19/26

Step 19

With this nice Step & Repeat trick, you'll have a sunburst in no time. I filled it with the

same blue as the soap tray.


20/26

Step 20

Duplicate the sunburst and offset it a little and fill it with the soap pink. I placed the

center of the shapes behind the soap tray in the top-left corner.


21/26

Step 21

Create a pink circle on top of the sunbursts, but behind the tray.


22/26

Step 22

Let's move on to the fun part, the soap bubbles. The symbol is available for

VECTORTUTS PLUS members and is available in this tutorials download file. Place

several bubble symbols with the Symbol Sprayer (Shift + S).
http://vectortuts.com/join-plus/http://vectortuts.com/join-plus/


23/26

Step 23

Select some of the bubble shapes and set the Layer Mode to Color Dodge.


24/26

Step 24

Repeat Step 23 by rotating and scaling some of the bubble shapes around the tray and

on and underneath the soap bar.


25/26

Conclusion

Fresh and clean, this retro style soap bar is done! I hope you had fun and vented your

pent-up vector anger without the need for any unnecessary mayhem!


26/26

Fazer Um Sabonete

Documents

Transcript of Fazer Um Sabonete