El cuadro de diálogo de tamaño de imagen nuevo y mejorado en Photoshop CC

Tutorial del cuadro de diálogo Tamaño de imagen de Photoshop CC

El cuadro de diálogo de tamaño de imagen nuevo y mejorado en Photoshop CC

En esta serie de tutoriales, aprenderemos cómo cambiar el tamaño de las imágenes en Photoshop CC (Creative Cloud). Comenzaremos aquí con una descripción general rápida del nuevo diseño rediseñado de Photoshop CC. Cuadro de diálogo Tamaño de imagen, una mejora bienvenida con respecto a versiones anteriores. Luego, en los próximos tutoriales, aprenderemos cómo cambiar el tamaño y volver a muestrear las imágenes, así como la importante diferencia entre los dos.


También veremos las opciones de interpolación de imágenes de Photoshop CC, incluida una nueva diseñada para mantener nuestras imágenes nítidas y nítidas cuando las ampliamos, algo con lo que las versiones anteriores de Photoshop realmente han tenido problemas.

Nuevamente, este tutorial, así como los demás de esta serie, son para Photoshop CC, que requiere una suscripción a Adobe Creative Cloud. Si está utilizando Photoshop CS6 o una versión anterior, querrá leer nuestro tutorial original Cómo cambiar el tamaño de las imágenes en Photoshop, así como los otros tutoriales de cambio de tamaño de imágenes que se encuentran en nuestra sección Digital Photo Essentials.

Aquí hay una imagen que tengo abierta actualmente en mi pantalla (foto de mujer en el campo de otoño de Shutterstock):

retrato de mujer joven en campo de otoño amarillo.  Imagen con licencia de Shutterstock de Photoshop Essentials

La imagen original.

Abrir el cuadro de diálogo Tamaño de imagen


Obtenga todos nuestros tutoriales de Photoshop en formato PDF. ¡Descárgalos hoy!

Para cambiar el tamaño de las imágenes en Photoshop CC, al igual que en versiones anteriores de Photoshop, usamos el cuadro de diálogo Tamaño de imagen al que podemos acceder subiendo al Imagen menú en la barra de menú en la parte superior de la pantalla y seleccionando Tamaño de la imagen. También podemos acceder al cuadro de diálogo Tamaño de imagen directamente desde el teclado presionando Ctrl + Alt + I (Ganar) / Comando + Opción + I (Mac):

Seleccionar el cuadro de diálogo Tamaño de imagen en Photoshop CC.  Imagen © 2013 Photoshop Essentials

Ir a Imagen> Tamaño de imagen.

La ventana de vista previa

Esto abre el cuadro de diálogo Tamaño de imagen que se ha simplificado y mejorado en Photoshop CC. El mayor cambio con respecto a las versiones anteriores es que ahora tenemos un ventana de vista previa a la izquierda, donde podemos ver una vista previa en vivo de cómo se verá la imagen en función de la configuración que hemos elegido. Los ajustes en sí se encuentran a la derecha:

El cuadro de diálogo Tamaño de imagen rediseñado en Photoshop CC.  Imagen © 2013 Photoshop Essentials

El cuadro de diálogo Tamaño de imagen rediseñado en Photoshop CC, con una nueva ventana de vista previa a la izquierda.

Mover la imagen dentro de la ventana de vista previa

Observe que mi ventana de vista previa está actualmente centrada en un área de la imagen que no es muy útil en lo que respecta a las vistas previas. Puede mover la imagen dentro de la ventana de vista previa haciendo clic dentro de ella, manteniendo presionado el botón del mouse y arrastrando la imagen con el mouse:

Arrastrar la imagen dentro de la ventana de vista previa de Tamaño de imagen en Photoshop CC.  Imagen © 2013 Photoshop Essentials

Haga clic y arrastre dentro de la ventana de vista previa para mover la imagen.

