¡Aprenda a usar el panel Navigator de Photoshop para hacer zoom y desplazar sus imágenes, y por qué es perfecto para navegar alrededor de una imagen cuando está ampliada! Parte 3 de nuestro capítulo de Navegación de imágenes. Para Photoshop CC y CS6.

En este tercer tutorial de nuestra serie sobre la navegación de imágenes en Photoshop, aprenderemos cómo usar el panel Navegador . Hasta ahora, hemos aprendido cómo hacer zoom y desplazar imágenes con la Herramienta Zoom y la Herramienta Mano. También hemos aprendido cómo cambiar el nivel de zoom de una imagen desde la ventana del documento. El panel Navigator de Photoshop es un poco como tener la Herramienta Zoom, la Herramienta Mano y la ventana del documento todo en uno. El panel Navegador nos permite ver nuestra imagen y cambiar su nivel de zoom, tal como podemos hacerlo en la ventana del documento. Podemos acercar manualmente cualquier parte de nuestra imagen desde el panel Navegador, tal como podemos hacerlo con la Herramienta Zoom. Y, el panel Navegador nos permite desplazar la imagen, al igual que la Herramienta de mano.

Pero la mejor característica del panel Navegador, y la razón principal por la que es tan útil, es que nos permite realizar un seguimiento fácil de dónde estamos en la imagen mientras nos acercamos. ¡Veamos cómo funciona! Usaré Photoshop CC pero este tutorial es totalmente compatible con Photoshop CS6.

Esta es la lección 3 de 7 en el Capítulo 4: Navegación de imágenes en Photoshop. ¡Empecemos!

Puedes seguirlo abriendo cualquier imagen en Photoshop. Aquí está la foto que usaré (foto del faro de Adobe Stock):

Una imagen abierta en Photoshop CC. Crédito de la foto: Adobe Stock.

Abrir el panel del navegador

Como aprendimos en el capítulo anterior, Photoshop utiliza espacios de trabajo para determinar cuáles de sus muchos paneles se muestran en la pantalla. El espacio de trabajo predeterminado se conoce como Essentials . Si alguna vez usó el espacio de trabajo de Essentials, es posible que nunca haya oído hablar del panel de navegación. Esto se debe a que el panel Navegador no está incluido en el espacio de trabajo de Essentials, lo que significa que, al menos de forma predeterminada, no se encuentra en ninguna parte de la pantalla. Sin embargo, está bien, porque Photoshop nos permite abrir cualquier panel que necesitemos, en cualquier momento que lo necesitemos.

Todos los paneles de Photoshop se pueden abrir desde el menú Ventana en la Barra de menús en la parte superior de la pantalla. Para abrir el panel Navegador, vaya al menú Ventana y elija Navegador de la lista. Si ve una marca de verificación junto al nombre de un panel, significa que el panel ya está abierto. En mi caso, no hay una marca de verificación junto al panel Navegador, por lo que lo seleccionaré para abrirlo:

Abrir el panel Navegador desde el menú Ventana.

Los paneles que están abiertos en Photoshop se encuentran en columnas a la derecha de la interfaz. De forma predeterminada, Photoshop acopla el panel del Navegador en la columna pequeña y estrecha a la izquierda, donde los paneles aparecen solo como iconos. El icono del panel de navegación se parece al volante de un barco. Puede abrir ( expandir ) o cerrar ( contraer ) el panel haciendo clic en su icono:

El panel Navegador aparece en la columna del panel angosto a la izquierda de la columna principal.

Cambiar el tamaño del panel del navegador

En su tamaño predeterminado, el panel Navegador no es muy útil, pero podemos hacerlo fácilmente más grande. Para cambiar el tamaño del panel, haga clic en su esquina inferior izquierda y arrástrelo hacia afuera. Puede hacer que el panel Navegador sea tan grande como desee, pero, por supuesto, querrá dejar espacio para ver su imagen en la ventana del documento. Si está trabajando con dos monitores, puede mover el panel del Navegador al segundo monitor y cambiar su tamaño para llenar toda la pantalla. En mi caso, lo haré lo suficientemente grande para que sea fácil ver mi imagen dentro de él:

Haga clic y arrastre la esquina inferior izquierda para cambiar el tamaño del panel Navegador.

El área de vista previa y el cuadro de vista

La característica más obvia del panel Navegador es el área de vista previa de la imagen. El área de vista previa nos muestra la imagen completa, incluso cuando nos acercamos. Veremos por qué eso es importante en un momento. Observe que el área de vista previa está rodeada por un borde delgado y rojo. Esto se conoce como el cuadro de vista . El cuadro de vista representa la sección de la imagen que estamos viendo actualmente en la ventana del documento. Cuando abrimos una imagen por primera vez, Photoshop ajusta la imagen completa en la pantalla. Entonces, como podemos ver la imagen completa, toda la imagen en el panel Navegador está rodeada por el Cuadro de visualización:

El panel del navegador que muestra la vista previa de la imagen y el cuadro de vista rojo que lo rodea.

Visualización del nivel de zoom actual

Así como podemos ver el nivel de zoom actual de la imagen en la esquina inferior izquierda de la ventana del documento, también podemos verlo en la esquina inferior izquierda del panel Navegador. Aquí, el cuadro muestra que estoy viendo mi imagen en pantalla con un tamaño de zoom de 33.33%. Volveremos a este cuadro de nivel de zoom un poco más tarde:

El panel Navegador muestra el nivel de zoom actual en la esquina inferior izquierda.

Cambio del nivel de zoom con el control deslizante

Veamos qué sucede con el cuadro de vista en el área de vista previa cuando cambiamos el nivel de zoom de la imagen. Una forma de cambiar el nivel de zoom desde el panel Navegador es mediante el control deslizante . Encontrarás el control deslizante en la parte inferior del panel. Arrastre el control deslizante hacia la derecha para acercar o hacia la izquierda para alejar:

El control deslizante de nivel de zoom en el panel Navegador.

Aquí, estoy haciendo zoom arrastrando el control deslizante hacia la derecha. Podemos ver que he ampliado mi imagen en la ventana del documento. Pero tenga en cuenta que el área de vista previa en el panel Navegador todavía muestra toda la imagen, como si no hubiera ampliado el zoom en absoluto:

Arrastrando el control deslizante en el panel Navegador cambia el nivel de zoom de la imagen en la ventana del documento.

Una mirada más cercana al cuadro de vista

La forma en que funciona el panel Navegador es que el área de vista previa siempre muestra la imagen completa, sin importar el nivel de zoom. El cuadro de vista, por otro lado, es diferente. Nos muestra qué parte de la imagen estamos viendo en la ventana del documento en el nivel de zoom actual . Anteriormente, cuando la imagen completa era visible en la pantalla, el cuadro de vista rodeaba toda la imagen. Pero ahora que he ampliado y la imagen ahora es demasiado grande para caber en la pantalla, el cuadro de vista ha cambiado de tamaño. Ahora rodea solo una sección más pequeña en el centro de la imagen. El área dentro del cuadro de vista es el área que es visible en la ventana del documento en mi nivel de zoom actual. Todo lo que está fuera del cuadro de vista ahora se extiende fuera de la pantalla:

El cuadro de vista nos muestra dónde estamos en la imagen al acercarnos.

Panorámica de la imagen con el cuadro de vista

El cuadro de vista en el panel Navegador facilita saber qué parte de la imagen estamos viendo cuando nos acercamos. Pero hay más en el cuadro de vista que eso. También podemos usarlo para cambiar qué parte de la imagen estamos viendo. Para desplazarse o moverse a una parte diferente de la imagen, simplemente haga clic dentro del cuadro de vista y arrástrelo a una nueva ubicación. La nueva ubicación se convierte en el área que está viendo en la ventana del documento. Arrastraré el cuadro hacia la derecha, lejos del faro, para que el barco en el extremo derecho de la foto esté dentro de los límites del cuadro de vista:

Arrastrando el cuadro de vista a una parte diferente de la imagen.

Después de mover el cuadro de vista, el barco ahora es visible en la ventana del documento, mientras que el faro se ha movido hacia un lado:

La nueva área dentro del cuadro de vista ahora está visible en la ventana del documento.

Los botones Acercar y Alejar

Hemos visto que podemos acercar y alejar la imagen usando el control deslizante en la parte inferior del panel del Navegador. Otra forma de acercar y alejar es con los botones Acercar y Alejar a cada lado del control deslizante. Haga clic en el botón Acercar (la gran cordillera) a la derecha para acercar, o en el botón Alejar (la pequeña cordillera) a la izquierda para alejar. Al hacer clic en el mismo botón repetidamente, lo acercará o alejará aún más, en pasos incrementales. Nuevamente, el cuadro de vista cambia de tamaño para mostrar el área ahora visible en la ventana del documento. Puede hacer clic y arrastrar el cuadro de vista para inspeccionar diferentes áreas de la imagen en su nuevo nivel de zoom:

Los botones Acercar (derecha) y Alejar (izquierda) a cada lado del control deslizante.

Cambio del nivel de zoom desde el cuadro de nivel de zoom actual

