Cambiar el tamaño de la imagen

Hablemos sobre cambiar el tamaño de una imagen en Photoshop CC. Te sugiero que abras esta imagen de los archivos de práctica de este tutorial. Me gustaría modificar el tamaño de esta imagen para que se ajuste a un sitio web concreto en el que el tamaño ideal es de 900 píxeles de ancho. Antes de redimensionar la imagen, vamos a comprobar su verdadero tamaño. En la mayoría de los casos, se parte de una imagen más grande o no mucho más pequeña que la imagen redimensionada que se precisa. Si se aumenta mucho una imagen, llegará un momento en el que se vea borrosa. En la barra de estado de la parte inferior de la ventana de documento, haré clic en el tamaño del documento. En la ventana pequeña que emerge, vemos que el archivo mide 1800 píxeles de ancho por 1200 píxeles de alto. Como queremos darle 900 píxeles de ancho para nuestro sitio web, tendremos que reducirlo. Para redimensionar la imagen, me dirigiré al menú Imagen [Image] y seleccionaré Tamaño de imagen... [Image Size...]. Así se abre el cuadro Tamaño de imagen [Image Size]. Si lo deseas, puedes ampliar esta ventana dirigiéndote a la esquina inferior derecha y arrastrándola hacia fuera. A la izquierda, tendrás la vista previa de la imagen y, a la derecha, los controles para modificar su tamaño. En este cuadro hay muchos ajustes, pero no tienes que modificarlos todos, en especial, cuando redimensionas imágenes que se verán en una pantalla y no se imprimirán, como la de este ejemplo. Aquí solo hay que comprobar un par de cosas. En primer lugar, asegúrate de que el icono de enlace está activado. Este es el aspecto que tiene cuando está activado. Si hago clic en él, vemos el aspecto que tiene cuando está desactivado. Lo queremos activado para que la anchura esté ligada a la altura, de forma que, cuando redimensionemos la imagen, se conserven las proporciones originales de anchura por altura y la imagen no parezca estar comprimida ni estirada. Después, confirma que esté activada la casilla Remuestrear [Resample]. Cuando está activada, se le indica a Photoshop CC que puede eliminar algunos píxeles cuando reduzca el tamaño de la imagen o, en caso de estar aumentándola, añadirlos. En tercer lugar, observa los campos Anchura [Width] y Altura [Height], que indican la unidad de medida que se usa para expresar las dimensiones de la imagen. La unidad predeterminada es la pulgada. Pero al redimensionar una imagen para su uso en pantalla, como en este ejemplo, debemos utilizar píxeles en lugar de pulgadas. Voy a hacer clic en uno de estos dos menús para cambiar de pulgadas a píxeles y el otro se modificará también, porque están enlazados. Ha llegado el momento de cambiar el tamaño. Me situaré en Anchura [Width] y, en lugar de 1800, introduciré el valor 900. Puedes observar que la altura ha cambiado automáticamente y de forma proporcionada. Aquí tienes un consejo adicional: si quieres que una imagen tenga proporciones diferentes, por ejemplo, 900 × 400 en lugar de 900 × 600, como en este caso, la mejor forma de conseguirlo es utilizar otra herramienta, Recortar, que explicaremos en otro vídeo. Antes de hacer clic en Aceptar [OK], explicaré por qué no he modificado el campo Resolución [Resolution]. Se debe a que este campo solo resulta pertinente cuando se prepara una imagen para su impresión. Cuando se redimensiona una imagen para la pantalla, como aquí, la cifra de este campo no influye realmente en las dimensiones de la imagen. No resulta necesario que la modifiques. Tras aplicar estos cambios en Tamaño de imagen [Image Size], podemos dirigirnos al botón Aceptar [OK] y hacer clic en él para cerrar este cuadro de diálogo y volver a la ventana de documento. Si quieres, puedes volver a la barra de estado y comprobar el tamaño de la imagen redimensionada. Haré clic en este dato y lo mantendré pulsado para que veas que ahora tenemos una imagen de 900 × 600 píxeles en lugar de la original, de 1800 × 1200 píxeles. Lo único que nos queda por hacer es guardar la imagen. En el menú Archivo [File], voy a seleccionar Guardar como... [Save As...] y no Guardar [Save], ya que no quiero reemplazar la versión original, de 1800 × 1200 píxeles. En el cuadro de diálogo Guardar como [Save As], voy a cambiarle el nombre a esta versión. Puedes ponerle a tu archivo el nombre que desees. Yo voy a añadir “web” a la versión adecuada para la Web. No modificaré nada más y haré clic en Guardar [Save]. Haré clic en Aceptar [OK] en Opciones JPEG [JPEG Options] y habré terminado. Así es como se redimensiona una imagen para su uso en pantalla con el cuadro Tamaño de imagen [Image Size] de Photoshop CC. 