También podemos saltar a una nueva área de la imagen en la ventana de vista previa haciendo clic en la imagen en sí (en la ventana del documento). A medida que mueva el mouse sobre la imagen, verá que el cursor se ve como un pequeño cuadrado que representa la ventana de vista previa. Haga clic en la imagen y el lugar en el que hizo clic se centrará en la ventana de vista previa:

Al hacer clic en la imagen para seleccionar el área de vista previa.  Imagen © 2013 Photoshop Essentials

Al hacer clic en la imagen para saltar a una nueva área de vista previa.

Acercar y alejar la ventana de vista previa

De forma predeterminada, la ventana de vista previa nos muestra la imagen con un nivel de zoom del 100%, pero si mueve el cursor del mouse sobre la ventana de vista previa, las opciones de zoom aparecerán en una barra larga en la parte inferior. presione el icono más ( + ) para acercar más la imagen o el icono menos ( ) para alejar la imagen. El nivel de zoom actual se muestra en el centro de la barra. También hay un atajo de teclado útil para acercar y alejar. Mantenga presionado su control (Ganar) / Mando (Mac) y haga clic con el mouse dentro de la ventana de vista previa para acercar, o Alt (Ganar) / Opción (Mac) y haga clic para alejar:

Cambiando el nivel de zoom usando la barra en la parte inferior.  Imagen © 2013 Photoshop Essentials

Cambiando el nivel de zoom usando la barra en la parte inferior.

Cambiar el tamaño de la ventana de vista previa

Finalmente, podemos hacer que la ventana de vista previa sea aún más grande haciendo que todo el cuadro de diálogo Tamaño de imagen sea más grande. Mueva el cursor del mouse sobre cualquiera de las cuatro esquinas del cuadro de diálogo, luego haga clic y con el botón del mouse presionado, arrastre la esquina hacia afuera. Cuanto más grande sea el cuadro de diálogo, más grande será la ventana de vista previa. Aquí, estoy arrastrando la esquina inferior derecha del cuadro de diálogo, lo que me permite ver mucho más de la imagen en la ventana de vista previa:

Cambiar el tamaño del cuadro de diálogo Tamaño de imagen en Photoshop CC.  Imagen © 2013 Photoshop Essentials

Haga clic y arrastre las esquinas para cambiar el tamaño del cuadro de diálogo y la ventana de vista previa junto con él.

El tamaño y las dimensiones actuales del archivo

A la derecha de la ventana de vista previa es donde encontramos los distintos controles y opciones para cambiar el tamaño de nuestras imágenes, así como alguna información general sobre la imagen. En la parte superior es donde encontramos el tamaño y las dimensiones del archivo actual. Tamaño de la imagen nos muestra el tamaño de la imagen en megabytes (que es lo que significa la «M»). Dimensiones nos muestra las dimensiones actuales de la imagen en píxeles (px):

La información de Tamaño y dimensiones de la imagen en el cuadro de diálogo Tamaño de la imagen.  Imagen © 2013 Photoshop Essentials

La información sobre el tamaño y las dimensiones actuales del archivo se encuentra en la parte superior.

Por defecto, las dimensiones de la imagen se muestran en píxeles, pero si hacemos clic en el cuadro con la flecha hacia abajo:

Haciendo clic en el icono de la flecha.  Imagen © 2013 Photoshop Essentials

Haciendo clic en el icono de la flecha.

Aparece un menú con tipos de medidas adicionales, como Porcentaje, Pulgadas, etc. En la mayoría de los casos, querrá dejar este conjunto en Píxeles:

Una lista de varios tipos de medidas para elegir para la opción Dimensiones.  Imagen © 2013 Photoshop Essentials

Elección entre diferentes tipos de medidas.

Selección de tamaños de imagen predeterminados

Directamente debajo de la información de Tamaño y Dimensiones de la Imagen hay una opción llamada Ajustarse a, que de forma predeterminada se establece en Tamaño original:

La opción Ajustar a en el cuadro de diálogo Tamaño de imagen en Photoshop CC.  Imagen © 2013 Photoshop Essentials

La opción «Ajustar a».

