HOW to : Create a Personalized Badge for your site

[private]

 

title HOW to : Create a Personalized Badge for your site Every next Website has a 100% money back guarentee icon ,Creating one of your own is more fun when you have total control over all the elements of it In this tutorial my aim is not only on showing you how to create the icon but you will also practice and experience few of the tools of illustrator and some ways you use for your creative purposes.

We will start off by creating a simple triangle using Pen Tool shortcut P , Select pen tool and while pressing shift draw a few straight lines to draw a triangle . Now we need to increase the hight of it . with Direct selection tool Shortcut A select upper most node and press shift and move it a bit upward.Untill you have a shape something like this!

02 HOW to : Create a Personalized Badge for your site

Again select the selection tool (V) and select your little tirangle give it a light pink colour if you choose to have a red stamp like i have created. Select the triangle while pressing on Alt + Shift create a copy of it aligned just next to it. Something like this!

03 HOW to : Create a Personalized Badge for your site

Next we will now create our own brush! how exciting is that! … with this technique you will be able to create your own brushes. Now since your last steo was copying the triangle just hit CTRL+D which will repeat your last step , make around 8 copies of your triangle .

04 HOW to : Create a Personalized Badge for your site

Now before we convert this into a brush we will expand the row of triangles. open up your pathfinder window and click on expand . Although there is not much requirement of expanding this at the moment but this step is added for your future reference in case your brush is complicated than this.Following is a screen shot of this.

05 HOW to : Create a Personalized Badge for your site

now open up your brush window ShortCut F5 and create a new brush while selecting the triangle row. Here is how

06 HOW to : Create a Personalized Badge for your site

And click on new file icon as you see here , this will open a dialogue box asking you what type of brush you will like to create?

07 HOW to : Create a Personalized Badge for your site

Create a New pattern brush hit ok

08 HOW to : Create a Personalized Badge for your site

follow the options as i have selected over here.Hit OK….congratulations for those of you who didnt knew till now how to create one!. Now you will draw a circle and apply this brush to it .And adjust the stroke to get what you want , notice we chose method of Hue Shift that will easily let you change the colour of your brush according to your liking . Here i have drawn a circle and dropped the brush to it and adjusted … See here?

09 HOW to : Create a Personalized Badge for your site

Press CTRL+2 to lock your selection .

Now we need to create our red ribbon , we will simply create two circles one inside another and using Align window center them togather. Like this

10 HOW to : Create a Personalized Badge for your site

Once click on vertically distribute center then horizonatally distribute center. now we need to cut the inner part out! open your pathfinder window again and cut off inner circle using Subtract from shape are

11 HOW to : Create a Personalized Badge for your site

drag the shape over your pink triangle ribbon and align them well in center using align tools

12 HOW to : Create a Personalized Badge for your site

Now in order to place text we will use text on path tool!Start by creating a circle just sligtly bigger than the smaller circle you see here. Click anywhere on the Circle and start tying 100% Money Back or whatever you would like for your own badge.

13 HOW to : Create a Personalized Badge for your site

Once you have typed on path use the window >Type > Character window to adjust the spacing in letters and placing of letters by increasing size of circle or rotating it

14 HOW to : Create a Personalized Badge for your site

Once you are happy with your letters go to type> Create Outilnes.

15 HOW to : Create a Personalized Badge for your site

Create a copy of the text and reflect Select the rotate tool Short Cut R and click in the exact center of the circle which will give you a little blue indication of placing your rotating mark now press alt and move your cursor this will create a copy of the text and you will rotate it to place it exactly on the reflected position. As shown in picture below

16 HOW to : Create a Personalized Badge for your site

Just need some adjustments over here you can do that manually as well

17 HOW to : Create a Personalized Badge for your site

Select the rounded rectabgle tool and draw a rectangle across the circles

18 HOW to : Create a Personalized Badge for your site

adjust the stroke weight and stroke colour And write your final text across it using the text tool!

19 HOW to : Create a Personalized Badge for your site

go to select all > object > Expand!

there you have it your very own site badge modify the text to create your own

Conclusion :-

We learned how to create our own brush , how to apply it and expand it .

We learned how to cut off a shape using pathfinder and align tool

We learned how to use text on path

and above all we learned another step towards creativety. member HOW to : Create a Personalized Badge for your site


The source file is available for download  to Premium Members only  signUp or Sign in

[/private]

startCLICK HERE TO DOWNLOAD ASMAS HOW to : Create a Personalized Badge for your site

FREE 2023 1 HOW to : Create a Personalized Badge for your siteI always try to share premium resources with my readers in every blog post that I share around selling graphics online, various reviews of tools and resources that help you on your passive income journey make sure to subscribe to my blog or newsletter if you are interested in learning more about selling passively online.

Once you have these premium high resolution royalty free clipart with commercial use rights,  you can just set up your etsy store and start selling products right away.

You can grab this valuable resource that is absolutely FREE by clicking the blue button above👆

Leave a Reply

Your email address will not be published. Required fields are marked *

Pin It on Pinterest

Shares

Main Menu