Introducción a la Interfaz de Adobe Photoshop

En este tutorial, vamos a comenzar desde el principio. Exploraremos la interfaz de Adobe Photoshop. La primera versión de Photoshop fue lanzada a finales de la década de 1980. A pesar de todas las innovaciones y nuevas características que se han introducido a lo largo de los años, la interfaz en sí misma no ha cambiado mucho.

Para aquellos de ustedes que son completamente nuevos en Photoshop, les mostraré cómo funciona y les presentaré algunas cosas que deben tener en cuenta.

Depende de la version que tengas

En este momento, estoy utilizando Adobe Photoshop CC 2014 para Mac. Si están utilizando una versión anterior o Windows, algunas cosas pueden ser un poco diferentes, pero en principio, debería ser lo mismo.

Si ya tienen Photoshop abierto y desean seguir junto conmigo, primero deben ir a Ventana, desplazarse hasta Espacio de trabajo y seleccionar “Esenciales”. Luego, para asegurarnos de que todos tengamos la misma configuración, debemos ir nuevamente a Ventana, Espacio de trabajo y seleccionar “Restablecer esenciales”.

Esto configurará la interfaz con el diseño predeterminado de Esenciales y deberían tener algo similar a esto.

Ahora, no se preocupen si su configuración no es exactamente igual a la mía aquí. Lo importante es que tengan las configuraciones predeterminadas. Sigan mis indicaciones y estarán bien. Más adelante, aprenderán que pueden personalizar esta disposición, pero por ahora, es mejor que tengan una disposición similar para seguir el curso.

Marco de aplicación

Otro detalle importante es asegurarse de tener activado el “Marco de la aplicación”. El marco de la aplicación es el espacio gris que ven aquí en el fondo.

Si van a Ventana y se desplazan hacia abajo, encontrarán el “Marco de la aplicación” aquí.

Al hacer clic, pueden ver el escritorio. Si bien podemos trabajar de esta manera, personalmente, encuentro que es más cómodo trabajar con el marco de la aplicación activado.

Así que para este tutorial, necesitaremos tener el marco de la aplicación activado. Si volvemos a Ventana, nos desplazamos hacia abajo y hacemos clic para activarlo, perfecto.

Interfaz obscura o clara

Esta es Adobe CC, y con CS6 y CC, tenemos esta interfaz oscura. Si están utilizando una versión anterior, verán una interfaz más clara. Si desean cambiar el color de la interfaz, pueden ir a Photoshop en la barra de herramientas superior, seleccionar Editar para Windows, desplazarse hacia abajo y seleccionar “Preferencias” y luego “Interfaz”.

Aquí pueden cambiar el tono entre claro y oscuro en la parte superior de este menú. A mí me gusta oscuro, así que seleccionaré la opción más oscura y haré clic en OK.

Para comenzar, debes abrir un documento. Este documento te ayudará a demostrar diversas funcionalidades del programa que cubriremos más adelante en este artículo. Asegúrense de abrir un documento y seguir junto conmigo.

Bien, ahora observemos detenidamente la interfaz. A la izquierda, tenemos este panel alto y delgado. Este es el panel de herramientas y contiene todas las herramientas que se pueden utilizar en Photoshop. Como pueden ver, hay muchos iconos ahí.

Cómo activar una herramienta en la columna de herramientas

Para activar una herramienta, simplemente hagan clic en ella o presionen uno de los muchos botones de acceso directo en el teclado.

Sabrán qué herramienta está activa porque tendrá un cuadro de resalte detrás de ella en el panel de herramientas. En Photoshop, utilizaremos muchas herramientas y la mayoría de ellas tienen su propio icono de cursor de ratón único. Notarán que al usar una herramienta, el cursor del ratón cambiará, lo que indica qué herramienta hemos activado.

Si observan cuidadosamente, verán que casi todos los iconos tienen una pequeña flecha blanca en la esquina inferior derecha. Si hacen clic y mantienen presionado un icono con una flecha blanca, se mostrarán más herramientas en ese conjunto.

Cada herramienta principal, tiene varias dentro

Por ejemplo, si hago clic y mantengo presionada la herramienta de pluma, se mostrarán cuatro herramientas adicionales dentro de ese conjunto. Si hago clic y mantengo presionada la herramienta de formas, se mostrará una variedad de herramientas que se pueden crear muy fácilmente. Así que tengan en cuenta que algunas herramientas funcionan en conjuntos.

Color de primer plano y color de fondo

Ahora, si nos fijamos en la parte inferior de este panel, verán dos cuadrados superpuestos.

Si son nuevos en Photoshop, es posible que no estén familiarizados con esto. Esto representa un color de primer plano y un color de fondo. El cuadrado superior es el color de primer plano y el cuadrado inferior es el color de fondo.

En este momento, podemos ver que el color de primer plano en la parte superior es negro y el color de fondo es blanco.

Botón de cambiar primer plano y fondo

Justo encima del color de primer plano y fondo en el panel de herramientas, tenemos un pequeño botón llamado “Cambiar primer plano y fondo”.

Si hago clic en él, los colores de primer plano y fondo se intercambiarán. Así de fácil, podemos cambiar el color de primer plano y el color de fondo.

A la izquierda del botón “Cambiar primer plano y fondo”, tenemos otro botón pequeño que es “Colores predeterminados de primer plano y fondo”. Si hago clic en él, los cuadrados de primer plano y fondo se establecerán en negro y blanco.

No lo verán en acción ahora, ya que nuestros colores ya son negro y blanco, pero si los colores de primer plano y fondo estuvieran configurados en otros colores, al hacer clic en este botón los establecerá en negro y blanco. Como pueden ver, el menú de herramientas actualmente está en una columna.

