Trabajar con mesas de trabajo en Photoshop CC

Trabajar con mesas de trabajo en Photoshop CC

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

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

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 de Nuevo documento heredada, cree un nuevo archivo con estas dimensiones: 750 de ancho x 1334 de alto.Trabajar con mesas de trabajo en Photoshop CC

Crea un documento del tamaño del iPhone 6.

Si creó su nuevo documento con el archivo de inicio del iPhone 6, ya verá una mesa de trabajo en el panel Capas.Trabajar con mesas de trabajo en Photoshop CC

El panel Capas con una mesa de trabajo ya creada.

Si no ve una mesa de trabajo, cree una ahora eligiendo Nueva mesa de trabajo en el menú del panel Capas.Trabajar con mesas de trabajo en Photoshop CC

Puede agregar su propia mesa de trabajo usando el menú del panel Capas.

Al crear mesas de trabajo, puede elegir entre una amplia variedad de tamaños preestablecidos o definir su propio tamaño de mesa de trabajo personalizado.

Elija Archivo → Colocar incrustado y navegue hasta la carpeta Book03-Photoshop. Haga doble clic para seleccionar la imagen llamada water_sky o seleccione la imagen y presione Colocar.

Cuando la imagen aparezca en la mesa de trabajo, tome uno de los controladores de las esquinas, mantenga presionada la tecla Mayús y haga clic y arrastre hacia afuera para escalar la imagen y llenar toda la mesa de trabajo. Cuando la imagen tenga el tamaño y la posición, 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.Trabajar con mesas de trabajo en Photoshop CC

Coloque una imagen y estírela para que se ajuste a toda la mesa de trabajo.

A continuación, agrega una capa de texto.

Seleccione la herramienta Texto y haga clic y arrastre en la mesa de trabajo para crear un área de texto y agregar una nueva capa de texto.

Escriba el texto, AGUA Y CIELO. Con los controles de la barra de opciones, establezca el tipo en las siguientes propiedades:

  • Fuente: Myriad Pro Bold
  • Tamaño: 110 pt
  • Color: blanco

Seleccione el botón Confirmar en la barra de opciones después de haber configurado su tipo.Trabajar con mesas de trabajo en Photoshop CC

Agrega una capa de texto a tu mesa de trabajo.

Puede presionar Ctrl + Retorno (Windows) o ⌘ + Retorno (Mac) para confirmar también una capa de texto.

Como puede ver, trabaja con Artboards como lo haría con cualquier otro documento de Photoshop. La diferencia viene en el siguiente paso, donde encontrará cómo agregar mesas de trabajo adicionales a su archivo.

Agregar mesas de trabajo adicionales

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

Haga clic en la herramienta Mover y seleccione la herramienta Mesa de trabajo oculta.Trabajar con mesas de trabajo en Photoshop CC

Utilice la herramienta Mesa de trabajo para manipular las mesas de trabajo y crear más.

Los iconos del signo más aparecen en todos los lados de la mesa de trabajo. Puede hacer clic en estos iconos de signo más para agregar mesas de trabajo adicionales.

Haga clic en el icono del signo más a la derecha de su mesa de trabajo existente para ver que se agrega una nueva mesa de trabajo en blanco.Trabajar con mesas de trabajo en Photoshop CC

Agregue una mesa de trabajo en blanco haciendo clic en el icono del signo más.

Eche un vistazo al panel Capas. Asegúrese de que, al igual que las capas, la mesa de trabajo más nueva aparezca sobre la capa seleccionada.

También puede utilizar la herramienta Mesa de trabajo para crear su propia mesa de trabajo de tamaño personalizado. Haga esto haciendo clic y arrastrando con la herramienta de mesa de trabajo en el lienzo de Photoshop. En la barra de opciones de herramientas, seleccione un tamaño preestablecido en el menú emergente Tamaño, o simplemente déjelo en su tamaño personalizado.

Nombrar tus mesas de trabajo

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

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.

Haga doble clic en el nombre Mesa de trabajo 2 en el panel Capas y nombre esta capa Playa.

Agregar contenido a la segunda mesa de trabajo

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

Haga clic en la herramienta Mesa de trabajo y vuelva a cambiar a la herramienta Mover.

Asegúrese de que la mesa de trabajo de la playa esté seleccionada en el panel Capas y elija Archivo → Colocar incrustado. Navegue a la carpeta Book03_Photoshop y seleccione la imagen llamada Playa y presione Colocar. La imagen se agrega a la segunda mesa de trabajo.