Si te gusta imprimir imágenes, pueden venirte bien unas nociones básicas sobre qué implica la resolución de imagen en Photoshop CC y cómo modificar la resolución de una imagen para que quede bien al imprimirla. Se modifica en el cuadro de diálogo Tamaño de imagen. Si estás siguiendo los pasos, abre esta imagen, que se encuentra en los archivos de práctica de este tutorial. Después, dirígete al menú Imagen [Image] y selecciona Tamaño de imagen... [Image Size...]. En el cuadro de diálogo Tamaño de imagen [Image Size], verás las Dimensiones [Dimensions] de la imagen en píxeles. Cuando una imagen se almacena en el ordenador, el tamaño se mide en píxeles. Pero, si vamos a imprimir la imagen, medimos el tamaño en pulgadas, no en píxeles. Aquí, en el campo Resolución [Resolution], podemos ver la resolución, que, para esta imagen, está establecida en 100. La resolución de 100 píxeles no tiene nada de especial, solo es una cifra redonda que he elegido cuando he preparado el archivo para esta lección. ¿Cuál es la resolución aquí? Si lees esta línea de izquierda a derecha, puede que te hagas una idea. Aquí se nos indica que la resolución es un valor concreto de píxeles por pulgada, en este caso, 100 píxeles por pulgada. Dicho de otro modo, cuando imprimas esta imagen, 100 píxeles de los 1800 totales de anchura y de los 1200 totales de altura compondrán cada pulgada que se imprima de forma horizontal y vertical. Si no te gustan las matemáticas, puedes saltarte esta parte, pero, si quieres analizarlo en términos matemáticos, a continuación tienes un sencillo ejemplo. El planteamiento matemático es el siguiente: divide 1800 entre 100 y obtendrás 18. Esto significa que, a una resolución de 100 píxeles por pulgada, el archivo tendrá una anchura de 18 pulgadas. Y con la altura ocurre lo mismo. Si dividimos los 1200 píxeles totales de altura en grupos de 100, tendremos 12 grupos o 12 pulgadas. La altura de la imagen impresa será de 12 pulgadas. Si comprendes este concepto básico, te estarás preguntando cuál es la mejor cifra para el campo Resolución [Resolution] cuando se prepara una imagen que se imprimirá. Lamentablemente, no hay una respuesta definitiva, ya que depende de la impresora que utilices. No obstante, en una impresora de inyección de tinta normal, se puede decir que una resolución de 300 píxeles por pulgada resulta adecuada. Si imprimimos la imagen a 100 píxeles por pulgada, no tendrá mal aspecto, pero, si te acercas mucho, comprobarás que podría estar mejor, ya que mi impresora de inyección requiere unos 300 píxeles por pulgada. Y ¿cómo podemos cambiar la resolución de una imagen a 300 píxeles por pulgada en este cuadro de diálogo? Lo primero es asegurarse de que la casilla Remuestrear [Resample] esté desactivada. La razón es que, si solo vamos a cambiar la resolución, es probable que no queramos modificar el número total de píxeles del archivo, que es lo que hace la función Remuestrear [Resample]. Digamos que queremos que el número total de píxeles del archivo se mantenga en 1800 × 1200. Solo queremos reorganizarlos en grupos de 300 y no en grupos de 100. Lo que voy a hacer es escribir “300” en el campo Resolución [Resolution]. “Spoiler”: cuando lo haga, las pulgadas de los campos Anchura [Width] y Altura [Height] cambiarán. Vamos a introducir aquí el valor 300 y veremos como la anchura y la altura cambian de 18 × 12 pulgadas, respectivamente, a 6 × 4 pulgadas. Este es el tamaño en el que se imprimirá la imagen con la resolución necesaria para que se goce de la mejor calidad. Como ya he terminado, voy a hacer clic en Aceptar [OK]. Así se cierra el cuadro de diálogo Tamaño de imagen para volver a la ventana de documento. Aquí encontraremos la imagen preparada para guardarla e imprimirla en un tamaño de 6 × 4 pulgadas a 300 píxeles por pulgada. 

