In this tutorial I will show you how to Create Anniversary Badge Inside Illustrator? this tutorial is for any one basic and advanced user, I will introduce the usage of shape tools , gradient tool to create golden gradient for our badges and many useful shortcuts and tips.

Create Anniversary Badge Inside Illustrator

lets see what we will going to create in this tutorial, I will create only one of the badges, then you can create other by yourself.

1. Open a basic RGB document, go to File > New (Ctrl+N) name your document Badge Sets and set the other option as the image bellow, click OK.

2. Pick the Rectangle tool (M) and draw a shape the size of your art board and set the stroke to non and the fill to light gray use this hex code (DBDBDB). Name your layer Background, as bellow.

3. Now create new layer and name it Badge Sets then pick the Star tool to create the main part of our badge, so to create the main body of the badge click on the art board your Star tool should be selected, an small dialog box will open and set the Radius 1: (35 mm)  Radius 2: (40 mm) Points (15).

4. Right! Now change the fill color of your badge to gradient and use these hex codes to make the badge golden, so to set all the gradient setting well follow the image bellow.

5. OK, make a copy of the badge layer (Ctrl +C) and (Ctrl + B) and set its color to dark orange (D8A607) then scale and rotate it a little bit till to give it stroke or depth. Your badge should looks like bellow.

6. Now pick the Ellipse tool to draw a circular path for our text, the circular path should be inside the badge shapes then pick the Type on a Path Tool to add the text on the path. As bellow.

7. It is time to add some stars around the badge, it is very easy to do draw an star with Star tool then go to Effect> Distort & Transform> Transform and set all the value as bellow, try to play around transform option to be familiar with Transform because it is the most wanted option of Illustrator.

8. Now go to Object> Expend Appearance and place it on top of the badge and delete some of the stars which are on top of the text, remember that when you  Expend that layer Ungroup (Shift+Ctrl+G) it two times to be able to delete some part of the layer.

9. OK, now pick the Rectangle Tool and draw a rectangle, then place your text on top that, select both and  Group it (Ctrl+G). Now go to Effect> Warp>  and set the value as bellow.

We are done! Place the ribbon on its place then see the result, and do the other badges by your self. Thank you very much for following hope you enjoy it, if you have any question please ask in comment section.

The post How To Create Anniversary Badge Inside Illustrator? appeared first on TECHNIG.

In this step by step tutorial which is the same as other previous logo design tutorial, I will show you how to design creative orbit logo using Illustrator? This logo design tutorial is a step by step process of re creating the following orbit logo, which I found it on Google, and I would like to share the process of, re creating this logo.

Design Creative Orbit Logo Using Illustrator

Lets see, the logo which I want to re design in this tutorial is a nice and beautiful orbit logo, it is very easy to design, if you follow the Design a Creative Orbit Logo Using Illustrator tutorial till the end.

1. Open a new document go to File>New or press (Ctrl+N) a new small window will open, name your document (Orbit Logo) use Basic RGB for Profile, as bellow.

2. Pick the Rectangle tool and draw a big rectangle as the size of the art board and use fill it with gradient use the following color codes (D00175)(5A0219)for gradient color stops, and change the type of gradient yo Radial.

3. Now pick the Ellipse tool and draw an ellipse as the image below, and apply this color code (5A0219) for fill of the layer and make a copy of that layer by pressing (Ctrl+C) to copy and (Ctrl+F) to past it in-front of the layer, then scale it down a little bit in order to make a dark edge or stroke for our logo.

4. OK , now create two more ellipse, it should be smaller then other and place it at the right side of the other ellipse as the image bellow and give it a light blue color and a dark blue color, we will apply gradients on it later, remember to set stroke for the dark ellipse as well.

5. Now select the dark ellipse and apply a gradient on it, use the following color codes (27489D) (06D3EF) (27489D) for stop color of gradient and use Type (Linear) Angle (90⁰).

6. Now pick the Ellipse tool and draw an small  circle at the center of all ellipse and set the Fill color to white to make the center part of our orbit logo.

7. Select the light blue ellipse and apply the same gradient as we applied on dark blue ellipse, but this time make the use the following settings for your gradients. Type (Radial) Angle(0⁰).

8. Now make a copy of the light blue ellipse and move it at the bottom of the main light blue ellipse and scale it up a little bit to make the shadow for the dark pink ellipse, and set this color (20115C) for Fill of the layer.

9. Use ellipse tool and path finder operation to make a shape like moon and set a gradient for that shape use the color codes(D00175) (5D021C) and settings.

