FW.01 – 9-slice scaling guides
Sep 07
Una de las últimas virtudes de Fireworks en la nueva CS3 de Adobe es una feature ya conocida por viejos usuarios de Flash. La *9-slice scaling guides* aplicables a símbolos de librería.
El uso principal de esta acción es redimensionar elementos que tengan zonas y/o textos que sean susceptibles de deformarse … y no nos interese que eso ocurra, todo esto dicho así, en bruto (y a lo bruto ;)
Muy útil para generar botones que varían de tamaño, las tan sobadas cajas con esquinas redondeadas y todo lo que se te ocurra.
Voy a poner un ejemplo práctico de uso con una caja super-ajax-dospuntocero con sus pestañas. Por lo que tenemos algo tal que así:
Primero convertimos en símbolo todo el bloque (F8), asignamos el nombre que queramos y marcamos la opción ‘Enable 9.slice scaling guides’. Double-click y tenemos algo como esto:
El funcionamiento de las guías es simple:
- Dividimos el área en 9 zonas.
- Las esquinas permanecen inalterables.
- Las zonas entre las dos guías verticales se redimensionan horizontalmente. De igual modo, entre las guías horizontales la redimensión es vertical.
- La zona central se redimensiona tanto vertical como horizontalmente.
Sabiendo esto, nuestro símbolo lo configuramos tal y como pinta lo siguiente:
Salimos del símbolo (cerrar ventana) y nos encontramos nuestro elemento listo para escalar sin deformarse.
Paso 1:
Paso 2:
y eso es todo por hoy, ya verás que le sacas partido ;) buen provecho!