Dividir documentos en fragmentos para exportarlos a la web en Pixelmator Pro para Mac
Puedes dividir una imagen en varias partes, o sectores, y exportarlas con sus propios ajustes. Esta técnica se usa a menudo en diseños web y de interfaz que requieren componentes modulares optimizados para usos específicos. Por ejemplo, es posible que tengas que exportar los botones de un sitio web con un formato de imagen y los logotipos, con otro.
En Pixelmator Pro, puedes crear sectores a partir de las capas o grupos de capas de tu documento. También puedes dividir las capas manualmente. Cada sector se optimiza con los ajustes que elijas.
Dividir un documento manualmente
En Pixelmator Pro para Mac, haz clic en
en la barra de herramientas y, a continuación, selecciona “Exportar para web”.
Arrastra sobre un área del lienzo para crear un sector y, a continuación, arrastra de nuevo para crear sectores adicionales.
A medida que creas sectores, Pixelmator Pro añade guías en el lienzo para sugerir áreas de visión adicionales. Cada sector también se incluye en el panel “Exportar para web”.
Para crear rápidamente sectores adicionales sin arrastrar, con la tecla Control pulsada, haz clic en cualquier área fuera de los sectores existentes en el lienzo y, a continuación, selecciona “Promover a sector”.
Para modificar los ajustes de exportación de cada sector, selecciona un sector en el panel “Exportar para web” y, a continuación, ajusta los ajustes de exportación.
Consejo: Selecciona varios sectores en el panel “Exportar para web” para modificar sus ajustes a la vez.
Realiza una de las siguientes acciones:
Exportar todos los sectores: Haz clic en Exportar.
Exportar solo los sectores seleccionados: Selecciona uno o más sectores en el panel “Exportar para web”, con la tecla Control pulsada, haz clic en uno de los sectores y, a continuación, selecciona Exportar.
Crear un sector a partir de una capa o grupo de capas
En Pixelmator Pro para Mac, haz clic en
en la barra de herramientas y, a continuación, selecciona “Exportar para web”.
Arrastra una capa o grupo desde la barra lateral Capas hasta la parte superior del panel “Exportar para web”.
La capa se inserta como un sector. Puedes arrastrar capas adicionales al panel “Exportar para web” para crear más sectores.
Para modificar los ajustes de exportación de cada sector, selecciona uno en el panel “Exportar para web” y, a continuación, modifica los ajustes de exportación.
Realiza una de las siguientes acciones:
Exportar todos los sectores: Haz clic en Exportar.
Exportar solo los sectores seleccionados: Selecciona uno o más sectores en el panel “Exportar para web”, con la tecla Control pulsada, haz clic en uno de los sectores y, a continuación, selecciona Exportar.
Consejo: Puedes combinar los sectores cortados a mano con los sectores de capa.
Editar un sector
Después de añadir un sector, puedes editarlo.
En Pixelmator Pro para Mac, haz clic en
en la barra de herramientas y, a continuación, selecciona “Exportar para web”.
Realiza cualquiera de las acciones siguientes:
Mover un sector: Arrastra un sector del lienzo a una nueva ubicación.
Redimensionar un sector: Selecciona un sector en el lienzo y arrastra uno de sus tiradores negros.
Renombrar un sector: En el panel “Exportar para web”, haz doble clic en un sector, escribe un nombre nuevo y, después, pulsa Retorno.
Cambiar el orden de agrupación de un sector: En el panel “Exportar para web”, arrastra un sector a una nueva posición de la lista. También puedes mantener pulsada la tecla Control y hacer clic en un sector del lienzo y, a continuación, seleccionar “Colocar en primer plano”, “Colocar por encima”, “Colocar por debajo” o “Colocar en segundo plano”.
Eliminar un sector: Con la tecla Control pulsada, haz clic en un sector y selecciona “Eliminar sector”.
Eliminar todos los sectores: Con la tecla Control pulsada, haz clic en el lienzo y selecciona “Borrar sectores”.