Find out how to Create Your Personal Central Perk Emblem in Illustrator

0
1


What You will Be taught in This Central Perk Emblem Tutorial

  • Find out how to make the inexperienced plate of the Central Perk signal
  • Find out how to make the ribbon of the Central Perk signal
  • Find out how to make the Central Perk espresso mug
  • Find out how to make the Central Perk font fashion
  • Find out how to personalize the Central Perk emblem font

Tutorial Property

You will want the next sources with a view to full this mission:

1. Find out how to Make a New Doc in Adobe Illustrator

Launch Illustrator and go to File > New to open the New Doc window. There, sort “Pals Central Perk emblem” because the identify of the doc and arrange the scale as proven. Hold the Models set to Pixels and the Shade Mode to RGB. When you’re accomplished, hit Create Doc.

Within the picture under, you possibly can see the opposite settings that I desire to make use of whereas working in Illustrator. You’ll be able to entry them by going to Edit > Preferences.

How to open a new document in Illustrator How to open a new document in Illustrator How to open a new document in Illustrator

2. Find out how to Make the Inexperienced Plate of the Central Perk Signal

Step 1

The informative a part of the Pals Central Perk emblem is the center part composed of a ribbon and a plate the place the cafe’s identify is displayed. They occupy two traces and draw the viewer’s consideration.

For the inexperienced plate, seize the Rectangle Device (M) and draw a 480 x 190 px rectangle in your artboard. Give it a inexperienced fill shade and a 4 pt Stroke utilizing black. Within the Stroke panel, click on on Spherical Cap, Spherical Be a part of, and Align Stroke to Inside. Now, go over to the Remodel panel and enter 90 px within the Nook Radius fields for all 4 corners of the form. You’ll get hold of the rounded plate.

How to make the green plate shapeHow to make the green plate shapeHow to make the green plate shape

Step 2

Add a brand new stroke beneath the black one by clicking on the Add New Stroke icon on the backside of the Look panel. Change the colour to mild beige and improve the Stroke Weight to 16 pt (1). Go to Impact > Distort & Remodel > Remodel and apply the settings proven to scale and transfer the stroke (2). Now, go to Impact > Blur > Gaussian Blur and apply a Radius of 8 px.

The blur goes over the plate’s edges, so we’ll repair this with a masks. Copy and Paste in Place (Shift-Management-V) the plate form and take away all the present appearances. With each shapes chosen, go to Object > Clipping Masks > Make (Management-7) (3).

How to add highlight on green plateHow to add highlight on green plateHow to add highlight on green plate

Step 3

Full the plate design by including two screws on the suitable and left sides. They’re made out of a small 19 x 19 px circle having a white fill and a 3 pt black Stroke utilized, and a straight path within the middle with a 2 pt black Stroke.

How to make screws on green plateHow to make screws on green plateHow to make screws on green plate

3. Find out how to Make the Ribbon of the Central Perk Signal

Step 1

Use the Rectangle Device (M) to attract a brand new rectangle of about 360 x 130 px. Place it on the high of the inexperienced plate. Fill it with the beige radial gradient proven, and in addition apply a 4 pt Stroke utilizing black. Activate Spherical Cap and Spherical Be a part of within the Stroke panel (1).

Flip this form right into a ribbon with the assistance of the Warp results (Results > Warp). First, apply the Arc Higher impact after which the Arc impact (2).

How to make a ribbon shape with warp effectsHow to make a ribbon shape with warp effectsHow to make a ribbon shape with warp effects

These are the Warp settings that I’ve used:

warp effects settings in Illustratorwarp effects settings in Illustratorwarp effects settings in Illustrator

Step 2

Seize the Pen Device (P) and draw the forked finish of the ribbon like within the picture under (1). Shade it with the beige linear gradient proven and in addition apply the 4 pt black Stroke (1). This stroke will likely be constant all through the tutorial.

