Using Align Output and Hide Overflow
Create dynamic backgrounds and multiple layout styles from a single PSD file with Export Kit. With Export Kit you can align your page output and hide the content overflow to create both Flush and Fluid layotus. You can easily create stunning backgrounds that are responsive to the user screen size in a few easy steps.
Step-By-Step Video
Need a visual? Watch our step-by-step tutorial!
Flush and Fluid Layouts
Flush
refers to the content of the PSD document remaining within the document size – this happens when Hide Overflow
is ENABLED.
Fluid
refers to the content of the PSD document spanning outside the document size – this happens when Hide Overflow
is DISABLED.
Flush: Hide Overflow - ENABLE
Fluid: Hide Overflow - DISABLED
Page Align Layouts
Align Output will allow you to align your content with the user screen to the left, center and right
.
Align Output can only work if your PSD document width is less
than the user screen width.
Flush Left
Hide Overflow - ENABLED
Align Output - LEFT
This will box-in
the content and left align
it to the user screen.
Flush Center
Hide Overflow - ENABLED
Align Output - CENTER
This will box-in
the content and center align
it to the user screen.
Flush Right
Hide Overflow - ENABLED
Align Output - RIGHT
This will box-in
the content and right align
it to the user screen.
Fluid Left
Hide Overflow - DISABLED
Align Output - LEFT
This will overflow
the content and left align
it to the user screen.
Fluid Center
Hide Overflow - DISABLED
Align Output - CENTER
This will overflow
the content and center align
it to the user screen.
Fluid Right
Hide Overflow - DISABLED
Align Output - RIGHT
This will overflow
the content and right align
it to the user screen.