Rendering Plastic In Illustrator: A Step-By-Step Guide

how to render plastic in illustrator

Adobe Illustrator is a powerful tool for creating a variety of visual effects, including rendering plastic. From packaging to text, the program offers multiple ways to achieve a plastic effect. This can be done by creating 3D objects with various surfaces, from matte to glossy, and by using tools like Gradient Mesh, Mesh Tool, Blend, and the 3D Extrude & Bevel effect. Additionally, the Appearance Panel and Graphic Styles Panel allow for further customization, enabling designers to create unique and realistic plastic effects in their projects.

Characteristics Values
Tool Adobe Illustrator
Purpose To create a plastic effect
Techniques Use Gradient Mesh, Mesh Tool, Blend, 3D Extrude & Bevel, Plastic Wrap, etc.
Lighting Vary light intensity, change shading colour, move lights around the object
Fill Use various colours, including black, white, grey, and bright colours like pink
Opacity Vary between 0% and 100% depending on the element
Blending Mode Set to Overlay, Luminosity, Screen, or Color Burn
Font Choose a bold, rounded font (e.g., Myriad Pro Bold, Wask New)

shunpoly

Using the Mesh Tool and Blend

The Mesh Tool and Blend features in Adobe Illustrator can be used to create a set of plastic packaging. To begin, draw a rectangle with rounded edges and fill it with the colour #D5D6D7. Then, take the Mesh Tool (U) and create a Mesh grid inside the object. You can add, edit, and delete Mesh points, as well as change their associated colours. You can also view, add, edit, move, and delete Anchor points in the mesh. Place Anchor points on any mesh line and select and drag its direction lines to modify it.

Next, add another rounded rectangle, colour it with #E8E8E8, and then set it to Screen and 40% Opacity. Draw another rounded rectangle, and then make its Stroke a Linear Gradient from #CECECE to #FFFFFF. Select the result and go to Object > Expand to expand the stroke. Select both objects and go to Object > Blend > Make. Set the result to Multiply with 70% Opacity.

You can also create a Blend shadow for the seal with #828282 and #E3E3E3 objects. To create a Blend, select the objects you want to blend and choose Object > Blend > Make. Illustrator will automatically calculate the optimum number of steps to create a smooth colour transition. You can also set blending options to control the number of steps and the distance between steps.

To add a Mesh, hit A or the Direct Selection tool and click on one of the anchor points on your shape. Then, hit I or select the Eyedropper tool and select a colour that is close to the anchor point you selected. Continue doing this for every anchor point on your object.

Writing Plastic: Sounding Artificial

You may want to see also

shunpoly

Applying a Radial Gradient

Radial gradients can be used in Adobe Illustrator to create transitions between colours and add volume to objects. To apply a radial gradient, follow these steps:

  • Open Adobe Illustrator and create a new document or open an existing one.
  • Select the object or shape to which you want to apply the radial gradient. This can be done using Illustrator's shape tools or by selecting an existing object on your artboard.
  • Go to the "Window" menu and select "Gradient" (or press Ctrl/Cmd + F9) to open the Gradient panel.
  • In the Gradient panel, click on the "Radial Gradient" icon. You can also select "Radial Gradient" from the Gradient options in the Properties panel.
  • Adjust the colours and positions of the gradient by adding or editing colour stops. Each colour stop represents a colour in your gradient. Drag the stops along the gradient slider to adjust their positions and create smooth transitions.
  • To modify the centre and range of the radial gradient, use the Gradient Tool (G) to drag the circular end (starting point) and arrow end (endpoint) respectively.
  • If you want to create an elliptical radial gradient, simply transform your selected shape into an ellipse.
  • To create a more complex plastic rendering, you can combine multiple gradients using opacity masks and gradient meshes.

By following these steps, you can effectively apply a radial gradient in Adobe Illustrator, which can be useful for creating realistic plastic renderings and adding depth to your designs.

shunpoly

Creating a 3D effect

