Table of Contents
Adobe Illustrator makes creating a logo easier than ever. Although the interface may look daunting, Illustrator offers some really simple solution to seemingly complex problems. All it takes is a basic knowledge of some simple tools and concepts. After this tutorial you should have a basic understanding of some of the ideas which go into creating the Facebook logo you can see below. You can hopefully then use these ideas in your own projects. Adobe Illustrator makes creating a logo easier than ever. Although the interface may look daunting, Illustrator offers some in truth simpleton solution to apparently building complex problems. All it takes is a basic cognition of some dim-witted tools and concepts. After this tutorial you should have a basic understand of some of the ideas which go into creating the Facebook logo you can see below. You can hopefully then use these ideas in your own projects. 
Facebook Logo Illustrator Tutorial – Opening Illustrator & creating a new canvas
First things first base, open Adobe Illustrator. If you don ’ t have Illustrator, Adobe offer a great 30 day release test of any of their software ’ sulfur which you can download from their web site at www.adobe.com/sea/downloads once Illustrator is open go to “ File” – “New” to create a new document. Name your file facebook-logo. ensure your art board is A4 and landscape with your measurements in millimeters. Make the color mode CMYK which is the four semblance arrangement that printers use. If this logo was chiefly going to be used on the web and not in mark RGB would be fine. ( This is equitable for the purpose of this tutorial and these factors would differ depending on your needs ). The ppi ( pixels per edge ) determines the timbre of the prototype you would like to achieve. This is not relevant to this tutorial as we are using a vector persona as opposed to a raster picture. I will explain this further when we discuss saving. 
once you ’ re set up Click “ OK ”
Facebook Logo Illustrator Tutorial – Drawing the shape
As with most purpose we first begin with the basic human body. Using the tool dialog box on the leave hand english click the small arrow next to the supreme headquarters allied powers europe cock, which looks like a basic rectangle. This will bring up a menu of the different shapes you can create. Select the “ rounded rectangle ” supreme headquarters allied powers europe. Make the fill of the determine is the trench blasphemous from the swatches gore. Change the “ stroke ” by selecting it from your cock properties panel ( see image ). and change it to “ none ” ( looks like a white square with a loss line through it ). 
When drawing shapes in illustrator you have the choice of either clicking and dragging to draw the shape or to be more accurate you can click on the screen and enter the demand size of the shape you would like to create. For this shape we are going to make the size 70mm x 70mm with a corner radius of 5mm so it ’ second much easier to type in the width and altitude as opposed to clicking and dragging. This would be a good time to mention that an easy way to make certain your objects are correctly placed in illustrator is by using the grid tool. To view a power system over your art board go to “ view ” – “ show grid ” or you can use the shortcut “ CMD ” – ” ‘ “, or cntrl for windows. You can besides activate the “ snap to grid ” option by going “ scene ” – “ snap to grid ”, this will mechanically align your visualize with the gridlines as you move it. 
Facebook Logo Illustrator Tutorial – Adding the blend
There is a elementary manner of making a blend in illustrator and that is to use the gradient instrument which you can select from the gradient tab of your pallet or by going to “ window ” – “ gradient ”. Although this method is agile and gives a basic consequence we can get much better looking blends using other methods. For the purposes of our Facebook logo we are going to use a method acting which gives a more subtle blend on the logo which makes for a much more neat plan. first select your rectangle instrument which you used in the “ drawing shapes ” footfall. Click on the screen and create a rectangle that is 3mm ten 3mm. This meter make the color a slenderly lighter shade of blue which you can find in your swatches panel. Again as we did in the final step change the stroke to “ none ”. 
Select both rectangles and while both are selected snap on your big rectangle to select it as your “ key aim ”. Once it is selected click on the “ horizontally align center ” icon on the toolbar at the acme of your screen and then the “ vertically distribute acme ” icon. These are the 1st and 7th options in the align section of your toolbar. 
once you have done this select the two objects and go to “ object ” – “ blend ” – “ blend options ”. Make certain your space is set to smooth coloring material and your orientation is set to “ align to page ” ( the beginning choice ). Click OK.
Go back to “ object ” – “ blend ” and blue-ribbon “ make ”. 
You should now have a elusive blend that looks bang-up !
Facebook Logo Illustrator Tutorial – Using the text tool
nowadays we need an “ farad ” for Facebook, duh. So choice your text instrument ( looks like a T ) from your tool jury. Click on the screen to type and type a lower case “ fluorine ” on your artwork board. [ text-blocks id= ” 59336″ ] now select your black arrow selection instrument from the tool empanel, ensure your textbook is selected and change your baptismal font to “ Myriad pro ”. from your baptismal font choice near the top of your screen door. Make the baptismal font point size 224 platinum. The actual Facebook baptismal font is Klavika, a commercial font, but to save us from having to download fonts we will use Myriad pro rather. 
Drag your “ f ” onto the logo and place it just off center to the right. once you place your text you can use the arrows on your keyboard to do all right adjustments and get your text in just the correctly place. Make certain the edge of the text goes good over the border of your rectangle so no line can be seen. once you ’ rhenium happy make sure your text is selected and change the fill tinge to ashen. 
Make certain your baptismal font is selected and go to “ aim ” – “ elaborate ”. Your Facebook logo should be starting to look like, well, a Facebook logo .
Facebook Logo Illustrator Tutorial – Finishing up
once you are glad with the look of your logo select everything on your page and press CMD – G or cntrl – G on Windows. alternatively you can go to “ object ” – “ group ” .
Saving
When saving your work you have the option of saving as GIF, JPEG, WBMP, and PNG—These types describe the image based on a power system of pixels. This makes the files a lot more bulky with a limited resolution and uses big amounts of bandwidth on the web. A better way to save an image is to save it as a “ vector ” ( SVG ) trope. These files are more compact and allows for identical high quality graphics on the network deoxyadenosine monophosphate well as in print and on a range of devices. ‘ Vector ’ images can be magnified without sacrificing quality. SVG ensures images will be seen as they appear in illustrator. To save your Facebook logo as a ‘ vector ’ trope go to “ file ” – “ save as ”. Choose the location you would like to save your file and choice SVG from the “ format ” drop down menu. 
The SVG options should now come up and you merely click “ OK ”. And there you have a simple Facebook logo made with Illustrator. Play around with some of the tools you have equitable learnt and see what you can come up with .
Want to learn more?
Why not read “ what does your logo say about you ? ” or check out our logo and graphic design course to learn more. We besides offer one-on-one classes in Illustrator and Photoshop. Keep checking webcoursesbangkok.com for approaching classes and workshops.
Read more: Why Does Facebook Keep Logging Me Out?
Ryan Byrne [ text-blocks id= ” 59336″ ]
