Tag: design tutorial

Custom Raised UV Artwork Part 2

This is the second post in our current series on designing print-ready Raised UV Files. For this tutorial, we will be going over a workflow to highlight fine details and very small shapes in an image. These details would take hours to draw by hand, so we will create custom vector shapes using Illustrator’s Image Trace tool.

Raised UV Design Tutorial Series, Part 2 Featuring Image Trace

This is the second post in our current series on designing print-ready Raised UV Files. In our first post, we broke down, step-by-step workflow for a simple, custom Raised UV design. The first post featured thick Raised UV shapes to highlight certain areas of an image using Adobe Illustrator’s pen tool to create custom vectors. For this tutorial, we will be going over a workflow to highlight fine details and very small shapes in an image. These details would take hours to draw by hand, so we will create custom vector shapes using Illustrator’s Image Trace tool. This tutorial is perfect for details like: bubbles, dots on a basketball, ocean foam, condensation, or any design that has complex shapes or a multitude of very small shapes that you may want to highlight with Raised UV.

Raised UV is an offline process that adds a layer of uv polymer to a printed marketing product like business cards, presentation folders, posters, and invitations. At Presentation Folder, we have the finest Raised UV technology available with the Scodix digital press. Raised UV is a stunning effect to add to any printed marketing tool because it adds a textural element and allows graphic elements to lift off the page. Because Raised UV is a transparent, colorless coating, it adds texture without crowding the image or overwhelming a design. With Presentation Folder’s premiere Scodix capabilities, short run printing and variable data become easy and affordable. For more information about Raised UV products, you can visit our website.

You can use this step-by-step tutorial to follow along our youtube video, as part of our Raised UV design tutorial series.

Visit the Presentation Folder website

1. Visit https://presentationfolder.com/ to download a template for your Raised UV file. In the tutorial, we are designing a Raised UV file for a presentation folder using Adobe Illustrator.

2. On the website’s main navigation bar, select the “Resources” tab on the right-hand side and click the arrow to drop down all the options. Choose “Templates” then “Raised UV Textures.”

3. Choose a texture template to start (The Parquet Texture is used in the tutorial) by clicking “Download Template” underneath the Parquet Texture option.

4. Your download will open in a new window, but be sure to save to your desktop or wherever you will be accessing your project files.

Open the Raised UV Template in Illustrator

5. Once you have saved the template, open the template in Adobe Illustrator.

6. Review your template by going through “Layers” tab. You will see one of the layers is a magenta folder titled “Raised UV.” The magenta layer helps keep all Raised UV elements organized, visually distinguishes between the Raised UV and CMYK portions of the print artwork. This distinction is extremely important for designing print-ready Raised UV files, as it allows our machines to distinguish between design elements.

7. You can remove the parquet texture from your template, start from scratch and add your own raised UV design elements. For this tutorial, we will delete the texture to create our design. The folder file should look like this before you start designing your CMYK artwork.

Add your CMYK Artwork

8. Import the CMYK (color) artwork elements to your template. In this tutorial, we use our “Soda Bubbles” folder artwork.

9. Once you finish your CMYK artwork it is time to start adding Raised UV artwork to highlight your unique design elements. you begin on marking the artwork, be sure to have the “Raised UV” Layer folder clicked on the right-hand side, while you work. You will be creating new layers under the “Raised UV” Layer folder as you design. For this tutorial, we will be highlighting the carbonation on the ice cubes and in the soda image.

Setting up Images for Custom Raised UV artwork

10. To use the image trace function we have to take the image from the CMYK folder and duplicate it. You can click directly on your image and copy (Ctrl+C) and paste in place (Shift+Ctrl+V). You want the duplicate image to be perfectly aligned with the original image so that when we convert the duplicate to a Raised UV file, the registration perfectly aligns with the original.

11. Lock the original image in the CMYK Layers Section. Staying in the Layers section, move the duplicate image from the CMYK Layers to the Raised UV Layers. You should now be able to see the original image in the CMYK section and its duplicate in the Raised UV section, as seen in the image below.

Using the Image Trace Function in Illustrator

12. Rasterize the duplicate image by going to Illustrator’s top navigation bar, clicking the “Object” dropdown menu, and “Rasterize.”

13. Create a vector trace of the image by selecting the “Object” dropdown menu and hovering over “Image Trace,” and clicking “Make and Expand.”

14. From here, click Illustrator’s direct selection tool to see the vector you have created. Then, switch the fill and stroke color options so that you can see the shapes you’ve made as filled in.

15. Toggle the CMYK artwork layer to be invisible so you can see what your shapes look like once you have swapped fill and stroke. It should look something like this.

Fine Tuning Details and adding Creative Nuance

16. Toggle the CMYK artwork back to being visible and make the Raised UV vector the color “Magenta,” so that you can see that it is the Raised UV color and to provide a visible contrast to the CMYK artwork.From here, you can fine tune the details and add some nuance to your Raised UV Design. The first thing I did is deleting the rectangular border around the vector, using the delete key on the keyboard.

17. Swap the Fill and Stroke on any large shapes that would look good filled in. The first place I noticed to do this was on the large ice cube shape on the right hand side.

18. The last fine details I want to add are highlighting the empty space between the ice cubes along the brown soda line. I do this with the pen tool. If you are unfamiliar with the pen tool, we cover it in a full video which you can view here. Another thing I do to add dimension to the Raised UV design is outline bubbles in the corners of the image that were missed when I did the image trace. I use the ellipse tool to do this. To follow along this tutorial with the accompanying video to this tutorial and to see more in-depth detail work, click this link.

