Step 1
Step 2
Make document variable
See the result when chaging variables
``
Let's add a frame
Initially, an added frame, or imported from Adobe Indesign, will have absolute coordinates, width & height.
Let's make these coordinates variable
The X-position (left side of the frame): -6 px. Why -6? The document has a "bleed" of 6px. This would be usefull if you will also use this document for print output. If you don't intend to output to print, you can set the bleed to 0, and the x-position will be 0px.
The Y-position (distance from the top of the document reference): -6px, similar reason as X-position.
Width: We can now use formulas (by clicking on the formula button) and write page.width+12px (we need to add 12 px, to compensate for the 2 x 6p bleed)
Height: Page.heigt+12 px, same as the document + the compensation for the bleed
From now on, the image frame will keep the same size as the document.
We'll add an image
When adding an image, you must choose a "fitting". Will the image fit proportional (inside) or proportional outside?
We choose to fit proportional outside. Meaning, we'll loose some image, but the frame is always filled, without loosing the proportions.
Because the frame is tied to the size of the document, the image inside the frame will also resize with the document resizing. And, the proportional fit will remain.
