Convierte una foto en un patrón en Adobe Photoshop - Una clase de Graphic Design para Lunch™

1. Convierte una foto en un patrón en Photoshop - introducción: Hola, soy Helen Bradley. Bienvenido a esta clase de Diseño Gráfico para Almuerzo: Convierte una foto en un patrón 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 buscando crear un efecto de patrón en Photoshop usando una foto. Empezaremos cortando la imagen de su fondo, luego haremos que la foto luzca dibujada a mano y coloreada. Entonces, finalmente, crearemos este objeto como patrón y lo usaremos para crear un nuevo documento de Photoshop. medida que estás trabajando a través de estos videos, es posible que veas un prompt que te permita recomendar esta clase a otros. Por favor, si estás disfrutando de la clase, dale un pulgar arriba. Estas recomendaciones me ayudan a conseguir mis clases frente más personas igual que tú que quieren aprender más sobre Photoshop. Si quieres dejar un comentario, por favor hazlo. Leí y respondo a todos tus comentarios y miro y respondo a todos tus proyectos de clase. Entonces si estás listo ahora empecemos a convertir una foto en un patrón en Photoshop. 2. Convierte una foto en un patrón: parte 1: Para empezar con nuestra fotografía dos, proyecto de patrón, vamos a necesitar una imagen para usar. Ahora, voy a un sitio llamado morguefile.com para encontrar mis imágenes, y he localizado a unos artistas ahí que tiene un montón de fotos que son bastante buenas. Son fotos realmente de alta calidad, y aquí hay mucho que te vendría bien. Ahora porque tenemos que hacer un corte, vamos a elegir algo que sea básicamente simple. Entonces en realidad voy a ir a conseguir esta imagen. Pero si te desplazas por su sitio, verás que aquí hay un montón de imágenes que puedes usar. Tengo algunas que ya están cortadas para ti que te lo harán aún más fácil. Por ejemplo, este gorrión aquí. Quizás quieras buscarlo, pero te daré un enlace a este artista en particular aquí en morguefile para que puedas llegar a ver su trabajo, ver si hay algo aquí que te gustaría usar. En su defecto, ve y encuentra una imagen que te guste de morguefile o de un sitio como unspliced.com o usa tu propia foto. Por lo que vamos a dar click en esta imagen y luego solo haremos click para descargarla. Ahora, ya lo he hecho, así que sólo voy a cerrar todo esto y voy a abrir el archivo aquí en Photoshop. Entonces aquí está mi imagen espiral blanca. Esta es una imagen de tamaño realmente bueno. De hecho, es mucho más grande de lo que realmente necesitamos para nuestros proyectos. Entonces voy a empezar por recortarlo, y para hacer esto, voy a la herramienta de cultivo. Voy a sostener la tecla Mayús mientras arrastro sobre este gorrión porque aquí quiero una cosecha cuadrada, y no quiero nada más que el gorrión de la imagen. Entonces si puedo deshacerme de esta rama de aquí ahora mismo, es una cosa menos que tengo que recortar en un minuto o deshacerme en un minuto. Voy a traer bastante bien el gorrión a la imagen aquí, haga clic en la marca de verificación. Ahora necesito aislarlo, y probablemente para esta imagen en particular, estas son cosas van a ser para deshacerse del fondo, no del pájaro. Entonces voy esta vez a la “Herramienta Varita Mágica”, y sólo voy a establecer una tolerancia razonablemente alta y dar clic en el fondo. Eso es más o menos seleccionado todo. Tendré que seleccionar esta zona aquí entre sus piernas y la rama, y para ello, voy a mantener presionada la tecla Mayús mientras hago clic aquí para incluir esta área en ella. Pero hay un poquito que tengo aquí dentro que no quiero. Por lo que voy a cambiar a la “Herramienta de Selección Rápida”, porque esto me permitirá muy fácilmente quitar esa zona del ave. Simplemente voy a acercar aquí para que veamos cómo se ve el problema. Con la “Herramienta Varita Mágica” seleccionada, voy a mantener presionada la tecla Alt u Opción mientras arrastro sobre el área que quiero quitar de esta selección. Lo que pasó fue, tener una tolerancia de 25 para el fondo realmente comenzó a permitirme seleccionar dentro del pájaro mismo porque es plumas de borde estaban en ese rango de 25. Por lo que probablemente tenía un poco demasiado alta una tolerancia aquí, si quieres. Ahora aquí, tengo algunos pedacitos que han quedado fuera. Bueno, aún con la “Herramienta Varita Mágica”, solo puedo ir y arrastrar o pintar sobre los bits que se habían dejado fuera de esta selección de fondo que se los sumará. Voy a trabajar a mi manera alrededor del pájaro, asegurándome de que tengo todo lo que necesito y nada que no necesito aquí. Ahora, una vez que esté contenta con lo que tengo aquí, voy a agregar una máscara para que pueda agregar pedacitos extra a esto o quitar algunos si necesito. Entonces voy a dar clic en el último palet aquí para ver qué tenemos, y tenemos una sola capa de fondo. Necesitamos convertir esto en una capa regular para que podamos quitar el fondo de la imagen, porque no se pueden eliminar píxeles para permitir fondos transparentes en una capa de fondo. Es una de esas capas especiales que simplemente no hace cosas como lo hacen las capas regulares. Para que sea capa irregular, vamos a hacer doble clic en ella, y sólo tienes que hacer clic en “Ok” cuando veas ese diálogo. Ahora es capa irregular, y podríamos presionar “Eliminar” para quitar el fondo, o simplemente podríamos hacer clic aquí para agregar una máscara, para enmascararla. Eso es lo que voy a hacer. Desafortunadamente, mi quintín masivo respaldó frente. Voy a dar click en la máscara en invertido, y luego presiona Comando o Control I, I para invertir. Ahora en este punto, cuando estamos trabajando con máscara, que podemos pintar sobre esta máscara en blanco o negro para agregar o quitar bits de la imagen. Bueno, no quiero este trozo aquí abajo, así que vamos a buscar el pincel, que se esconde aquí. Vamos a asegurarnos de que aquí tenemos un pincel bastante duro. Voy a seleccionar algo que le tenga un aspecto muy sólido, Sólo voy a bajar su dureza a cerca de 78, eso es bastante bueno para este pincel. Asegurémonos de que estamos pintando con negro porque queremos quitar parte del objeto aquí, asegúrate de tener la máscara aquí seleccionada. Entonces tiene un pequeño borde alrededor, y voy a pintar los pedacitos que no quiero. Ahora tampoco quiero que esta rama sea cortada en bastante ese ángulo afilar. A partir de esto, voy a hacer mi pincel realmente pequeno aquí. Yo sólo voy a añadir una forma orgánica a través de esa rama. Por lo que es un poco más atractivo de lo que era antes. Ahora podrías seguir trabajando en esta máscara si quisieras hacer una mejor selección. Pero por el proceso que estamos usando y en realidad no tiene que ser tan bueno de selección. Entonces si estamos listos para proceder, ahora podemos seguir adelante y arreglar esta máscara. Entonces lo que vamos a hacer es, vamos a aplicarlo en realidad a la imagen. Puedes hacer eso arrastrando la máscara al cubo de basura como si estuvieras a punto de quitarla. Photoshop dice, “bueno, espera un minuto, hiciste esta máscara. ¿ Quieres aplicar eso a la imagen antes de quitarla o simplemente quieres desperdiciarla?” Bueno, queremos aplicarlo a la imagen. Por lo que vamos a dar clic en “Aplicar”. Ahora tenemos un pájaro aislado todo en su propia capa, y estamos listos para ir en el siguiente video y colorearlo, pero también hacer que se vea un poco más como si se hubiera dibujado a mano. 3. Convierte una foto en un patrón: parte 2: Ya estamos listos para hacer que nuestro pájaro se vea un poco más dibujado a mano. Pero nos ayudará a poner un fondo detrás del pájaro sólo para que tengamos algo que ver, en este punto. Voy a mantener pulsado el Control o Comando K mientras hago clic en este icono de Nueva capa aquí y eso agrega una nueva capa al pie de la paleta de capas. Si el tuyo no va en el lugar correcto, está bien, solo arrástralo hasta que esté donde quieres que esté, en la parte inferior. Selecciona la capa, asegúrate de tener el color con el que quieres rellenarla como color de primer plano y pulsa Alt u opción Retroceso. Eso solo llena el fondo con el color, para que podamos ver el pájaro un poco más claramente, solo asegúrate de que tenemos esa buena selección. Bastante contenta con eso. Ahora, vamos a convertir al pájaro en algo que se vea un poco más dibujado a mano. Una de las cosas que tienen las fotos es mucho detalle rico. Queremos aplanar ese detalle, y hay un filtro que nos ayudará a hacerlo. Se llama el filtro mediano. Escogeremos Filtro, y luego Ruido, y luego Medio. Lo que esto hace es aplanar los colores en la imagen y así suaviza todo. Voy a llevarlo a un valor bastante alto y esto es lo que hace para fotografiar. No es muy bueno en absoluto, pero a valores más pequeños, encontrarás que obtienes más detalle en la foto. Pero obtienes este comienzo de una mirada dibujada pinteramente, si quieres, en lugar de una foto por diga. Lo que queremos hacer aquí es que queremos aplanar estas áreas de color para que tengamos menos detalle que la imagen, pero queremos mantener algún detalle. El ojo del pájaro, el pico y las cosas faciales son realmente importantes para establecer que esta mancha es un hecho real de ave. Aquí vas a elegir un punto dulce, donde obtienes algo de aplanamiento y alisado del color, pero aún así obtienes detalle en la imagen. Para mí, eso probablemente son unos 12 píxeles. Es un radio aquí de 12 pixeles, voy a dar click Ok. A continuación vamos a aplicar un filtro a esta imagen. Para ello escogeremos Filtro y luego Galería de filtros. Ahora el filtro que vamos a utilizar está aquí en el grupo artístico y su llamado recorte. Ese es el filtro medio de la fila superior aquí en la lista y es recorte. Ahora, quiero ver a mi pájaro y está todo desaparecido en este momento. Escojamos Fit on Screen. Con el filtro de recorte, tienes tres deslizadores: niveles, simplicidad y fidelidad de bordes. La fidelidad de los bordes no hace mucho, pero el número de niveles y la simplicidad de los bordes son realmente importantes. Iremos a la sencillez de borde. En primer lugar, si lo hago realmente alto, verás que consigo un pájaro muy estilizado. Ahora esa podría ser tu preferencia. Si te gusta ese efecto, entonces usa un valor bastante alto. Si quieres alguna apariencia de realismo, entonces empieza a reducir este valor de simplicidad de borde. Ahora no hay muchos valores por aquí. En la parte superior, son 10, para el otro extremo, es cero, así que tienes 11 ajustes aquí que puedes usar. Pero un ajuste de cero o uno o dos te dará algo más realista y menos abstracto. Voy a elegir dos ahora mismo. Niveles es ¿cuántos colores queremos en la imagen? Si bajamos a un valor muy pequeño, tenemos muy pocos colores en la imagen, y así vuelve a estar más estilizada. Cuantos más niveles aplicamos esto son tres, y esto son cinco, estamos obteniendo una imagen más realista. Pero claro, porque aplicamos ese filtro mediano a la imagen, aplanamos todo el color. Estamos sacando un poco más de una mirada artística, pero sin tener que volver a dibujar la imagen. Ahora para mis niveles, creo que siete es demasiado alto. Esto es siete. Es demasiado detallado para mí. Voy a enrollar esto de nuevo a seis o cinco. Aquí hay un punto dulce en algún lugar que te da el detalle que quieres, y sin embargo no es demasiado complejo. Estoy pensando que cinco es bastante bueno, así que voy a dar click Ok. Ahora vamos a convertir esto en blanco y negro. Para ello, vamos a utilizar una capa de ajuste. Escogeremos Capa, Nueva Capa de Ajuste, Blanco y Negro, y voy a dar click Ok. Ahora esto está afectando no sólo al ave, sino también al fondo azul. Si queremos limitarlo solo al ave, podemos hacer clic en este ícono aquí. Eso entonces establece el ajuste para que afecte sólo a la capa inmediatamente inferior, que es el ave. Desde aquí, podemos seleccionar colores en este deslizador de color. Conforme los seleccionamos, si hay alguno de estos colores en el propio pájaro, entonces podemos hacerlos más oscuros o claros en el blanco y negro. Ahora hay algunos amarillos. Si los saco en dirección positiva, se puede ver que las áreas amarillas se vuelven muy blancas. Si los tomamos en dirección opuesta, se vuelven muy negros, y así usando los deslizadores, podemos elaborar un blanco y negro perfecto para este ave en particular. No estoy esperando demasiado en el blues y greens porque este es un gorrión, básicamente es un pájaro marrón. También aquí en este azul, no pasa mucha acción, pero podría haber en la ciencia y ciertamente hay algún movimiento si voy a los rojos y a los amarillos. Simplemente voy a crear la imagen en blanco y negro que quiero aquí. Ahora, tenemos nuestro pájaro blanco y negro en nuestro fondo. Si el pájaro no tiene suficiente contraste, si no hay suficientes oscuros y luces, entonces podrías ajustarlo. Volvamos a la capa de pájaro aquí y vamos a añadir otra capa de ajuste: Capa, Nueva capa de ajuste, y esta vez vamos a elegir Curvas, luego haga clic en Ok. Ahora el ajuste de curvas puede ser un poco confuso hasta que sepas lo que realmente significa. Aquí están tus oscuros, aquí están tus luces, y ahora mismo esta línea dice que no hay ningún cambio en la imagen. Pero si quieres que los píxeles más oscuros sean un poco más oscuros, puedes arrastrar hacia abajo en la curva en el área oscura que está por aquí. Si desea que las áreas más claras sean un poco más ligeras, arrastre hacia arriba en este extremo de la curva, que representa las áreas más claras de la imagen. También puedes usar este pequeño ícono de mano. Si haces clic en él y vas y seleccionas un área de la imagen que quieres aligerar un poco, puedes hacerlo. Sólo tienes que arrastrar hacia arriba para aligerarlo. Algunos haciendo clic y arrastrando hacia arriba para aclararlo, arrastrándolo hacia abajo para oscurecerlo. De esta manera, podríamos crear un poco más de un blanco y negro personalizado aquí. Yo solo quiero ver un poco más de detalle en esta zona del ave por aquí. Creo que este es un mejor resultado. Podemos echar un vistazo al antes y al después. Aquí está este icono del globo ocular, voy a hacer clic en él. Ese es el antes, y este es el después. Es un poco más de contraste y creo que eso es un poco mejor para esta imagen en particular. Ahora en este punto, tal vez sólo quieras llevarte a este pájaro contigo y hacer algo con él. Puedes guardar esta imagen, puedes apagar el fondo. Podría, por ejemplo, guardar esto como una imagen ping, una imagen en formato PNG, y eso guardaría la transparencia con la imagen. De esta manera, se podría poner esto en cualquier fondo. Podrías, por ejemplo, usarlo en una página de álbum de recortes y simplemente agregarlo sobre un fondo. El fondo va a llegar por las áreas transparentes de la imagen. Pero lo que vamos a hacer es que vamos a hacer un patrón repetitivo con él. En el siguiente video, vas a ver cómo hacer eso. 4. Convierte una foto en un patrón: parte 3: Para convertir este gorrión en un patrón, vamos a necesitar un poco más de espacio en esta imagen y una forma de hacerlo es usar la herramienta de cultivo. Pero para empezar, quiero poder decir un poco más de la imagen. Voy a alejarme un poco para poder ver los alrededores al loro. Ahora puedes usar el tamaño de lienzo de imagen. Es sólo que este diálogo es sólo para mí realmente confuso porque ¿a dónde va el contenido y exactamente cuánto más quiero? Es mucho más fácil para mí solo mirarlo. Voy a cancelar fuera de ahí y voy a la herramienta de cultivo. Porque lo que no te dicen de la herramienta de cultivo es que puedes agregar lienzo extra utilizándolo. Tienes estas asas aquí para que puedas arrastrar hacia adentro, pero también puedes arrastrar hacia afuera. Voy a sostener “Shift” porque quiero que esto se constreña todavía una plaza y también voy a sostener “Alt” u “Option” porque eso va a arrastrar hacia fuera desde el punto central y mira lo que pasa cuando me arrastre hacia fuera. Ya ves que el lienzo de cultivo viene conmigo y solo puedo hacer un globo ocular sobre cuánto espacio quiero. Yo quiero un poco de espacio porque quiero que el patrón esté bastante espaciado y cuando llegue a donde creo que se ve bien, solo voy a soltar el botón izquierdo del ratón y luego soltar tecla “Shift” y la “Alt” u “Option” y voy a dar clic en la “Marca de verificación” aquí. He usado la herramienta de recorte para agregar lienzo extra manera más fácil que tratar de usar esa herramienta de lienzo. Ahora voy a conseguir aquí la herramienta de mudanza. Voy a seleccionar al pájaro y simplemente moverlo un poco más centralmente en el lienzo. Ya verás que nuestro fondo no se redimensionó. Todavía tenemos esa caja ahí, pero no vamos a usar eso en ningún lado así que realmente no soy tan rápido al respecto. Ahora, dado que estoy contento con mi pájaro, voy a aplanar estos pasos ahora. Voy a seleccionar el pájaro y las dos capas de ajuste y fusionarlas juntas. Pero si pensabas que ibas a ir en cualquier etapa necesitas guardar estos y hacer ajustes a ellos, podrías guardar esto como un archivo PSD y luego seguir adelante y hacer tu patrón para que aún tengas la versión PSD, aún así con estas capas más adelante. Para ello, simplemente elige Archivo y luego Guardar como, y en la lista desplegable Tipo Guardar como mira PSD. Pero voy a fusionar estos. Con estas tres capas seleccionadas, elegiré capa y luego fusionaré capas. Eso convierte a un gorrión en un solo objeto en esta capa. Yo quiero dos de él, así que voy a necesitar otra copia. Voy a tomar esta capa y la voy a arrastrar hacia abajo y dejarla caer sobre el icono de la nueva capa, así que ahora tengo dos gorriones justo encima uno del otro. Voy a la de arriba y voy a hacer que se enfrente de la otra manera. Para ello elegiré Editar y luego Transformar y lo vamos a voltear horizontalmente. Ahora se enfrenta en dirección completamente opuesta. Si seguiste mi clase sobre hacer patrones, conocerás la herramienta que vamos a usar a continuación. Pero antes de usar eso, necesitamos saber qué tan grande es esta imagen. Voy a elegir Imagen y luego Tamaño de imagen. Ahora no necesariamente quiero hacer esta imagen más pequeña, pero sí quiero comprobar el tamaño. Pero ahora que estoy aquí, estoy viendo que esta es una imagen realmente enorme y demasiado grande para un patrón. Probablemente lo quiero abajo a más como unos 1500 píxeles. Aquí voy a tipo 1500. Porque hay dos valores el ancho, y la altura están ligadas aquí, cuando escribo en un ancho, se convierte también en la altura porque esta es una imagen cuadrada. De la lista de re-muestra, necesito elegir un método de re-muestreo y debido a que estamos reduciendo esto en tamaño, reducción bicúbica más nítida es buena para usar y esta es una vista previa de cómo va a ser. Voy a dar clic en “Ok”. Ahora se ve realmente pequeño, pero si hacemos zoom, va a estar bien. Se va a ver mucho más grande. Ahora necesitamos aplicar nuestro filtro de desplazamiento a esta capa para que con la capa superior seleccionada, elijamos Filtro, Otro, Offset. Ahora, en la configuración horizontal y vertical aquí necesito escribir un valor que sea 1.5 del ancho y alto de este documento. Lo hicimos hace 1500 hace unos minutos así que vamos a teclear en 750 porque 750 es la mitad de 1,500. Se puede ver que ayuda tener números pares para poder dividirlos por igual en dos. También es útil tener números simples como 1.500 para que no tengas que sacar una calculadora para hacer las matemáticas. Voy a hacer clic en “Ok”, y esto es exactamente lo que debería parecer, y este es mi patrón. Aquí voy a seleccionar estas dos capas, y voy a elegir, “Seleccionar todo”. Escogeré “Editar”, “Definir patrón”. Se llama Gorrión de invierno, que es el nombre del archivo, en realidad lo voy a llamar gorrión. Voy a hacer clic, “Ok”, y este es mi patrón. Una de las cosas con patrones en Photoshop es que están almacenados dentro de Photoshop, por lo que va a estar ahí la próxima vez que inicies Photoshop. También va a ser accesible a una nueva imagen. Este no sería el caso en todos los demás programas. Escogeré “Archivo” y luego “Nuevo”, y aquí voy a hacer un pedazo de papel de scrapbook. Voy a usar un documento que es del tamaño del papel de scrapbook, 3,600 pixels por 3,600 pixels a 300 pixels por pulgada. Estoy usando el color RGB y voy a dar click, “Está bien. Este es mi nuevo documento y voy a añadir mi patrón. No sé qué tan grande quiero que mi patrón base. Voy a utilizar una técnica para llenar este documento con un patrón que me permitirá escalar el patrón. Es decir Capa, Nueva capa de relleno, Patrón. Voy a dar click en “Ok”. Una de las cosas que me encanta de este diálogo de relleno de patrones es que por defecto el último patrón que creaste así que va “Ok”, cuando acabas de hacer este patrón tal vez este sea el que quieres usar. Así es como se ve el patrón. Si quiero más aves, puedo bajar la balanza a unos 75. Bueno, eso me parece bastante bien, así que voy a dar clic en “Ok”. Ahora voy a poner una capa debajo del patrón manteniendo presionada la tecla “Control” o “Comando” y haciendo clic en este icono de “Nueva capa” y una nueva capa entra aquí y la voy a llenar con mi color, que en el momento es este azul. Es un color de primer plano así que presionaré la opción “Alt” “Retroceso” “Eliminar” en el Mac. Aquí está mi patrón conformado por mis pájaros pictóricos. Ahora si quieres recolorear las aves, puedes hacerlo. Podríamos agregarle un tinte. Por ejemplo, voy a hacer clic en la capa superior, que es la capa de patente, que tiene el patrón de pájaro en ella. Escogeré Capa, Nueva capa de ajuste, Saturación de matiz y haré clic en “Ok”. Esto me permite colorear este pájaro porque puedo hacer clic en la opción de colorear y luego colorear las aves. Pero ahora mismo está colorando no sólo a los pájaros sino también a mi capa de fondo. Bueno, puedo limitar este efecto de coloración sólo a los pájaros haciendo clic en este icono aquí, que crea una máscara de recorte. Ahora puedo ir y seleccionar un color apropiado para las aves. Algo que contrasta bien con el color de fondo. Creo que los colores de fondo probablemente no lo suficientemente ricos, pero puedo ajustar eso en un minuto. Se va a llevar esto a una bonita especie de tono sepia marrón. Volvamos a esta capa aquí, y vamos a buscar un azul mejor. Hay una forma divertida de convertir una fotografía en un patrón en Photoshop, aislarás al pájaro y luego simplificarás la foto usando un filtro mediano. Utiliza el filtro recortado para darle este tipo de aspecto pictórico y luego convertirlo a blanco y negro. Una vez que hayas creado tu muestra de patrón, podrás seguir adelante y crear un documento a partir de esa muestra de patrón. Por supuesto, va a estar disponible en las muestras de patrones en Photoshop la próxima vez que abras y lances Photoshop. Tu proyecto para esta clase va a ser ir a buscar una foto para usar. Intenta encontrar algo que no tenga demasiados detalles de fondo para que no pases mucho tiempo recortando el objeto. Después ve a crearlo como este tipo de objeto pictórico, crea como patrón, y luego rellena un nuevo documento con él. Publica una pieza de tu imagen final en el área del proyecto de clase. Espero que hayas disfrutado de este curso y hayas aprendido algo sobre crear patrones en Photoshop y también alterar fotos para que se vean un poco más pictórica y un poco menos como manguera de fuego. Si sí disfrutaste de este curso y si ves un prompt para recomendarlo a otros, por favor dale un pulgar arriba. Esto ayuda a otras personas a identificar esto como una clase que pueden querer tomar y si quieres dejar un comentario, por favor hazlo. Leí y respondo a todos tus comentarios y miro y comento todos tus proyectos de clase. Me llamo Helen Bradley. Muchas gracias por acompañarme para este episodio de diseño gráfico para Almuerzo, y espero verlos en un próximo episodio.