10. Now try to place it at the same place as I did in the image bellow and select all the ellipse and press (Ctrl+G) to group all the ellipse, then make a drop shadow for your logo. It should look like bellow.

That is it! I hope you really enjoy this tutorial if you have any question please  leave comment bellow, I will reply your answer as soon as possible.

The post How to Design Creative Orbit Logo Using Illustrator? appeared first on TECHNIG.

In this tutorial I am trying to show you how to be expert to use Illustrator 3D Extrude Options ? The extrude option of Illustrator is very easy to use and it will be awesome if you understand it how to use, this step by step tutorial will help you to be familiar with this power full option Adobe Illustrator.

Introducing Illustrator 3D Extrude Options

Lets take a look what we will create in this Illustrator 3D extrude options, follow me till the end of this tutorial to know all secret of this feature.

1. In this step I show to how make a 3D cube, and how to apply symbols to each surfaces of that cube, Open a new document and and draw big square as the size of the Art-board give it a color you like,then pick the Rectangle Tool and draw a perfect square.

2. Give any color to the square you like and select it and go to Filter> 3D> Extrude & Bevel Options it will open a new small window the only thing you need to do is follow the guide in image bellow.

3. OK, your square should looks like bellow, and now I want to put number on each side of that square, it is very easy to do it, pick the Pen Tool and write three numbers and drag and drop it into the symbol panel, I write 1,2 and 3 and save these as a symbols.

4. Now select the cube and go to Appearance panel and there will be the Extrude and Bevel Options, dabble click on it and, it will open the 3D extrude & bevel options, so open the Map Art options which is at the bottom  of this panel, in the Map Art panel you will see some options like Symbol, Surface and some other options, the symbol option help you to select the symbol you saved and the surface option help you to find the side or surface to set a symbol on it.

Your final result should looks like bellow.

That is it I hope you enjoy this tutorial and if you have any question feel free to ask in comment section bellow. thanks for following.

The post How to Use Illustrator 3D Extrude Options? appeared first on TECHNIG.

In this tutorial I will show you step by step to design Twitter logo using Illustrator. this step by step tutorial is very easy in 12 steps we design the unique logo of Twitter.

Design Twitter Logo Using Illustrator

This will be the final result of what we are going to create in this design twitter logo using Illustrator tutorial hope you follow to the end.

1. Open and new document name it (Twitter Logo) use Basic RGB profile and click OK. A new document or Art board will opened.

2. Now pick Ellipse Tool and make a perfect circle try to hold down the (Shift+Alt) keys to make your circle perfect, as I draw bellow.

3. Make an small circle and place it at the right middle part of the big circle try to make it as mine in image bellow because it will be the head of our twitter logo.

4. Now select both big and small circles and swap the Stroke to Fill then make a new circle as I do in image bellow, it will make the body of our Twitter logo.

5. Select all three circles and divide it, to divide the shape go to Window>Pathfinder>Divide, after dividing the circles press (Shift+Ctrl+G) to Ungroup the divided circles then try to delete the extra parts of the circles. Your final result should looks like image bellow.

6. Now draw an small circle the same size of twitter head, place it at as image bellow, and make a copy of that circle move it up as image bellow to make a wing of twitter.

7. OK, do the same thing as we did with body of twitter, swap the stroke to fill and use Divided Options to divide it and press (Shift+Ctrl+G) to ungroup  it, delete the extra parts till your twitter wing looks like bellow it looks like moon. And do the same process for second wing.

8. Select both of the circles and swap the stroke to fill and divide it then ungroup it delete the extra parts till your image looking like bellow.

9. The last wing, draw a new circle and copy it and past it scale it up till it looks like image bellow, the last wing should be bigger and thicker than other wings

10. Now swap the stroke to fill and do the same process as we did for previous steps then delete the extra parts, after deleting the extra parts your final result should looks like image bellow.

11. Use Pen tool to delete and add the extra parts of wings, and draw two circle to make the mouth of the twitter it is very easy as the previous steps, draw the circles as image bellow.

12. Now create the top beak of the twitter as image bellow and swap the color then divide it and do the same process as previous steps. And select all the parts and Unit them then give this color code (28A9E1) for the color of Twitter.

That is it, hope you like the tutorial if you have any question fell free to leave your question in comment section bellow.

The post How to Design Twitter Logo Using Illustrator? appeared first on TECHNIG.

This is a beginner tutorial for those who like to create 3D objects in Illustrator, during this  Illustrator 3D Revolve Options tutorial, we will introduce all the Illustrator 3D Revolve Options step by step to help you get familiar with this great feature of Adobe Illustrator. We will also create logo with this feature.

Introducing Illustrator 3D Revolve Options

Before we start the tutorial you need to install Adobe Illustrator on your system, its not matter which version of Illustrator you have, but if it is up to CS5 it would be better.

1. Open a new document go to File> New click it, or use the keyboard shortcut (Ctrl+N). So name your document (3D Revolve) use Basic RGB from profile presets and click OK. as I did in image bellow.

2. The 3D Revolve  works on any paths but its a little difficult to know how to create what you want, if you do not use this feature before, but we are going to explain it for you, so if you want to create an sphere, first draw a circle and use direct selection tool to remove one anchor point of that circle as bellow.

3. Now select the half circle and go to Effect> 3D> Revolve click on it, in 3D option you will see two more options (Extrude & Rotate) don’t worry about these two options we will introduce it in other tutorial. SO after clicking on 3D Revolve option a new window will pop up and your half circle changed to a nice sphere, the color or your sphere depend to the color of your circle. You can change it any time you want.

4. If you want to apply any image or other objects on you sphere, how to do that? It is very easy the first thing you need to to is make you material and save it into Symbol Panel. OK I create some lines then I grouped all and drag it to the Symbol Panel, a dialog box pop up click OK.

5. Now select your sphere layer and go to Appearance Panel there you will find 3D Revolve with orange color, click on it the 3D Revolve Options window will opened, click on Map Art Option at the bottom of the panel a new window will pop up as bellow.

6. You can use 3D Revolve Options on any other paths, so I want to make a bottle pick the Pen Tool and make a path as I did in bellow image.

7. Now select the path and go to Effect> 3D> Revolve then click OK, It will revolve the path to the shape of the path, you can edit the anchor points of the path, to make it perfect it automatically updated.

That is it! Hope enjoy the article and understand the usage of Illustrator 3D Revolve Options. If you have any question regarded to the article please leave comment bellow in comment section. Thanks for flowing.

The post How to Use Illustrator 3D Revolve Options? appeared first on TECHNIG.

In this step by step tutorial I will show you to design Linux logo using Illustrator, which is pretty easy to do it in Illustrator, we will use shape tools, gradient, pathfinder option and some other stuff to do this great Linux logo tutorial.

Design Linux Logo in Illustrator

lets see what we will create in this great Design Logo article, then follow all the steps to the end you will do it and other sameler  logo in Illustrator.

1. Open a new Basic RGB document and pick Ellipse tool then create three ellipse as bellow do not draw all ellipse the same try to make the ellipse different sizes.

2. Now select all the three ellipse and use Horizontal Align Center to align all three ellipse then swap  the Stroke of the ellipse to Fill it should be black, go to pathfinder option and Unite the ellipse.

3. OK! pick ellipse tool again and draw a shape on middle part of the Linux body the copy it to the other side in order to remove the middle part that come out.

4. Now use the Subtract operation from pathfinder option to remove the extra part of linux body, after removing the extra part create a new ellipse for abdomen of Linux.

5. Copy the circle and scale it horizontally a little bit and change color back circle to light gray and add two more elements at the bottom side of your Linux with a dark gray color as bellow.

6. OK now try to create the feet of Linux use ellipse tool to create the feet, first draw an ellipse like image (1) then cute the bottom part of the ellipse and use the following color codes (FFFF00) (F07A00) for gradients sliders, do not forget to change the Type of Gradient from Linear to Radial.

7. Draw a new circle on foot of Linux and use white gradient for one slider of gradient editor and for other slider bring down the opacity of that slider, and change the angle of gradient to 90^o. So select all the foot and group it then put it in right bottom side of the Linux and make a copy for left side.

8. Now lets create the eyes of linux logo. pick the Ellipse tool and draw two ellipse like bellow and set this color code (E8E8E8) for both ellipse, then make the pupil part of the eyes with black color and add some shapes for lighting as bellow,.

9. Now pick Polygon Tool and draw triangle  then select each corner of triangle with Direct Selection Tool and convert it from corner to smooth anchor points to make the mouth of our Linux logo.

10. Now apply gradient on mouth shape use the following hex code color (FFF400) (D78B00) set type of gradient to Radial, then add some lights for the mouth shape as bellow.

11. Now draw an ellipse on head of linux for making the light that dropped on its head, use the same tips that we used for foot of Linux, your ellipse should look like mine bellow, add eyebrows for both eyes.

