Onvert creation has been suspended learn more

How to Create an onvert

Required Materials

  • An idea
  • Basic knowledge of graphics editing
  • Access to software such as Adobe Photoshop (Full or elements), Gimp or an online editor like Splashup
  • A smartphone with the onvert app installed

Step 1 - Target Image

Create a canvas that is at least 512px wide or 512px high. Squares and large rectangles give plenty for the camera to work with.

If you are using Photoshop, download a template.

Ensure this canvas is filled with your target image, rather than tucked in a corner or sat in the middle with a gap around the edge.

Make sure you pick a design that has high contrast and minimal repetition. Smartphone cameras will pick out edges of shapes and differences in colour, but have trouble with thin lines and repeating patterns as these are not as easy to read.

Bad target image Better target image

The image on the left is not a good target image as it has low contast and thin lines which make it hard to identify. The image on the right is better as it has high contrast, thicker lines and a shape that the camera can easily identify.

Tip: Make your target image your onvert background, rather than using a layer to cover it up.

^ Back to the top

Step 2 - Create Your Layers

You have the option of 3 layers to use in your free onvert. These sit one on top of the other like playing cards in a stack.

The lowest layer sits just above your target, and the next layer above that, and the third layer above that. These layers give the 3D impression.

Layers should be the same size as your target image, though they have transparency. If your graphics editor supports multiple layers in a file, design over the top of your target in a new layer so you can see how your onvert might look head-on.

Remember to make your layers transparent PNG files. If you use flat jpgs only your top layer will be seen and everything else will be obscured.

Layers set out

In the example above, we have the square target image, and then three transparent layers which have no background. These layers are saved as PNG files, and once uploaded will appear to float over the target.

^ Back to the top

Step 3 - Decide on where your onvert landing page location

Each onvert is allowed to link to one site. This can be anywhere (within reason) though you should always remember that people viewing your onvert will be using a smartphone or tablet, so your site should be optimised for mobile viewing.

The onvert site will ask you to give this link a name, so if you are linking to your blog, you might want to name it "My Blog".

^ Back to the top

Step 4 - Set up your onvert at onvert.com

Go over to onvert.com (if you're not reading this here already). We recommend you set up onverts using a desktop or tablet so you have plenty of room to view things.

Click "Create an onvert" on the front page. If you have created an onvert before you will have been given a password in an email. If this is your first time, don't worry, we'll send you details later, you don't need to register.

Give your onvert a title. This appears on the screen of the app and on the website if you are picked to go into our superstar gallery, so make it a good one!

Input your link and the name of the link which you decided on in the previous step.

Upload your target image and layers, and if you would like, a soundtrack.

There are a few ways to preview your onvert, including in the browser itself, and also by using your app.

^ Back to the top

Step 5 - Use your Tag

Your tag is automatically generated by the site and can be downloaded and added to your artwork.

If you would like to include your code in your target image, now is the time to go and add it to your image, and upload a new version of the target image.

You can edit your layers at any time by logging into onvert.com

^ Back to the top

« Guide index