La herramienta Recortar es una de las más útiles de Photoshop CC, especialmente para los amantes de la fotografía. Puedes utilizarla para mejorar una composición o para enderezar fotografías torcidas. Yo he abierto esta foto de los archivos de práctica de este tutorial para mostrarte las nociones básicas de esta herramienta. Voy a seleccionarla en el panel Herramientas. Cuando lo haga, podrás ver este borde alrededor de la imagen. Se trata del rectángulo de recorte. Pasaré el cursor por cualquier esquina o borde de este rectángulo y lo arrastraré para remodelarlo. En este caso, lo arrastraré de forma que pueda crear una composición muy diferente de la foto original. Mientras creas tu recorte, Photoshop CC te mostrará una vista previa con las zonas que se van a eliminar sombreadas en gris. Así podrás evaluar y decidir qué vas a eliminar antes de realizar el recorte. Antes de aplicar el recorte, voy a dirigirme a la barra de opciones para mostrarte una opción importante: Eliminar píxeles recortados [Delete Cropped Pixels]. Esta opción aparece activada de forma predeterminada. Yo prefiero desactivarla, ya que, cuando está activada, al realizar el recorte y guardar la imagen, los píxeles recortados se eliminan de forma permanente. No obstante, si esta opción está desactivada, puedes volver a utilizar los píxeles recortados en cualquier momento. Vamos a intentarlo. Voy a realizar este recorte haciendo clic en la marca de comprobación que se encuentra en la barra de opciones. Existen otras formas de realizar un recorte, pero prefiero esta porque es muy sencilla. Ahora puedes ver la foto recortada. Digamos que quiero hacer otra cosa con la imagen y ya no quiero el recorte que he aplicado. Puedo seleccionar la herramienta Recortar en cualquier momento, hacer clic de nuevo en la imagen y todos los píxeles que había recortado vuelven a mostrarse en pantalla y puedo modificar el recorte. Esta vez puede que incluya algunos de esos píxeles recortados. Puede que te hayas fijado en que aparece una cuadrícula de líneas horizontales y verticales sobre mi foto cuando utilizo la herramienta Recortar. Esta superposición representa la técnica clásica de composición conocida como “la regla de los tercios”. Esta técnica está pensada para colocar el contenido importante de una imagen en la intersección entre cualquiera de las líneas verticales y horizontales para mejorar la composición. Vamos a probar con esta imagen. Voy a situar el ramo de flores en esta intersección haciendo clic en la imagen y arrastrándola hasta colocarla aquí. Remodelaré ligeramente los límites del recorte para que se ajusten más al ramo de flores y haré clic en la marca de comprobación. De nuevo, haré clic en la imagen con la herramienta Recortar para intentar precisar más el recorte. Veo que esta imagen está ligeramente torcida, especialmente en la parte de la mesa. Con la herramienta Recortar, puedes enderezar una imagen. Existen muchas formas de hacerlo. Puedes colocar el cursor en la parte exterior de una esquina, arrastrarla manualmente para enderezar la imagen y aparecerá esta cuadrícula para ayudarte a conseguirlo. Yo prefiero el método automático. Voy a deshacer esta acción con cmd + Z en un dispositivo Mac o Ctrl + Z en un PC, de forma que la imagen vuelva a estar torcida. Me dirigiré a la barra de opciones para utilizar la herramienta de enderezado automático. Haré clic en esta herramienta para seleccionarla en las opciones de la herramienta Recortar. Me situaré sobre la imagen y haré clic en el borde de esta mesa, mantendré pulsado el ratón y lo arrastraré un poco por el borde. No hay que recorrer el borde entero. A veces es suficiente con un pequeño trazo, como este. Photoshop CC utilizará tu línea como guía para rotar la imagen de forma que se enderece. Voy a perfeccionar este recorte aún más subiendo un poco este borde y desplazando un poco el ramo de flores para situarlo en el centro exacto. Después voy a dirigirme a la barra de opciones para hacer clic en la marca de comprobación y realizar el recorte. Estas son las nociones básicas de la herramienta Recortar. Espero que pruebes estas técnicas cuando trabajes en tus composiciones con Photoshop CC. 

