Custom Images
Custom Sticker Images
Each collectable set or item can have its own custom sticker image that displays in the UI.
Image Creation
The resource includes tools for creating stickers that match the provided style.
Photoshop Template
/images/sticker-template.PSD
This template can be used to size your images appropriately. Scale your image to snap to the included guides. You can open one of the included images as an example to get your sizing right.
Open the
sticker-template.psdfilePlace your sticker image inside, transparency recommended
Select your sticker layer and run the included action:
sticker-outline.ATNSize your image: line up the outline of your sticker with the guides
Export your image
Photoshop Action
/images/sticker-outline.ATN
This action allows you to create the same white outline and drop shadow that the included images are styled with.
Adding Images
Place your image in the
images/folder:Reference it in your set configuration:
Image Requirements
Format:
PNG/GIF/WebPrecommended (supports transparency)Size: Square images work best (e.g.,
128x128,256x256)Recommended Size: Around
500pxworks best. Keep file size as low as possible.Location: Must be in the
images/folder
Using Font Awesome Icons
Instead of a custom image, you can use a Font Awesome icon:
The fa: prefix tells the UI to render a Font Awesome icon instead of loading an image file.
Pre-loaded Images
The resource comes with images for all included sets. Check the images/ folder to see what's available.
Last updated