Mientras Nasim está trabajando en la publicación de otro gran artículo en cómo crear un blog de fotografía , decidí saltar y escribir un rápido tutorial sobre cómo apilar dos imágenes verticales en Photoshop, también conocido como “díptico”. Espero que aquellos de vosotros que ya tengáis un blog o que lo vayáis a crear pronto encontréis útil mi tutorial. La siguiente técnica seguramente me salvó de algunos problemas y dolores de cabeza!
Publicar imágenes verticales en un blog puede ser frustrante. Mientras que tratar con imágenes horizontales es fácil, las imágenes verticales ocupan demasiado espacio (si las extraes con las mismas dimensiones que las imágenes horizontales) o ocupan menos espacio y requieren una alineación adecuada. Para tratar este problema, se me ocurrió una forma muy sencilla de apilar las imágenes, que mantiene nuestro blog limpio y me permite crear un argumento con dos imágenes verticales una al lado de la otra.
NIKON D3S + 50mm f/1.4 @ 50mm, ISO 4000, 1/1000, f/1.6
Primero empiezo extrayendo dos 4444 con ciertas dimensiones. Las dimensiones obviamente dependerán del tamaño que quieras que tengan tus imágenes cuando tus clientes y visitantes las vean. Para nuestro sitio, normalmente exportamos imágenes horizontales de 1024 píxeles de ancho y la imagen de tamaño “medio” (la que normalmente se ve cuando se abre la página y en la que se hace clic para que aparezca una imagen más grande) tiene alrededor de 650 píxeles de ancho. La versión media de la imagen es creada automáticamente por WordPress, por lo que sólo exporto imágenes de Lightroom y Photoshop con una resolución de alrededor de 1024 píxeles de ancho. Por lo tanto, las imágenes verticales apiladas tampoco deben ser más grandes que 1024 píxeles de ancho. Eso significa que tengo que extraer las imágenes verticales a aproximadamente la mitad de su ancho. Así que lo que hago es redondear los números y extraer dos imágenes con un ancho de 500 píxeles. Si utiliza Lightroom, establezca las dimensiones a 500×1000 (500 horizontal, 1000 vertical) – Lightroom establecerá automáticamente el tamaño vertical correcto, pero limitará el ancho horizontal a sólo 500 píxeles, que es lo que queremos. Dejo un par de píxeles entre las imágenes para separarlas, así que la imagen final tendrá unos 1002 píxeles de ancho. Si quieres proporcionar imágenes más grandes, digamos de 1200 píxeles de ancho, entonces extrae dos imágenes verticales y limita el ancho a 600 píxeles en Lightroom.
Una vez que tengo las imágenes verticales que quiero colocar una al lado de la otra, las abro en Photoshop:
Así que, lo que tengo aquí son dos archivos – Poema de Amor (5) y Poema de Amor (6). El siguiente paso es expandir el lienzo. Empieza a trabajar en la imagen que quieres ver en el lado izquierdo. En la barra de menú superior, ve a Imagen , luego haz clic en Tamaño del lienzo como se muestra a continuación:
Lo que verás a continuación es el cuadro de abajo. Hay tres valores que debes rellenar en este cuadro emergente. Vamos a repasarlo:
- La parte superior mostrará el tamaño actual de la imagen y la parte inferior nos da la posibilidad de especificar el nuevo tamaño deseado. ¿Cómo calculamos el tamaño correcto del lienzo?Si el ancho actual de esta imagen vertical es de 500 píxeles y mi segunda imagen es también de 500 píxeles de ancho, entonces 1000 píxeles deberían ser suficientes, ¿verdad? Sí, pero no quieres que las dos imágenes se mezclen entre sí, por lo que un par de píxeles deberían dejarse en medio. Voy a por dos píxeles más, así que especifico 1002 como el nuevo ancho. Ya que la altura sigue siendo la misma, no la toco.
- El siguiente paso es asegurarse de que escoge el ancla correcta. Una vez que la imagen tiene mayores dimensiones, hay que asegurarse de que la imagen que tenemos allí se queda a la izquierda, no en el centro de la imagen. Por lo tanto, hacemos clic en la flecha de la izquierda, lo que obligará a la imagen a estar a la izquierda, con mucho espacio en blanco a la derecha para la segunda imagen.
- La mayoría de las veces tengo la Extensión de Lienzo ajustada al color blanco, debido a los colores blancos que tenemos en nuestro blog (además el blanco es un color elegante). Si tienes un fondo con un color diferente, tal vez quieras intentar usar tu color en su lugar.
- Verifique todos los valores y luego haga clic en Aceptar.
Esto es lo que deberías obtener después de hacer lo anterior:
El siguiente paso es colocar la segunda imagen vertical en el lienzo que has ampliado.
Selecciona la herramienta de movimiento en el menú de la izquierda o presiona “V” en tu teclado:
Ahora haga clic en el título de la segunda imagen y arrástrela un poco hacia abajo, para que se separe del área donde se apilan todas las imágenes en Photoshop. Hacemos esto para poder arrastrar y soltar la segunda imagen en la primera:
Como pueden ver, la ventana de la imagen se ha movido hacia fuera. Ahora, usando la misma Herramienta Mover , sólo arrastra y suelta la segunda imagen en la primera con el lienzo más grande:
Ahora deberías ver ambas imágenes en la misma ventana. Ahora puedes cerrar la segunda ventana. La segunda imagen probablemente no esté bien alineada, así que usa el ratón para moverla a la derecha. El espacio entre ellas (2 píxeles adicionales) debería ser visible cuando la mueva completamente a la derecha.
La imagen está lista para ser exportada, así que sólo usa la herramienta “Save for Web” en el menú de archivos y guarda la imagen como JPEG.
NIKON D3S + 50mm f/1.4 @ 50mm, ISO 4000, 1/640, f/2.8
Si quieres más espacio entre las imágenes verticales, puedes jugar con las dimensiones de la imagen mientras expandes el lienzo y usar algo así como 4 píxeles en lugar de 2.
Espero que este tutorial te ayude a mantener tu blog limpio y bonito!
