Using the designer:

Table of contents:

Working Space

Layouts

Add Image

Add Text

Design Elements

Layers

Info

Save

Load

Download

Print

Center Snap

Preview

Magnify Glass

Zoom

Reset

Add QR-Code

Undo/Redo

Text Settings

Image Settings


Working Space:

A design area of exactly 85.5mm x 54mm. Anything outside of these bounds will be cropped and not show up on your design.

Front/Back:

You can toggle between the front and back of your design using the tabs located in the bottom left of the designer.


Layouts:

Select from a multitude of pre-designed templates and make it your own.

  1. Navigate to the 'Layouts' tab

  2. Choose and load your preferred design

  3. Edit & add individual components to suit your needs


Add Image:

Upload your own images.

  1. Navigate to the 'Add Image' tab

  2. Click to upload

  3. Select your image and upload

Supported files:

  • PNG

  • PDF

  • SVG

  • JPG

Learn how to use Image Settings to manipulate your image to suit your needs.


Add Text:

Add text to your designs.

  1. Navigate to the 'Add Text' tab

  2. Enter your text

  3. Click 'Add Text' button


Design Elements:

Choose from our extensive list of design elements.

  1. Navigate to the 'Design Elements' tab

  2. Select the element style group

  3. Click your preferred element and it will import into your design

From here learn how to use Image Settings to manipulate your image to suit your needs.


Layers:

Use layers to rename/organise your content, bring elements forward or back and lock them in place when you are happy with your design.

Navigate to the Layers button

Here you can see all of your layers currently in your design.

  • Select each layer by simply clicking on the layer.

  • Reposition each element by clicking and dragging the move icon

  • Edit text directly by selecting the text field and retyping your desired text

  • Lock a layer/element to prevent accidental changes

  • Delete a layer/element by clicking the cross on the associated layer


Info:

The info button will provide more information.


Save:

Use the save button to save your current progress.


Load:

Use the load button to load a previously saved design.


Download:

Download your current design.

  1. Navigate to the 'Download' button

  2. Select which file type you would like to export to

  3. Your design will download and display both front and back designs


Print:

Easily print your design.

  1. Navigate to the 'Print' icon

  2. Select your printer and print.


Center Snap:

Use the 'Center Snap' feature to align your elements with precision.

  1. Navigate to the 'Center Snap' button

  2. A grid will appear that acts as a visual guide


Preview:

Preview your design before checking out.

  1. Navigate to the 'Preview' button

  2. A preview of your design will display

  3. Exit using the cross in the top right corner


Magnify Glass:

Use the magnifying glass to inspect elements closely.

  1. Navigate to the 'Magnify Glass' button

  2. Once selected, a magnified bubble will appear

  3. Hover over elements to inspect


Zoom:

Use the Zoom tool to permanently zoom in on certain areas whilst designing.

  1. Navigate to the 'Zoom' button.

  2. Once selected a Zoom control pop up will appear at the bottom of the designer.

  3. Use the slider to adjust the magnification

  4. Select the move tool to navigate around your design whilst zoomed

  5. Unselect the move tool to re-enable your ability to edit your design


Reset:

Easily reset your design.

  1. Navigate to the 'Reset' button

  2. Select yes to the prompt asking 'Are you sure?'

Disclaimer: This will delete any unsaved progress.


Add QR-Code

Add your unique QR-Code to your design.

  1. Navigate to the 'QR-Code' button.

  2. A unique QR-Code will be generated. Reposition as desired.

  3. Toggle between white & black to achieve a contrast between colours for maximum compatibility.

This QR Code will be available to download separately in your Last Card dashboard after you checkout.

Disclaimer: All Last Card require a QR code for maximum compatibility.


Undo/Redo:

Easily undo or redo any changes you make to your design.

  1. Navigate to the bottom of the designer.

  2. Simply click the back arrow to undo.

  3. Simply click the forward arrow to redo.


