En este tutorial de efectos fotográficos de Photoshop de dos partes, aprenderemos cómo crear un divertido collage de fotos usando una forma de tira de película simple como marco de fotos para múltiples imágenes.
En esta primera parte del tutorial, dibujaremos la tira de película real usando las herramientas de forma de Photoshop, luego la guardaremos como un documento separado para que podamos reutilizarlo fácilmente en cualquier momento que queramos sin tener que dibujarlo todo. otra vez. En la segunda parte del tutorial, utilizaremos varias copias de la tira de película para crear nuestro collage de fotos.
Aquí está la forma de la tira de película que dibujaremos en esta parte del tutorial. El área gris en el centro es donde agregaremos nuestras fotos en la segunda parte del tutorial:
La forma de la tira de película que se utilizará como marco de fotos en el collage.
Cómo crear un collage de fotos de tira de película
Paso 1: crear un nuevo documento de Photoshop
Para comenzar, creemos un nuevo documento de Photoshop subiendo al menú Archivo en la parte superior de la pantalla y seleccionando Nuevo, o presione Ctrl + N (Win) / Comando + N (Mac) para abrir un nuevo documento con el práctico teclado atajo:
Vaya a Archivo> Nuevo para crear un nuevo documento de Photoshop.
Esto abre el cuadro de diálogo Nuevo documento. Ingrese un valor de 1000 píxeles para el Ancho y 900 píxeles para la Altura, lo que debería darnos una buena relación de aspecto ancho-alto para nuestra tira de película. Establezca su Resolución en 300 píxeles / pulgada y asegúrese de que la opción Contenido del fondo esté configurada en Blanco :
Cree un nuevo documento de 1000 x 900 píxeles.
Cuando haya terminado, haga clic en Aceptar en la esquina superior derecha del cuadro de diálogo para salir de él. Su nueva ventana de documento aparecerá en su pantalla.
Paso 2: selecciona la herramienta Rectángulo
Para dibujar nuestra tira de película, usaremos las herramientas de forma de Photoshop, que nos permiten dibujar formas basadas en vectores que pueden redimensionarse fácilmente según sea necesario sin pérdida de calidad. Como nuestra tira de película debe ser rectangular, seleccione la Herramienta Rectángulo en el panel Herramientas (no debe confundirse con la Herramienta Marco Rectangular que es una herramienta de selección, no una herramienta de forma):
Seleccione la herramienta Rectángulo.
Paso 3: establece el color de primer plano en negro
Cuando dibujamos una forma, Photoshop inicialmente establecerá el color de la forma en nuestro color de primer plano actual. Queremos que el color de nuestra tira de película sea negro, así que antes de dibujar la forma, configuremos nuestro color de primer plano en negro. El negro es en realidad el color predeterminado para el primer plano, por lo que el suyo ya puede estar configurado en negro. De lo contrario, presione la letra D en su teclado para restablecer rápidamente sus colores de primer plano y de fondo a sus valores predeterminados. Encontrará las muestras de color de primer plano y fondo cerca de la parte inferior del panel Herramientas. La muestra en la esquina superior izquierda (el color de primer plano) ahora debería mostrarse en negro:
Presione "D" en su teclado para restablecer rápidamente los colores de primer plano y de fondo.
Paso 4: Asegúrese de que la opción "Forma" esté seleccionada
Photoshop nos ofrece tres formas diferentes de utilizar las diversas herramientas de forma. Podemos usarlos para dibujar formas vectoriales (que es lo que haremos aquí), podemos dibujar trazados, que básicamente son solo contornos de formas, o podemos dibujar formas basadas en píxeles . Podemos seleccionar entre estas tres opciones haciendo clic en el icono apropiado en la barra de opciones en la parte superior de la pantalla. Como queremos poder cambiar el tamaño de nuestra tira de película según sea necesario sin pérdida de calidad de imagen, necesitamos dibujar una forma vectorial, así que haga clic en el icono de capas de forma en la barra de opciones (el icono de la izquierda):
Elija entre formas vectoriales (izquierda), trazados (centro) o formas basadas en píxeles (derecha) con los tres iconos en la barra de opciones.
Paso 5: Arrastre hacia fuera una forma rectangular grande
Con la herramienta Rectángulo seleccionada, negra como nuestro color de primer plano y la opción de capas de forma seleccionada en la barra de opciones, estamos listos para comenzar a dibujar nuestra tira de película. Haga clic cerca de la esquina superior izquierda de la ventana del documento y, mientras mantiene presionado el botón del mouse, arrastre hacia la esquina inferior derecha. Verás un contorno de tu figura que aparece al arrastrar:
Haga clic cerca de la esquina superior izquierda del documento, luego arrastre hacia la esquina inferior derecha.
Intente mantener la misma cantidad de espacio alrededor de los bordes de la forma mientras arrastra. Cuando te acerques a la esquina inferior derecha, suelta el botón del mouse. Photoshop dibuja la forma del rectángulo y la llena de negro:
Photoshop dibuja la forma y la llena de negro cuando sueltas el botón del mouse.
Si buscamos un momento en nuestro panel Capas, podemos ver que ahora tenemos una nueva capa de forma llamada "Forma 1" sobre la capa de fondo. Las formas vectoriales siempre aparecen en sus propias capas, por lo que no es necesario agregar una nueva capa antes de dibujar una forma:
Las formas aparecen automáticamente en sus propias capas en el panel Capas.
Paso 6: Cambie al modo "Restar del área de forma"
Ahora que tenemos nuestra forma de rectángulo inicial, necesitamos cortar algunos agujeros para que se vea más como una tira de película. Primero, cortaremos un gran agujero rectangular en el centro que servirá como el área principal de la foto. Si mira hacia arriba en la barra de opciones, verá una fila de cinco iconos, cada uno con un diseño diferente de cuadrados. El icono en el medio es la opción Restar del área de forma . Haga clic en él para seleccionarlo:
Haga clic en la opción "Restar del área de forma" en la barra de opciones para seleccionarla.
Paso 7: Dibuja otra forma rectangular en el medio de la forma inicial
La opción "Restar del área de forma" nos permite eliminar parte de nuestra forma existente. Con la herramienta Rectángulo aún seleccionada, dibuje una segunda forma rectangular, esta vez en el centro del rectángulo existente. Tal como lo hicimos hace un momento, haga clic una vez para establecer la esquina superior izquierda del rectángulo, luego mantenga presionado el botón del mouse y arrastre hacia la esquina inferior derecha. Verás un contorno de la forma que aparece al arrastrar. Esta es el área que se recortará:
Dibuja otra forma rectangular en el medio de la forma inicial.
Suelta el botón del mouse cuando hayas terminado. Esta vez, en lugar de agregar una nueva forma al documento, Photoshop corta un agujero en el rectángulo inicial, creando el área principal donde nuestras fotos aparecerán más tarde:
Se ha creado el área principal de fotos de la tira de película.
Paso 8: Seleccione la herramienta Rectángulo redondeado
Para dibujar las muescas a lo largo de la parte superior e inferior de la tira de película, utilizaremos la Herramienta Rectángulo Redondeado, que es similar a la Herramienta Rectángulo, excepto que, como su nombre lo indica, las esquinas son redondeadas en lugar de afiladas. Normalmente, seleccionamos herramientas del panel Herramientas, pero siempre que tenemos una herramienta de forma seleccionada, podemos seleccionar fácilmente cualquiera de las otras herramientas de forma de Photoshop directamente desde la barra de opciones. Haga clic en el icono de la herramienta Rectángulo redondeado en la barra de opciones para seleccionarlo:
Seleccione la herramienta Rectángulo redondeado de la barra de opciones.
Paso 9: establece el valor del radio en 10 px
Podemos controlar la redondez de las esquinas con el valor del radio en la barra de opciones. Cuanto mayor sea el radio, más redondeadas serán las esquinas. Establezca su valor de Radio en 10 px (píxeles):
Establece el valor del Radio en 10 px.
Paso 10: dibuje una forma de rectángulo redondeado para crear la primera muesca
Asegúrese de que la opción "Restar del área de forma" aún esté seleccionada en la barra de opciones, luego haga clic y arrastre una pequeña forma de rectángulo redondeado a la izquierda del área del borde negro a lo largo de la parte superior de la tira de película:
Dibuja una pequeña forma de rectángulo redondeado en el lado izquierdo del área superior del borde negro.
Suelta el botón del mouse cuando hayas terminado. Photoshop usa la forma para eliminar la primera muesca en la tira de película:
Una vez más, Photoshop usa la nueva forma para eliminar una sección de la forma inicial.
Paso 11: Seleccione la herramienta de selección de ruta
Ahora que hemos dibujado nuestra primera muesca, podemos usarla para agregar todas las otras muescas a lo largo de la parte superior e inferior de la tira de película sin tener que dibujar ninguna de ellas. Seleccione la herramienta de selección de ruta en el panel Herramientas (la flecha negra). También puede seleccionarlo rápidamente presionando la letra A en su teclado:
Seleccione la herramienta de selección de ruta.
Con la herramienta de selección de ruta seleccionada, haga clic dentro de la muesca que acabamos de agregar. Esto seleccionará la forma. Verás un contorno delgado, junto con puntos de anclaje (pequeños cuadrados) que te rodean para que sepas que la forma está seleccionada:
Haga clic dentro de la muesca con la herramienta de selección de ruta para seleccionar la forma.
Paso 12: arrastre una copia de la forma
Con la forma seleccionada, mantenga presionadas las teclas Mayús + Alt (Win) / Mayús + Opción (Mac) y arrastre hacia la derecha. La tecla Alt / Opción le dice a Photoshop que cree una copia de la forma a medida que arrastra, mientras que la tecla Mayús limita la dirección en la que puede arrastrar, lo que hace que sea más fácil arrastrarlo hacia la derecha y no en un ángulo extraño. Cuando haya terminado, suelte el botón del mouse para crear una segunda muesca en la parte superior de la tira de película:
Aparece una segunda muesca en la parte superior de la tira de película.
Paso 13: arrastre seis copias más de la forma
Continúe arrastrando más copias de la forma para crear las muescas restantes a lo largo de la parte superior de la tira de película manteniendo presionadas las teclas Mayús + Alt (Win) / Mayús + Opción (Mac), haga clic en la última forma que agregó y arrastre una copia. hacia la derecha, luego suelta el botón del mouse. No se preocupe por el espacio por ahora, lo arreglaremos en un momento. Debería tener un total de ocho muescas en la parte superior de la tira de película cuando haya terminado:
Arrastre seis copias más de la forma para un total de ocho muescas en la parte superior.
Paso 14: Seleccione todas las muescas a lo largo de la fila superior
Una vez que haya agregado las ocho muescas a lo largo de la fila superior, mantenga presionada la tecla Mayús y, con la Herramienta de selección de ruta aún seleccionada, haga clic en cada muesca hasta que las haya seleccionado todas a la vez:
Mantenga presionada la tecla Mayús y haga clic en cada muesca con la Herramienta de selección de ruta hasta que las haya seleccionado todas.
Paso 15: haga clic en la opción "Distribuir centros horizontales"
Con todas las formas de muesca seleccionadas, haga clic en la opción Distribuir centros horizontales en la barra de opciones:
La barra de opciones contiene varias opciones para alinear las formas. Haga clic en el icono Distribuir centros horizontales.
Esto distribuye las formas uniformemente en la parte superior de la tira de película, corrigiendo cualquier problema de espacio:
La opción Distribuir centros horizontales espacia las formas de manera uniforme entre la forma en el extremo izquierdo y la forma en el extremo derecho.
Paso 16: Copie la fila de formas hasta la parte inferior de la tira de película
Con todas las formas de muesca a lo largo de la fila superior aún seleccionadas, mantenga presionadas las teclas Mayús + Alt (Win) / Mayús + Opción (Mac) y arrastre las formas hacia el área del borde inferior de la tira de película. Una vez más, la tecla Alt / Opción le dice a Photoshop que haga una copia de las formas a medida que arrastramos, mientras que la tecla Mayús limita la dirección en la que podemos arrastrar, lo que facilita el arrastre hacia abajo. Verás un esquema de las formas que aparecen al arrastrar:
Mantenga presionadas las teclas Mayús + Alt (Win) / Mayús + Opción (Mac) y arrastre la fila superior de las formas de muesca hacia la fila inferior, creando una copia de las formas a medida que arrastra.
Una vez que tenga las formas a lo largo del borde inferior, suelte el botón del mouse. Photoshop elimina las áreas de forma de la parte inferior de la tira de película, creando nuestra segunda fila de muescas:
Crear la fila de muescas a lo largo de la parte inferior de la tira de película es simplemente una cuestión de copiar la fila superior y arrastrarla hacia abajo.
Si miramos la capa de forma en el panel Capas, podemos ver una miniatura que nos muestra una vista previa de cómo se ve nuestra forma. Esto se llama una miniatura de máscara vectorial . Verá un borde resaltado blanco a su alrededor, que nos dice que la forma está actualmente seleccionada. Haga clic directamente en la miniatura para anular la selección de la forma, ya que hemos terminado de dibujarla en este punto. El borde blanco resaltado alrededor de la miniatura desaparecerá:
Haga clic en la miniatura de la máscara de vector para anular la selección de la forma.
Paso 17: agregue una sombra paralela
Nuestra forma básica de tira de película ahora está completa, pero vamos a darle un poco de profundidad agregando una ligera sombra. Haga clic en el icono Estilos de capa en la parte inferior del panel Capas y seleccione el estilo Sombra paralela en la parte superior de la lista que aparece:
Haga clic en el icono de Estilos de capa y seleccione Sombra paralela de la lista.
Esto muestra el cuadro de diálogo Estilo de capa de Photoshop establecido en las opciones de Sombra paralela en la columna central. Establezca la Distancia de la sombra en 0 px, la Extensión en 0% y el Tamaño de la sombra en 7 px :
Haga clic en el icono de Estilos de capa y seleccione Sombra paralela de la lista.
Haga clic en Aceptar en la esquina superior derecha del cuadro de diálogo Estilo de capa cuando haya terminado para salir de él. La tira de película ahora aparece con una tenue sombra detrás de ella, aunque será más fácil de ver en su documento que en la pequeña captura de pantalla aquí:
La sombra se usa para darle profundidad a la tira de película.
Paso 18: selecciona la herramienta Rectángulo una vez más
Para finalizar nuestra tira de película, agregaremos una forma de rectángulo final que se usará para definir el área donde aparecerán las fotos cuando las agreguemos más tarde. Seleccione la herramienta Rectángulo una vez más desde el panel Herramientas. Dado que seleccionamos la herramienta Rectángulo redondeado hace un momento, deberá hacer clic en la herramienta Rectángulo redondeado en el panel Herramientas, luego mantener presionado el botón del mouse durante un segundo o dos hasta que aparezca un menú desplegable que muestre las otras herramientas disponible en esa ranura. Seleccione la herramienta Rectángulo en la parte superior del menú desplegable:
Haga clic y mantenga presionada la Herramienta Rectángulo Redondeado en el panel Herramientas, luego seleccione la Herramienta Rectángulo en el menú desplegable.
Paso 19: cambie el color de la nueva forma a un gris medio
Antes de agregar la nueva forma, cambiemos su color a otro que no sea negro para que podamos verlo contra la tira de película negra. Ya sabemos que podemos cambiar el color de una forma cambiando el color de primer plano de Photoshop, pero también podemos cambiar el color directamente desde la barra de opciones cuando tenemos una herramienta de forma seleccionada. Haga clic en la muestra de color en la barra de opciones:
Haga clic en la muestra de color para establecer un color para la forma.
Esto muestra el Selector de color de Photoshop. Usemos un gris medio para el color. Ingrese un valor de 128 para las opciones R, G y B en el centro inferior del cuadro de diálogo Selector de color. Esto nos dará nuestro gris medio. Haga clic en Aceptar cuando haya terminado para salir del Selector de color:
Establezca los valores R (Rojo), G (Verde) y B (Azul) en 128 en el Selector de color.
Paso 20: Dibuje una forma de rectángulo para cubrir el área principal de la foto
Con la herramienta Rectángulo seleccionada y gris como nuestro color de forma, dibuje otra forma rectangular, esta vez un poco más grande que el área principal de la foto en el centro de la tira de película. Sin embargo, asegúrese de que la nueva forma no se extienda sobre las muescas a lo largo de la parte superior e inferior. Solo queremos cubrir el área principal de fotos. Haga clic justo arriba y a la izquierda del área principal de la foto para establecer el punto de inicio de la forma, luego mantenga presionado el botón del mouse y arrastre justo debajo y a la derecha de la esquina inferior derecha del área de la foto:
Dibuja un segundo rectángulo un poco más grande que el área de la foto.
Suelta el botón del mouse para que Photoshop dibuje la forma y la rellene con el color gris medio que seleccionamos. El área principal de la fotografía ahora está completamente cubierta, mientras que las muescas a lo largo de la parte superior e inferior de la tira de película permanecen visibles:
El área principal de la fotografía ahora está cubierta por la segunda forma.
Paso 21: eliminar la sombra paralela de la nueva forma
Si miramos en el panel Capas, podemos ver que nuestra segunda forma ha aparecido en su propia capa sobre la forma de la tira de película principal. Y si miramos directamente debajo de la capa de forma, podemos ver que Photoshop ha aplicado automáticamente el mismo estilo de capa de Sombra paralela que agregamos a la tira de película. No necesitamos la sombra para nuestra nueva forma, así que vamos a deshacernos de ella. Haga clic en la palabra Efectos, que seleccionará todos los estilos de capa aplicados a una capa (aunque en este caso, solo tenemos uno), luego mantenga presionado el botón del mouse y arrástrelo hacia abajo al icono de la Papelera en la parte inferior de el panel de capas. Suelte el botón del mouse cuando el cursor esté sobre la Papelera para eliminar los estilos de capa:
Haga clic en la palabra "Efectos" y arrástrela hacia la Papelera para eliminar la sombra paralela.
Paso 22: arrastre la nueva forma debajo de la tira de película
Actualmente, la segunda forma aparece sobre la tira de película. Necesitamos que aparezca debajo de la tira de película, como si estuviera actuando como un marcador de posición para las fotos que agregaremos más adelante, lo que significa que debemos arrastrar la capa de la forma debajo de la capa de tira de película. Para hacer eso, haga clic en "Forma 2" en el panel Capas, luego mantenga presionado el botón del mouse y arrastre la capa directamente entre la capa Fondo y la capa de la tira de película. Sabrá que está en el lugar correcto cuando vea que aparece una barra resaltada entre las dos capas:
Haga clic y arrastre la segunda forma entre la capa de fondo y la capa de la tira de película.
Suelte el botón del mouse cuando aparezca la barra resaltada. La forma gris ahora se ha movido debajo de la tira de película como necesitábamos:
La forma gris ahora aparece entre la capa de fondo y la capa de la tira de película.
Haga clic en la miniatura de la máscara vectorial para "Forma 2" en el panel Capas para anular la selección de la forma, ¡y listo! Nuestra tira de película ahora está completa:
La tira de película final, lista para ser utilizada como marco de fotos y en nuestro collage de fotos.
Paso 23: Guarde la tira de película como un archivo .PSD de Photoshop
A menos que le paguen por hora, probablemente no quiera volver a dibujar la tira de película cada vez que quiera usarla, así que guárdelo como su propio documento de Photoshop. De esta manera, podremos abrirlo y usarlo nuevamente cuando lo deseemos. Vaya al menú Archivo en la parte superior de la pantalla y elija Guardar como :
Vaya a Archivo> Guardar como.
Esto abre el cuadro de diálogo Guardar como de Photoshop. Voy a nombrar mi documento "film-strip.psd". Asegúrese de elegir Photoshop como formato, luego guarde el archivo en una ubicación que pueda recordar fácilmente. Voy a guardar el mío en una carpeta "photoshop" que tengo en mi escritorio. Haga clic en el botón Guardar cuando esté listo para guardar el archivo:
Asigne un nombre al archivo y guárdelo como un documento de Photoshop.