Skip to content

Augmented Reality Masks

You can see examples of the Fotozap AR Mask feature by download Fotozap Booth, clicking on TRY IT, and then clicking to run Combo Mode. You will see some sample campaigns, and you can see that some of them include AR Masks. 



To Create a Mask


Download Samples in .zip file and take a look at some of the samples. 
You will want to open the mrsample.psd file in Photoshop.

Every Mask consists of three files:

filename.png – a 2048x2048 pixel image file that is applied to the face in multiply mode. You should use this layer to change skin color or add some translucent elements. When this layer is applied, the original skin texture is more visible compared to normal mode. This file is optional, you can submit either one or both of the png files.

filename_normal.png – a 2048x2048 pixel image file that is applied to the face in normal mode. You should use this layer to draw something on the face or to make some parts lighter. When this layer is applied, the original skin texture is less visible compared to multiply mode.  This file is optional, you can submit either one or both of the png files.

filename.grd – text file with the coordinates of the facial features. You should design your mask graphics to fit the face in the mrsample.psd file. Then you do not have to worry about creating a .grd file. See note below.

So to make a new mask: 
  1. Download the .zip file linked above
  2. Open the mrsample.psd file in Photoshop
  3. This file has two mask layers, plus a face on a 3rd layer for reference. One layer is applied in multiply mode; the second layer is applied in normal mode. These layers must be square and their dimensions must be equal. Design your mask on these first two layers, one in multiply mode and one in normal mode.
  4. Export each of the two graphics layers as a separate .png file. 
  5. File Naming: If the mask name is “xyz,” name the png that should be applied in multiply mode as “xyz.png,” and the png that should be applied in normal mode as “xyz_normal.png.”
  6. Send the graphics to your Picture Marketing client services rep along with a note about which of your Campaign(s) the mask should be added to. 
  7. Once loaded, run FotoZap Booth and try it out. Masks currently are only supported in FotoZap Booth for iPad. 


Note on the .grd file


Each mask must include a .grd file that contains its facial feature coordinates. All masks included in the samples use the same .grd file. 

We recommend that you use this same .grd file for your own masks as well, instead of creating a new one. If you do, then just design your mask to be aligned with the woman's face in the mrsample.psd file (which is included in the .zip file linked above). In that case, you do not need to edit nor send us the .grd file.

On the other hand, if you do want to create your own .grd file to change some of the mask’s facial feature coordinates, follow these instructions to create a new .grd file (refer to the sample .grd files in the .zip file): 
  1. Start with a square image of a face 1024x1024 pixels that you want to use as your default mapping
  2. Use the below image to place the same 70 points on the face, they are numbered from 0 to 69. 
  3. So points 0 and 1, are placed in the center of each pupil, and point 11 is the bottom of the chin.
  4. Find the x,y coordinates of each of the 70 points, the coordinate system is that the top left of the image is (0,0) and the bottom right of the image is (1024,1024)
  5. You will then copy those coordinates into your updated .grd file
  6. The first line in the .grd file will always be the number 70. This is the number of facial features (points) that our module tracks.
  7. The second line of the .grd file should be the coordinates of point 0. Put the two numbers separate by a space, the x coordinate goes first.
  8. The last line of the .grd file should be the coordinates of point 69.
  9. Send Picture Marketing the .grd file together with the PNG files



Feedback and Knowledge Base