Whereas the form stays chosen, go to Object > Remodel > Mirror, test Vertical, and hit Copy. You’ll get hold of the opposite finish of the ribbon. Transfer it into place and after that, be sure to ship each of them to the again by going to Object > Organize > Ship to Again (Shift-Management-[) (2).

How to make ribbon forked endsHow to make ribbon forked endsHow to make ribbon forked ends

4. How to Make the Central Perk Coffee Cup

Step 1

Two cups are present on the Central Perk sign. The hot and steamy cups of coffee create a feeling of comfort and warmth, showing that inside the cafe there’s a cozy place for friends to be together and socialize. Let’s recreate them in the following steps.

Use the Rectangle Tool (M) to draw a shape of about 316 x 300 px. In the Transform panel, type 130 px in all four Corner Radius fields to obtain the rounded appearance (1). Switch to the Ellipse Tool (L) and draw a 316 x 45 px ellipse almost in the middle of the rounded rectangle (2). With both shapes still selected, press Divide in the Pathfinder panel and then delete the top shape (3). Draw another smaller ellipse which will be the coffee inside the cup (4).

How to make the coffee cup shapeHow to make the coffee cup shapeHow to make the coffee cup shape

Step 2

For the bottom of the cup, draw a curved path with the Pen Tool (P). Give it a 16 pt Stroke and activate Round Cap in the Stroke panel (1). Follow up with Object > Expand. Make a copy of the resulting shape because we’ll need it later when adding the shading on the cup.

Keep both the cup and bottom shape selected, and press Unite in the Pathfinder shape to merge them. Color the newly obtained cup with light beige, then go to Effect > Stylize > Inner Glow and apply the settings shown (2).

How to color the coffee cupHow to color the coffee cupHow to color the coffee cup

Step 3

Select the bigger ellipse, color it with light beige, and apply the 4 pt black Stroke as you did before. While the Fill attribute stays selected in the Appearance panel, go to Effect > Stylize > Inner Glow and apply this effect again using the same settings from the previous step (1).

Color the smaller ellipse with dark brown and apply a 2 pt black Stroke. Send these two ellipses behind the cup shape in the Layers panel (2).

To complete the look, Copy and Paste in Place (Shift-Control-V) the cup shape, delete the existing appearances, and apply only a 4 pt black Stroke (3). Finally, with the help of the Pen Tool (P), draw two short paths to define a separation between the actual cup and the base. Give them a 4 pt black Stroke as well (4).

How to make coffee inside the cupHow to make coffee inside the cupHow to make coffee inside the cup

Step 4

We will continue with the handle. Use the Pen Tool (P) to draw a curved path on the right side of the Central Perk coffee mug, like in the image below. Apply a 23 pt Stroke and click on Round Cap in the Stroke panel to obtain the rounded ends (1). Turn the handle from a stroke into a shape by going to Object > Expand. Color the handle shape with beige and apply a 4 pt black Outside Stroke (2).

Next, use the Pen Tool (P) to draw another curved path following the inner edge of the handle. Apply a 10 pt Stroke using an orange shade and the Width Profile 5 in the Stroke panel. Also, apply a 4 px Gaussian Blur to make the shading smoother (3).

To mask the blur that goes outside the handle shape, Copy and Paste in Place (Shift-Control-V) the handle shape. With the handle copy and the shading path selected, go to Object > Clipping Mask > Make (Control-7). Once that’s done, make sure to move the entire handle behind the coffee cup (4).

How to make the handle of coffee cupHow to make the handle of coffee cupHow to make the handle of coffee cup

Step 5

It’s time to create the hot steam coming out of the coffee. Draw five wavy paths of different heights with the Pen Tool (P). Find the 20 pt Oval Brush in the Brush Libraries Menu > Artistic > Artistic_Calligraphic category and use it to stroke the five steam paths. Reduce the Stroke Weight to 0.75 pt (1).

Turn the steam paths into shapes by going to Object > Expand Appearance. Now, you can fill them with light beige and apply a 2 pt black Stroke (2).

How to make hot steam with brushes in IllustratorHow to make hot steam with brushes in IllustratorHow to make hot steam with brushes in Illustrator

Step 6

Position the cup on the right side of the ribbon and behind it. Let’s add more shading on it. Use the Pen Tool (P) to draw a shape over the cup as shown. Give it a 20 pt Stroke using light orange and then apply an 11 px Gaussian Blur (1).

Now, find the copy of the cup’s bottom that you made earlier in the tutorial and bring it in front of the coffee cup. Color it with a darker orange and then apply a 4 px Gaussian Blur (2).

Use again the Pen Tool (P) to draw a path following the edge of the ribbon’s forked end. Apply a 16 pt Stroke and a 6 px Gaussian Blur to make the shading smoother (3).

How to add shading on coffee cupHow to add shading on coffee cupHow to add shading on coffee cup

Step 7

To mask all the blur and have clean edges, select the coffee cup shape and then Copy and Paste in Place (Shift-Control-V). Remove all existing appearances. Now, select all the shading paths added on the cup in the previous step, along with the cup copy, and go to Object > Clipping Mask > Make (Control-7). Once that’s done, make sure to move the resulting Clip group between the coffee cup shape and the black outline in the Layers panel.

How to mask shading shapesHow to mask shading shapesHow to mask shading shapes

Step 8

With the coffee cup still selected (without the steam), go to Object > Transform > Reflect. Choose Vertical and hit Copy to obtain the other cup. Move it to the left side of the ribbon.

To make the steam for the left cup, use the Pen Tool (P) to draw five new wavy paths of different heights. Once that’s done, apply the same color and stroke as the other ones. The Friends Central Perk logo is starting to come together, right?

How to duplicate the steamy cup How to duplicate the steamy cup How to duplicate the steamy cup

5. How to Make the Central Perk Font Style

Step 1

The original Central Perk logo font is an elongated sans-serif typeface. Use the Type Tool (T) to write “CENTRAL” on your artboard using the Talking Font, which has tall, narrow letters and works perfectly. Use these Character panel settings to make slight adjustments to the font:

  • Font Size: 170 pt
  • Vertical Scale: 90%
  • Horizontal Scale: 110%
  • Tracking for the selected characters: 10

Color the “CENTRAL” text with bright red and also apply a 4 pt Stroke using the same color in order to make the text more bold. Click on the Add New Stroke icon in the Appearance panel to add a second stroke attribute at the bottom. Choose black and increase the Stroke Weight to 9 pt.

How to create Central font styleHow to create Central font styleHow to create Central font style

Step 2

Position the “CENTRAL” text above the green plate, and then apply the Arc Upper and Arc effects (Effects > Warp). The warped text will fit perfectly on the ribbon.

How to warp Central fontHow to warp Central fontHow to warp Central font

Step 3

Quite the opposite of the “CENTRAL” text, “PERK” is made in wide and bold characters with serifs and elongated segments. To recreate the “PERK” text, I used the Torpunt Font with a few adjustments. Write the text on your artboard and set the size to 170 pt. Follow up with Type > Create Outlines. Activate Rules by going to View > Rulers > Show Rulers and drag a guide line at the top of the letters and another guide line at the bottom (1).

Next, use the Delete Anchor Point Tool to remove some of the anchor points and get rid of the serifs as shown below (2). Switch to the Direct Selection Tool (A) and use it to select only the resulting end points and drag them up to the guide lines so the letters have the same height again (3).

Draw a 33 x 119 px rectangle with the Rectangle Tool (M) and align it with the leg of the letter “P”, as shown. Make three more copies of this rectangle and position them on the other letters to make them wider, just like in the original “PERK” font (4). For the final touches, drag a selection over the middle arm of the letter “E” using the Direct Selection Tool (A) and move it downwards a little. Also, draw a small 8 x 10 px rectangle and place it in the middle left side of the letter “K” (5).

How to make Perk logo font How to make Perk logo font How to make Perk logo font

Step 4

Move the letters onto the green plate and add extra space between them. Once you’re happy with the position of the “PERK” text, click on Unite in the Pathfinder panel, followed by Object > Compound Path > Make (Control-8). Color the newly obtained compound path with the linear gradient shown, and set the Angle to -90 degrees. Also, apply a 3 pt black Stroke.

How to make Perk font styleHow to make Perk font styleHow to make Perk font style

Step 5

Let’s add the shadow. With the PERK compound path still selected, click on Add New Fill to add a second Fill attribute at the bottom of the Appearance panel. Use black as the fill color; then go to Effect > Distort & Transform > Transform and apply the following settings:

  • Move Horizontal: -1 px
  • Move Vertical: -1 px
  • Copies: 10
How to add shadow to Perk font styleHow to add shadow to Perk font styleHow to add shadow to Perk font style

6. How to Personalize the Central Perk Logo Font

Save the Central Perk font style as a graphic style by clicking on the New Graphic Style icon while the text is selected. Now, you can easily apply the same style to other text, as I have in the image below with Joey’s famous line, “How you doin?”

The red text is live and editable, so you can type the new text directly on the ribbon with the Type Tool (T). Feel free to test it with your name or any other unique cafe name that you come up with.

How to personalize Central Perk logo fontHow to personalize Central Perk logo fontHow to personalize Central Perk logo font

Congratulations! You’re Done

You’ve successfully learned how to draw the Central Perk logo step by step. Put it over a coffee shop background photo like the Empty wooden table in front of blurred background of coffee shop that I’ve used.

Now that you know how to make it, feel free to apply the same techniques to create other coffee shop logos. Make sure to check out Envato Elements, where you will find many logo fonts and graphics to download ready to use.

How to make Friends Central Perk logo final image How to make Friends Central Perk logo final image How to make Friends Central Perk logo final image
Background: Empty wooden table in front of blurred background of coffee shop

The logo you made is entirely vector, so you can scale it without losing quality. Feel free to save a high-resolution Central Perk logo anytime to print it or include it in your projects. Use a Mug mockup with coffee bean to display or test how your logo looks. Take a look at this beautiful Central Perk mug!

How to make a central perk mug with mockupHow to make a central perk mug with mockupHow to make a central perk mug with mockup
Mockup: Mug with coffee bean

Envato Elements is an excellent resource for logos and graphics that you can use for a cafe logo. These awesome coffee logos are available on Envato Elements, and they are ready to be used. You can download as many as you wish with a subscription. Let’s take a look!

Vintage Manual Brewing Coffee Logo Badge (AI, EPS, PNG, SVG)

Keep it smooth and classy with this vintage coffee shop logo. The pouring coffee is very eye-catching and makes you want to have a cup right now. All you have to do is adjust the text as you wish, and you will have a very well-made logo design.

Vintage manual brewing coffee logo available on Envato Elements Vintage manual brewing coffee logo available on Envato Elements Vintage manual brewing coffee logo available on Envato Elements

Vintage Manual Brewed Coffee Logo Badge (AI, EPS, PNG, SVG)

This vintage coffee logo has a similar color scheme to the Friends Central Perk logo: beige, green, and a pop of red. Give it a try and add some warmth and vintage charm to your logo design.

Vintage manual brewed coffee logo available on Envato Elements Vintage manual brewed coffee logo available on Envato Elements Vintage manual brewed coffee logo available on Envato Elements

Coffee Love Foam With Beans Illustration Cartoon (AI, EPS, JPG, PNG, SVG)

Don’t have the time to create a Central Perk mug? Add some love to your designs with this detailed coffee cup which is ready made for you. It can be easily turned into the perfect logo. The brightly colored cup will draw everyone’s attention.

Coffee ove foam illustration available on Envato Elements Coffee ove foam illustration available on Envato Elements Coffee ove foam illustration available on Envato Elements

Espresso Coffee Character (AI, EPS)

This colorful coffee cup character will bring a lot of enthusiasm and energy to your logo design. The text and colors are completely editable, so feel free to make it your own. The hot coffee is inviting.

Espresso coffee character available on Envato Elements Espresso coffee character available on Envato Elements Espresso coffee character available on Envato Elements

Retro Coffee Buddy Character Mascot Logo (AI, EPS, PNG, SVG)

Here’s another joyful logo that suggests friends coming together to share a cup of coffee and socialize. Change the colors as you want, add your tagline, and the logo is ready. How fast!

Retro coffee buddy character mascot logo available on Envato Elements Retro coffee buddy character mascot logo available on Envato Elements Retro coffee buddy character mascot logo available on Envato Elements

Want to Learn More Skills?

Did you like this tutorial on how to draw the Central Perk logo? We have loads of tutorials on Envato Tuts+ that teach many other useful techniques. Here’s a list of tutorials specially made for you. Take a look!

LEAVE A REPLY

Please enter your comment!
Please enter your name here