Intuitive Tools for Digital Artists

How to Create a Hologram Sticker Using Adobe Illustrator

Vector Hologram Sticker

In this tutorial we will learn how to create vector hologram stickers. For shape creation, we will be using the Dynamic Shapes Tool, which is one of the tools of the VectorScribe plugin. We will also learn how to create a simple gradient mesh and how to produce color effects with the help of the Transparency panel. Finally, we will create a graphic style for text with the help of the Appearance panel. Very important basic techniques of vector graphics are described in detail in this tutorial.

Let’s begin!

Step 1

We will be creating the shape of a sticker with the help of the Dynamic Shapes Tool which is one of the tools of the VectorScribe plugin. Open the Dynamic Shapes panel (Window > VectorScribe > Dynamic Shapes), select the Dynamic Star, set the number of star points, the outer and inner diameters and radius of rounding of the corners. By double clicking on the workspace you create a shape with the specified parameters. Fill the shape with dark blue.

Dynamic Shapes Tool

Let’s make the points of our sticker sharp, which means that the radius of the exterior corners should be equal to 0. Holding down the Opt / Alt key, double click on the radius point of the outer corner. This action reduces the outer radius to zero.

Dynamic Shapes Tool

Do the same action with all the external corners of the sticker.

Dynamic Shapes Tool

You can read more about controlling the dynamic shapes using shortcuts here.

Step 2

Select the created shape and go to Object > Path > Offset Path, in the dialog box, set the offset value equal to -2 px.

Vector Hologram Sticker

Fill the new shape with blue color.

Vector Hologram Sticker

Select the blue shape again and go to Object > Path > Offset Path, in the dialog box, set the offset value equal to -2 px. Fill this shape with radial gradient, consisting of blue, dark blue and cyan.

Vector Hologram Sticker

Step 3

Take the Rectangle Tool (M) and draw a rectangle of any size with black fill.

Vector Hologram Sticker

Keep the rectangle selected, go to Object > Create Gradient Mesh… and set the number of rows and columns in the dialog box.

Vector Hologram Sticker

Step 4

Take the PathScribe Tool found in VectorScribe or the Direct Selection Tool (A) and by controlling the rectangle nodes and their handles bring the gradient mesh to the shape shown in the figure below.

Vector Hologram Sticker

With the help of the Gradient Mesh Tool (U) add new lines to the mesh and color their nodes into various shades of gray.

Vector Hologram Sticker

Step 5

Open the Transparency panel (Window > Transparency) and set the Color Dodge Blending Mode for the gradient mesh.

Vector Hologram Sticker

If you are not satisfied with the result, play with the shape of the grid lines and shades of gray color of their nodes.

Step 6

Hide parts of the gradient mesh which go beyond the sticker. Copy the shape filled with radial gradient and paste it in front (Cmd / Ctrl + C; Cmd / Ctrl + F). Move the new shape in the layers panel so that it is above all the created objects.

Vector Hologram Sticker

Select this shape and mesh object, click on the shortcut Cmd / Ctrl + 7, creating a Clipping Mask.

Vector Hologram Sticker

Step 7

Now create shadow of the sticker. Copy the lower dark blue shape and paste it back (Cmd / Ctrl + C, Cmd / Ctrl + B), fill the shape with black color. On the figure below the visibility of the upper objects is turned off for illustration purposes.

Vector Hologram Sticker

Take the Ellipse Tool (L) and create a circle of black color. Put this circle in the lower underlayer above the lower black shape, moving it in the layers panel.

Vector Hologram Sticker

Step 8

Set 0% opacity for the lower shape in the Transparency panel.

Vector Hologram Sticker

Now go to Object > Blend > Blend Options and set the number of steps of the blend in the dialog box. Then select the circle and the bottom transparent shape and go to Object > Blend > Make.

Vector Hologram Sticker

Turn on the visibility of all the objects in the layers panel and move the blend object a little bit down and to the right.

Vector Hologram Sticker

Step 9

Let’s make an inscription on the sticker. Take the Type Tool (T) and create the text.

Vector Hologram Sticker

Choose dark blue color to fill the letters. Keep the text selected, click on the Add New Fill button in the Appearance panel (Window > Appearance).

Vector Hologram Sticker

Set the RGB Cyan color for the fill.

Vector Hologram Sticker

Move the fill below the Characters in the Appearance panel.

Vector Hologram Sticker

Step 10

Select Fill in the Appearance panel and go to Effect > Transform & Distort > Transform…, in effect, in the dialog box of the effect set the horizontal offset value.

Vector Hologram Sticker

Keep the Fill selected in the Appearance palette, click on the Duplicate Selected Item button.

Vector Hologram Sticker

Swap the fill color of the bottom fill with purple.

Vector Hologram Sticker

Open the dialog window with the Transform effect of the purple fill and set new parameters of horizontal and vertical offset.

Vector Hologram Sticker

Set the Soft Light Blending Mode for this fill.

Vector Hologram Sticker

Step 11

Deselect the text, and create another fill of blue color.

Vector Hologram Sticker

Open the Graphic Styles panel (Window > Graphic Styles) and save the new style.

Vector Hologram Sticker

Now we can apply the created style to any text.

Vector Hologram Sticker

Creating a graphic style will accelerate your work when creating a collection of stickers.

Vector Hologram Stickers


About the author

My name is Iaroslav Lazunov, I am a graphic designer from Zhytomyr, Ukraine. I am glad that I finally found the job in my life that I can share my knowledge and experiments with you in my tutorials.

Follow me on Twitter, Facebook or visit my blog Vectorboom.

Comments (14)

  1. Pingback: How to Create a Hologram Sticker Using Adobe Illustrator | Design News

  2. Pingback: How to Create a Hologram Sticker Using Adobe Illustrator | mameara | Graphic and web design resources, and inspiration

  3. I think that the back needs to be CMYK 100, 100, 100, 100 and not only black from swatches pannel. Am I right?

  4. Had some problems with the color dodge (step 5) but then I found out I had to use RGB in stead of CMYK.
    Thanks very nice!

  5. Pingback: How to Create a Hologram Sticker Using Adobe Illustrator

  6. I was able to follow your instructions with ease. Also, because you have included the pictures it made the whole task crystal clear. Thanks a lot for taking time out to post this info that I’m sure a lot of people will benefit from.

Leave a Reply