SEARCH
Newsletter
Subscribe to get design tips, latest trends, free stuff and more.
It doesn't look like an e-mail address

hosting

  Tutorials Photoshop ImageReady Animation 3D Lenticular Printing Interlacing Algorithm Illustrated Using Photoshop

3D Lenticular Printing Interlacing Algorithm Illustrated Using Photoshop

Introduction

3D Lenticular printing has become more affordable because of the ever lowering prices of digital printing equipment found in homes and offices. There are many downloadable lenticular printing software products on the market; some free and some for a medium to high price. By and large these products serve one main purpose;  i.e. to interlace pictures to be viewed through lenticular sheets.

This article tries to demystify the underlying working of interlacing software. By understanding how pictures are interlaced and then combined, you will be able to appreciate the principles of lenticular printing better. This knowledge will also help you identify with the terminology used in many other lenticular software products.

Since CS4 Adobe Photoshop Extended has had 3D features built-in. The information presented here is not intended to replace any interlacing software product. However, we believe knowing why is just as important as knowing how. Through a real example, we will go through the steps in interlacing a lenticular print without an ad hoc program so you will also understand the "why" aspect of the task. This is truly a project for you to make real lenticular prints on home computers and printers.

image 1

Principle of 3D Lenticular Printing

A brief review here will help lay the foundation for further discussion.

The principle of 3D lenticular printing is based on binocular disparity. When we view an object, our left and right eyes see a slightly different image and when combined the brain perceives the sense of depth. In traditional printing, information can only go left-and-right and also up-and-down. The in-and-out information is lost. In order to perceive in-and-out, we need a way to present the same object with a slight binocular disparity as shown in the picture on the right.

A lenticular sheet serves exactly that purpose. When a picture behind a lenticular sheet is calculatedly sliced in such a way that some stripes will be seen by the left eye and some will be seen by the right eye, our brain will process these images to create the sense of depth.

If you are interested in going deeper into the theoretical aspect of this field, you can find good articles in the References section.

 

Requirements

Although you can simply read through this article from the beginning to the end and still be able to understand most of it, we do recommend that you go through the steps to create an actual lenticular print. Knowing the nuts and bolts of how an interlacing program works will give you the confidence to make good lenticular prints for your future projects. On top of that, it is fun.

image 2

The items you need for our tutorial include:

A slider bar for taking pictures along a straight line smoothly. You can purchase a slider bar from stereoscopy. ViCGI.com is not affiliated with this vendor and does not endorse any of their products. We only tell you where we bought our equipment. A sturdy tripod. A digital camera with reasonably high resolutions, say at least 2 mega pixels. A graphics editing program such as Adobe Photoshop, GIMP (free from open source), Ulead PhotoImpact, or COREL PaintShop Photo Pro X3. A lenticular sheet with adhesive backing. A cold laminator.

image 3

image 4

Lenticular Sheets

Cold Laminator

You can skip items #1 ~ #3 by using the pictures we provide in this article. But if you really want to take pictures of your own and cannot find the slider bar, consider tying your camera to a 1/18th scale die-cast toy car which can move along on flat a surface smoothly. If you choose this option, try to find a ruler with an air bubble leveler so you can assure the surface is flat. The scale on the ruler will also let you gauge the distance travelled by the toy car for successive pictures. Although this looks very unprofessional, it does work.

image 5

If your camera has a remote controlled shutter then use it. Otherwise try to make sure the camera is not shifted downward when you press the shutter button.

For the graphics editing program we strongly recommend using GIMP because it is totally free and it is just as powerful as Photoshop.  Albeit, we will use Photoshop in our example for the reason that it is more popular. Other programs such as Ulead Photo Impact or Corel PaintShop Pro are good alternatives too.

image 6

Preparing the pictures

Find an object which has in-and-out distance inherently, for example, a potted plant as in our case. You can also arrange objects so that some are closer to the camera and some are farther away.

The idea is to take a sequence of pictures along a straight line. How many pictures do you need to take? Here is the very simple formula.

N = RPR / RL

Where N = Number of consecutive pictures to be taken
RPR = Resolution of your inkjet or color laser printer
RL = Number of lenticules per inch of the lenticular sheet you are going to use

We will explain this formula in greater detail in the next section. But for now, just take it as it is. For example, Epson advertises that its Photo printers can print in 360 dpi, 720 dpi, and 1440 dpi. Let's say we want to go for 720 dpi with a lens pitch of 40 lpi (lines per inch). Using the formula, the number of pictures will be (720 / 40 = 18).

There is also a rule of thumb of 15:1 which tells us how far apart each picture should be. If the object of interest is 15 units from the camera, the total displacement from the first picture on the left to the last picture or the right, or the stereo base, should be about 1 unit. For example, if the object of interest is 1.5 m (150 cm) from the camera, the stereo base should be about 10 cm. If we need to take 18 pictures, the distance between each step will be (10 / 17) cm or about 6 mm. But if we decide to take only 9 pictures, then the increment will be (10 / 8) cm = 12.5 mm. We can reduce the distance from the point of interest to camera from 15 units to 12 units if we want to have a deeper parallax, i.e. more exaggerated 3D effect. But remember this rule is just an empirical formula and it is not absolute. You should make your own judgement based on the scene you have chosen. In theory, the farther the object from the camera, the bigger the stereo base should be. If you choose a big stereo base for a near object, the 3D effect will be more strong but meanwhile the picture will be more fuzzy.

You can download the 18 3D footage (32 MB) from our archive.

Putting the numbers together

Recapping the formula

N = RPR / RL

Where N = Number of consecutive pictures to be taken
RPR = Resolution of your inkjet or color laser printer
RL = Number of lenticules per inch of the lenticular sheet you are going to use

image 7