Si hacemos clic en las palabras Tamaño original, aparece un menú con varios tamaños y resoluciones de imagen preestablecidos entre los que podemos elegir. Algunos de los ajustes preestablecidos están diseñados para impresión, otros para la web (o visualización en pantalla en general). También hay opciones para guardar y cargar nuestros propios ajustes preestablecidos. Sin embargo, existen algunos problemas y trampas potenciales con los que puede encontrarse al elegir tamaños de imagen preestablecidos, como el hecho de que algunos ajustes preestablecidos tienen relaciones de aspecto diferentes que otros, por lo que veremos más de cerca esta opción en otro tutorial:

La lista de tamaños de imagen preestablecidos para la opción Ajustar a en el cuadro de diálogo Tamaño de imagen.  Imagen © 2013 Photoshop Essentials

La lista de tamaños de imagen predeterminados.

Las opciones de cambio de tamaño de la imagen

Debajo de la opción Ajustar a, encontramos tres opciones muy importantes: Ancho, Altura y Resolución – que juntos forman la sección principal de cambio de tamaño de la imagen del cuadro de diálogo:

Las opciones Ancho, Alto y Resolución en el cuadro de diálogo Tamaño de imagen.  Imagen © 2013 Photoshop Essentials

Las principales opciones de Ancho, Alto y Resolución.

Podemos ingresar nuevos valores en los cuadros Ancho y Alto. Cuando cambiamos el valor en uno de ellos, Photoshop cambia automáticamente el otro para preservar la relación de aspecto original de la imagen. De forma predeterminada, el tipo de medida para Ancho y Alto está configurado en Pulgadas, pero si hace clic en el cuadro de selección del tipo de medida para cualquiera de las opciones, aparecerá un menú con otros tipos de medidas para elegir. Tenga en cuenta que, en este momento, el tipo de píxeles está atenuado y no está disponible. Aprenderemos por qué eso es en otro tutorial cuando veamos la diferencia entre cambio de tamaño y remuestreo una imagen:

Los distintos tipos de medidas para las opciones Ancho, Alto y Resolución en el cuadro de diálogo Tamaño de imagen.  Imagen © 2013 Photoshop Essentials

Elija entre diferentes tipos de medidas para Ancho y Alto.

La opción Resolución funciona de la misma manera. Podemos ingresar un nuevo valor y podemos hacer clic en el cuadro de selección del tipo de medida para elegir entre Píxeles / Pulgada (predeterminado) o Píxeles / Centímetro. Píxeles / pulgada es el tipo de medida estándar para la resolución de imagen y, por lo general, no hay razón para cambiarlo:

La opción Resolución en el cuadro de diálogo Tamaño de imagen.  Imagen © 2013 Photoshop Essentials

La opción Resolución.

Cubriré todo lo que necesita saber sobre el cambio de tamaño de la imagen en el próximo tutorial, pero brevemente, el término cambio de tamaño simplemente significa cambiar el tamaño en el que se imprimirá la imagen, sin cambiar el número real de píxeles de la imagen. Por ejemplo, actualmente la sección Dimensiones en la parte superior del cuadro de diálogo muestra que mi imagen tiene dimensiones en píxeles de 5616 x 3744. Con la resolución actual de 300 píxeles / pulgada, esta imagen se imprimirá con un ancho de 18,72 pulgadas y una altura. de 12,48 pulgadas. Eso es porque ajustaremos 300 píxeles de la imagen de arriba a abajo y 300 píxeles de izquierda a derecha dentro de cada pulgada de papel:

El tamaño de impresión actual de la imagen en el cuadro de diálogo Tamaño de imagen.  Imagen © 2013 Photoshop Essentials

El tamaño de impresión actual de la imagen.

