Create templates

Templates

A template is a design mold that can be used by multi-functional teams to create banners and videos in minutes.
Rocketium allows your design team to easily create and set up the on-brand banner and video templates in your Campaign account.

Browsing Templates

Each Workspace in your account will have a specific set of templates set up by your design team.
    Click on the 'workspaces' option from the left panel in your dashboardโ€‹
    Click on the workspace that you want to enter
    Click on the 'templates' option from the left panel to browse through all the templates available in that workspace
    Each template can be present in multiple style options and sizes. Click on the specific Template thumbnail to know more details.
    Click on the 'confirm selected styles' button to use the template.
    In case a template is available in multiple sizes, you will see a size selection window. Choose the desired aspect ratios and click on the button 'confirm selected sizes' to proceed to the editing experience.
You can search for specific templates by name or tags using the search bar available at the top of the screen. You can use the drop-down at the top of the screen to see only a specific type (image/video) of Templates.

๐Ÿš€ Create a template

Begin your template with a design output in mind. We are recreating this template. Note - Importing a PSD template involves a different set of steps as accounted here.
    Select a workspace -- New Project -- Image Template
    You will notice that all the sizes that you have listed under 'Branding' will be available for selection here
    You can choose to set your template in as many of these sizes as you would want to
    Next, name your template.
    On the left, you can see the options to 'Add elements'. They are images, shapes, and text.

๐ŸŒ Add element

Images
You can upload images, use from your preset media library, import them from the box (or a storage platform of your choice) or upload them from a link

Shapes

Similarly, you can add shapes when you want them to be editable on the editor

Adding Scalable Vector Graphics (SVG) Shapes

Shapes often tend to be SVG files. More so for shapes and illustrations. You can scale or edit an SVG image as required without losing its quality. Owing to the flexibility of such files, there are prerequisites to upload them. Prepare your file for export with the following settings - A few pointers about an SVG import
    You cannot export a file with 'default' styling. Custom styling is required for the file to be editable.
    If you have multiple parts/elements in the SVG, the color styling options will be applied across the SVG. As an alternative, you will have to upload two images and combine them in Rocketium.
    If the export settings of your file are not as specified, formatting options such as gradient, color stroke, and width will be disabled and the SVG will behave like an image.
Once ready as specified, the file can be imported like any other -
    Click on the + sign within the Add option
    Choose the image to upload.
Text A text box appears when you click on text within the 'Add element' option. You can define the word limit and restrict editing besides styling the words. You can also define Captions, CTA, and descriptions.
Once each level of addition has been made, styling is the next step to create the template.
In our case, the background, as well as the product image and the lines are all images. So we have added everything on the canvas.
Content Panel Experience

All New Rich Content Panel

Drag and Drop Content Addition

โ€‹

๐Ÿš€ Styling Elements

You can style elements by selecting the arrow that allows the system to display the styling panel, and then going on to choose the element you want to be styled.
Media styling
Text Styling
Here, text and CTA have both been style. The image has been resized.

๐Ÿš€ Import a PSD file

    Prepare your PSD file as listed hereโ€‹
    Select โ€˜Import PSDโ€™ under 'New template'
    You can now upload the PSD. It will load with your file
    You will see that the PSD opens on an editor
    Each layer in this screen is clickable and open to be edited. You can make the edits you need and finally 'Import' it onto the editing canvas
If you face errors or get warnings in this process you can correct your PSD as recommended here.

๐Ÿš€ AI Copywriter

You can autogenerate copies with the copywriter.
    Select โšกsymbol next to the text that you want to edit
    Choose your action -- reword or generating a sort of text
    You can select options and then apply them
    You can also generate more options
Note - When you choose to generate text, you will need to provide tags as applicable

๐Ÿš€ Resizing

Resizing lets you auto-generate size adapts.
    Select 'Edit sizes' from the size dropdown
    Select 'Add a new size'. Here you can choose to add custom sizes
    Add dimensions, name, and save your size
    You can now resize the adapt as per the number of channels you need it for
    Simply choose the size from the sizing dropdown
Note: You will notice that sizes from your 'Aspect Ratio' tab within the 'Branding' section also appear here. You can add all your regular sizes from the 'Aspect Ratio' tab and set up your template in all sizes.

๐Ÿš€ Save, export or share

    You can save and close your work
    You can export it and download - in various formats, individually or zip
    You can share it with other teams as links. Let them access editing

๐Ÿš€ Create variants

    To create a variant, click on +Add variant in the bottom left corner and edit as required
    Cloning a variant - Click on the three vertical dots โ‹ฎ on the left. Select clone to generate an identical copy of a variant
    Select the pen tool to edit a variant.
    You can view all variants from the option on the bottom left with upward and downward arrows

โ€‹
โ€‹
Last modified 2mo ago