PRODUCT WORKFLOW / 03

THE WORKFLOW,
EXPLAINED.

A practical guide to the adFURY interface, Photoshop source setup and campaign production.

01 / GETTING STARTED

START WITH A PSD.

adFURY works inside Photoshop. Save your source with a recognised ad name containing a logical dimension and an ad format, for example Client_Campaign_640x360_DV360_01.psd. Place two horizontal and two vertical guides around the banner area. Your canvas can remain larger than the final banner.

Photoshop canvas with guides defining the banner area
The cyan guides define the exported banner area. Original screenshot · click to enlarge
  1. Prepare named layers and use unique actor identifiers.
  2. Set guides around the final logical banner area.
  3. Write animation in adTWEEN and create Story frames if required.
  4. Convert, inspect in adVIEW and publish the campaign.

02 / THE INTERFACE

KNOW YOUR WORKSPACE.

The original screenshot below shows the Photoshop layer tree, the adTWEEN script editor and the three stacked adWORKSPACE views: adVIEW, adSTORY and adLOG.

Original Photoshop and adFURY interface showing the script editor, preview, Story and log.
The Photoshop document is the source of truth. Banner dimensions use the guide-defined area, which may differ from the physical canvas.

03 / ADTWEEN

CREATE, CONVERT, BUILD.

adTWEEN contains the TweenScript editor, production controls and configuration. Its script is stored with the PSD.

Original adTWEEN header with production controls and asset settings
adTWEEN: the panel header, production controls and asset settings. Original screenshot · click to enlarge
CONVERT PUBLISH GENERATE MINIMUM REGUIDE LARGER BUILD 1:1 and INJECT buttons
The main production toolbar. Disabled controls are shown as captured. Original screenshot · click to enlarge
CONVERT control in the original adFURY screenshotCONVERTConverts the current PSD structure through adSERVER and builds the HTML package.
SHIFT + CONVERT control in the original adFURY screenshotSHIFT + CONVERTRegenerates enabled local assets before converting and building.
GENERATE control in the original adFURY screenshotGENERATEGenerates selected eligible raster and SVG assets. Shift generates all enabled local assets.
BUILD control in the original adFURY screenshotBUILDRebuilds the HTML package from cached conversion data, current assets and script.
INJECT control in the original adFURY screenshotINJECTUpdates the existing HTML package with the current TweenScript without a new conversion.
SPLIT control in the original adFURY screenshotSPLITSplits a selected multiline Photoshop text layer into editable line layers.
MINIMUM / REGUIDE / LARGER control in the original adFURY screenshotMINIMUM / REGUIDE / LARGERManage the physical canvas and guide-defined banner area.
PUBLISH control in the original adFURY screenshotPUBLISHPrepares and uploads eligible campaign output to the selected Preview Host.

Shift actions use the same button with the modifier key. Menu-only commands are described in text because their menus are not open in this screenshot. Convert All processes open valid ad PSDs sequentially. It regenerates assets, converts, saves and closes the processed sources.

04 / SCRIPTED ANIMATION

POWERED BY GSAP 3.

Use named Photoshop layers as banner actors and write your motion in the adTWEEN editor. GSAP timelines are constructed in code; adFURY is a script-driven workflow.

Original adTWEEN editor showing the campaign's GSAP animation script
The actual animation script editor — animation is written in code. Original screenshot · click to enlarge
FIND REPLACE font size WRAP SCRIPT SPLIT and LAYOUT controls
Editor controls and text tools below the script. Original screenshot · click to enlarge

Use .txt or .text actors and the documented split:lines, split:words or split:characters parameters for separately animated text elements.

05 / ADVIEW

INSPECT THE OUTPUT.

The artifact selector shows views available for the active source: HTML, ASSETS, FALLBACK, FRAMES, MP4 and GIF. Availability depends on which files exist and on the ad format.

