Creating a label design is not an easy process. However, we hope that this guide will make the creative and technical aspects of designing your very first label all easier for you! There are a few things that we are going to talk about to make sure your designs turn out just as imagined:
Where to find the product templates?
To get started, log in to your Supliful account, find the product you want to add to your store, click on it and then click Customize and Sell.
Good! So now you are on the Product Editor page. On this page, you can modify the product the way you like it – change the description, set up your price, and, of course, upload your custom label design.
Scroll down, and under DIY Label Design, click on the Download Templates button:
How to edit the mockup image and label design?
Now that you have the product templates let's move on to the artistic part - creating your label design and product mockup!
To start, you will need Adobe Photoshop and Adobe Illustrator software. As much as we want to make Supliful super seamless and move to a drag-and-drop label design tool asap, while at the BETA stage, we had to settle for label design templates that need to be customized on Photoshop and Illustrator.
You can get each app for $20.99/mo or all Adobe apps for $52.99/mo on the official Adobe website.
Let's check out the ZIP file that we've downloaded. It consists of two files: the README instructions and the PSD file with the templates.
Open the PSD file. It consists of 2 parts:
(A) the product mockup image, which is the first layer
(B) the label design file that will open in Ai once double-clicked on. You will immediately see it’s a layered mockup image.
Click through the smart layer until you get to the external Ai file.
Once the Ai label design is open, you can start editing it.
How to update the mockup image and save the label design in PDF?
To update the product mockup layer on Ai, click FILE --> SAVE (Ctrl+S or Cmd+S).
Go back to Photoshop smart layer (if applicable) and do the same again.
Finally, go to the product mockup tab and see the result.
To export your mockup image, click FILE --> EXPORT --> Quick export as PNG.
To save your Label Design PDF file, go back to the Ai label design file, select all (Ctrl+A or Cmd+A) and outline text by clicking TYPE --> CREATE OUTLINES (Ctrl+O or Cmd+O).
Then select all your images in the Links panel (click WINDOW --> LINKS), and choose "EMBED IMAGES" from the panel menu.
Then click FILE --> SAVE AS and save it as a PDF. In the pop-up window "General" tab "Adobe PDF Preset" drop-down menu, choose [High-Quality Print].
Creating outlines is vital before uploading your label design. That way, there are no missing fonts in case small changes need to be made before printing.
To do so, in Adobe Illustrator:
Select all by pressing Ctrl+A or Cmd+A
Outline the text by clicking TYPE → CREATE OUTLINES (Ctrl+O or Cmd+O).
Same as with text outline, it is crucial to embed the images used in your design. That way, they will not be missing when checking your label design before printing.
To do so, in Adobe Illustrator:
Select all your images in the Links panel (click WINDOW → LINKS).
Choose "EMBED IMAGES" from the menu panel.
RGB vs CMYK
Two different color modes are used when creating the design on your computer and printing it in real life. RGB is used for digital imagery and CMYK for printing processes. That can sometimes cause problems matching what we see on a monitor or phone to how an image looks when printed onto paper.
The thing is that, unlike digital images, prints cannot give off light; they can only reflect it.
Therefore, the CMYK color spectrum is limited compared to the RGB and cannot give those bright and neon colors.
To avoid any surprises about how your label will look in real life, you can check it in CMYK using Adobe Photoshop or Adobe Illustrator.
In Photoshop, click Image → Mode → CMYK Color
In Illustrator, click File → Document Color Mode → CMYK Color
!NB! Please use the CMYK color mode for design review only. Before you upload the label design in Supliful, change the color mode back to RGB.
Here is a short video that illustrates the work that needs to be done within Adobe Photoshop and Illustrator:
Uploading your product mockup and label design
Finally, you need to upload the created files to the Product Editor page:
The label itself should be a PDF and can be uploaded by clicking the "Upload label design":
The product mockup can be uploaded by clicking on the product image:
And you are done!
Now, go on and try it out with a test product! Please make sure you follow each step carefully, and if you happen to have any questions - our support team will be happy to help you out!