Habrá momentos en que tengas que agrandar el lienzo para tener más espacio para añadir elementos como texto o imágenes al diseño. Podrás hacerlo con el comando Tamaño de lienzo, que explicaremos en este vídeo. Si estás siguiendo los pasos, puedes utilizar esta imagen de los archivos de práctica del tutorial o la que tú elijas. Para ampliar el lienzo alrededor de esta imagen, iré al menú Imagen [Image], donde se encuentra el comando Tamaño de lienzo... [Canvas Size], justo debajo de Tamaño de imagen... [Image Size]. Hay que tener claro que Tamaño de imagen... [Image Size...], que hemos aprendido a utilizar en otro vídeo de este tutorial, no funciona igual que Tamaño de lienzo... [Canvas Size...]. Al contrario que el anterior, Tamaño de lienzo... [Canvas Size...] no modifica el tamaño de la foto en sí ni el de otras ilustraciones o imágenes de la composición. Solo permite añadir espacio alrededor de estos elementos. Vamos a seleccionar esta opción. Se abre el cuadro de diálogo Tamaño de lienzo [Canvas Size]. En la parte superior, vemos la anchura [Width] y la altura [Height] del archivo en pulgadas [Inches]. Aquí abajo puedes aumentar la anchura [Width] del lienzo, la altura [Height], o ambas. Estos campos aparecen en pulgadas [Inches], pero, cuando se prepara una imagen para la Web y no para imprimirla, es más lógico cambiar esta unidad a píxeles [Pixels], ya que, de esta forma, se mide y se expresa el tamaño de las imágenes en pantalla, como vimos anteriormente en este tutorial. Voy a cambiar uno de estos menús de pulgadas a píxeles. El otro menú se modifica automáticamente. Si has decidido qué anchura total en píxeles debe tener la imagen tras la ampliación del lienzo, puedes introducir ese valor en el campo Anchura [Width], aunque es más sencillo indicarle a Photoshop CC cuántos píxeles debe añadir al lienzo sin tener que preocuparte por hallar el total. Para ello, dirígete a esta zona y selecciona la casilla de verificación Relativo [Relative]. Así, los campos Anchura [Width] y Altura [Height] se establecen en 0. Ahora voy a introducir el número de píxeles que quiero añadir al lienzo. Digamos que quiero añadir 400 píxeles a la anchura del lienzo. Escribiré “400” aquí. Si quisiera establecer la altura del lienzo, también podría hacerlo. De momento, voy a dejarla en 0. Ahora haré clic en Aceptar [OK] para aplicar estos cambios. En la ventana de documento, puedes observar que Photoshop CC ha ampliado el lienzo tanto a la izquierda como a la derecha de la imagen. Ha dividido los 400 píxeles de anchura adicional que solicité en 200 píxeles a la derecha y 200 píxeles a la izquierda. Si quisiera añadir lienzo únicamente a un lado de esta imagen, por ejemplo, al lado derecho, tendría que hacerlo de otra forma. Vamos a deshacer lo que hemos hecho hasta ahora para intentarlo. Voy a pulsar cmd + Z en un dispositivo Mac o Ctrl + Z en un PC para deshacer la acción. Volveré al menú Imagen [Image] y elegiré Tamaño de lienzo... [Canvas Size...]. Lo primero que voy a hacer es ver que Anchura [Width] y Altura [Height] aparezcan en píxeles, y resulta que han vuelto a las pulgadas [Inches]. De nuevo, cambiaré estos menús a píxeles [Pixels] y comprobaré que la casilla Relativo [Relative] está activada. Como dije, quiero que el lienzo añadido aparezca únicamente a la derecha de esta imagen. Para lograrlo, me dirigiré al diagrama Ancla [Anchor] y haré clic en el cuadro central de la sección izquierda. Así, le indicamos a Photoshop CC que fije o ancle la imagen al lado izquierdo del lienzo y que añada el lienzo adicional a la derecha. Voy a dirigirme al campo Anchura [Width] y voy a introducir la cantidad de píxeles que deseo añadir al lado derecho de la imagen. Voy a añadir 800 píxeles. Y hago clic en Aceptar [OK]. Y obtengo exactamente lo que buscaba. Te habrás dado cuenta de que todas mis extensiones de lienzo son blancas. Tú puedes cambiar el color de la extensión en el cuadro de diálogo Tamaño de lienzo [Canvas Size], en Color de extensión de lienzo [Canvas extension color]. Si estás trabajando en otra imagen pero no estás situado en una capa de fondo especial, como ahora, este menú no estará disponible y el lienzo que añadas será transparente. En Photoshop CC, se verán cuadros grises y blancos. Voy a hacer clic en Cancelar [Cancel] y, para guardar esta imagen, en Archivo [File], elegiré Guardar como... [Save As...] y no se reemplazará el original. Así se amplía el lienzo del documento para disponer de más espacio para añadir elementos de imagen.