


Within the following tutorial, you’ll discover ways to make a dripping brand beginning with a primary brand design.
If you do not have the time to discover ways to make a drip brand, you possibly can all the time strive Envato Parts, the place you will discover a large assortment of dripping logos. This cool drip design is simply one of many many examples.



What You may Be taught in This Drip Emblem Tutorial
- The best way to add drips to a design
- The best way to create droplets
- The best way to make a dripping brand
What You may Want
You’ll need the next useful resource as a way to full this drip brand design:
1. The best way to Create a New Doc and Put together the Beginning Emblem
Step 1
Press Management-N to create a brand new doc. Choose Pixels from the Models drop-down menu, set the Width and the Peak to 500 px, after which click on that Superior Choices button. Choose RGB for the Coloration Mode and set the Raster Results to Display (72 ppi), after which click on the Create button.
Allow the Grid (View > Present Grid or Management-“) and Snap to Grid (View > Snap to Grid or Shift-Management-“). You’ll need a grid each 1 px, so merely go to Edit > Preferences > Guides & Grid, and enter 1 within the Gridline each field and the Subdivisions field. Attempt to not get discouraged by all that grid—it can make your work simpler, and understand that you possibly can simply allow or disable it utilizing the Management-“ keyboard shortcut.
You may study extra about Illustrator’s grid system on this quick tutorial from Andrei Stefan: Understanding Adobe Illustrator’s Grid System.
You must also open the Information panel (Window > Information) for a dwell preview of the scale and place of your shapes. Remember to set the unit of measurement to pixels from Edit > Preferences > Models. All these choices will considerably improve your work velocity. Now that you just’re set, let’s have a look at how one can put collectively a cool drip brand.



Step 2
Obtain this brand from Envato Parts and open the Illustrator doc. Use the Choice Device (T) to pick out simply the T-shirt brand and rotate it 45 levels, as proven within the following picture. When you’re executed, press Management-C to repeat it, transfer to your Illustrator doc, and press Management-V to stick the emblem.



2. The best way to Create the Blue Part of the Drippy Emblem
Step 1
Deal with the blue part of your brand. Decide the Rectangle Device (M) and use it to create a number of rectangles, roughly as proven within the following picture. You should use the Eyedropper Device (I) to simply fill these shapes with that very same blue shade.



Step 2
Hold focusing in your blue rectangles and choose the Direct Choice Device (A). Choose considered one of your rectangles and deal with the round handles close to the corners. Merely click on and drag a type of handles to maximise the roundness of these corners, as proven within the second picture. Repeat the identical transfer for the remainder of your rectangles to show them into rounded rectangles. These shapes will make up the drips.



Step 3
Reselect the Rectangle Device (M) and use it so as to add a bunch of rectangles between your blue rounded rectangles, as proven within the first picture. Fill them with purple to raised differentiate them from the remainder of your shapes.
When you’re executed, change to the Direct Choice Device (A) and use it to show these purple rectangles into rounded rectangles. We’ll use these shapes so as to add a easy movement between every drip.



