Are you a big movie fan and want to Learn how to make this 80s logo make Your own Back to the Future logo right Now my name is Diana Thoma and I am a Graphic designer and illustrator for Over 10 years in this envato touch plus Tutorial I'm going to show you how to Edit a font in Adobe Illustrator how to Use warp effects and how to color an 80 Style logo before we begin make sure to Check out envato elements where you can Get unlimited downloads of design assets Photos templates fonts music and many More that's millions of creative assets All ready to use and with simple Commercial licensing you can subscribe Now with the link in the description [Music] Let's open illustrator to create a new Document select pixels from the drop Down menu set the width to 850 pixel and The height to 600 pixels keep the color Mode RGB and the resolution to 72. Once Done hit create Go to window in the menu bar and open All the panels that have this check mark Along with the control panel Next go to edit preferences General and Set the keyboard increment to one pixel Also go to units and make sure that they Are set like this Hit OK I searched another elements for the best Back to the Future logo font and from
Many great options the Tosca phones Stood out to me we will distort it a Little to make it perfect so let's go Ahead and download it we are ready to Start making the Back to the Future logo Grab the type tool and in the character Panel use the toast cup bold font And set the size to 216 points now click On your artboard and type back in Capitals Next set the tracking to -50 To bring the letters closer to each Other Grab again the type tool click on your Artboard and type 2. In the character panel use again the Tosca bold font Reduce the size to 80 points keep the Tracking to minus 50. and set the Horizontal scale to 125 percent Looks good now arrange the piece of text Under the letter B like this Let's type the next word the and change The settings in the character panel this Time let's use the Tosca regular font Set the size to 72 points Set the tracking to -25 Put the horizontal scale back to 100 and Set the vertical scale to 125 percent Move the piece of text under the Previous one Still using the type tool type future on Your artboard Use the Tosca bold font and set the size
To 176 points Now set the tracking to -65 Keep the horizontal scale to 100 percent And also put the vertical scale to 100 Percent Move the piece of text and align the Letter F with the letter A from above Looks pretty good Let's activate the rulers by going to View rulers show rulers and drag a Guideline in the left side to make sure The letters are aligned If they are not you can do so by using The arrow keys on your keyboard Also drag a guideline to make sure the Letters a and F are aligned Let's move to a bit upwards And drag a guideline above it Now select the and future holding the Shift key and move them upwards to align Them Also drag a guideline at the bottom to Make sure the letters are aligned That looks good Now let's get rid of the guides by going To view guides height guides Select everything on your artboard with The selection tool and go to type create Outlines followed by object and group You will get the individual letters and You can see them in the layers panel Select only the letter b and go to Object compound path release Let's change the fill color of the inner
Shapes to something else so we can see Them Set the one from above to width 22 Pixels and height 20 pixels set the other one to width 21 Pixels And height 18 pixels Let's align them a little bit Now select all three shapes holding the Shift key and in the Pathfinder panel Press minus front This will be the new letter B select the Letter a and go to object compound pen Release Just change the fill color of the inner Shaped red again so we can see it and Set it to width 25 pixels and height 38 Pixels Switch to the direct selection tool Select only these two points holding the Shift key and move them about 8 pixels Downwards by pressing the down arrow key On your keyboard Grab the selection tool again Select the two shapes and in the Pathfinder panel press minus front Let's focus on the letter K grab the Delete Anchor Point tool and click on These points to remove the curves Switch to the Anchor Point tool And click on the corner points to remove The existing handles Grab the direct selection tool Drag a selection over these points
And move them downwards about 15 pixels Now select only this corner Point move It to the right a bit Select this corner point and move it to The right a bit more And the top Corner Point move it to the Right about 12 pixels For the letter c drag the selection over These two end points and move them to The right until they go over the letter K Before we distort the letter F let's Activate the smart guides by going to View smart guides Let's zoom in a bit take the pen tool And draw a triangle shape in the top Left side of the letter f Like this Now with the selection tool select both Shapes and in the Pathfinder panel press Unite With the direct selection tool select The four ending points of the arms Holding the shift key and head over to The Align panel Make sure that align to selection is Active and then press horizontal align Right Now let's repeat the exact same thing For the letter e For the last letter e we will make two Of the arms shorter use the direct Selection tool to drag a selection over The end points of the middle and bottom
Arms Move them to the left about 10 pixels Pressing the arrow keys on your keyboard Move the letter e closer to the letter R Now take the direct selection tool and Use it to select only this corner Point Drag it a bit to the right so the Overlap Switch to the Anchor Point tool and make The leg of the letter R rounded Like this We are done with the Back to the Future Logo text and we will continue with the Arrow take the pen tool and use it to Draw a triangle like shape in the right Side of the letter k The smart guides are still active and They help us very much to do this That looks good Next take the rectangle tool click on Your article set the width to 30 pixels And the height to 78 pixels hit OK With the selection tool move this Rectangle next to the triangle shape Like this Go to edit copy edit paste in front Move the shape to the right holding the Shift key And in the transform panel set the width To 20 pixels Let's move it a bit closer Go to edit copy edit paste in front Move the shape to the right And change the width to 19 pixels
Go to edit copy edit paste in front Move the shape to the right And change the width To 16 pixels Let's do this one more time Move the shape to the right And set the width to 15 pixels With the selection tool select the first Rectangle and extend it over the Triangle now select both shapes holding The shift key and press unite in the Pathfinder panel to obtain the head of The arrow Switch to the direct selection tool And drag a selection over the top points Of the rectangles Move them to the left holding the shift Key The arrow is pretty much done Before we continue with the warp effects Let's select the word back with the Selection tool in the Pathfinder panel Press unite and then go to object Compound path make Now select the word future press unite In the Pathfinder panel followed by Object compound path make Select the entire Back to the Future Logo and go to object envelope distort Make it Warp choose Arch from the drop Down menu check vertical and apply a Minus 40 band Hit OK Follow up with object expand
Go back to object envelope distort make With Warp Put the band back to zero percent And apply a minus 40 percent horizontal Distortion Hit OK Follow up with object expand again Next go to the object menu envelope Distort make with mesh choose one row And one column and hit OK Switch to the direct selection tool and Use it to select the bottom left point And move it to the right Select these two points holding the Shift key and move them to the right to Elongate the logo a bit finally select The top right point and move it upwards A little Once done go to the object menu and Choose expand again so Back to the Future Vector logo is done and now it's Time to color it Select the entire movie logo with the Selection tool and then go to object and Group twice Now select only the word back and in the Gradient and let's create a simple Linear gradient The first color stop is red 255 Green 228 And blue 7 The last color stop is red 229 Green 39 And blue 34
Set the gradient angle to 88 degrees And now let's save it in the swatches Panel by simply dragging it there Next select the arrow group apply the Same gradient from the swatches panel And set the angle to 90 degrees Select the word future apply the same Gradient click on reverse gradient and Set the angle to 95 degrees Now select 2 and holding the shift key And go to object Compound path make Color it with the same gradient click on Reverse gradient And set the angle to 90 degrees Select the entire movie logo again and Apply a stroke using any color In the stroke panel increase the size to 3 points Now select only the word back and let's Replace the blue stroke with a linear Gradient The first colors top is red 253 Green 248 And blue 250 Add a new color stop in the middle and Set the location to 50 percent Set the color to Red zero Green zero and blue zero The last color stop is the same as the First red 253 green 248 And blue 250. Set the gradient angle to 85 degrees Foreign
In the swatches panel to save it Select the arrow group replace the blue Stroke with the same gradient but set The angle to 90 degrees Next select the word Studio And replace the blue stroke with a new Linear gradient The first color stop is red 78 Green 76 And Blue 82 Add a new color stop at the 50 location And set the color to Red 253 green 248 And blue 250 The last color stop is red 0 Green 0 blue zero Once done set the gradient angle to 90 Degrees Now select the word future and replace The blue stroke with another gradient The first color stop is red 254 Green 248 And blue 250 The middle stop is red zero 0 plus 0 And the last color stop is red 78 76 And Blue 82 Set the gradient angle to 98 Degrees At this point go back to the future logo Is done it definitely looks like an 80s Logo Let's select everything and go to object Group zoom out a bit and to align the Logo in the center of the artboard in
The Align panel make sure that align to Artboard is active Then click on horizontal align Center Followed by vertical align Center The cool portal background used is from Embattle elements and you can find the Link to it in the description box below One final thing that you can do is to Select the movie logo go to effect Stylize drop shadow And apply these settings Once done hit OK I hope you enjoyed this tutorial hit the Like button to show me that you like This type of content go ahead and Subscribe if you are not already and Don't forget to click the Bell icon to Receive notifications of new tutorials By Indiana Toma and thank you for Watching [Music] [Music]