12. Last thing you should do it by yourself is the hands of Linux use pen tool to draw it and then add some light and shadow to it for better looks.

That is it, In 12 steps we design Linux logo with Illustrator, hope you like this article if you find any question regarded to the tutorial please leave comment below in comment section.

The post How to Design Linux Logo in 12 Steps Using Illustrator? appeared first on TECHNIG.

In this step by step logo design tutorial, I am trying to show you all the tips and tricks to create and design Fox Logo with Adobe Illustrator. I will explain and guide you the complete and easy way to design fox logo in Illustrator. Remember that the idea of the fox logo is not mine, I saw it on Google and now trying to show you the ways of designing this fox logo in Illustrator.

Design Fox Logo In Illustrator

Let’s see, how we will design attractive fox logo in Illustrator. The main goal of this logo design tutorial is an easy guide for you to work fast and best.

1. Open a new document 1000 x 700 px, name it Fox Logo click OK, then pick Rectangle tool and make a shape to the size of  the Art board and give this color code (172D49) for the rectangle and name this layer Background lock the Background layer.

2. Create new layer, name it Main, then  pick the Ellipse tool and create an Ellipse horizontally choice no fill for Fill color and white for Stroke.

3. Now press (Ctrl+C) to copy and (Shift+Ctrl+V) to past it in place, then resize the copied shape and move it up a little bit  to make the white part which is the tail of Fox.

4. Make a copy of the large by holding down the (Alt+Left Mouse Key) or use (Ctrl+C) to copy and (Ctrl+F) circle and move it to left, do not scale or rotate it, to make the second body part of the Fox.

5. Make another copy of the third circle and scale it up a little, and move to the left, to make the third part of the Fox, it may looks crazy for now but it is the easy way and the final result looks perfect.

6. Make the last copy and move it again to the left and scale it up from the top side of the circle and try to align it carefully like image below.

7. Now select all of the circles and swap the Fill and Stroke color (Shift+X) then go to Window> Pathfinder then use Divide operation to divide all the circles path then press (Shift+Ctrl+G)  to ungroup the circles.

8. It is time to delete extra part of the divided circles to make the body of the Fox, delete the color part of the circles as I colored to guide you do not delete the white parts.

9. After deleting the extra parts of the circles, your logo should looks like bellow,it looks like moon. if it is not as like my logo, try to delete the colored parts carefully.

10. Now try to Unite the the remain parts of the circles carefully as I do it like below, and fill each part with a different colors, no matter which color you Fill with, because we will fill it whit gradient later.

11. Make a new Ellipse vertically fill it with white color, and align the anchor points to the dark orange part of the Fox’s body play with anchor point handles, try your best till it looks like bellow.

12. Now pick Rectangle tool and make a perfect square then rotate it and use Direct Selection tool and select the top and bottom Anchor Points then convert it to smooth anchor point, then play a little whit the handles till you get the result as bellow.

13. Copy the head shape and scale it down and change the color it to orange color and align the top paths to the white head shape use Direct Selection tool to do it.

14. Time to make ears to our fox logo, so make an ellipse as image 1 bellow then use Anchor Point tool which is in group of Pen tool. And now select the right anchor point of the ellipse and play whit the handles and make the ellipse as image 2.

15. Now make a copy of ear and scale it horizontally then change it’s color to orange and select both white and orange ears group them, then Rotate it and use Reflect tool make a copy of the ears as bellow.

16. Don not forget to create the left hand of the fox use Ellipse tool to create it and give it orange color. It is time to put all parts of Fox together, so place each part as bellow and our Fox logo design has been done, your Fox look like this and try to use gradient for orange part of the Fox body.

Thanks for following, hope you enjoy this design fox logo in Illustrator, if you have any question regarded to the tutorial feel free to ask in comment section bellow.

The post How to Design Fox Logo with Illustrator? Step by Step Guide appeared first on TECHNIG.

Creating and designing a new logo is not very simple. But I’m trying to clearly explain this in step by step guide to create and complete this Illustrator article. It’s all about to create and design attractive logo inside Illustrator. It’s just an example I have chosen to demonstrate in logo designing article. But you can create and design logo with your own creative idea using Illustrator or Photoshop tips.

Design Attractive Logo inside Illustrator

Let’s see, how do we create and design attractive logo inside Illustrator. The core concept is creating a simple and meaningful logo. Try your best to follow article and create your own company logo.