Original adVIEW panel with the GTI banner preview and artifact selector
adVIEW: the selected artifact and its viewing controls. Original screenshot · click to enlarge
REFRESH artifact selector ZOOM FOLDER DELETE BROWSE OUTLINE FALLBACK SCRUB
The artifact selector, zoom controls and preview actions. Original screenshot · click to enlarge
OUTLINE / SCRUBShow actor boundaries or inspect the animation when supported by the preview runtime.
FOLDER / BROWSEOpen the artifact folder or launch the selected preview in a browser.
REFRESHRe-read the active source and available artifacts without starting a conversion.
FRAMES / MP4 / GIFRender frames and create media outputs through the adVIEW menu.

06 / ADSTORY

MANAGE FRAME STATES.

adSTORY uses Photoshop Layer Comps for its frames. Use NEW and DELETE to manage frames, arrows to reorder them and FALLBACK to select the static frame when the ad format requires one. REGEN refreshes thumbnails and required fallback. Thumbnails derive from the guide-defined area.

Original adSTORY panel showing three frame thumbnails
adSTORY: the selected frame is outlined, with frame status below. Original screenshot · click to enlarge
NEW DELETE reorder arrows FALLBACK and REGEN
Frame creation, removal, ordering, fallback selection and thumbnail regeneration. Original screenshot · click to enlarge

07 / ADLOG

SEE WHAT HAPPENED.

adLOG reports operation progress, success, warnings and errors. SIZES reports generated file sizes; ADFORMAT describes active format rules. CLEAR clears the visible view, PAUSE freezes display, COPY copies diagnostic records and FOLLOW keeps the latest messages in view.

Original adLOG panel with color-coded messages and report buttons
adLOG: actual conversion, asset generation and build messages. Original screenshot · click to enlarge
CLEAR SIZES ADFORMAT and URLS report buttons
Reports and the visible log-clear action. Original screenshot · click to enlarge
PAUSE COPY Find FOLLOW ON WRAP ON font-size controls
Log playback, copying, search, following and wrapping controls. Original screenshot · click to enlarge

08 / EXPORT AND PUBLISH

FROM SOURCE TO DELIVERY.

CONVERT builds HTML from the PSD structure. BUILD assembles current assets, applies format rules and produces the banner ZIP. PUBLISH prepares a campaign preview and uploads it to the chosen Preview Host. Preview Hosts and credentials are configured separately.

Original toolbar containing CONVERT PUBLISH GENERATE and BUILD
Use CONVERT, BUILD and PUBLISH for the corresponding production steps. Original screenshot · click to enlarge

Check the final package in its actual delivery environment and required browsers before launch.

09 / FORMATS AND ASSETS

MAKE EVERY BYTE COUNT.

adFURY supports named raster, SVG, text, shape and external media actors. Parameters control quality, export density, cropping and placement. FOLDER, INLINE, ROOT and AUTO INLINE are package assembly modes. AUTO INLINE selects eligible assets using encoded size against the format limit.

SCRIPTS ASSETS HOST WEBP quality and ALPHA settings in adTWEEN
Script source, asset packaging, Preview Host and image-quality controls. Original screenshot · click to enlarge
Original Photoshop layer tree with resolution and svg parameters
Layer names provide actor IDs and export parameters. Original screenshot · click to enlarge

Different formats have different restrictions. The Google Ads configuration blocks WebP and AVIF actors; use a supported PNG or JPG output when required. Installed fonts can be subset to the glyphs used by the banner.

10 / TROUBLESHOOTING

CHECK THE SIGNAL.

Conversion blocked?Check adLOG for duplicate actor names, invalid layer parameters or mismatched ad name and guide dimensions.
Output too large?Open SIZES, inspect the largest assets and adjust supported formats, quality or export settings.
Preview unavailable?Check that the artifact exists. REFRESH re-reads availability; it does not generate missing HTML.
Need details?Use the adLOG diagnostic copy and consult in-plugin help for current version-specific instructions.
Original adLOG SIZES and ADFORMAT buttons
Start with SIZES for file weight and ADFORMAT for delivery rules. Original screenshot · click to enlarge

MAKE YOUR NEXT CAMPAIGN FASTER

YOUR WORK.
FULL THROTTLE.

GET EARLY ACCESS ↗