Using .PSD to create Responsive Creative
ResponsiveAds uses Adobe Photoshop's .PSD file format for uploading ad creative designs to the service. Photoshop can be used for the creative work of designing the ad and while keeping the different elements of the ad creative editable in separate layers.
ResponsiveAds converts the layers in the .PSD files into separate elements that you can then move around, resize and toggle visibility when creating the other ad sizes from the original .PSD file size.
The current ResponsiveAds service supports any size .PSD files, but we recommend uploading desktop ad size .PSDs as the ad elements can only be scaled down from their original size to avoid pixelation.
The .PSD file must use RGB/8 color space. If not sure, check the Mode submenu of the Image menu to make sure that RGB Color and 8bits per channel are enabled.
How to setup the layers in Photoshop
In Photoshop you can create as many layers as you want and often you might have multiple layers just for one single visual element. For example you might have an element in your ad of a hand holding a smartphone, but that element consists of one layer that is the smartphone device, one layer that is the smartphone's screen and one layer that is the hand holding the device. When creating the responsive ad creative, it is sensible to merge these layers in Photoshop, so that you have a single element (hand holding a smartphone) to move, hide or resize in the ResponsiveAds editor. You should combine all the layers in Photoshop that together form this kind of single visual element.
If you only have one layer in the .PSD file that is set in photoshop as "Background", you need convert it to a regular layer (Layer > New > Layer from Background). If you have other layers in addition to the Background layer, you don't need to convert the Background layer to a regular layer.
If you have hidden layers in the .PSD, these will be added to the ad too, but set as hidden by default. If you're not using these layers in the final ad, we recommend deleting them in the editor to decrease ad weight and increase performance.
You can try uploading .PSDs and configure them to other sizes in ResponsiveAds to better understand what layers to combine and what to keep separate.
Rasterize unsupported features
ResponsiveAds service does not currently support some of the more advanced features in Photoshop. Therefore you need to rasterize them before uploading to ResponsiveAds.
Layer styles (e.g. drop shadow or stroke)
Create a new empty layer (Layer > New > Layer..) on top of the layer with layer style. Merge the empty layer and the layer with layer style by clicking Layers > Merge Layers or CTRL+E (CMD+E on Mac)
Layer masks & vector masks
To rasterize masks, right-click on the mask in the layer list and select Apply mask.
Layers as clipping masks
Right-click on the clipping mask in the layer list and select Release clipping mask
Layer blend modes (e.g. darken, multiply, overlay...)
Layer blend modes are a bit tricky to rasterize as these don't affect the layer itself but instead how the layer interacts with the other layers below it.
However, it's possible to include the blend mode effect in a single layer.
- If you have blend modes in multiple different layers start rasterizing them from topmost layer.
- Select the content of the layer with the blend mode. Easiest way to do this is to select the layer from the layer list and select all (CTRL+A or CMD+A). Then select the Move tool (V) and nudge once to any direction with the arrow keys and nudge back to the opposite direction. This will change the selection to the actual content of the layer instead of the whole canvas.
- In the layer list, toggle the layer with the blend mode and ALL the layers above it to invisible
- Click active the layer directly below the layer with the blend mode. Select Edit > Copy mergedand Edit > Paste special > Paste in place.
- Select the new layer that was created (it will be directly below the layer with the blend mode) and the layer with the blend mode and merge the two layers (Layers > Merge Layers or CTRL+E / CMD+E)
Adjustments layers are not supported in ResponsiveAds and can't be rasterized as their visual effect is not related to a single layer. You can add the adjustment to each layer under the adjustment layer either by selecting each layer one by one and adding the same adjustment to that layer from Image> Adjustment.
Another way is duplicate the adjustment layer multiple times (right-click on the adjustment layer and select Duplicate layer) so that there is a copy above each layer that you want to add the adjustment and then one-by-one right click on all the adjustment layers and select Create clipping mask. You can then merge the clipping mask and the layer beneath it by selecting them from the layer list and selecting Layers > Merge Layers or CTRL+E / CMD+E.