Si observan detenidamente en la parte superior izquierda del panel de herramientas (hasta arriba de la columna de herramientas), verán unas pequeñas flechas que apuntan hacia la derecha.

Si hago clic una vez, cambiaremos el panel a una doble columna, y si presiono nuevamente, volveremos a la columna única. Durante el transcurso de este curso, haré clic y configuraré mi panel de herramientas en una fila única.

Ahora, movámonos hacia la parte superior de nuestra ventana, donde podemos ver la barra de herramientas estándar.

Desde aquí, podemos acceder a varias propiedades, controles e iniciar algunas de las funciones creativas en Photoshop. Sin embargo, no profundizaremos demasiado en esto por ahora. Justo debajo de la barra superior, tenemos el panel de control.

Panel de control

El panel de control se extiende a lo ancho de la pantalla, justo debajo del menú principal en la parte superior. Este panel de control es realmente útil, ya que muestra varias propiedades y opciones de una herramienta en particular que hayamos seleccionado en cualquier momento.

Pronto se darán cuenta de que este es uno de los paneles más importantes del programa, y a medida que usen Photoshop, lo consultarán con frecuencia.

Si me muevo por el menú de herramientas y hago clic en cada herramienta, notarán cómo cambia el panel de control.

Esto muestra todas las diversas herramientas y opciones de la herramienta que se pueden alternar y utilizar según sea necesario. Más adelante en el curso, aprenderán cómo usar este panel a medida que comencemos a utilizar las diversas herramientas del panel de herramientas.

Así que tengan en cuenta que, a medida que utilicen sus herramientas, deben prestar atención al panel de control, ya que es realmente útil.

Paneles de Capas, Bibliotecas y de Color

Ahora movámonos hacia el lado derecho, donde podemos ver algunos paneles visibles y otro panel delgado con iconos. Estos iconos representan paneles que se pueden hacer visibles haciendo clic en ellos. Aquí tenemos Historial y Propiedades.

Si hago clic una vez en el icono, el panel se desplegará y, si hago clic en el icono de abajo, el panel se ocultará nuevamente. Junto a esto, hay algunos paneles que ya son visibles.

Aquí podemos ver los paneles de Capas, Bibliotecas y Color. Si observan detenidamente, estos paneles también incluyen otros paneles como pestañas. Por ejemplo, en este panel de capas, también tenemos el panel de Canales y el panel de Trayectorias. Pronto descubrirán que estos paneles, al igual que el panel de control, son esenciales para producir trabajos en Adobe Photoshop. Para tener un flujo de trabajo rápido en este programa, es útil tener una configuración cómoda de estos paneles.

En Photoshop, pueden organizar y personalizar estos paneles de varias maneras. Les mostraré cómo hacerlo en un artículo próximo y les recomendaré una disposición eficiente, aunque lo que ven aquí es una configuración predeterminada.

Si nos desplazamos hasta la parte inferior de la ventana, encontraremos una franja delgada. También contiene algunas herramientas útiles y ayudas visuales.

Si miramos a la izquierda, veremos la ampliación de nuestro documento. Esto nos dará una indicación, de un vistazo, del porcentaje al que estamos viendo la obra de arte en el área del lienzo.

También podemos usar esto para hacer zoom dentro y fuera de nuestro documento de manera precisa. Podemos hacerlo haciendo clic en el cuadro y escribiendo un valor específico. Por ejemplo, puedo escribir 50 y presionar enter para ver mi obra de arte al 50%.

A la derecha de esto, tenemos una caja de ayuda visual. También a la derecha, podemos ver una pequeña flecha blanca. Si hago clic en ella, podemos elegir entre una lista lo que queremos mostrar en esta caja; por ejemplo, elegiré “Dimensiones del documento”.

Aquí puedo ver el tamaño de mi documento. Si hago clic y mantengo presionada esta caja, también me mostrará un vistazo rápido al ancho, alto y resolución de mi documento.

¿Qué son las pestañas de documentos? Bueno, actualmente tenemos este documento abierto y, si observan detenidamente en la esquina superior izquierda, justo debajo del panel de control, tenemos una pestaña que muestra el nombre del documento.

A veces, pueden encontrarse usando múltiples documentos al mismo tiempo. En Photoshop, pueden tener varios documentos abiertos a la vez. Por ejemplo, creemos rápidamente un nuevo documento.

Iré a Archivo, Nuevo y simplemente haré clic en OK, y ahí está. Y hagamos uno más, Archivo, Nuevo y clic en OK y tenemos otro. Ahora, miren nuevamente cuidadosamente en la parte superior izquierda, justo debajo del panel de control, esta vez tenemos tres pestañas. Podemos hacer clic en ellas para navegar a otros documentos.

Si hago clic en la pestaña más a la izquierda, volveremos a nuestro primer documento. Si hago clic en la siguiente pestaña a la derecha, veremos el nuevo documento y si hago clic en la siguiente pestaña, veremos el otro documento. A medida que utilicemos varios documentos, simplemente haremos clic en estas pestañas para navegar entre ellos.

Así que cuando comencemos a usar múltiples documentos más adelante en el curso, utilizaremos las pestañas de documentos de esta manera.

Cerraré estos dos documentos haciendo clic en el ícono “x” en la parte izquierda de las pestañas hasta que vuelva a mi documento original. Esa es una breve descripción de la interfaz de Adobe Photoshop.

En el próximo artículo, examinaremos detenidamente los paneles de trabajo, donde les mostraré cómo pueden personalizar la disposición de sus paneles para obtener un espacio de trabajo más cómodo y adaptado. Nos vemos en el próximo artículo.

Scroll to Top