{"id":25088,"date":"2017-07-26T05:21:25","date_gmt":"2017-07-26T05:21:25","guid":{"rendered":"https:\/\/www.storyblocks.com\/resources\/tutorial\/tutorial-glitch-effect-stock-images\/"},"modified":"2026-05-12T17:09:36","modified_gmt":"2026-05-12T21:09:36","slug":"tutorial-glitch-effect-stock-images","status":"publish","type":"tutorial","link":"https:\/\/www.storyblocks.com\/resources\/tutorials\/tutorial-glitch-effect-stock-images","title":{"rendered":"How to Create a VHS Glitch Effect in Illustrator"},"content":{"rendered":"

VHS has come and gone, but it has left its mark in a surprising way\u2014the Token Creepy Video, or that analog distorted screen effect synonymous with old VHS tapes. Maybe there\u2019s a better name for this, but we\u2019re talking about the glitchy screen on old home movies that show up in movies and TV shows, usually because someone in the home video has gone missing.<\/p>\n

Whether it\u2019s for nostalgia or an investigation, this effect often foreshadows something sinister. You\u2019ll see lines across the screen and some glitches in the video\u2014unwanted interruptions that set a dramatic tone. All in all, the Token Creepy Video is meant to cause goosebumps and prepare audiences for more trouble ahead.<\/p>\n

But the influence of this effect extends well beyond movies and TV. Nostalgia for the 80s and 90s is at an all-time peak, which means this simulated old school visual effect is potential marketing gold. So if you want to create a mysterious, foreboding still image\u2014or channel some throwback nostalgia\u2014simply imitate the VHS glitch in your Adobe Illustrator design. This tactic extends into the realms of advertising, art, and even logos, making it perfect for pairing with stock images<\/a>. Plus, this distorted effect instantly adds a vintage feel to whatever artwork you\u2019re creating without overpowering the image.<\/p>\n

Step 1. Open the Background Image in Illustrator<\/h2>\n

Select your background photo and open it in Illustrator. We used this stock photo of a forest<\/a>.<\/p>\n

\"\"<\/p>\n

Step 2. Add Text<\/h2>\n

Select the text icon and type anywhere on the artboard. Go to the Type<\/strong> menu to edit the font and size.<\/p>\n

\"\"<\/p>\n

Step 3. Group the Background and Text<\/h2>\n

Select both the text layer and the background layer (Command\/Ctrl + click<\/strong>) then go to Object > Group<\/strong> (or hit Command\/Ctrl + G<\/strong> on your keyboard).<\/p>\n

\"\"<\/p>\n

Step 4. Create a Gradient Mesh<\/h2>\n

Draw a rectangle the size of the background image.<\/p>\n

\"\"<\/p>\n

With only the rectangle selected, go to Object > Create Gradient Mesh<\/strong>. A menu will pop up prompting you to enter the number of columns and rows that you want.<\/p>\n

For this tutorial, we chose 20 rows and 1 column to allow us to make distortions with smaller portions of the image. We only used 1 column since we needed the distortions to go across the width of the entire image.<\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

\n

Step 5. Envelope Distort<\/h2>\n

Select the rectangle layer and the group you made from the background and text. Go to Object > Envelope Distort > Make with Top Object<\/strong>.<\/p>\n

\"\"<\/p>\n

Step 6. Experiment!<\/h2>\n

Click and drag the boxes of the mesh to distort the image. To gain more control, click on an anchor<\/strong> on one side of the image then Shift + click<\/strong> on the corresponding anchor on the other side. Use the left and right arrow keys to distort. You can also click and drag the handles<\/strong> to the left and right to create a different type of distortion.<\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

Step 7. Draw a Rectangle and Make a Clipping Mask<\/h2>\n

Once you are happy with the adjustments that you\u2019ve made, you can make an additional type of distortion using a clipping mask.<\/p>\n

Draw a rectangle over part of the image (the color of the rectangle does not matter). The rectangle should be as wide as the background and as short as you like\u2014the bottom of the rectangle is where the distortion will appear.<\/p>\n

\"\"<\/p>\n

Select all of the layers then go to Object > Clipping Mask > Make<\/strong>.<\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

Step 8. Duplicate and Move<\/h2>\n

Copy the top portion (the non-white part) of the image and paste onto the artboard.<\/p>\n

\"\"<\/p>\n

Move the copied portion to the left or right to create a broken glitch effect. While you do this, you can hide the layer that contains the white box so that you can see what your final image will look like.<\/p>\n

To hide a layer, click on the eye<\/strong> icon to the left of the layer name.<\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

Step 9. Draw Lines<\/h2>\n

Use the pen tool to draw a straight line across the top of the image. Make sure that the fill color is white or gray and that the outline color is set to transparent. Copy that line and paste it at the bottom of the image.<\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

Step 10. Blend<\/h2>\n

Select both lines (Shift + click on each line<\/strong>) and go to Object > Blend > Blend Options<\/strong>.<\/p>\n

\"\"<\/p>\n

A menu will pop up. Select \u201cSpecified Steps<\/strong>\u201d from the drop-down menu then type 200 in the box and click OK.<\/p>\n

With the two lines still selected, go to Object > Blend > Make<\/strong>. Finally, go to Object > Blend > Expand<\/strong>. Lower the opacity of the lines if they are too prominent.<\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

Step 11. \u201cCrop\u201d the Image<\/h2>\n

The distortion process is done, so pat yourself on the back!<\/p>\n

Now we just want to crop the image a bit to get rid of the white parts on the sides. Unfortunately, Illustrator does not have a crop tool but a clipping mask will do the trick.<\/p>\n

Draw a rectangle over the area of the image that you want to keep.\"\"<\/p>\n

Select all of the layers and go to Object > Clipping Mask > Make<\/strong>.\"\"<\/p>\n

Now your image is \u201ccropped.\u201d You can also adjust the size of the artboard to get rid of the white borders.
\n\"\"<\/p>\n

\"\"<\/p>\n

There you have it! You are now the master of the Token Creepy Video effect (we\u2019re not sure if this name will catch on). This glitchy VHS look will serve you well in all of your mysterious, vintage designs. Now go forth and raise some goosebumps!<\/p>\n\n\n\n
Discover More Nostalgic Images<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"

VHS has come and gone, but it has left its mark in a surprising way\u2014the Token Creepy Video, or that analog distorted screen effect synonymous with old VHS tapes. Maybe there\u2019s a better name for this, but we\u2019re talking about the glitchy screen on old home movies that show up in movies and TV shows, […]<\/p>\n","protected":false},"author":8,"featured_media":25114,"template":"","topic":[31],"class_list":["post-25088","tutorial","type-tutorial","status-publish","has-post-thumbnail","hentry","topic-photoshop"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.storyblocks.com\/resources\/wp-json\/wp\/v2\/tutorial\/25088","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.storyblocks.com\/resources\/wp-json\/wp\/v2\/tutorial"}],"about":[{"href":"https:\/\/www.storyblocks.com\/resources\/wp-json\/wp\/v2\/types\/tutorial"}],"author":[{"embeddable":true,"href":"https:\/\/www.storyblocks.com\/resources\/wp-json\/wp\/v2\/users\/8"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.storyblocks.com\/resources\/wp-json\/wp\/v2\/media\/25114"}],"wp:attachment":[{"href":"https:\/\/www.storyblocks.com\/resources\/wp-json\/wp\/v2\/media?parent=25088"}],"wp:term":[{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.storyblocks.com\/resources\/wp-json\/wp\/v2\/topic?post=25088"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}