Text Settings:

Manipulate your text easily using the advanced text settings.

  1. Select the text you want to edit.

  2. An outline around your text will appear with advanced settings


Edit Text:

Edit your text after placing it.

  1. Double click your text to edit directly.

  2. Alternatively, single click the text and navigate to the Edit Text tool next to the Font Size tool.

  3. From here a new pop up will open for you to edit your text.


Rotate:

Easily rotate your text using the rotate tool.

  1. Select the text you want to edit.

  2. Navigate to the Rotate tool on the top right corner of the text outline.

  3. Click and hold the rotate tool to rotate your text 360 degrees.

Tip: Use the Center Snap feature to help with your alignment.

Alternatively use the 'Transform' tool located below the font dropdown box.

Here you can use a slider or input a numerical value which will rotate the text.


Scale:

Easily scale your text using the Scale tool.

  1. Select the text element you want to edit.

  2. Navigate to the Scale tool on the bottom right corner of the text outline.

  3. Click and hold the Scale tool and begin dragging down to increase text size and up to decrease text size.

Font Size:

Alternatively you can use the Font Size Tool for more precision and customization.

  1. Select the text element you want to edit.

  2. Navigate to the Font Size tool located next to the Colour Fill tool.

  3. Once selected a new pop up with 3 settings will appear.

  • Use the top slider to adjust the text size

  • Use the middle slider to adjust the text height

  • Use the bottom slider to adjust the letter spacing

  • Enter a number into any of the corresponding text fields for an exact size/dimension.


Delete:

Easily delete a text element.

  1. Select the text element you want to delete.

  2. Navigate to the 'Delete' icon in the bottom left corner of the text outline.

  3. Click once to delete the element.


Color Fill:

Easily change the color of your text.

  1. Select the text you want to edit.

  2. Navigate to the 'Color' tool next to the font size tool.

  3. Once clicked a new pop up color selector will appear.

  4. Pick your desired colour, input a hex color code (#daa520) and adjust transparency.


Stroke:

Add a stroke or outline to your text easily.

  1. Select the text you want to edit.

  2. Navigate to the 'Color' tool next to the font size tool.

  3. Select the 'Stroke' tab located along the bottom of the pop up.

  4. Select a stroke/outline color and adjust stroke width using the slider or inputting a numeric value.


Shadow:

Add a 'Shadow' or commonly referred to as Drop Shadow to your text.

  1. Select the text you want to edit.

  2. Navigate to the 'Color' tool next to the font size tool.

  3. Select the 'Shadow' tab located along the bottom of the pop up.

  4. Pick your drop shadow color (most commonly black)

  5. Use the sliders to edit:

    • Blur

    • X Axis Offset

    • Y Axis Offset

  6. Use the cross in the top right corner of the pop up to clear the shadow setting


Emphasis:

Add emphasis to your text (Bold, Underlined, Italics)

  1. Select the text you want to edit.

  2. Navigate to the emphasis tools located under the colour and font size tools.

  3. Click the corresponding tools to edit your text.


Alignment:

Easily change your text alignment.

  1. Select the text you want to edit.

  2. Navigate to the 'Alignment' tool located next to the Emphasis tools (B, I, U).

  3. Click the alignment tool to cycle through the different settings.

    • Aligned left

    • Aligned center

    • Aligned right

    • Aligned justified


Font:

Easily change your text's font.

  1. Select the text you want to edit.

  2. Navigate to the font drop down bar located in the top right of the text settings.

  3. A new sub window will open. Here you can scroll or search for fonts. Click to select.


Text Transform:

Quickly transform your text from lowercase to uppercase.

  1. Select the text you want to edit

  2. Navigate to the 'Transform' tool located next to the alignment tool.

  3. Click the Text Transform tool to cycle through the different options.

    • Uppercase

    • Lowercase

    • Upper & Lowercase



Position:

Reset:

Image Settings:

Did this answer your question?