To create a 3D effect in Illustrator, you can use the 3D Extrude & Bevel effect. Here's a step-by-step guide:

  • Open a new document in Illustrator.
  • Select the Type Tool (usually denoted by a 'T') and choose your desired font. Type out your text.
  • Go to the Object menu, select Expand, and then ungroup the letters.
  • Draw a square using the Rectangle Tool (M). The size and fill colour don't matter at this point.
  • Go to the Effect menu, select 3D, and then choose Extrude & Bevel. Apply the desired settings.
  • To create a more interesting look, choose a bevel shape such as "Rolling".
  • If one side of your object is too dark, you can lighten it. With the square selected, go to the Appearance Panel and double-click on the 3D effect to open the 3D Extrude & Bevel Options window.
  • You can now adjust the rotation values for each letter if needed.
  • To create an all-purpose plastic look, draw another square of any size and fill it with a linear gradient. Change the angle value to 145 degrees.
  • Go to the Appearance Panel, open the drop-down menu, and choose "Add New Fill". Use the same gradient but change the angle back to 0 degrees.
  • Select "Add New Fill" again and change the gradient to a -45-degree angle. This is called the Gray Linear Gradient and should be in your Swatches Panel.
  • Set the Blending mode to Difference.
  • Go to Effect > Artistic > Plastic Wrap and apply the desired values.
  • Go to Effect > Stylize > Feather and apply a radius value (e.g., 7 px).
  • Set the Blending mode to Luminosity and reduce the Opacity (e.g., 60%).
  • Ensure that all attributes are in the correct order.
  • You can now save the plastic style by dragging the thumbnail into the Graphic Styles Panel.
  • Select the letters and choose "Expand Appearance" from the Object menu.
  • Use the Direct Selection Tool (usually denoted by 'A') to select and recolour only the front paths.
  • To apply the plastic style, select the path you coloured with the Direct Selection Tool, copy and paste it in front.
  • Go to the Layers Panel, drag the path out of its group, and then ungroup.
  • Apply the plastic style from the Graphic Styles Panel to this path.
  • Repeat the process for any remaining letters.

Additionally, you can create a 3D plastic effect using the Gradient Mesh tool in Illustrator. Here are the general steps:

  • Draw a rectangle with rounded edges and fill it with a colour of your choice.
  • Take the Mesh Tool (usually denoted by 'U') and create a Mesh grid inside the object.
  • Colour the nodes as desired.
  • Add another rounded rectangle and set it to Screen with a reduced opacity (e.g., 40%).
  • Draw another rounded rectangle and make its stroke a linear gradient from a light grey to white.
  • Select the result and go to Object > Expand to expand the stroke.
  • Create shadows for added depth and realism.

By following these steps and experimenting with the various tools and effects in Illustrator, you can create a range of 3D plastic effects for your designs.

shunpoly

Using the Gradient Tool

To use the Gradient Tool in Illustrator, start by creating a new document and then a shape. Next, select the Gradient Tool and add colours of your choice. You can choose from a range of predetermined colours or manually adjust them to your desired shades. To change the colours of the gradient, double-click on the small circles at each end of the gradient bar.

The Gradient Tool allows you to create three types of gradients: Linear, Radial, and Freeform. Linear gradients blend colours from one point to another in a straight line. Radial gradients blend colours from one point to another in a circular pattern. Freeform gradients create a graduated blend of colour stops within a shape, resulting in a smooth and natural appearance.

Illustrator also provides a predefined set of gradients that you can set using the Gradient panel or the Swatches panel. You can also create and save your own gradients in the Swatches panel for future use. To apply a predefined or saved gradient, select the object on the canvas and click the Gradient drop-down in the Gradient panel.

When you apply a gradient for the first time, the default gradient is white and black. You can modify the colour, origin, opacity, location, and angle of a gradient from the Gradient Tool, Gradient panel, Control panel, and Properties panel.

shunpoly

Adding a background

When creating a plastic effect in Adobe Illustrator, you can add a background of your choice to complete your design. Here are some ways to do this:

Using the Rectangle Tool

Select the Rectangle Tool and draw a rectangle that covers your entire artboard. Set the Fill colour to black and the Stroke colour to none. You can then select the Type Tool and type your text.

Using the Ellipse Tool

Draw a grey circle on your Artboard using the Ellipse Tool. In the Appearance panel, apply a couple of instances of Drop Shadows (Effect > Stylize > Drop Shadow) with the following attributes: for the first Drop Shadow, set the Opacity to 100% and place the shadow further away from the object. For the second Drop Shadow, set the Opacity to 10% and place the shadow closer to the object. This second Drop Shadow is optional.

Using a Checkered Background

A checkered background can be a good choice to showcase the transparency of plastic packages.

Using a Radial Gradient

Apply a Radial Gradient filled with white, going from 100% Opacity to 0%. Set the Blending Mode to Overlay and use the Gradient Tool to adjust the Radius and position it in the upper right side.

Using a "Glitch" Background Image

Create a New Document and enable Rulers (View > Rulers > Show Rulers) if they are not already on. You can then select a "Glitch" background image of your choice and adjust it as needed.

Feel free to experiment with different background options and adjust the colours, opacity, and lighting to achieve the desired plastic effect in your Illustrator designs.

Frequently asked questions

Written by
Reviewed by

Explore related products

Share this post
Print
Did this article help you?

Leave a comment