Al igual que con la última imagen que colocó, mantenga presionada la tecla Shift y Shift arrastre en un punto de la esquina para escalar proporcionalmente la imagen más grande y llenar la pantalla.

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 de la mesa de trabajo Inicio en la mesa de trabajo Playa:

Con la herramienta Mover aún seleccionada, presione Ctrl y haga clic (Windows) o ⌘-haga clic (Mac) en el texto AGUA Y CIELO en la mesa de trabajo Inicio. Esto activa esa capa.

Mantenga presionada 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 presionada la tecla Mayús mientras arrastra, la imagen permanecerá alineada.

Cambie a la mesa de trabajo y haga doble clic en el texto recién clonado para activar el área de texto y escriba PLAYAS DIVERTIDAS.Trabajar con mesas de trabajo en Photoshop CC

Un archivo de Photoshop con dos mesas de trabajo.

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. Cuando mueve un elemento entre mesas de trabajo, Photoshop intenta colocarlo en la misma ubicación en relación con los orígenes de la regla ubicados en las esquinas superiores izquierda de las mesas de trabajo.

Exportando sus mesas de trabajo

Puede guardar su 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 utilice la función Archivo → Exportar para exportar sus mesas de trabajo como PNG, JPEG, PDF y más.

Exportar mesas de trabajo como recursos de imagen

Puedes exportar mesas de trabajo como recursos de imagen JPEG, GIF o PNG directamente desde el panel Capas .

Exportar mesas de trabajo como PDF

Puede exportar mesas de trabajo como documentos PDF. Sigue estos pasos:

En Photoshop, seleccione Archivo > Exportar > Mesas de trabajo a PDF.

En el cuadro de diálogo Mesas de trabajo a PDF , haga lo siguiente:

  • Elija el destino/ubicación donde desea guardar los documentos PDF generados.
  • Especifique un prefijo de nombre de archivo para los documentos PDF generados. Por ejemplo, Campaña_seguro.
  • Especifique si desea exportar solo el contenido de las mesas de trabajo o también el contenido de las áreas que se superponen a las mesas de trabajo.
  • Especifique si desea exportar todas las mesas de trabajo o solo las seleccionadas actualmente.
  • Especifique si también desea exportar fondos de mesa de trabajo junto con las mesas de trabajo.
  • Especifique si desea generar un único PDF para todas las mesas de trabajo del documento actual o generar un documento PDF por mesa de trabajo. Si elige generar varios documentos PDF, todos esos documentos tendrán el prefijo de nombre de archivo que especificó anteriormente.
  • Especifique una codificación para los documentos PDF exportados: ZIP o JPEG. Si elige JPEG, especifique también una configuración de Calidad (0-12).
  • Especifique si desea incluir el perfil del Consorcio Internacional del Color (ICC) en los documentos PDF exportados. Un perfil ICC comprende datos que caracterizan un dispositivo de entrada o salida de color.
  • Especifique si desea exportar también los nombres de las mesas de trabajo junto con las mesas de trabajo exportadas. Puede especificar una fuente personalizada, un tamaño de fuente, un color de fuente y un color de extensión del lienzo mientras selecciona esta configuración.

Haga clic en Ejecutar. Photoshop genera el documento PDF.

Exportar mesas de trabajo como archivos

Puede exportar mesas de trabajo como archivos separados. Sigue estos pasos:

En Photoshop, seleccione Archivo > Exportar > Mesas de trabajo a archivos.

En el cuadro de diálogo Mesas de trabajo a archivos , haga lo siguiente:

  • Elija el destino donde desea guardar los archivos generados.
  • Especifique un prefijo de nombre de archivo.
  • Especifique si desea exportar solo el contenido de la mesa de trabajo o si desea incluir también áreas superpuestas.
  • Especifique si desea exportar todas las mesas de trabajo o solo las seleccionadas actualmente.
  • Especifique si también desea exportar fondos de mesa de trabajo junto con las mesas de trabajo.
  • Elija el tipo de archivo que desea exportar. Tiene la opción de exportar como BMP, JPEG, PDF, PSD, Targa, TIFF, PNG-8 o PNG-24.
  • Especifique las opciones de exportación para el tipo de archivo que ha seleccionado.
    • Especifique si desea exportar también los nombres de las mesas de trabajo junto con las mesas de trabajo exportadas. Puede especificar una fuente personalizada, un tamaño de fuente, un color de fuente y un color de extensión del lienzo mientras selecciona esta configuración.

Haga clic en Ejecutar. Photoshop exporta las mesas de trabajo como archivos en el formato seleccionado.


