Curved Dielines and Warping Tutorial – Part 2 – Create Dieline for a Cup Package

Concept to Keyline

In part one of this tutorial series, I showed how to adapt your rectangular label artwork concepts to a curved printer dieline. Sometimes you aren’t provided a dieline, just a package sample. It’s quite possible to create curved artwork without a target dieline. You’ll need a physical sample of the package to measure. And make sure you have some string. I’ll explain later.

After measuring and doing a bit of math, you can build your own Target Dieline. Once this is complete, the rest of the process is exactly the same as part one.

I wanna dieline. I wanna! I wanna!! Gimme!!!

You might want to insist the printer provide you a curved dieline for your mockup purposes. After all, there is one sitting around somewhere, right? Seems like perfect justification for a case of righteous indignation. Maybe not. It’s possible that the printer does not have one and cannot provide one. The reason for this is the Dry Offset Cup Press. In the video I’ve embedded below, keep your eye on the right side of the frame where you can see the ink-laden blanket imprinting the cups as they are spun on the mandrel. Notice the image on the blanket is rectangular, not curved.

It’s rather complicated, but the way this print process works is the smaller end of the cup drags across the rectangular blanket a little slower and the wider end spins across a little faster. The mandrel is mounted at an angle that keeps the whole face in contact through the full rotation. The effect is an on-press representation of the same horizontal distortions discussed in Part 1. This is a problem for us. Since the printer doesn’t need a curved image to engrave the plates, they likely don’t have a curved dieline to help you build your mockups.

Reverse Engineering the Cup

Without a supplied curved dieline, we need to create our own. Often the items you need to reverse engineer will be yogurt cups or sour cream tubs that print Dry Offest Lithography as discussed above. Let’s call these cups for consistency.

A (very) little Geometry

This section comes straight from Part 1, but it’s good background so I’ve included it here as well.

Take a moment to understand the geometry of the structure you are fitting the artwork to. Imagine how the typical curved dieline rolls up to fit the structure. How was this dieline shape arrived at? Any cylindrical package with a different diameter at top and bottom ends with straight walls joining these ends is a segment of an imaginary cone. See below:

Diagram from Cone, to Cup to Dieline

Differences in the proportion of the top & bottom circumference measurements interacting with the height measurement is why there is no one-size-fits-all solution to the curve problem.

Measure an actual cup

Your design is built on a rectangular shape. Where did that rectangular shape come from? If you didn’t read this blog post before concepting, it’s probably a rough guesstimate? Not sure or someone else picked the shape? There is an ideal rectangular source shape for every curved dieline. Let’s determine that ideal shape.

NOTE: There is no such thing as bleed in the dry offset cup printing process. The live area is always a bit smaller than the face of the cup. For other processes where you are unlikely to have a provided dieline, there are other problems, like shrink clings that are printed larger to allow shrinking to fit the form of the package, any dieline the printer could provide is likely little help for you and the paper mockup you’d like to make. I suggest disregarding bleed unless you know better, in which case you don’t need me to explain it to you 😉 You are likely making a dieline that will only be used for your own mockup purposes in any case.

Measure your cup in 3 areas:

  1. Height is easy. Make sure to keep your ruler completely vertical.
  2. Top Circumference This is where the string comes in handy. Wrap it around the highest printable point of the cup, making sure the string is parallel with the top of the cup all the way around. Mark the string with a pen so you can measure it flat on a ruler.
  3. Bottom Circumference Wrap the string around the lowest printable point of the cup, making sure the string is parallel with the bottom of the cup all the way around. Mark the string with a pen so you can measure it flat on a ruler.

Measuring a Cup

Math Figgerin’s and Brain Thinkin’s

We want to make a curved label that can be wrapped around your cup to show the design on the actual package. Something like the dieline below:

Example Dieline

A Google search yielded this reference PDF showing a cup rolled out to show how it’s sloped outer surface is projected onto a piece of flat paper. As you see, the shapes created by rolling out the cup are two concentric circles. How can we figure the sizes of those circles without actually rolling the cup and tracing the edges?

The easy way is to use this website. If you are a math whiz and would like to give me the actual formulas, please leave a comment. I’ll give you 10% off my hourly rate, should you decide to hire me for a project 😉 You get three numbers from this calculation: Arc Angle, Radius 1 & Radius 2. See below diagram to see the artwork you will create using these numbers:

Circumference & Arc Angles

Start with the Concentric Circles using the Radius 1 & 2 dimensions then use the drawing & transform tools in Illustrator to create the triangle with the Arc Angle indicated. Be sure both circles are concentric (share the same center point) and the apex point of the arc is positioned on those center points. Where all 3 shapes intersect is your curved die line (in pink above). You can now take this shape back to Part 1 of this tutorial and proceed from there, or read on and see a very similar process, with a small variation as indicated from what was shown in Part 1.

What appears below is almost exactly the same as Part 1. The screen shots are different since I am using an alternate version of the design incorporating a small Raster image which can be left un-warped due to it’s non-critical alignment with lines & other artwork. This is to illustrate the difference between small raster artwork that can be safely ignored versus tightly integrated artwork that must be warped in registration with the vector artwork which is why I wrote Part 3 where I explain how to precisely warp Raster Art in Photoshop.

Illustrator CC 2014 IconNOTE: You must be using Illustrator to follow the technical instructions. Be sure your artwork is designed in Illustrator using no linked graphics (we will discuss how to handle linked graphics in Part 2 of this tutorial). Illustrator is the industry standard for Packaging work, so that should go without saying, but if it needs saying, well…it’s been said.

If you have your own reasons for not using Illustrator, you’ll have to find you own techniques to apply the concepts discussed below. I hope this translates conceptually so the ideas discussed can be applied to other workflows. If you do figure out another way, please comment on this post and share your ideas.

Preparing to apply Illustrator Warp Tool

Illustrator’s Warp function has (at least) three idiosyncrasies:

  1. Warp doesn’t disregard artwork hidden behind a clipping mask. In other words, the warp envelope will extend out to the edge of the artwork hidden behind a clipping mask, this will destroy all the hard work you’ve done (and your curve). This is exactly opposite of how the regular Transform tool works in Illustrator, so this behavior was most unexpected the first time I discovered it. I’d call it a bug in the software. You will need to actually trim away excess clipped artwork. Use Command-Y (Outline view) to see all vectors in a wireframe view, this will help you spot the artwork that is clipped and not visible in the normal Preview view mode. Use Command-Y again to return to normal Preview view mode. Expand Appearances and use Pathfinder to trim away masked artwork. I won’t go into detail, just a quick example below to make the point clearly:Bounding Box Clipped Bleed Artwork Example
  2. Warp will not warp linked images. Linking images (especially raster) is best practice, thus you need to manage linked images separately. Photoshop has a Warp feature as well, I will post a follow-up article showing my workflow. One tidbit that might get you started: The Photoshop Warp tool uses exactly the same settings as the Illustrator Warp tool. Below I show how you might place an isolated raster image without warping for expediency: 
  3. Complex Appearance effects, Live Type, Blends, Path Profiles, etc. can get glitchy when placed inside a Warp. Check your art carefully, especially areas that use tricky techniques. Expand and Expand Appearance can be your friends here (remember to save a pre-Expand/Expand-Appearance version of your artwork as you lose editability once your effects are Expanded). Also, check out the Envelope Options menu item which gives a few toggles that may help render certain types of artwork better. Expect to do some trial and error troubleshooting.

Final idiosyncrasy

There will be Horizontal distortion at the top and bottom of your artwork. On the smaller end (usually the bottom) artwork will be compressed. On the larger end artwork will be expanded horizontally. The diagram below is a representation of how this distortion is distributed across the curved artwork:

Distortions

This distortion isn’t Illustrator-specific. It is inherent in the curving process no matter how the curve is applied. It can even be introduced on the printing press during the production run. Mitigating this distortion is the reason for step 2 in the Perform the Curve instruction below. Without step 2 (and without using the average of the two chord measurements to create your Ideal Rectangular Shape) the distortion would be distributed in one direction—no distortion at the bottom and extreme distortion as you move up the package.

Perform the curve!

  1. Final preparation—make sure the artwork is unlocked, on one layer and grouped into a single group.
  2. Horizontally Scale the Ideal Rectangular Shape and all the artwork to match the width of the Bottom Chord measurement you took earlier. This is to compensate for a distortion that is introduced in the next step (see diagram below for details). This will make all artwork narrower while leaving the vertical dimension untouched. This is by design.
  3. Place this scaled artwork over the Target Dieline. The bottom corners of the artwork should sit right on the bottom corners of the Target Dieline. If the corners don’t line up, something is wrong.
  4. Apply Envelope Distort > Make with Warp… and in the dialog box that appears select Style > Arc and use the Bend property to adjust the curve until you match the Target Dieline. Confirm by clicking Okay. The last three steps are diagramed below:Transforming Ideal Dieline Shape Into Curve
  5. Place the Target Dieline over your freshly curved artwork, this will put back any radiused corners and trim lines that may have ben ignored during the preparation for curving.
  6. Save this file. Again, I strongly suggest not overwriting your Ideal Rectangular Shape file. Depending on how much Expanding and Pathfindering was needed to get to this stage, this curved file will be much more difficult to edit.

Completed Curved Artwork

Unless you have Raster graphics that need curving, you are done. Time to go pet your dog or hug someone!

Next up is Part 3 of this series where I discuss how to curve raster artwork and line it up with your Illustrator curved artwork.

2 Comments

  1. Rachel

    This is brilliant! I’m a package designer who is used to having dielines supplied to me by whichever supplier is making the food, but I’m doing freelancing on the side and now I’m the one making dielines! I have an empty container sitting here, begging me to figure it out! My methods would have likely involved some paper and lots of printing & cutting out had I not stumbled upon this excellent post. Thank you!!!

  2. Robert (Author)

    Hey, Rachel. So glad you found this post useful. I had a helluva time finding detailed information on this topic via web searches, which is why I took the time to document as many of my own techniques as I could.

    Good luck in the packaging world! Its a great way to stay busy. At least here in Minneapolis.