Save your File

18.

13. SAVE YOUR FILE. We accept many file forms, see here. We suggest either an Adobe Illustrator (.ai) or a print-ready PDF file. Visit our site to learn more! https://presentationfolder.com/

And you are done!

Final Result

You can see the fine details we were able to achieve using the Image Trace function. These details add a unique, fully custom Raised UV texture over our branding image that leaves lasting effects.

  • three raised uv folders leaning against a wall
Presentation Folders featuring Raised UV

Looking to learn more about Presentation Folder and Raised UV? Sign up for our mailing list!

Custom Raised UV Files Part 1

Have you tried adding Raised UV as a print embellishment on your business cards or presentation folders? Using a template downloaded from our website and Adobe Illustrator, you can make impressive, custom Raised UV designs in under 15 minutes! Raised UV gives print elements a tangible lift off the page and shine. Raised UV is a great marketing tool as it highlights design elements on printed products as well as adding a memorable tactile effect. Feel free to learn more about the benefits of Raised UV here. This tutorial is the first in a series of tutorials we are creating to showcase different ways of designing print-ready Raised UV files in Illustrator. These instructions use Adobe Illustrator’s pen tool to create custom outlines around shapes in an image. To look through some Raised UV Folder images, feel free to visit the Presentation Folder Inc. website here. To order free Raised UV samples, visit this link.

You can follow along our step-by-step breakdown of designing Print ready Raised UV Pocket Folder Designs below. Feel free to watch our tutorial video if you would like to follow along visually.

Visit the Presentation Folder website

1. Go to https://presentationfolder.com/ to download a template for your Raised UV file. In our tutorial, we will be designing a Raised UV file for a presentation folder.

2. On the website’s menu, head to the “Resources” tab on the right-hand side and click the arrow to drop down all the options. Choose: Templates, then, Raised UV Textures.

This is a screenshot of presentationfolder.com's webpage showing navigation from the Resources tab to the Raised UV Textures templates. Clicking the Raised UV Textures Button leads you to the Templates page.

3. Choose a texture template to start (The Parquet Texture is used in the tutorial) by clicking: Download Template, underneath the Parquet Texture option.

Download the Pocket Folder Template

This is a screenshot of 3 distinct Raised UV Folders with buttons underneath to download the templates pertaining to the texture.
Free, easy to download Raised UV texture templates for pocket folders.

4. Your download will open in a new window, but be sure to save to your desktop or wherever you will be accessing your project files.

Open the Raised UV Template in Illustrator

5. Once you have saved the template, reopen in Adobe Illustrator.

6. Review your template by going to the right-hand bar, Layers, tab. You will see one of the layers is a magenta folder titled “Raised UV.” The magenta layer helps keep all Raised UV elements organized, visually distinguishes between the Raised UV portions of the artwork. When the file goes to print, the machine will identify the layers and print accordingly.

The layers section of the template in Adobe Illustrator
CMYK and Raised UV Layer separations

7. You can remove the parquet texture from your template, start from scratch and add your own raised UV design elements. (For purposes of this tutorial, we go ahead and delete the texture to create our design)

The pocket folder Raised UV template opened in Adobe Illustrator
Illustrator File with the Raised UV texture removed

Add your CMYK Artwork

8. Import your artwork elements to your template. In this tutorial, we use our “Soda Bottle” folder artwork.

A CMYK Artwork File for a pocket folder. Orange Background with text that reads "The Fancy Soda Co." on the back of the folder and the "The Fancy Soda CO." and "Best Soda in Town!" on the front. The front of the folder also features an image of soda bottles in an ice chest.

9. Before you begin on marking the artwork, be sure to have the “Raised UV” Layer folder clicked on the right-hand side, while you work. You will be creating new layers under the “Raised UV” Layer folder as you design.

A closeup of the image featuring soda bottles in an ice chest. There is a green, orange, and blue soda bottle surrounded by ice cubes with visible condensation.
In this tutorial, we will be tracing the large soda bottle shapes

Trace a large shape in your image

10. As you will see in the tutorial, we use the PEN TOOL (left click to lay down points) to outline (no fill) the soda bottles’ contours. Every time you click down, you add a new anchor point to your layer, connecting each line and point you create. The more anchor points, the more details you can get. The editing process involves deleting or adding anchor points, depending on how precise you are. You want the lines to be as tight and clean as possible to create a full vector.

A screenshot of the icons for Adobe Illustrator's pen tool.
Illustrator’s Pen Tool

Fill in your Raised UV shape to make it a solid

11. Once you have created your shape, reverse the stroke’s color, so we have a white fill, then switch to magenta under your layer, and you have your first raised UV layer. (In the tutorial we repeat step 10 on all three soda bottles)

A screenshot of a CMYK + Raised UV artwork file. The file is the same as the CMYK artwork file, just featuring solid shapes covering the soda bottles with the color Magenta.

12. Once you have all of your shapes completed, check to be sure they are all appropriately stored in the magenta raised UV folder. Toggle the eye icon on/off, to make sure they are all linked.

Save your file

13. SAVE YOUR FILE. We accept many file forms, see here. We suggest either an Adobe Illustrator (AI) or a print-ready PDF file. Visit our site to learn more! https://presentationfolder.com/

And you are done! You will now have a Raised UV artwork file that is completely custom to your company’s image and branding. Stay tuned for our next Raised UV tutorial using Illustrator’s Image Trace function for fine-detail, textural Raised UV designs.