Step 4
Decide the Pen Device (P) and use it to create a form that covers the remaining gaps between your shapes. Simply ensure that it does not exceed the sides of the present shapes. When you’re executed, choose this form and ship it to the again (Shift-Management-[).



Step 5
Select the shape made in the previous step along with all your blue shapes and merge them using the Unite button from the Pathfinder panel (Window > Pathfinder).



Step 6
Select your blue shape along with the red rounded rectangles, and this time click the Minus Front button from the Pathfinder panel. This will create a smooth dripping effect.



3. How to Create the Green and Yellow Sections of the Drippy Logo
Step 1
Move to the green shape and add a new set of rectangles that will make up the drips, as shown in the first image. Turn these rectangles into rounded rectangles.
Reselect the Rectangle Tool (M) and add the red rounded rectangles between the drip shapes.



Step 2
Use the Pen Tool (P) to create the shape that covers the remaining gaps, roughly as shown in the first image. Don’t forget to send this shape to the back (Shift-Control-[).
Using the Unite button from the Pathfinder panel, merge the shape made in this step with all your green shapes.



Step 3
Reselect your green shape along with the red rounded rectangles and click the Minus Front button from the Pathfinder panel.



Step 4
Continue with the yellow shape and add a new set of rounded rectangles, as shown in the first image. Using the same tool, add the red rounded rectangles between the drip shapes.



Step 5
Use the Pen Tool (P) to create the shape that covers the remaining gaps, and don’t forget to send it to the back (Shift-Control-[). Merge it with your yellow shapes using the Unite button from the Pathfinder panel.



Step 6
Select your yellow shape along with the red rounded rectangles and click the Minus Front button from the Pathfinder panel.



Step 7
Focus on the red shape and add the drips, as shown in the first image. Continue with the rounded rectangles between your drip shapes, and this time fill them with blue to better differentiate them.



Step 8
Use the Pen Tool (P) to create the shape that covers the remaining gaps and don’t forget to send it to the back (Shift-Control-[). Merge it with your red shapes using the Unite button from the Pathfinder panel.



Step 9
Select your red shape along with the blue rounded rectangles and click the Minus Front button from the Pathfinder panel.



4. How to Create a Droplet
Step 1
Pick the Ellipse Tool (L) and use it to create a 5 px circle. Continue with the Anchor Point Tool (Shift-C) and click the top anchor point to turn it into a sharp point. Switch to the Direct Selection Tool (A), select this sharp point, and drag it 5 px up, as shown in the third image.



Step 2
Make sure that your droplet shape is still selected and duplicate it (Control-C > Control-V). Place these blue droplets as shown in the following image, and then add two more copies.
Use the Eyedropper Tool (I) to easily fill these new shapes with red and yellow, and then place them as shown below.



5. How to Merge the Droplets and the Drip Logo
Step 1
For the final touches, we’ll add a bit of smoothness to some of the sharp points.
Select your blue droplets along with the main blue shapes and merge them using the Unite button from the Pathfinder panel.



Step 2
Using the Direct Selection Tool (A), select the anchor point highlighted with the blue square, focus on the control panel, and set the Corner Radius to 10 px.
Using the same tool, select the anchor points highlighted with the black squares. Hold down the Shift key to easily select more than one anchor point. Once you’re done selecting these points, return to the control panel and this time set the Corner Radius to only 5 px.



Step 3
Move to your green shape, select it, and use the Direct Selection Tool (A) again to select the two anchor points highlighted in the first image. For the left one, set the Corner Radius to 10 px, and for the right one, lower the Radius to 5 px.



Step 4
Select both yellow shapes and merge them using the Unite button from the Pathfinder panel.
Continue with the Direct Selection Tool (A). Select the anchor points highlighted with black and set the Corner Radius to 5 px, and then select the anchor point highlighted with blue and set the Corner Radius to 10 px.



Step 5
Select both red shapes and merge them using the Unite button from the Pathfinder panel. Pick the Delete Anchor Point Tool (-) and use it to remove that extra anchor point indicated in the second image.



Step 6
Using the Direct Selection Tool (A), select the anchor point highlighted with black and set the Corner Radius to 5 px, and then select the anchor points highlighted with blue and set the Corner Radius to 10 px.



Step 7
Finally, use the Ellipse Tool (L) to add several circles as shown in the following image. With these final touches, your drip design is complete.



Congratulations! You’re Done!
Here’s how your dripping logo should look. Now that you know how to make a drip logo, feel free to apply the same techniques in your future projects.
You can easily adjust this final drip logo and make it your own. Check out Envato Elements, where you will find some interesting solutions that might inspire you to create cool drip designs.



Popular Dripping Logos From Envato Elements
Envato Elements is an excellent resource for drip logos. Here’s a short list of some of the most popular drip designs that you can find.
Droplet Water Logo Template (AI, EPS)
You’ve learned how to create a basic droplet shape, but here’s what you can achieve with a few more shapes and some smooth gradients.



Colors Logo Template (AI, EPS)
Here’s a colorful drip logo design. Feel free to adjust the colors and make this cool drip logo fit your project.



Paint Brand Logo Template (AI, EPS)
Here’s another colorful drip logo design. Notice how a few shadows and highlights can make your logo more dynamic.



Graffiti Drip Logo (AI, EPS, PDF)
Check out this cool graffiti drip logo and notice another technique that can be used to turn a logo into a dripping logo. Add an outline for that logo and then decorate it with some random drips.



Monstarize: Horror Spooky Gaming Font
You can also use a dripping font along with your drip logo design. The Monstarize font is a pretty good choice.



Want to Learn More?
We have loads of tutorials on Envato Tuts+, from beginner to intermediate level. Take a look!