Si aumento la resolución de 300 a, digamos, 360 píxeles / pulgada, vemos que la imagen todavía tiene las mismas dimensiones de píxeles (5616 x 3744), pero debido a que ahora estamos empaquetando más de esos píxeles (360 en lugar de 300 ) de arriba a abajo y de izquierda a derecha dentro de cada pulgada de papel, la imagen ahora se imprimirá en un tamaño más pequeño (15,6 pulgadas de ancho por 10,4 pulgadas de alto). Nuevamente, esta es solo una breve descripción general del cambio de tamaño de la imagen. Lo cubriremos con más detalle en el siguiente tutorial:

El nuevo tamaño de impresión de la imagen en el cuadro de diálogo Tamaño de imagen.  Imagen © 2013 Photoshop Essentials

El nuevo tamaño de impresión de la imagen después de cambiar el valor de resolución.

La opción de remuestreo

Debajo de la opción Resolución está la Remuestrear opción que se puede habilitar o deshabilitar haciendo clic dentro de su casilla de verificación. Hasta ahora, ha estado deshabilitado, así que seguiré adelante y lo habilitaré:

Habilitar la opción Volver a muestrear en el cuadro de diálogo Tamaño de imagen.  Imagen © 2013 Photoshop Essentials

Habilitando la opción Remuestrear.

La opción Volver a muestrear cambia el comportamiento del cuadro de diálogo Tamaño de imagen. El término remuestreo significa cambiar el número real de píxeles de la imagen, no solo su tamaño de impresión, para hacer que la imagen sea más grande o más pequeña. Con esta opción habilitada, las opciones Ancho y Alto ahora pueden mostrar el ancho y el alto de la imagen en píxeles (a diferencia de antes, cuando el tipo de medición de píxeles no estaba disponible):

El ancho y el alto ahora se muestran en el cuadro de diálogo Tamaño de imagen.  Imagen © 2013 Photoshop Essentials

El ancho y el alto ahora se muestran en píxeles.

Ahora podemos cambiar el número real de píxeles en la imagen ingresando nuevos valores en los cuadros Ancho y Alto. De forma predeterminada, Photoshop vuelve a mantener la misma relación de aspecto original, por lo que si ingreso un nuevo valor de, digamos, 2000 píxeles para el ancho, Photoshop cambia automáticamente la altura a 1333 píxeles para que coincida con la relación original. Si miramos hacia arriba en la parte superior del cuadro de diálogo, vemos que la sección Dimensiones también muestra mi nuevo tamaño de imagen de 2000 px x 1333 px, y arriba, la sección Tamaño de imagen me dice que el tamaño del archivo, en megabytes , ha caído de sus 60,2 millones originales a solo 7,63 millones:

Remuestrear la imagen en Photoshop CC.  Imagen © 2013 Photoshop Essentials

Utilice la opción Volver a muestrear para cambiar el número total de píxeles de la imagen.

La opción Restringir proporciones

Además, con la opción Volver a muestrear habilitada, encontrará un icono de enlace entre las opciones Ancho y Alto. Este es el Restringir las proporciones opción, y está habilitada de forma predeterminada. Esto es lo que le dice a Photoshop que mantenga intacta la relación de aspecto original de la imagen ingresando automáticamente el valor de altura correcto cuando cambiamos el ancho (o viceversa). En la mayoría de los casos, querrá mantener esta opción habilitada, pero deshabilitarla le permitirá ingresar valores separados tanto para el ancho como para el alto con el riesgo de cambiar la relación de aspecto y distorsionar el aspecto y la forma de la imagen:

La opción Restringir proporciones en el cuadro de diálogo Tamaño de imagen en Photoshop CC.  Imagen © 2013 Photoshop Essentials

La opción Restringir proporciones.

Las opciones de interpolación de imágenes

Otra opción muy importante que solo está disponible con la opción Volver a muestrear habilitada es Interpolación de imágenes, que se refiere al método que utiliza Photoshop para agregar o eliminar píxeles en la imagen. El método de interpolación que seleccionamos puede tener un impacto dramático en la calidad y apariencia de su imagen después de que ha sido rebajado (hecho más pequeño) o muestreado (agrandado).

La opción de interpolación se encuentra directamente a la derecha de la opción Volver a muestrear. En realidad, no dice «Interpolación de imágenes» en ninguna parte, pero es la opción que, de forma predeterminada, está configurada en Automático:

La opción Interpolación de imagen en el cuadro de diálogo Tamaño de imagen en Photoshop CC.  Imagen © 2013 Photoshop Essentials

La opción Interpolación de imágenes se encuentra a la derecha de la opción Volver a muestrear.

Al hacer clic en la palabra Automático, se abrirá una lista de métodos de interpolación para elegir, incluido uno nuevo en Photoshop CC. Conservar detalles, diseñado para mantener nuestras imágenes con un aspecto nítido y nítido al ampliarlas. De hecho, si dejamos la opción de interpolación configurada en Automático, Photoshop seleccionará automáticamente Conservar detalles cuando detecte que estamos ampliando la imagen. Al reducir la resolución (reducción) del tamaño de una imagen, la opción Automático elegirá Bicúbico más afilado para obtener los mejores resultados. La ventana de vista previa se actualizará para mostrarle cómo se verá la imagen a medida que seleccione diferentes métodos de interpolación. Veremos estas opciones con más detalle en el tutorial de remuestreo de imágenes completo, pero por ahora, dejar esta opción configurada en Automático es una opción segura:

Los métodos de interpolación de imágenes en el cuadro de diálogo Tamaño de imagen en Photoshop CC.  Imagen © 2013 Photoshop Esenciales

Conservar detalles es una novedad de Photoshop CC y es excelente para realizar ampliaciones.

La opción de estilos de escala

Si está utilizando efectos de capa (estilos) en su documento, como sombras, trazos, bisel y relieve, etc., lo más probable es que desee que los efectos escalen en tamaño junto con la imagen. Haga clic en el pequeño icono de engranaje en la esquina superior derecha del cuadro de diálogo Tamaño de imagen:

Hacer clic en el icono de engranaje en el cuadro de diálogo Tamaño de imagen en Photoshop CC.  Imagen © 2013 Photoshop Essentials

Haciendo clic en el icono de rueda dentada.

Esto mostrará el Estilos de escala opción en la que se puede hacer clic para habilitarla o deshabilitarla. Una marca de verificación a la izquierda de la opción significa que está habilitada actualmente:

La opción Escalar estilos en el cuadro de diálogo Tamaño de imagen en Photoshop CC.  Imagen © 2013 Photoshop Essentials

La opción Escalar estilos.

Aceptar, cancelar y reiniciar

Cuando esté listo para cambiar el tamaño o volver a muestrear su imagen, haga clic en el OK en la esquina inferior derecha para cerrar el cuadro de diálogo, momento en el que Photoshop sigue adelante y cambia el tamaño, muestra o reduce la imagen. Para cancelar simplemente el cuadro de diálogo Tamaño de imagen sin realizar ningún cambio en la imagen, haga clic en el Cancelar botón:

Los botones Aceptar y Cancelar en el cuadro de diálogo Tamaño de imagen en Photoshop CC.  Imagen © 2013 Photoshop Essentials

Haga clic en Aceptar para cambiar el tamaño o volver a muestrear la imagen, o en Cancelar para cambiar de opinión.


Para restablecer el cuadro de diálogo Tamaño de imagen a su configuración original, mantenga presionada la tecla Alt (Ganar) / Opción (Mac) en su teclado. Esto cambiará el botón Cancelar en el Reiniciar botón. Haga clic en el botón Restablecer para restablecer el cuadro de diálogo:

El botón Restablecer en el cuadro de diálogo Tamaño de imagen en Photoshop CC.  Imagen © 2013 Photoshop Essentials

Mantenga presionada la tecla Alt (Win) / Opción (Mac) para cambiar Cancelar a Restablecer.

¡Y ahí lo tenemos! ¡Es un recorrido rápido por el cuadro de diálogo Tamaño de imagen recientemente rediseñado en Photoshop CC (Creative Cloud)!

Obtenga todos nuestros tutoriales de Photoshop en formato PDF. ¡Descárgalos hoy!