So it’s  a cool state logo we are going to show how to create it. Open new document 700 x 500 px Profile Basic RGB.

Now select non for Fill color and use this color code(1A213D) for  Stroke, then pick Rectangle tool and create a rectangle as below.

Rotate the Rectangle 45⁰, to rotate the shape go to Transform Panel.

Use the Reflect tool to make a copy of the layer and and use the setting below.

Now move the copy of the layer to left side as below.

Create an Square and place it on top middle of the the two Rectangle like image below.

Now open Path Finder panel, go to Window> Pathfinder, then select all three layers and Expend them to Expend go to Object> Expend a dialog box popup click OK, then use Divide operation from Path Finder panel to Divide the layers, after dividing press (Shift+Ctrl+G) to Ungroup the layers.

It is time to remove extra part of the Divided layers and Unite them together, try to use Outline Mode press (Ctrl+Y).

After removing extra parts select all divided parts and Unite them by using Pathfinder  option and use pen tool to make shape for Subtracting the bottom left part as bellow.

Now the same steps to right side till your logo looks like below.

Pick the Pen Tool again and create a shape as below like tick  mark.

Now pick Width Tool to make the right end of tick mark shape, to do it place your Width Tool at right end of the tick mark layer hold down drug it down or up it will make the shape thinner.

So now Expend the tick mark layer and give it white stroke and add window for your logo as below.

That is it, add text to finalize the logo, hope you understand the way of explanation if you have question please leave comment below fell free to ask. Thanks for following. Finally you can save illustrator logo templates in vector logo or others graphic file formats.

Download source file Illustrator Logo Design Files.

The post How to Design Attractive Logo in Illustrator? appeared first on TECHNIG.

In this top 5 Illustrator tips tutorial we will show you five best secret of Illustrator that every designer must know these  tips for their job or work, If your are a beginner, it is no matter its for you as well.

Top 5 Illustrator Tips Designer Must Know

We have Illustrator CC 2015, if any of this tips does not work for you it may not available for your Illustrator version.

Tip 1: Do you ever use Envelope Distort? If no, this tips is for you. So create a text and rectangle shape, add an anchor point at the top middle of the rectangle than move it a little up till it looks like envelope pocket. the text must be at the bottom of the shape than select both of theme and use align Vertical align center and Horizontal center align  property to align the shape and text like image 1. Now go to Object>Envelope Distort> Make with top object the result should be like image 2, you can use any kind of shape to do it.

Tip 2: I love the Blend option in Adobe Illustrator, if you read this tip 2, you will love it too. So pick the pencil tool and draw two or more wavy lines with a different colors, I use Pencil tool to make the two lines. the line should be smooth, see image 1 below. When you create the lines select both of them then go to Object> Blend> Make. your project will look like image 2 below, to add more lines again go to Object> Blend> Blend Option a little window will open, from Spacing use Specified Step give a number click OK  the lines will look like image 3 it is depend to the numbers you have given, your design will not looks like mine, play with that till you find the best result for your design.

Tip 3: Clipping Mask, in tip 2 you draw the lines which goes out of the art board, to cat or remove that extra parts make a new rectangle shape the size of your art board than Go to Object> Clipping Mask, it hide all area out the rectangle.

Tip 4: Warping any objects, this option is great for anyone who makes logos or flat designs.

Go to Effects> Warp you will see a long lists of warping options, like Arc, Arch, Fish, Flag and many more.

1. Make rectangle like image 1, and then apply Fish Warp Effect on it follow the steps the image bellow, I add some lines and flower to it.

2. Follow the following down image.

3. Use the Shell Upper option to make shirt, follow the image below.

Tip 5: 3D and symbols. Use the 3D  and symbol to create your dream designs, so in this tip we show you how to create an Earth sphere  using 3D Effect and symbol. First place black and white earth map than use Image Trace to trace it see the image down to do.

Now go to Object> Expend a small window will open click OK than  right click and Ungroup the Traced map two times after ungrouping remove the black part of the map and change its color to blue, drag and drop it into Symbol panel.

Make a perfect circle use Ellipse Tool then remove half of the circle like image 1. Than go to Effect> 3D> Revolve  a window will open with options and your half circle become an sphere like image 2.

Now click at the bottom option Map Art in the Revolve  options to set your map on the sphere, Follow the instruction bellow, click OK to finish.

that is it, hope you enjoy the tutorial tips, leave comment it you faced to any question.

The post Top 5 Illustrator Tips Every Designer Must Know appeared first on TECHNIG.