Trabajar con Artboards en Photoshop CC

Al igual que en Adobe Illustrator, las mesas de trabajo de Photoshop proporcionan la capacidad de crear páginas o pantallas separadas dentro de un documento. Esto puede ser especialmente útil si está construyendo pantallas para una aplicación móvil o un pequeño folleto.

Puede pensar en una mesa de trabajo como un tipo especial de grupo de capas creado utilizando el panel Capas. Su funcionalidad puede que no sea tan intuitiva en Photoshop como en Adobe Illustrator, pero con un poco de práctica deberías acostumbrarte. Siga estos pasos para ver cómo puede hacer mesas de trabajo por su cuenta:

  1. En este ejemplo, se crea un nuevo documento utilizando el documento de inicio del iPhone 6. Si está iniciando un nuevo documento con la ventana Nuevo documento heredado, cree un nuevo archivo con estas dimensiones: 750 de ancho x 1334 de alto. Crea un documento del tamaño del iPhone 6.
  2. Si ha creado su nuevo documento con el archivo de inicio del iPhone 6, ya verá una mesa de trabajo en el panel de Capas, el panel de Capas con una mesa de trabajo ya creada.
  3. Si no ve una mesa de trabajo, cree una ahora seleccionando Nueva mesa de trabajo en el menú del panel Capas. puede añadir su propia mesa de trabajo usando el menú del panel Capas. mientras crea mesas de trabajo, puede elegir entre una amplia variedad de tamaños preestablecidos o definir su propio tamaño de mesa de trabajo.
  4. Elija File→ Coloque Embedded y navegue hasta la carpeta Book03-Photoshop. Haga doble clic para seleccionar la imagen llamada water_sky o seleccione la imagen y pulse Place.
  5. Cuando la imagen aparezca en la mesa de trabajo, agarre uno de los controles de las esquinas, mantenga presionada la tecla Mayúsculas y haga clic y arrastre hacia afuera para escalar la imagen y llenar toda la mesa de trabajo. Cuando la imagen esté dimensionada y posicionada, seleccione la casilla de verificación Confirmar en la barra de Opciones, o presione la tecla Intro para confirmar la ubicación de la imagen.
  6. Seleccione la herramienta Tipo y haga clic y arrastre sobre la mesa de trabajo para crear un área de texto y añadir una nueva capa de texto.
  7. Escriba el texto, WATER & SKY. Utilizando los controles de la barra de opciones, defina el tipo con las siguientes propiedades:Fuente: Myriad Pro BoldSize: 110 ptColor: Blanco
  8. Seleccione el botón Confirmar en la barra de Opciones después de haber configurado su tipo. añada una capa de texto a su mesa de trabajo. puede presionar Ctrl+Return (Windows) o ⌘ +Return (Mac) con el fin de confirmar una capa de tipo también.

Así que como ves, trabajas con Artboards como lo harías con cualquier otro documento de Photoshop. La diferencia está en el siguiente paso, donde encontrará cómo agregar mesas de trabajo adicionales a su archivo.

Añadir mesas de trabajo adicionales

También puede crear mesas de trabajo adicionales. Quizás quieras una aplicación móvil multipantalla creada en Photoshop, o simplemente quieres crear múltiples versiones de una pantalla. Para estas instrucciones, continúe con el proyecto iniciado anteriormente.

  1. Haga clic en la herramienta Mover y seleccione la herramienta Artboard oculta. use la herramienta Artboard para manipular las mesas de trabajo y crear más. Puede hacer clic en estos iconos de signo más para añadir mesas de trabajo adicionales.
  2. Haga clic en el icono del signo más a la derecha de la mesa de trabajo existente para ver que se ha añadido una nueva mesa de trabajo en blanco. Asegúrese de que, al igual que las capas, la nueva mesa de trabajo aparezca sobre la capa seleccionada.

También puede utilizar la herramienta Artboard para crear su propia mesa de trabajo de tamaño personalizado. Para ello, haga clic y arrastre con la herramienta de la mesa de trabajo en el lienzo de Photoshop. En la barra de opciones de la herramienta, seleccione un tamaño preestablecido en el menú desplegable Tamaño, o simplemente déjelo en su tamaño personalizado.

Nombrar las mesas de trabajo

Antes de que este archivo se vuelva más complejo, sería prudente nombrar las mesas de trabajo. Esto se hace en el panel Capas.

  1. Seleccione la mesa de trabajo inicial (Mesa de trabajo 1) y haga doble clic en el nombre de la mesa de trabajo. Cuando el cuadro de texto esté activo, escriba el nombre Inicio.
  2. Haga doble clic en el nombre Artboard 2 en el panel Capas y nombre esta capa Beach.

Añadir contenido a la segunda mesa de trabajo

Ahora, agregue una imagen y algo de texto a la segunda mesa de trabajo:

  1. Haga clic en la herramienta Artboard y vuelva a cambiar a la herramienta Move.
  2. Asegúrese de que la mesa de trabajo Beach está seleccionada en el panel Capas y elija File→ Place Embedded. Navegue hasta la carpeta Book03_Photoshop y seleccione la imagen llamada Beach y pulse Place. La imagen se añade a la segunda mesa de trabajo.
  3. Al igual que con la última imagen que colocó, mantenga presionada la tecla Mayúsculas y arrastre Mayúsculas en un punto de la esquina para escalar proporcionalmente la imagen más grande y llenar la pantalla.
  4. Con la herramienta Mover activa, haga clic y arrastre la imagen. Tenga en cuenta que aunque esté en el mismo documento, no se superpone ni interfiere con las ilustraciones de otras mesas de trabajo.

Clonación de una mesa de trabajo a otra

Ahora, clone el texto desde la mesa de trabajo de la casa a la mesa de trabajo de la playa:

  1. Con la herramienta Mover todavía seleccionada, haga Ctrl+clic (Windows) o ⌘ -clic (Mac) en el texto WATER & SKY en la mesa de trabajo Home. Esto activa esa capa.
  2. Mantenga pulsada la tecla Alt (Windows) u Opción (Mac) y haga clic y arrastre el texto de una mesa de trabajo a la siguiente, si mantiene pulsada la tecla Mayúsculas mientras arrastra, la imagen permanecerá alineada.
  3. Cambie a la mesa de trabajo y haga doble clic en el texto recién clonado para activar el área de texto y escriba FUN BEACHES.A Photoshop file with two artboards.

Mover elementos de una mesa de trabajo a otra

Para mover un elemento de una mesa de trabajo a otra, simplemente arrastre los elementos de una mesa de trabajo a otra. Al mover un elemento entre mesas de trabajo, Photoshop intenta posicionarlo en la misma ubicación relativa a los orígenes de la regla que se encuentran en las esquinas superiores izquierdas de las mesas de trabajo.

Exportación de sus mesas de trabajo

Puede guardar el archivo como un archivo de Photoshop para mantener las capas, pero en este ejemplo exportará el archivo como un PDF de dos páginas. O bien, utilice la función de exportación de File→ para exportar sus mesas de trabajo como PNG, JPEG, PDF y mucho más.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *