Jason Hoppe Adobe Certified Expert & Adobe Certified Trainer
  • Home
  • Contact
  • Classes
  • Blog
  • Blog Index
  • Portfolio
  • Max 2022

Design Points n PixelS


INFOGRAPHIC SERIES - Embossed License Plate

3/25/2019

2 Comments

 
Creating a Bevel and Emboss look in Illustrator is easy, and since there is no Bevel and Emboss effect, this is how you create one. 
Picture

Picture
Start with a rectangle and pull the Corner Widgets in slightly to round the corners. 
Picture
Add some type. Using a bold, block, condensed typeface will work better. This typeface is called Refrigerator Deluxe Bold.  
Picture
Outline the type under Type>Create Outlines. Make the outlined type a Compound Path under Object>Compound Path>Make. Fill the type with white. A compound path will treat all the letters as one object, this is not the same as grouping the type. 

Picture
Select the outlined type, choose Effect>Blur>Gaussian Blur and apply a 15 px blur to the type. Click OK.
Picture
This is what the 15px blur looks like. Select the type and open the ​Appearance Panel under the Window Menu. 
Picture
You will see the White Fill with the Blur effect applied. Click on Add Fill button at the bottom of the Panel to add another fill on the type. Fill the type with 50% gray. 

Picture
The gray fill will be applied on top of the white fill just as the order in the Appearance Panel shows. If the 50% gray in under the white, click and drag the gray fill in the Appearance Panel ABOVE the white fill. 
Picture
With the 50% gray fill selected, choose Effect> Distort & Transform> Transform. Apply a 3mm offset to the vertical and horizontal fields. This will shift the 50% gray fill to the right and down off the white fill. Click OK. 
Picture
Apply a 15px Gaussian Blur  blur to the gray fill just like the white fill a few steps back. Click OK.

Picture
Select the type and apply a third fill to the type in the Appearance Panel by clicking on the Add Fill button. Fill the type with a color.
Picture
This is what the Appearance Panel looks like with 3 fills applied to one Compound Object. Each fill has attributes applied which can be individually edited. 
Picture
With the blue fill selected, choose Effect> Distort & Transform> Transform. Apply a 1.5 mm offset (half the amount we applied to the 50% gray fill)  to the vertical and horizontal fields. This will shift the blue fill to the right and down in between the white and 50% gray fill. Click OK. 

Picture
Apply a very slight Gaussian Blur to the blue type to make the edges not so sharp. 
Picture
Click on the Opacity link under the Blue Fill and choose a blending mode of Multiply. This will let the blue overlay over the white and 50% gray enhancing the bevel look.
Picture
This is what the Multiply blending mode looks like applied to the blue type.

Picture
Open the Graphic Style Panel under the Window Menu and drag the type into the open window. This will save the style (all the fills, blurs and offsets) of the type so we can reuse this effect without having to recreate every aspect of it. 
Picture
Select the license plate rectangle and choose Object>Path>Offset Path. Choose an offset of -8 mm to get a path inside the original shape. Click OK.
Picture
Add a 10pt stroke to the inner offset path. Choose Object> Expand and click OK. This will turn the path into a shape. Fill the path with white. 

Picture
With the offset path selected, click on the new saves Graphic Style in the Graphic Styles panel to add the same bevel effect that you created for the type. 
Picture
Create 4 rounded rectangles for the holes, fill them with white.  Select all 4 holes and choose Object>Compound Path>Make. 
Picture
Duplicate the oval holes, apply a black stroke and no fill to the holes. 

Picture
Apply a Gaussian Blur effect to the stroke to blur the edges. ​Copy the set of blurred holes.
Picture
Click on the set of white holes and click on the Draw Inside Mode at the bottom of the tool bar.
Picture
Paste the set of blurred outlined holes into the existing holes. Use the arrow keys on your key board to move the blurred set to the right and down to create a slip shadow effect. Click on the Draw Normal Mode at the bottom of the tool bar when done. 

Picture
2 Comments
MckimmeCue link
4/19/2022 12:35:04 am

What an exquisite article! Your post is very helpful right now. Thank you for sharing this informative one.
If you are looking for coupon codes and deals just visit coupon plus deals dot com

Reply
Jr D link
7/28/2022 11:02:05 am

What an exquisite article! Your post is very helpful right now. Thank you for sharing this informative one. If you are looking for coupon codes and deals just visit coupon plus deals dot com.

Reply



Leave a Reply.

    RSS Feed

    Archives

    March 2021
    February 2021
    December 2020
    September 2020
    August 2020
    July 2020
    June 2020
    May 2020
    April 2020
    March 2020
    February 2020
    January 2020
    December 2019
    November 2019
    October 2019
    September 2019
    August 2019
    July 2019
    June 2019
    May 2019
    April 2019
    March 2019
    February 2019
    January 2019
    December 2018
    November 2018
    October 2018
    September 2018
    August 2018
    July 2018
    June 2018
    May 2018
    April 2018
    March 2018
    February 2018
    January 2018
    December 2017
    November 2017
    October 2017
    September 2017
    August 2017
    July 2017
    June 2017
    May 2017
    April 2017
    March 2017
    February 2017
    January 2017
    December 2016
    November 2016
    October 2016
    September 2016
    August 2016
    July 2016
    June 2016
    May 2016
    April 2016
    March 2016
    February 2016
    January 2016
    December 2015
    November 2015
    October 2015
    September 2015

    RSS Feed

Proudly powered by Weebly
  • Home
  • Contact
  • Classes
  • Blog
  • Blog Index
  • Portfolio
  • Max 2022