Go to Object > Expand twice in order to expand the text and then the stroke applied. Fill it and give it a 2 pt Stroke using the same dark gray color. This is the most similar font to the actual Facebook logo that I found. Grab the Type Tool (T) and type the letter “ f” on your artboard using the World of Water Font, Bold, with a size of 68 pt. Position yourself on the “ Facebook icon” layer, and let's complete the first social media icon. 3. How to Create a Vector Facebook Icon Step 1 Move each icon shape to a separate layer and name them accordingly to keep things organized in the Layers panel. Make five copies of the “ icon shape” and use the guidelines or the Align panel to arrange them on your artboard. This will be the final shape, and you can name it “ icon shape” in the Layers panel. Now, select the resulting gray ring shape along with the triangle and press Unite in the Pathfinder panel to merge them into a single shape. Select the gray circle and go to Object > Expand Appearance in order to turn the inside stroke into a fill. At the end, color it with the same dark gray. Drag this point on the gray contour to clear the inside of the circle. Take the Add Anchor Point Tool (+) and use it to add an extra point on the triangle. Make sure it doesn't go over the guidelines. Move this triangle to the lower left side of the gray circle. Next, draw a small 30 x 30 px square with the Rectangle Tool (M) and use it as a guide to draw a triangle between its corner points. You won't have to worry about adding the width of the stroke to the size of the circle to calculate the final size of the icon. You will notice that everything stays inside the guidelines, and this will make things easier when the time comes to save each icon. Go to View > Rulers > Show Rulers to make them active, and then drag a guideline through the four points of the circle. Give it a 4 pt dark gray Stroke and press the Align Stroke to Inside option in the Stroke panel. Take the Ellipse Tool (L) and draw a 98 x 98 px circle on your artboard. 2. How to Create a Vector Flat Icon Shape Step 1 I usually work with these settings, and they will help you throughout the drawing process. Next, go to Edit > Preferences > General and set the Keyboard Increment to 1 px and while there, go to Units to make sure they are set as in the following image. Type a name for your file, set the dimensions, and then select Pixels as Units and RGB as Color Mode. Launch Illustrator and go to File > New to open a blank document. To complete the tutorial you will need the following assets:
0 Comments
Leave a Reply. |