Patrones como superposiciones de fotos para redes sociales en Adobe Photoshop - Una clase de Graphic Design for Lunch™

1. Superposición de patrones para imágenes en Photoshop - introducción: Hola, soy Helen Bradley. Bienvenido a este Diseño Gráfico para Almuerzo Clase, Patrones como Superposiciones Fotográficas en Adobe Photoshop. Diseño Gráfico para Almuerzo es una serie de clases que imparten una gama de consejos y técnicas para crear diseños y para trabajar en aplicaciones como Illustrator, Photoshop, y Procreate. Hoy estamos viendo una serie de patrones que puedes usar como superposiciones para fotos. Uno de ellos es un efecto de mosaico bastante atractivo que se crea utilizando un patrón y mosaicos. Conforme estás viendo estos videos, verás un prompt que te permite recomendar esta clase a otros. Por favor, si estás disfrutando de la clase, haz dos cosas por mí. En primer lugar, dale un pulgar arriba, y en segundo lugar, escribe en pocas palabras por qué estás disfrutando de esta clase. Estas recomendaciones ayudan a otros alumnos a decir que esta es una clase de la que ellos también podrían disfrutar. Si quieres dejarme un comentario o una pregunta para mí, por favor hazlo. Leí y respondo a todos tus comentarios y preguntas, y miro, y respondo a todos tus proyectos de clase. Ahora, si estás listo, empecemos a hacer superposiciones de patrones para fotos. 2. Pt 1: líneas de la canina de TV de TV: El primero de nuestro patrón sobre efectos fotográficos va a ser una serie de líneas de escaneo de TV. Tengo esta imagen que he descargado de unspliced.com que voy a usar, pero claro que necesitamos crear nuestro patrón. Escogeré Archivo y luego Nuevo. Voy a hacer un documento de 100 píxeles de ancho por 100 píxeles de alto, así que es sólo un documento cuadrado, y va a ser transparente. Voy a dar click en “Ok”. Acercaré para poder ver el documento de manera muy clara. Entonces voy a hacer una selección sobre la parte superior del documento. En este punto, lo que estoy haciendo es tomar alguna determinación en cuanto a lo lejos que van a estar mis líneas de escaneo y lo gruesas que van a ser. Voy a hacer una selección que es aproximadamente una cuarta parte del camino a través de este documento, que mi línea de escaneo vaya a ser bastante estrecha en comparación con la brecha en el patrón. Tengo el negro como mi color de primer plano, así que presionaré Alt Backspace en el PC, Option Delete en el Mac, y luego presionaré Ctrl o Comando D para anular la selección. Este va a ser mi patrón. Escogeré Seleccionar todo y luego Editar Definir patrón, y puedo llamar a esta línea de escaneo, y haré clic en “Ok”. Si no estoy 100 por ciento seguro del espaciado de mi línea, guardaría aquí este documento y volvería a las imágenes de aves en las que vamos a poner las líneas de escaneo. Escogeré Capa, Nueva capa de relleno, Patrón, haré clic en “Ok”. Ahora la capa de relleno de patrón toma por omisión el último patrón que creé, que por supuesto eran mis líneas de escaneo. Ahora estoy bastante contento con la relación entre el ancho de la línea y el espacio, pero el patrón en sí es demasiado grande para esta imagen. Entonces voy a disminuir su tamaño al 50 por ciento y ver cómo se ve eso. Bueno, sigo pensando que es un poco grande, así que voy a elegir el 30 por ciento y hacer clic en “Ok”. Estas son mis líneas de escaneo de TV sobre mi imagen y ahora puedo ajustar el patrón a suite. Por ejemplo, quizá quiera reducir la opacidad para que sea un poco menos obvia, o podría dejar la opacidad donde está y elegir un modo de mezcla diferente, como la superposición o la luz suave. Hay una serie de formas diferentes en las que puedo ajustar el aspecto del patter en la imagen, pesar de que era un patrón en blanco y negro, no tiene que quedarse con ese aspecto. Por supuesto, si quiero que las líneas de escaneo estén aún más juntas, solo haré doble clic en el Relleno de patrones y lo cambiaré ahora al 15 por ciento y veré cómo se ve eso y haga clic en “Ok”. 3. Pt 2: patrones de cuadrícula y cuadrada: En esta imagen, vamos a ver un par de patrones simples que van a producir un efecto interesante. Escogeré Archivo y luego Nuevo, y voy a crear un documento, un 100 pixeles por un tamaño de 100 pixeles, fondo transparente. Voy a dar click en “Ok”. Voy a acercar usando la herramienta Zoom. Voy a seleccionar la herramienta de marquesina rectangular y simplemente arrastrar hacia fuera un cuadrado pequeño. Voy a hacer eso manteniendo presionada la tecla Mayús como lo hago, y después porque el negro es mi color de primer plano, presionaré la opción “Alt backspace” “Eliminar” en el mac, para llenar mi cuadrado de negro. Necesito anular la selección de mi selección, lo cual haré pulsando “Control” o “Comando D”. No importa que mi cuadrado no esté bien centrado dentro de este documento, va a hacer solo un patrón fino, sin embargo se coloque. Voy a elegir “Seleccionar todo” y luego Editar, Definir Patrón. Voy a llamar a esta Plaza, y hacer clic en “Ok”. Volvamos a la imagen que había abierto lista para este patrón y escogeré Capa, Nueva capa de relleno, Patrón, y haga clic en “Ok”, y por supuesto, Photoshop está por omisión al último patrón que creé, que es este pequeño patrón cuadrado que está proporcionando una interesante superposición sobre esta imagen de nieve. Voy a dar click en “Ok”. En este punto, puedo ajustar el patrón de varias maneras. Podría reducir la opacidad de la misma para que se convierta en un efecto superpuesto muy sutil. Obviamente podría hacerlo mucho más pequeño haciendo doble clic en la miniatura del patrón y luego reducir el tamaño del mismo para decir 50 por ciento. También podría mezclarlo en el uso de modos de mezcla como superposición o luz suave. Si bien estamos aquí con esta imagen, vamos a crear un segundo patrón para ella. De nuevo, Archivo, Nuevo, a 100 pixels por un 100 pixels, y haga clic en “Ok”. Voy a acercarme, y vamos a crear un patrón de cuadrícula muy simple. Voy a la herramienta de marquesina rectangular, y sólo voy a entrar aquí 10 píxeles. Estoy mirando el ancho que Photoshop me está diciendo, y me está diciendo que esto tiene 10 píxeles de ancho, así que eso está bien. Presionaré la opción “Alt backspace” “Eliminar” para llenar esa selección de negro. Ahora voy a hacer lo mismo en la otra dirección, y de nuevo, buscar una altura esta vez de 10 píxeles. Nuevamente, me llenaré de negro, y luego seleccionan la selección. Todo lo que necesitas para que este patrón sea cubierto dos caras de este documento en una sola línea de píxeles. Este patrón en forma de L va a ser perfecto. Escogeré Seleccionar todo y luego Editar, Definir patrón, y esto va a hacer un patrón de cuadrícula cuadrada, y haré clic en “Ok”. Ahora volvamos a nuestro documento. Voy a hacer visible la capa aquí, la capa de patrón, y voy a hacer doble clic sobre ella, y lo que puedo hacer es bajar esta lista de selección de patrones, y el último patrón de la lista va a ser el que acabo de crear. Aquí está, aquí. Voy a dar click en él y dar clic en “Ok”. Ahora, esto ya tiene aplicado el modo de mezcla de superposición, porque tenía eso aplicado al patrón anterior. También tiene una opacidad del 100 por ciento. Está desapareciendo en estas áreas muy blancas de la imagen, debido al modo de mezcla de superposición. Si lo configuramos a la normalidad entonces aparecería sobre la parte superior de la imagen como has visto aquí. Pero la superposición es un efecto realmente bonito, interesante para este patrón en particular. Sólo voy a bajar un poco la opacidad. Estamos recibiendo casi la impresión de mirar esta escena a través de una malla. Hay un par de efectos de patrón interesantes, que puedes usar sobre fotos, que son rápidos y fáciles de crear. 4. Pt 3: haz una foto en un mosaico: Para este siguiente patrón, efecto de superposición te sugiero que comiences con una imagen que es bastante colorida y además tiene un tema realmente obvio, porque vamos a convertir esto en un mosaico. Antes de empezar, voy a recortar cualquier parte de esta imagen que en realidad no quiero. Yo sólo voy a despejar este ajuste de cultivo que tuve, y lo voy a recortar para que esté bastante cerca alrededor de la cabeza de este guacamayo. Lo siguiente que tengo que hacer es comprobar el tamaño de esta imagen, voy a elegir Imagen y luego Tamaño de imagen. Puedo o adaptar mi patrón al tamaño de la imagen o puedo adaptar mi imagen al patrón, y voy a hacer este último. Voy a cambiar el tamaño de mi imagen para trabajar con mi patrón. Para mi patrón, voy a llegar a unos 50 píxeles cuadrados, y quiero que se localice en una posición exacta sobre esta imagen. Lo que quiero es que el ancho y alto de la imagen sean múltiplos de 50 píxeles. Si tomo esto para decir 2,000 píxeles, el ancho es realmente bueno pero la altura no lo es. Pero eso no me preocupa porque voy a lidiar con la altura en tan solo un minuto, pero lo que sí quiero saber es aproximadamente cuál es la altura porque voy a necesitar ajustarla. Tengo una imagen que son 2,000 pixeles por 1,783. Voy a dar click en “Ok”. Voy a volver por la herramienta de cultivo. Todavía quiero que mi imagen tenga 2,000 pixeles de ancho, voy a teclear aquí 2,000 pixels. Pero quiero que la altura sea menor porque quiero recortar un poco de extra. Yo lo voy a hacer 1,700 píxeles, y eso se quita un poco de arriba y abajo, pero me da un ancho y una altura ambos valores de los cuales son uniformemente divisibles por 50. Si divido 2,000 por 50, o si divido 1,700 por 50, 50 se va a dividir en éstos de manera uniforme sin remanente. Ese es el bit crítico, haré clic en la marca de verificación. A continuación, voy a hacer de mi imagen un mosaico. Voy a hacer un duplicado de esta capa de fondo, y como voy a estar aplicándole un filtro, voy a convertir esto para filtros inteligentes. Filtra, Convierte para Filtros Inteligentes, y haz clic en “Ok”. Voy a aplicar mi filtro con Filtro, Pixelate Mosaic. Para el filtro de mosaico, lo que voy a hacer es ajustar el tamaño de mi celda a los 50 píxeles en los que voy a estar trabajando en cuanto a un tamaño de patrón. Estoy escribiendo aquí 50, y solo daré clic en “Ok”. Ahora, tenemos nuestro cuadro convertido en un mosaico, y lo que necesitamos a continuación es el patrón para pasar por encima de él. 5. Pt 4: haz que el patrón circular la visión el patrón el patrón el circular: Para crear nuestro patrón, vamos a elegir “Archivo” y luego “Nuevo”. Voy a hacer un documento de 50 píxeles de ancho y 50 píxeles de alto, y va a tener un fondo transparente, voy a dar clic en “Ok”. Voy a acercar para poder ver el documento de manera muy clara en la pantalla. Voy a dibujar un círculo usando la herramienta Carpa elíptica. Voy a dar clic en una posición justo dentro desde la esquina superior izquierda del documento, y mantendré presionada la tecla Mayús para que lo limiten a un círculo perfecto. Busco crear este círculo escribir en medio del documento. Si tengo problemas para hacerlo, voy a agregar la barra espaciadora y simplemente mover el círculo hasta consiga las guías inteligentes que me muestren que estoy en pleno medio del documento. Ya lo tengo, así que voy a soltar el botón izquierdo del ratón y luego soltar la barra espaciadora y la tecla Mayús. Tengo un círculo aquí centrado justo en medio del documento pero no es el círculo que quiero, es un poco alrededor del borde así que voy a invertir mi selección con “Seleccionar inverso”. Ahora, he seleccionado el área alrededor del borde del círculo, estoy seleccionando mi capa aquí, blanco es mi color de fondo, así que presionaré Control comando retroceso Eliminar en el Mac para llenar mi área exterior de blanco. Voy a presionar Control o Comando D para anular la selección de mi selección. Esta es mi pasta de patrones, así que voy a elegir “Editar”, “Definir Patrón”. Voy a llamar a este círculo y voy a dar clic en “Ok”. Ahora, ya no necesito esta pasta de patrón, así que solo puedo eliminarla. De vuelta en esta imagen voy a dar click en la capa superior porque voy a añadir mi patrón por encima de la parte superior. Lo haré seleccionando “Capa”, “Nueva capa de relleno”, “Patrón”, y haré clic en “Ok”. El patrón que se agrega a la imagen es el último patrón que creé y así que ese es el que queremos usar y se escala al 100 por ciento y así es exactamente como debe ser y voy a dar clic en “Ok”. Ahí está mi efecto de superposición de patrones, pero digamos que miro esto ahora y creo que en realidad sería mejor si fuera la mitad del tamaño. Bueno, fácilmente podemos resolver ese problema por la forma en que configuramos este documento. En primer lugar, vamos a hacer el patrón la mitad del tamaño. Voy a hacer doble clic en la miniatura aquí y voy a escalar mi patrón al 50 por ciento, y voy a dar clic en “Ok”. Ahora bien, ese patrón se ve bastante bien sobre el mosaico. El mosaico es en realidad mucho más grosero de lo que realmente necesita ser. Voy a volver a mi filtro de mosaico en este punto y en lugar de un tamaño de venta de 50, voy a hacerlo 25, mitad de lo que era antes, y voy a dar clic en “Ok”. Ahora tenemos estos efectos editables que hemos creado con una patente sobre nuestra imagen. Si el blanco es demasiado ligero, solo puedes ajustar la opacidad de la misma hacia abajo para que puedas ver más de la imagen debajo. Voy a volver a llevarla hasta el 100 por ciento porque quizá queramos dos miradas este punto en cuanto a cómo sería la imagen si el patrón fuera negro. Bueno, hay una forma fácil de convertir el blanco a negro y eso es invertido. Voy a elegir “Capa”, “Nueva capa de ajuste”, “Invertir”, haré clic en “Ok”. El nivel de ajuste invertido ha invertido mi patrón pero también ha invertido mi pájaro. Pero aquí hay un icono que me permite limitar la inversión a sólo la capa inmediatamente debajo la capa que tiene la patente en ella. Voy a dar click aquí. Aquí está nuestra patente del efecto de imagen esta vez con un patrón negro en lugar de un patrón blanco. No hemos tenido que recrear el patrón porque todo lo que hicimos fue invertir su color. También es posible usar un ajuste de saturación de tono en el patrón y solo vamos a apagar mi capa invertida por un minuto y vamos a conseguir una capa de ajuste de saturación de tono. “ Capa”, “Nueva capa de ajuste”, “Saturación de matiz”, y haré clic en “Ok”. Nuevamente, éste necesita ser clips para que afecte sólo al patrón y no al ave también. Ahora puedo hacer clic en “Colorizar”, voy a aumentar mi saturación, disminuir mi ligereza, y empezar a trabajar en encontrar un matiz que se va a quedar bien era mi pájaro. Voy a usar una naranja amarillenta, pero voy a aumentar la saturación aquí y también disminuir la ligereza. Se puede ver este efecto con una capa de ajuste coloreada ahora está afectando el patrón sobre el pájaro. Tenemos un montón de opciones aquí para crear nuestro patrón sobre nuestra imagen y también lo hemos creado que se pueda escalar fácilmente de manera diferente el mosaico se puede volver a escalar y así dos tipos de patrón. 6. Proyecto y wrapup: Tu proyecto para esta clase será tomar una fotografía, ya sea una de las que he usado o una fotografía de tu elección, y crear una superposición de patrones para ello, y podrás elegir cualquiera de los diseños que hemos hecho en esta clase. Publica una imagen de tu fotografía con su superposición de patrones como tu proyecto de clase. Espero que hayas disfrutado de esta clase y que hayas aprendido algo sobre creación de superposiciones de patrones para imágenes en Photoshop. Conforme estás viendo estos videos, verás un prompt que te permite recomendar esta clase a otros. Por favor, si disfrutaste de la clase, haz dos cosas por mí. En primer lugar, dale un pulgar hacia arriba y en segundo lugar, escribe solo unas palabras sobre por qué disfrutaste de la clase. Estas recomendaciones ayudan a otros alumnos de Skillshare a ver que esta es una clase que ellos también podrían disfrutar. Si quieres dejarme un comentario o una pregunta, por favor hazlo. Leí y respondo a todos tus comentarios y preguntas, y miro y respondo a todos tus proyectos de clase. Me llamo Helen Bradley. Muchas gracias por acompañarme en este episodio de Diseño Gráfico para Almuerzo, y espero verlos en un próximo episodio.