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

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 to be pretty close as you use that photo as your AR marker. You want to avoid photographing the mural on weird angles as that will affect the aspect ratio.

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 at the same height 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).  Again you want to avoid messing with the aspect ratio too much.

If you want assistance taking the photos, doing the measurements and preparing the markers, 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. *I 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  your artists can share their AR creations with us and we port them all to the EyeJack app as an event.

 

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.