Hot Tips

- Artwork Tips
- Animation Tips
- Audio Tips
- Create an AR Mural
- Create an AR tattoo
- FAQs

Artwork Tips

Augmented Reality can bring static artwork to life with animation and sound design. You can approach this in two ways.

Step / 1
You can animate the existing art.


(Above) *Static Image

(Above) *Existing artwork animates ie the character appears to smoke the cigarette.

OR

Step / 2
You can introduce new art on top of the existing art. From our experience audiences love to use the EyeJack app to discover a new layer of art.

 
 (Above) *Static Image
 


(Above) *New elements animate on top of static artwork ie wrestlers
animate out of eyes and mouth.

Artwork Specifications

EyeJack is available to provide animation services or alternatively you can create your own animation using our EyeJack Creator app. Watch our EyeJack Creator Tutorial here.

 

Printing Specs

We recommend printing the art on matte paper. Avoid stock that is reflective, as glare can interfere with the image recognition.

 

Best Practices

Augmented Reality works best with artwork that contains the following features:

- good contrast
- rich in detail
- avoid symmetry
- avoid repetitive patterns
* Symmetry and patterns can confuse the image recognition technology.
Below are examples to better demostrate what qualifies as a strong or poor image recognition rating

Example 1


Poor Rating
This image lacks trackable features. It lacks contrast, line definition and has soft edges. It gets a very poor rating.
 

Example 2


Strong Rating
The image has strong contrast and defined edges. It has many trackable features.
 

 

Example 3


Problematic
This image scores well due to the detail and contrast but it is actually too symmetrical and has too many patterns repeating.
It essentially looks like the same image in each quarter which confused our app.
 

Example 4


Strong Rating
The image has some symmetry and repetition but enough detail and contrast to still work fine.

 

Animation Tips

The animations should be uploaded to the EyeJack Creator App as a png sequence or Gif animation  @25 fps. It’s important the animation overlays the artwork perfectly. For example when creating the animation, import the image that you intend to use as the AR trigger in to your animation file to use as a reference layer. Animate directly over the top of that reference layer. Then turn off the reference layer when exporting the animation.

For more animation tips check out our EyeJack Creator Tutorial and here is a quick tutorial to learn how to create a Gif Animation

 

Audio Tips

For best results upload your sound to the EyeJack Creator as uncompressed wav or aif file at the same duration as the animation. The EyeJack Creator app will then automatically transcode the sound with your animation.

 

Create an AR mural

We recommend experimenting with a few of your artworks on EyeJack before diving into a mural. Once you are familiar with EyeJack workflow design your mural. It's good to imagine that people might stand infront of your mural and take AR selfies. The AR design/animation will always appear on top of the people when viewing through your device, so its a good idea to experiment with the animation approach to find out what looks best.

Technical details:
Measure the mural’s width and height. It’s a good idea to use duct tape to mark the wall where you start your measurements from.  Then take a front-on, square-on photo of the mural and check that its aspect ratio matches the width and height measurements (using the duct tape as a reference). You want the aspect ratio of the physical mural to closely match the aspect ratio of your photo because the photo will be used as your AR trigger image (aka marker). You want to avoid photographing the mural on weird angles or with a wide angle lens as that will affect the aspect ratio.



In the image above there is a bright rectangle of light and a bit of an electrical box in the shot, but otherwise it is a good AR trigger (marker) photo. If there are obstacles (ie a tree) preventing you from taking a single photo of the mural, it’s possible to take multiple photos from left to right, all at roughly the same distance from the mural and then use photoshop to stitch those photos together (add all the photos into one file as layers and select the layers and then select edit>align layers - this tool magically stitches your photos together).  Again you want to avoid messing with the aspect ratio too much in Photoshop.

If you want assistance taking the photos, doing the measurements and preparing the AR trigger image, we can arrange a person for a fee.

Once you have a good photo, import it into your animation program and then do the animation on a layer over the top of the photo and then export the animation as a png sequence to the same dimensions as the photo (without the photo layer).  Upload the photo and the animation to the EyeJack Creator tool and then test out the AR animation on the mural. *We usually do a quick test where I slap an existing animation on top of the marker and go out to the site to check that it’s working ok.  When that all works nicely you can share your AR creations with the EyeJack team and we port them all to the EyeJack app as an event.

If your mural is really wide we suggest breaking up the mural into multiple activations. The red grid in the example below shows where this wide panorama image is broken up into multiple activations...

 

Create and AR tattoo

Smaller tattoos work best. Avoid tattoos that wrap around the body. It’s too hard for the camera to track what it can’t see.

Once you have a nice clean photo, import the photo into your animation program. Put the photo as the bottom layer and create your animation on layers above. Export your animation as a png sequence (without the photo).

Download the EyeJack Creator app… http://creator.eyejackapp.com/

Upload your photo

Upload your animation

Upload sound (if you have sound design)

EyeJack Creator will generate a QR code

Scan the code using EyeJack and then point your phone at the tattoo. Voilla! **it should work!

 

FAQs

How does EyeJack Creator Work?

EyeJack Creator is a simple desktop app that lets artists bring their art to life with animations and sound with three simple steps... 1) Upload your art   2) Upload your animation 3) Test your new AR art with the EyeJack mobile app and watch our EyeJack Creator tutorial here

How can I create an animation?

EyeJack Creator supports videos, animated gifs or png sequences. You could create a video using your smartphone OR if you want to try something more advanced, we recommend using programs like Adobe Photoshop, Animate or After Effects to create animations. Here is a 1 minute Photoshop animation tutorial to teach you how to create a simple gif animation

*The advantage of a gif animation or a png sequence is it lets you export your animation with a transparent background. Show sample of animation with transparent background.

 

My AR animation is glitchy, any tips?

Augmented Reality works best with artwork that contains the following features:

- good contrast

- rich in detail

- avoid symmetry

- avoid repetitive patterns

- Symmetry and patterns can also confuse the AR image recognition technology.