Anteriormente, aprendimos que podemos ver el nivel de zoom actual en el cuadro en la esquina inferior izquierda del panel Navegador. También podemos cambiar el nivel de zoom desde el mismo cuadro. Haga clic dentro del cuadro para resaltar el valor actual. Escriba su nuevo valor y luego presione Intro (Win) / Retorno (Mac) en su teclado para aceptarlo. Si mantiene presionada la tecla Mayús mientras presiona Entrar (Win) / Retorno (Mac), mantendrá el valor resaltado después de haberlo aceptado. Esto le permite ingresar rápidamente un valor de zoom diferente sin necesidad de hacer clic primero dentro del cuadro para resaltarlo nuevamente. Photoshop agregará automáticamente el símbolo%, por lo que no es necesario escribirlo usted mismo:

Cambiar el nivel de zoom usando el cuadro en la parte inferior izquierda.

Cambio del nivel de zoom con el control deslizante Scrubby

Para obtener un control más preciso sobre el nivel de zoom en el panel Navegador, use el control deslizante Scrubby . Pase el cursor del mouse sobre el nivel de zoom actual en la esquina inferior izquierda. Luego, mantenga presionada la tecla Ctrl (Win) / Comando (Mac) en su teclado. Su cursor cambiará a una mano con flechas de dirección apuntando a izquierda y derecha. Este es el ícono de Scrubby Slider de Photoshop. Haga clic y mantenga presionado el botón del mouse, y luego arrastre hacia la izquierda o hacia la derecha para cambiar el nivel de zoom en incrementos del 1%. Arrastre hacia la derecha para aumentar el nivel de zoom o hacia la izquierda para disminuirlo. Si mantiene presionada la tecla Mayús mientras arrastra (mientras mantiene presionada la tecla Ctrl (Win) / Comando (Mac)), cambiará el nivel de zoom en incrementos del 10%:

Cambiar el nivel de zoom con el control deslizante Scrubby.

Selección manual de un área para acercar

La forma más rápida y fácil de ampliar una parte de su imagen con el panel Navegador es simplemente arrastrar una selección alrededor del área que necesita. Coloque el cursor del mouse sobre el área de vista previa y luego presione y mantenga presionada la tecla Ctrl (Win) / Comando (Mac) en su teclado. Su cursor cambiará a una lupa, similar al cursor de la herramienta Zoom. Con la tecla Ctrl (Win) / Comando (Mac) presionada, haga clic y arrastre un cuadro de vista alrededor del área donde desea acercar. Aquí, estoy arrastrando alrededor del faro:

Arrastrando un cuadro de vista alrededor de un área para acercar.

Cuando suelta el botón del mouse, Photoshop amplía instantáneamente esa parte de la imagen en la ventana del documento. En mi caso, el faro ahora está al frente y al centro:

Photoshop amplía el área seleccionada.

Cambiar el color del cuadro de vista

Finalmente, aprendamos cómo cambiar el color del cuadro de vista. El color predeterminado es rojo claro, pero dependiendo de su imagen, el rojo claro puede no ser tan fácil de ver. Para cambiar el color, haga clic en el icono del menú en la esquina superior derecha del panel Navegador:

Al hacer clic en el icono del menú del panel Navegador.

Luego elija Opciones de panel en el menú:

Abrir las opciones del panel Navegador.

En el cuadro de diálogo Opciones del panel, haga clic en el rojo claro predeterminado y elija un color diferente para el cuadro de vista de la lista. O haga clic en Personalizar en la parte superior para abrir el Selector de color de Photoshop, donde puede elegir el color que desee. Haga clic en Aceptar cuando haya terminado para aceptarlo y cierre el cuadro de diálogo:

Elija un color para el cuadro de vista que sea más fácil de ver frente a su imagen.

A dónde ir después …

¡Y ahí lo tenemos! En la próxima lección de este capítulo, aprenderemos cómo una nueva función en Photoshop CC conocida como Overscroll nos permite desbloquear nuestra imagen desde la ventana del documento para que podamos desplazarnos a cualquier nivel de zoom.

O vea cualquiera de las otras lecciones en este capítulo:

  • 01. Zoom y paneo de imágenes en Photoshop
  • 02. Zoom y panorámica de todas las imágenes a la vez
  • 03. Cómo usar el panel Navegador
  • 04. Cómo desplazar imágenes usando Overscroll
  • 05. Navegación de imágenes con Birds Eye View
  • 06. Rotación del lienzo con la herramienta Rotar vista
  • 07. Consejos, trucos y atajos de navegación de imágenes de Photoshop

Para obtener más capítulos y nuestros últimos tutoriales, visite nuestra sección Conceptos básicos de Photoshop.