Captura de pantalla de una sección de un archivo PDF

Captura de pantalla de una sección de un archivo PDF

Puede utilizar la herramienta Instantánea en Adobe Acrobat CS5 para seleccionar tanto texto como imágenes y crear una imagen de un área determinada dentro de un archivo PDF. El resultado se conoce comúnmente como una captura de pantalla de una sección dentro de un archivo PDF. El resultado es una imagen y su texto no es […]

Medición, recuento y análisis de píxeles en Photoshop CC

Medición, recuento y análisis de píxeles en Photoshop CC

Diseñado para investigadores y científicos, las capacidades de medición en Photoshop CC son bastante poderosas. Puede medir casi cualquier cosa y contar el número de lo que sea en una imagen técnica, tal vez desde un microscopio o telescopio. Si conoce el tamaño exacto de cualquier elemento en una imagen, puede descubrir casi cualquier cosa […]

Las herramientas Licuar en Adobe CS5 Illustrator

Las herramientas Licuar en Adobe CS5 Illustrator

Cuando utiliza las herramientas Licuar en Adobe Creative Suite 5 (Adobe CS5) Illustrator, puede doblar objetos (hacerlos ondulados, pegajosos o puntiagudos) creando distorsiones simples o complejas. Las herramientas Licuar pueden lograr todo tipo de distorsiones creativas o extravagantes (dependiendo de cómo se mire) en sus objetos. Usted […]

Cómo ajustar las propiedades del texto en Adobe XD

Cómo ajustar las propiedades del texto en Adobe XD

Cuando tenga texto en su proyecto de Adobe XD, puede comenzar a cambiar las propiedades del texto. Estas propiedades incluyen Familia de fuentes, Tamaño de fuente, Grosor de fuente, Alineación, Espaciado de caracteres (interletraje y seguimiento), Interlineado (interlineado), Relleno, Borde (trazo), Sombra (sombra paralela) y Desenfoque de fondo. Así que revisemos cómo se aplican esas propiedades. Acerca de la legibilidad y la fuente […]

Cómo crear códigos QR en InDesign CC

Cómo crear códigos QR en InDesign CC

Puede utilizar InDesign para crear y modificar gráficos de códigos QR. Los códigos QR son una forma de código de barras que puede almacenar información como palabras, números, URL u otras formas de datos. El usuario escanea el código QR usando su cámara y software en un dispositivo, como un teléfono inteligente, y el software hace uso […]

Trabajar con mesas de trabajo en Photoshop CC

Trabajar con mesas de trabajo en Photoshop CC

Al igual que en Adobe Illustrator, las mesas de trabajo de Photoshop brindan la capacidad de crear páginas o pantallas separadas dentro de un documento. Esto puede resultar especialmente útil si está creando pantallas para una aplicación móvil o un folleto pequeño. Puede pensar en una mesa de trabajo como un tipo especial de grupo de capas creado mediante el panel Capas. Su […]

Ajustar texto en Adobe Illustrator CC

Ajustar texto en Adobe Illustrator CC

Envolver texto en Adobe Illustrator CC no es lo mismo que envolver un regalo, ¡es más fácil! Un ajuste de texto obliga al texto a ajustarse a un gráfico, como se muestra en esta figura. Esta característica puede agregar un poco de creatividad a cualquier pieza. El gráfico está obligando al texto a envolverlo. Primero, crea […]

Cómo cambiar el tamaño de las formas en Illustrator

Cómo cambiar el tamaño de las formas en Illustrator

Al diseñar en Adobe Illustrator CC, a menudo necesita que una forma tenga un tamaño exacto (por ejemplo, 2 x 3 pulgadas). Después de crear una forma, la mejor manera de cambiar su tamaño a medidas exactas es usar el panel Transformar, que se muestra en esta figura. Seleccione el objeto y luego elija Ventana → Transformar a […]

Cómo aplicar transparencia a SVG

Cómo aplicar transparencia a SVG

Aprenda a aplicar transparencia a gráficos SVG en Illustrator. Explore cómo generar archivos SVG con fondos transparentes y aplicar efectos de transparencia.

Trabajar con imágenes en Adobe XD

Trabajar con imágenes en Adobe XD

Una vez que ha importado sus imágenes a Adobe XD, no tiene mucho control de edición, pero puede cambiar el tamaño y rotar las imágenes como lo haría con cualquier otra forma. También puede redondear fácilmente las esquinas de una imagen importada utilizando los widgets de esquina. Enmascarar sus imágenes mediante la definición de una forma cerrada […]