Looking at the picture on the right will give you a clear idea. If the printer can print 720 lines per inch and there are 40 lenticules per inch, the formula is telling us that under each lenticule there will be 18 lines. These 18 lines will be the aggregate of the 18 pictures we have taken with each picture contributing one pixel. In other words, for the final interlaced picture, column number 1, 19, 37, .........etc will come from  the 1st, 19th, and 37th column of picture #1, and column number 2, 20, 38, .........etc will come from the 2nd, 20th, and 38th column of picture #2. In general, column number k, (k + 18), (k + 2 x 18), .........etc will come from the kth picture.

For computer programmers who want to write Photoshop action script, Photoshop plug-in, GIMP Script-Fu or GIMP plug-in, this information is crucial for the interlacing algorithm. Assuming your program will present a dialog to the users to collect the printer resolutions and number of pictures to be taken, you will need to loop through the pictures and for each picture to loop through the correct column intervals for extracting the stripes corresponding to the specific picture. The pseudocode of your program will look like

Remainder = RPR % RL IF Remainder != 0 THEN prompt user for correct number of pictures ELSE DO N = RPR / RL Steps = (Picture Width) / N FOR i = 0 TO (N - 1) FOR j = 1 TO (Steps - 1) Extract column (i + j * N + 1) of picture i Insert the extracted column into column (i + j * N + 1) of interlaced image END FOR j END FOR i END DO END ELSE

Ideally the more pictures, the smoother the final image will be. But if you have less than 18 pictures then you can scale down to 9 pictures, 6 pictures, 3 pictures, or even 2 pictures -- all factors of 18. For a 9-pictures project,  each picture will contribute 2 pixels to the 18-pixel stripe. By the same token, for a  6-pictures project each picture will contribute 3 pixels, 3-picture project 6 pixels, and 2-picture project 9 pixels.

Lenticular Interlacing using Photoshop

Equipped with all the information we have so far we can start the actual work.

Step 1.

Create a new Photoshop file with the same size as the pictures taken. Cut and paste the pictures into Photoshop in the right order with the first picture as the bottom layer. Make sure the order is correct.

image 8

Step 2.

Resize the image to 720 dpi, the resolution of the inkjet printer. Also adjust the final printed size to a reasonable dimensions, say 8-in across to fill almost the width of a letter size paper. But remember, this size is still not final as we will need to crop the image later to account for the binocular disparity shift.

image 9

Step 3

Adjust the level of individual layer to make them more consistent. You do not want your final lenticular print to be brighter from one angle and darker from the other unless that is intentional. If you can avoid using flash light during the shooting then most likely you can skip this step. Try to shoot your pictures under natural sun light but not in the middle of the day when the sun is too strong.

Step 4

Identify a spot or area on each layer that should be aligned to the same coordinate. This step is so important and the success or failure of the print has a lot to do with whether this step is done correctly or not.

image 10

In Photoshop, we can work from the lowest layer up. First turn off the visibility of all layers except the lowest and the one layer above it, i.e. Layer 1 and Layer 2. Then highlight Layer 2, adjust the [Opacity] of Layer 2 to about 50% making it semi-transparent. Use the [Move] tool to move Layer 2 so that the pot in Layer 2 is superimposed on the pot in Layer 1. Once done with Layer 2, adjust its opacity back to 100% and then turn on the visibility of Layer 3 to repeat the same procedure. When Layer 18 is aligned with Layer 17 then this tedious task is done.

image 11

Step 5

Once the alignment for the total 18 layers is done you will notice that layer 18 has shifted quite a lot to the right. Now you can use the [Crop] tool to resize the picture

image 12

image 13

Step 6

Create a new file with the same width and height as the just cropped image. On the new file, create a black and white pattern with one white stripe for every 17 black stripes. Repeat this pattern to fill in the rest of the area.  The white stripes in this file represent the columns from one of the pictures that will be used in the final aggregated interlaced image. The black wider stripes represent the area that will be seen through.

Step 7
Choose [Select > All] or press [Ctrl-A] to put the pattern into the clipboard.

image 14

Step 8

Turn on the visibility of each layer and create a layer mask for each of them.

image 15

Step 9

Click on the [Channel] tab on the [Layer/Channel] palette. Highlight and select the Layer Mask layer and turn on its visibility. Temporarily turn off the visibility of the RGB layer.  Paste the content in the clipboard into the Layer Mask layer. Use the [Magnify] tool to zoom on the left edge. Choose the [Move] tool from the tool box if necessary to align the pattern so that the first white stripe for Layer 1 starts at column 1. Turn the visibility of the RGB layer back on and you will see the 17-pixels apart 1-pixel stripes has been created. Repeat the same procedure for the rest of the layers. For example, align the first white stripe of Layer 2 to start at column2, the first white stripe of Layer 3 to start at column 3, so on and so forth.

image 16

Alignment of the mask for Layer 1

image 17

As the result of these steps, the final interlaced picture is shown as below.

image 18

Step 10

Merge the layers, crop it to a more suitable size and the file is ready to be printed.

image 19

The final result of the interlacing

As a result of all the above exercise, the final picture will be the union of 18 pictures such that each picture contributes only the right column as shown below. In the picture we use red to represent the (18k +1)th column, green to represent the (18k +2)th column, and blue to represent the (18k + 18)th column, where k = 0, 1, 2, ......, (int (width of picture / 18) - 1).

image 20

Step 11

Print the file to your inkjet printer. If you use Epson, chose the Text and Picture option from the preference dialog which maps to the 720 dpi.

image 21

Step 12

Laminate the lenticular sheet on top of the printout using a cold laminator and voila!

3D Lenticular Printing Interlacing Algorithm Illustrated Using Photoshop

subscribe to newsletter