Using FTML View
PSD layers to FTML with clean and clear code becomes simple. Translate your PSD layers to FTML with advanced support for text, images and shapes.
Example Image Element
1 | <mxml:Image src="ek126_1001_wordpress_bluebox_theme/vector_smart_object.png" name="vector_smart_object" x="-832" y="86" width="2838" height="769" /> |
Example Text Element
1 2 3 4 | <mxml:Text size="72" editable="false" background="false" align="left" bold="true" color="0xFFFFFF" name="page_title" x="98" y="131" width="888" height="188" > <ftml:text><![CDATA[Toronto’s award winning creative agency]]></ftml:text> </mxml:Text> |
Example Shape Element
1 | <mxml:Rectangle fillColor="0xECECEC" name="thumbnail" x="132" y="1253" width="165" height="165" /> |
Customize the FTML View to include additional information with the PSD layer such as effects, advanced text rendering and more.
Example Layer Effects
1 2 3 4 5 | <mxml:Text size="72" editable="false" background="false" align="left" bold="true" color="0xFFFFFF" name="page_title" x="98" y="131" width="888" height="188" > <ftml:text><![CDATA[Toronto’s award winning creative agency]]></ftml:text> <mxml:DropShadow distance="5" angle="30" color="0x000000" alpha="0.75" blurX="1" blurY="1" /> </mxml:Text> |