Test Page

ID Solutions ID Card Builder - Basic and Advanced Tabs

Start Here - Artwork Check

This artwork and layout tool is only a guide. It helps the customer show us a layout they like, but it is not final artwork. We still need to check everything and can send back a proof for approval if they wish to go ahead.

Background Check lets you prepare a card background and download a reduced JPG for later if required. Photo Check lets you crop a photo to the correct shape, reduce it, and add it straight into the Basic Builder. The logo checker is there to help you see whether a logo looks clean before you continue.

Background Check

1. Choose card orientation

Upload a background image, then move and zoom it while the dotted card outline stays fixed. This helps check whether the artwork has the right proportions before building the card.

2. Upload background image

Background image

Zoom

Image X

Image Y

No background image uploaded yet.

3. Crop when ready

The crop uses only what appears inside the dotted card outline. Download the reduced JPG and keep it for later if required. Portrait output is 638 x 1013 px. Landscape output is 1013 x 638 px. The file is automatically compressed to help keep it under about 2 MB.

Logo check

Upload logo

Light card preview

Dark card preview

A good logo should look sharp and have little empty space around it.

If the background or logo still looks wrong here, it is usually better to fix it outside the builder first, then upload the cleaned-up artwork.

Background crop preview

Upload a background image.
Move and zoom the image while the dotted card outline stays fixed.

Output: 638 x 1013 pxNo artwork loaded

Cropped output preview

Click “Preview cropped background” to check the final cropped image.

Photo Check

1. Upload photo

Photo image

The dotted box keeps a fixed 300 x 375 photo ratio with square corners. Move and zoom the image until it looks right, then preview it or add it to the Basic Builder.

2. Adjust photo

Zoom

Image X

Image Y

No photo uploaded yet.

3. Use when ready

The photo crop uses only what appears inside the dotted box. Output is 300 x 375 px and it is automatically reduced to a small JPG. If you want a round photo later, choose the round option in the Basic Builder after adding the prepared photo.

If the photo still looks poor here, it is usually better to replace or edit it outside the builder first.

Photo crop preview

Upload a photo.
Move and zoom the image while the dotted photo outline stays fixed.

Output: 300 x 375 pxNo artwork loaded

Cropped output preview

Click “Preview cropped photo” to check the final cropped photo.

Builder Steps

1Choose Layout

Pick portrait or landscape. Landscape is the same card proportion, rotated.

2Add Logo

Upload the logo, then move and resize it on the card.

3Add Photo

Upload a photo and choose rectangle or round shape.

4Text Fields

Edit first name, last name, title, and one extra field.

Later advanced options:
Rear side, QR code, barcode, signature panel, magnetic stripe, RFID, and production proof notes.

Use Start Here to check artwork first. Backgrounds can be downloaded for later. Prepared photos can be added straight into the Basic Builder.

Step 1 - Choose Layout

Choose a portrait or landscape starting layout. Start Here is there to help check artwork before building the card.

Portrait

Portrait Card

Good for standard staff ID cards with a strong photo area and simple text layout.

Landscape

Landscape Card

The same card size turned sideways. Useful when the name needs to read clearly from a distance.

The master card ratio is 638 x 1013 px. Landscape uses 1013 x 638 px, so it is exactly the portrait card rotated.

Logo Upload

Choose your logo

Logo zoom

X left/right

Y up/down

Width

Height

You can also drag the logo on the card. Use the small round handle to resize it.

Photo Upload

Choose photo

Photo shape

Photo zoom

X left/right

The preview uses the same portrait ratio and simply rotates the proportions for landscape.

ID Solutions - Basic ID Card Template Guide
We supply photo ID cards, ID card printers, lanyards, wristbands, name badges, card accessories and event identification products throughout New Zealand. This PDF is a simple customer layout guide and is subject to final artwork and production checks.

Portrait

LOGO

Move photo

PHOTO

Hayley

Young

Registry Manager

Staff ID: 12345

Current layout: portrait card, 638 x 1013 px. Use Step 2 for logo and Step 3 for photo.

Advanced Options

This area is intentionally separate from the Basic Builder. The basic builder stays clean for normal photo ID card layouts. Advanced tools can be added here later for jobs that need extra production detail.

Rear sideBuild a second side for return instructions, emergency notes, cardholder rules, or organisation details.

QR code or barcodeAdd scannable information, either static or later linked to customer data fields.

Signature panelShow where a signature panel may sit on the card and add notes for production.

Magnetic stripeRecord whether the job may need HiCo/LoCo magnetic stripe encoding or a special enquiry.

RFID / smart card notesFlag special RFID card planning, including print-safe zones and production advice.

Artwork and proofingAdd more colour options, extra fonts, proof notes, and production checks.

My recommendation: keep this Advanced Options tab visible as a future pathway. Start Here helps with artwork checking, while the Basic Builder stays simple and the more technical items still stay separate.

No products found

Portrait Card

Landscape Card

Logo Upload

Photo Upload

Basic Text Fields

First NameRemove field

Last NameRemove field

TitleRemove field

Field 4Remove field

First Name

Last Name

Title

Field 4