Mosaico hi-tech con pinceles y patrones en Adobe Photoshop - Una clase de Graphic Design for Lunch™ | Helen Bradley | Skillshare
Menú
Buscar

Velocidad de reproducción


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Mosaico hi-tech con pinceles y patrones en Adobe Photoshop - Una clase de Graphic Design for Lunch™

teacher avatar Helen Bradley, Graphic Design for Lunch™

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Crea un mosaico de Hi Tech en Photoshop - introducción

      1:08

    • 2.

      Efecto de mosaico con la tecnología - parte 1

      5:07

    • 3.

      Efecto de mosaico con la mosa: parte 2

      3:52

    • 4.

      Efecto de mosaico con la mosa: parte 3

      11:01

    • 5.

      Efecto de mosaico con la mosa: parte 4

      4:00

    • 6.

      Addendum - Edición con objetos inteligentes

      2:44

    • 7.

      Addendum hacer el patrón en Photoshop CS5

      3:27

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

291

Estudiantes

15

Proyectos

Acerca de esta clase

Diseño gráfico para el almuerzo. es una serie de cursos cortos que puedes estudiar en piezas de tamaño de tamaño como en la hora de la bite En este curso aprenderás a crear un mosaico de alta tecnología. Usaremos una foto para conseguir los colores y luego hacer un patrón y algunos pinceles para decorar los mosaicos de mosaicos. Aprenderás algunos métodos para crear y trabajar con imágenes pixelized y para hacer una forma. Aquí está el mosaico que haremos lo que haremos:

Más en esta serie:

Haz patrones a partir de bocetos y arte digital en Adobe Photoshop - un diseño gráfico para la clase de la que

10 consejos y técnicas en Adobe Photoshop: un diseño gráfico para la clase de la que

Haz patrones de Ikat en Adobe Photoshop: un diseño gráfico para la clase de Lunch™ clase de

Patrones de mármol en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Haz y vender diseños de papel de Scrapbook en Adobe Photoshop: un diseño gráfico para la clase de la que

Crea una gama de patrones de círculo en Adobe Photoshop: un diseño gráfico para la clase de la que de la que Lunch™

10 consejos en Adobe Photoshop en 10 minutos - un diseño gráfico para la clase de la que

10 consejos de pinceles en 10 minutos en Adobe Photoshop: un diseño gráfico para la clase de la que

Arte de líneas de forma limpia en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

10 consejos de Photoshop en 10 min: un diseño gráfico para la clase de Lunch™

3 patrones exóticos en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Fondos Abstract abstractos en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Mucha de patrones complejos en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Selecciones complejas en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Badge de la cinta con cinta en Adobe Photoshop - un diseño gráfico para la clase de Lunch™ clase de Lunch™

Fondos - medio Halftones, Sunburst, patrones en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Crea anillas de HUD de Hi-Tech en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Crea patrones orgánicos en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Crea texto en un camino en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Fromas de Bracket y cajas de texto de texto de Adobe Photoshop - un diseño gráfico para la clase de la que lunch™ de la clase de de la de

10 consejos de selección en 10 min, en Adobe Photoshop - un diseño gráfico para la clase de la clase de de la que

Fotos de recorte y cuadro en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Efecto de corte de imagen vintage en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Estilos de capa creativo de Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Haz patrones con la nueva herramienta de patrones en Photoshop 2021: un diseño gráfico para la clase de Lunch™

Pintar una foto en Adobe Photoshop usando la Historia de arte con un diseño gráfico para la clase de la que

4 formatos críticos de archivos críticos - jpg, png, pdf, en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

B, de esto, notas y efectos de color aislado en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Bend Objetos con la Puppet en Adobe Photoshop - un diseño gráfico para la clase de la que de la de la de la de

Texto de resaltado, formas y libros de Scrapbook en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Colorear un boceto caneado en Adobe Photoshop: un diseño gráfico para la clase de de Lunch™

Crea un gráfico de esquena de color en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Crea una fuente personalizada de personajes en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Crea un mandala en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Diseño reusable de la corona reutilizable en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Crea patrones complejos de repetición en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Crea maquetas para usar y vender en Photoshop: un diseño gráfico para la clase de Lunch™

Crea patrones de plano (Tartan) repetitivos en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Colorear un boceto con una textura en Adobe Photoshop: un diseño gráfico para la clase de la de Lunch™

Droste Effect con Photoshop y una herramienta gratuita - un diseño gráfico para la clase de la clase de de la que

Critas con personaje en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Texturas capturas para dibujos en Adobe Photoshop: un diseño gráfico para la clase de la de la que

Desmitificar el historial en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Efecto doble exposición en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Dibuja un mapa fantástico en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Emboss y Deboss de texto y formas en Adobe Photoshop: un diseño gráfico para la clase de la de la de la de

Efecto de foto plegado en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Edición diaria de fotos para Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Obtén tu tamaño cada vez en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Bolsa de efectos de texto divertido en Adobe Photoshop: un diseño gráfico para la clase de la de Lunch™

Collage de cuadrícula para redes sociales en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Mosaico de alta tecnología con pinceles y patrones en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Imágenes de animales de Warhol en Adobe Photoshop - un diseño gráfico para la clase de la clase de de Lunch™

Introducción a crear y usar las acciones de Photoshop - un diseño gráfico para la clase de Lunch™

Patrones de cubo isométricos en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Efecto en papel en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Capas y máslas capas 101 para fotógrafos en Adobe Photoshop - un diseño gráfico para la clase de Lunch™ clase de

Haz y vender una colección de formas en Adobe Photoshop: un diseño gráfico para la clase de la que

Patrones de repetición sin fisuras en Adobe Photoshop - solo lo fundamentos: un diseño gráfico para la clase de Lunch™

Hacer y usar pinceles fotográficos en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Collage de fotos para redes sociales en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Hacer y vender Overlays para redes sociales en Adobe Photoshop: un diseño gráfico para la clase de la que

Haz formas personalizadas en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Kaleidoscopes con objetos inteligentes en Adobe Photoshop: un diseño gráfico para la clase de la que

Diagonales, Chevrons, Plaid y de anillas en Adobe Photoshop - un diseño gráfico para la clase de Lunch™ clase de lunch™

Haz y vender pinceles de Photoshop en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Patrones de círculos superpuestos y aleatorios en Adobe Photoshop - un diseño gráfico para la clase de la que de la que

Efecto de Bombing de patrones en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Convierte una foto en un patrón en Adobe Photoshop: un diseño gráfico para la clase de Lunch™ clase de

Patrones como superposiciones de fotos para redes sociales en Adobe Photoshop - un diseño gráfico para la clase de la que

Collage de textura de fotos - Mezclar y texturas en Adobe Photoshop - un diseño gráfico para la clase de la de la que

Técnicas de tinta en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Preparar imágenes para redes sociales y blogs en Adobe Photoshop: un diseño gráfico para la clase de la que

Recolor objetos sin hacer selecciones en Adobe Photoshop: un diseño gráfico para la clase de Lunch™ clase de

Técnicas para recrear patrones en Adobe Photoshop: un diseño gráfico para la clase de la que

Eliminar objetos y turistas de las fotos en Adobe Photoshop - un diseño gráfico para la clase de la que

Efecto de glitch en Adobe Photoshop: un diseño gráfico para la clase de de Lunch™

Mezclar dos imágenes en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Configura colores, tonos y sombras en Adobe Photoshop: un diseño gráfico para la clase de la que

Bocetos y pinceles para los patrones sin murales en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Captura a el arte - 3 efectos de fotos prácticos en Adobe Photoshop - un diseño gráfico para la clase de la que de la que

Efecto de collage de Surreal en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Texto sobre efectos de imagen: Glyphs y capas en Adobe Photoshop de un diseño gráfico para la clase de Lunch™

Uso de texturas en Adobe Photoshop: un diseño gráfico para la clase de la que

Conceptos básicos de tipo de Photoshop Conceptos básicos en Adobe Photoshop: un diseño gráfico para la clase de de la que ™

Efecto de imagen junto en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Uso de objetos de Illustrator en Photoshop: un diseño gráfico para la clase de la de Lunch™

Uso de la herramienta Relleno de patrones de guiones en Adobe Photoshop: un diseño gráfico para la clase de la que

Los corazones inspirados en Adobe Photoshop de la los A en Adobe Photoshop: un diseño gráfico para la clase de la que

Patrones rotulares Whimsical en Adobe Photoshop: un diseño gráfico para la clase de de Lunch™

Diseño de papel de Scrapbook con mapas de desplazamiento en Photoshop - un diseño gráfico para la clase de la que

 

 

Conoce a tu profesor(a)

Teacher Profile Image

Helen Bradley

Graphic Design for Lunch™

Top Teacher

Helen teaches the popular Graphic Design for Lunch™ courses which focus on teaching Adobe® Photoshop®, Adobe® Illustrator®, Procreate®, and other graphic design and photo editing applications. Each course is short enough to take over a lunch break and is packed with useful and fun techniques. Class projects reinforce what is taught so they too can be easily completed over a lunch hour or two.

Ver perfil completo

Level: Intermediate

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Crea un mosaico de Hi Tech en Photoshop - introducción: Hola. Yo soy Helen Bradley. Bienvenido a esta clase de Diseño Gráfico para la clase Almuerzo, crea un mosaico de alta tecnología con pinceles y patrones 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 haciendo un mosaico de alta tecnología. Vamos a pedir prestados los colores para este mosaico de una fotografía y vamos a hacer nuestro propio patrón para crear la cuadrícula blanca. Vamos a hacer un pincel especial que vamos a usar para angustiar ligeramente nuestro mosaico y vamos a añadir un poco de estallido y vamos a deformarlo en una forma interesante. Espero que vayas a disfrutar de esta clase. Si ves un prompt para un pulgar arriba, por favor, si lo estás disfrutando, dale un pulgar arriba. Esto realmente ayuda a otras personas a ver que es una clase que podrían también querer tomar. Si quieres dejar un comentario, por favor hazlo, leo todos tus comentarios. Si estás listo, empecemos a hacer un mosaico de alta tecnología. 2. Efecto de mosaico con la tecnología - parte 1: Vamos a iniciar este proyecto en un lugar inusual. Estoy en un sitio llamado unsplash.com y este es un sitio para fotos descargables gratis, y la calidad de imagen es realmente bastante alta aquí. Entonces acabo de escribir la palabra de búsqueda trópicos, y me he desplazado hacia abajo y esta es la imagen que quiero usar porque solo quiero pedir prestados los colores de ella. Por lo que voy a dar clic en él para abrirlo en una nueva ventana del navegador, y voy a dar clic para descargar. Esto me dará la imagen de tamaño completo para descargar. Haré clic derecho y elegiré Guardar imagen como. Simplemente lo voy a guardar en una carpeta de mi computadora para que sepa dónde está para poder volver y conseguirlo en breve. Una vez descargado, puedo seguir adelante y abrirlo en Photoshop, que es lo que voy a hacer ahora. Ahora tengo la imagen abierta en Photoshop y es una imagen bastante grande. Si voy a imagen, tamaño de imagen, ya verás que son 4,272 píxeles por 2,848 píxeles. Bueno, sólo queremos los colores de esta imagen, así que voy a reducirla a un documento que es de 12 píxeles por 12 píxeles. Estas mediciones son bastante importantes que lo pongas a este valor. Vamos a establecer el método de re-muestreo a Bicúbic Sharper para reducir imágenes. Voy a hacer clic en “Ok”. Ahora tengo un pequeño documento, y es realmente tan pequeño, es casi imposible verlo en pantalla. Sólo voy a dar clic en él con la Herramienta Zoom para ampliarlo. Este documento tiene 12 píxeles por 12 píxeles de tamaño, y cada uno de esos píxeles tiene un color asociado a él. Por eso lo hicimos de este tamaño porque todo lo que queríamos eran estos bloques de color. Ya voy a ir a por la Herramienta de Borrador. Voy a hacer clic en la Herramienta Borrador, y voy a configurar el modo para que sea lápiz. De nuevo, eso es crítico que uses lápiz. Baja tu lista de pinceles y lo que quieres es un pincel cuadrado de un píxel. Ahora, no lo estoy viendo en mi colección aquí, así que sólo voy a ir a añadir esos pinceles. Voy a dar click aquí en los pinceles vuelan, y voy a pinceles cuadrados y los voy a anexar. Aquí están al final y hay un pincel cuadrado de un píxel, que es perfecto para mí. Tengo seleccionada mi Herramienta de borrador y estoy en modo lápiz. Lo que necesito hacer ahora es borrar alrededor de los bordes del documento. Pero si echamos un vistazo a la paleta de capas, veremos que todavía no podemos borrar a la transparencia. El motivo de eso es que esta imagen tiene una capa de fondo y no se puede borrar a transparencia en nuestra capa de fondo. Vamos a necesitar convertirlo. Una forma sencilla de convertirlo como hacer doble clic en la capa y simplemente pulsar “Ok”. Eso lo convierte en una capa regular. Ahora nuestro borrador funcionará muy bien. Voy a dar click en el pixel de la esquina aquí y Shift click todo el camino a través de esta esquina. Yo solo quiero borrar los pixeles del borde. Voy a dar clic en Mayús click y luego hacer clic en Mayús click. Ahora estoy abajo a un menor número de píxeles. Si quieres ver lo que estás haciendo, puedes agregar una capa debajo de esto. Voy a Control click en este nuevo icono de capa. El blanco es mi color de primer plano, así que voy a presionar Alt, Retroceso, Opción, Eliminar, solo para llenar el reverso de la imagen con blanco. Vuelvo a esta capa y voy a empezar a borrar algunos de estos píxeles. Voy a borrar lo menos interesante de los píxeles coloreados, que van a ser los más ligeros. También voy a hacer de esta una forma más interesante, tal vez comiendo un poco en ella y simplemente dejando visibles algunos de los píxeles de colores más bonitos. Yo sólo voy a ir a borrar algo de esto en una forma fluida que es lo que busco aquí. Una vez que haya borrado los píxeles, no quiero, estamos listos para volver a dimensionar esta imagen hasta un tamaño utilizable. Vamos a elegir Imagen y luego Tamaño de imagen. Ahora llegamos a hacer que esta imagen sea mucho más grande. Simplemente voy a multiplicar esto por 100, así que se va a convertir en 1200 píxeles por 1200 píxeles. Pero no presione el botón “Ok” todavía porque esto parece un desastre. Porque nuestra imagen hace unos minutos era esta bonita imagen pixelada, pero ahora lo que está pasando es que todo está suave y hemos perdido todos los píxeles que queremos conservar. El motivo de esto es este método de re-muestreo. Pero en el momento que esté configurado en Bicúbic Sharper, que es uno que usarías para reducir una imagen. Pero incluso si tuvieras que elegir uno de los métodos para agrandar una imagen, verás que el problema aún ocurre es todo borroso. Lo que tenemos que hacer es seleccionar Vecino más cercano. Vecino más cercano mantiene estos bordes duros. Vamos a mantener estos lindos bordes duros que vinimos aquí a crear. Yo sólo voy a dar click en “Ok”. Por supuesto ahora nuestra imagen es 100 veces más grande, por lo que se ve enorme. Voy a presionar “Control” o “Comando 0" sólo para redimensionarlo para que podamos verlo en la pantalla, y hemos guardado estos lindos bloques de color. En el siguiente paso, vamos a añadir un patrón sobre la parte superior del mismo. 3. Efecto de mosaico con la mosa: parte 2: Ya sabemos bastante de esta imagen, sabemos que cada uno de estos bloques es de 100 pixels por 100 pixels. Por lo que quiero agregar una cuadrícula de líneas sobre la parte superior de la misma. Entonces voy a empezar con un patrón que es de 100 por 100 píxeles de tamaño, así que elegiré “Archivo”, y luego “Nuevo”. Voy a hacer un nuevo documento de 100 por 100 píxeles de tamaño y es solo un documento transparente, así que haré clic en “Aceptar”. Podemos acercar para que sea un poco más claro y más fácil ver dónde estamos trabajando. Ahora voy a empezar con una selección, así que voy a la Herramienta Rectangular Carpa y voy a pensar en lo gruesas que quiero que sean mis líneas. Me gustaría que las líneas a través de mi patrón tuvieran alrededor de seis píxeles de ancho, así que voy a necesitar hacer una pasta de patrones que tenga alrededor de tres píxeles alrededor de cada lado de este patrón. Entonces cuando esté alineado contra sí mismo, vamos a conseguir tres píxeles aquí y otros tres píxeles al lado, lo que nos dará un patrón de seis píxeles de ancho. Entonces una vez que sabemos que necesitamos tres píxeles aquí y tres aquí, lo que tenemos que hacer es sumar esos dos tres para hacer seis y luego restarlo de 100, así que eso es 94. Entonces necesito un rectángulo o un cuadrado que sea de 94 píxeles por 94 píxeles. Entonces voy a entrar aquí, tengo mi Herramienta Rectángulo seleccionada, voy a elegir tamaño fijo, y solo estoy escribiendo aquí 94 píxeles por 94 píxeles, y voy a hacer clic para crear esa forma. Ahora bien, no sé si está alineado correctamente o no, pero tengo un método que puedo mostrarles que hagan justamente eso. Vamos a llenar esto con negro, negro es mi color de fondo, “Control”, “Retroceso”, “Comando”, “Eliminar” en el, marquesina para llenar esta capa con el negro y ese es el bloque que es de 94 por 94 píxeles. Todavía tengo mi selección en su lugar, así que voy a usar esta para alinear mi forma con mi selección en su lugar, voy a presionar “Control” o “Comando” “A” para seleccionar todo mi espacio de trabajo y luego elegiré “Capa”, ” Alinear capa a selección”, elegiré “Centros verticales”, y luego “Capa”, “Alinear capas”, “Centros horizontales” y eso solo se asegura de que esta forma esté bien centrada. Voy a “Control” o “Comando” haga clic atrás en esta capa así que solo tengo mi área negra seleccionada. Ahora, sé que esa selección está justo en medio, solo voy a presionar “Eliminar” para eliminarla. Ahora, elegiré “Seleccionar” y luego “Inverse”. Ahora tengo esta banda de tres píxeles alrededor del borde de mi imagen seleccionada, blanco es mi color de primer plano? Presionaré la opción “Alt”, “Retroceso” borrar en la marquesina para llenar este borde de blanco, y así este es el patrón que quiero usar. Presionaré “Control” o “Comando” “A” para seleccionarlo y elegir “Editar”, y luego “Definir patrón”. Voy a llamar a este borde de tres píxeles, patrón de 100 por 100 píxeles y eso sólo me va a decir qué es, así que hago clic en “Aceptar”. Ya no necesitamos este documento, volvamos a nuestra imagen aquí. Ahora, sabemos que esta imagen tiene 1200 por 1200 píxeles de tamaño, lo que ahora le vamos a agregar un patrón. Voy a agregar una nueva capa en la parte superior del documento aquí y elijo “Editar” y luego “Rellenar” y de la lista desplegable Contenidos aquí, voy a seleccionar “Patrón”, y luego voy a abrir este pequeño Patrón Personalizado y voy al último de estos patrones porque ese va a ser mi borde de tres píxeles, patrón de 100 por 100 píxeles. Lo seleccionaré, voy a asegurarme de que el script esté deshabilitado, no quiero que eso esté habilitado y solo voy a dar clic en “Aceptar” y en esta nueva capa ahora está esta cuadrícula que creamos usando un patrón y por las matemáticas que que usamos, se ha ido exactamente sobre cada una de las formas, así que está rodeando las formas. 4. Efecto de mosaico con la mosa: parte 3: Lo siguiente que vamos a hacer es hacer un pincel que podamos usar para pintar, y algo angustiar esta imagen. Vamos a empezar con un nuevo documento. Escogeré Archivo y luego Nuevo. Vamos a hacer un documento que sea de 100 píxeles por 100 píxeles de tamaño. Es de fondo transparente, y haré clic en “Aceptar”. Este es un documento muy pequeño, así que voy a acercarme para verlo con más claridad. Yo quiero que mi pincel sea un círculo, así que voy a seleccionar la herramienta Carpa elíptica, y voy a arrastrar un círculo que no es del todo del tamaño de este documento, es un poco más pequeño. Estoy presionando la tecla Mayús mientras arrastro la herramienta de elipse para asegurarme de crear un círculo. El negro es mi color de primer plano, así que presionaré Alt Backspace, Option Delete en el Mac, para llenar mi círculo de negro. Ahora bien, no quiero que este pincel pinte tan completamente opaco. Pero si arrastro hacia abajo sobre la opacidad, este efecto no va a funcionar el efecto que busco. En realidad voy a arrastrar hacia abajo en el relleno. Parece como si el relleno y la opacidad fueran lo mismo, pero son muy diferentes para este efecto en particular. El motivo de esto es que quiero poner un trazo alrededor del borde de esta forma, y quiero que el trazo pinte más intensamente que el propio círculo. Si acabo de bajar la opacidad de esta forma y le agrego un trazo, se va a reducir el trazo para la opacidad. No obstante, si cambio hacia abajo el relleno y agrego un trazo a la forma, entonces el trazo puede tener una opacidad diferente al relleno mismo. Es una diferencia bastante sutil, pero bastante significativa para este proyecto en particular. Voy a dar clic aquí en el icono Estilo de capa y voy a elegir Stroke. Vamos a sumar este tipo de huelga a nuestra forma. Se trata de un trazo de tres píxeles, por lo que puede ser de tres o cuatro píxeles, eso está bien. Necesita colocarse en el exterior de la forma. Necesita ser mezclado usando el modo de mezcla normal, y vamos a establecer la opacidad de la misma en alrededor del 95 por ciento. No quiero que sea completamente opaco, pero no quiero que sea casi tan transparente como el medio de los pinceles. Estamos ajustando el color a negro, así que estoy alterando el selector de color y configurando los valores de rojo, verde y azul a cero, eso es negro, y voy a hacer clic en “Aceptar”. Mi tipo de relleno está ajustado a color. Ahora que tenemos nuestro trazo luciendo así, voy a dar clic en “OK”. Esta es mi forma de pincel, solo creo que probablemente sea un poco demasiado opaca, así que solo voy a reducir un poco el relleno en él, y también vamos a reducir la opacidad. Esto va a tener dos efectos separados en el pincel. El ajuste de opacidad va a afectar tanto el borde exterior, el trazo como el relleno. La opacidad de relleno sólo va a afectar el relleno de este documento. Si quieres comprobar y ver cómo podría pintar, voy a mantener Control o Comando mientras hago clic en este icono Nueva capa para agregar una capa debajo de la imagen, y presionaré Control Retroceso, Eliminar Comando en el Mac, solo para llenar la capa de blancos. Podemos ver cómo se ve este pincel. Bueno, de nuevo, sigo pensando que probablemente esté un poco del lado oscuro, así que voy a aligerar el relleno y voy a reducir la opacidad también. Creo que ese es un mejor escenario. Vamos a desactivar la capa de fondo, voy a seleccionar el pincel eligiendo Seleccionar, Todo, y luego voy a convertirlo en un pincel eligiendo Editar, Definir Preajuste de pincel. Voy a llamar a este cepillo bokeh, B-O-K-E-H. Se trata de una técnica fotográfica, y este pincel es como los puntos bokeh que obtienes en un fondo fuera de foco en una imagen. Voy a dar click en “Aceptar”. Volvamos a la imagen en la que estamos trabajando. Voy a añadir una nueva capa justo encima de esta capa de color y debajo de la patente, para que podamos pintar sobre ella. Pero por ahora voy a apagar la capa de color y también la capa de patente, y sólo seleccionar esta capa vacía porque quiero ver cómo va a pintar nuestro pincel. Voy a hacer clic en la herramienta Pincel, y voy a seleccionar mi pincel, y siempre será el último pincel en el panel de pinceles. Veamos cómo pinta. Bueno, no pinta muy bien para nada. Necesitamos hacer algunos ajustes a la configuración del pincel. Escogeré Ventana, y luego Cepillo. Voy a seleccionar Forma de punta de pincel y voy a aumentar el espaciado este pincel para que los trazos de pincel estén separados unos de otros. Se va a ver así. A continuación, vamos a dar forma a las dinámicas. Vamos a aumentar el jitter de tamaño, eso hará que el pincel pinte en tamaños pequeños y grandes. Creo que podría incluso aumentar un poco más el jitter. No voy a tocar el diámetro mínimo porque estoy bastante contento con ese jitter angular, no necesitamos ajustarnos porque esta es una forma circular, por lo que rotar no va a tener ningún efecto sobre ella en absoluto. Echemos un vistazo a la dispersión. Con la dispersión, podemos ajustar los valores de dispersión para que cuando pintamos en una línea descendente, los trazos del pincel vayan a ambos lados de la línea. Podemos ajustar eso en ambos ejes si así lo deseamos. Así es como va a pintar. Yo también puedo aumentar el conteo, pero probablemente sólo a dos. Probemos el conteo. Bueno, estamos consiguiendo este efecto superpuesto. Si quisiéramos ajustar eso un poco, quizá quisiéramos extender un poco nuestro espaciado también. Eso no se ve muy mal. Otra cosa que podemos hacer con los pinceles es que podemos pintar dos pinceles a la vez. Voy a dar click aquí en Dual Brush, y esto me permite añadir un segundo pincel sobre la parte superior de éste. Para esto, voy por uno de los pinceles que se envía con Photoshop. Está en el conjunto de pinceles por defecto, y es éste de aquí. Se llama cepillo de punta muestreada y tiene el número 60 debajo. Yo sólo voy a aumentar su tamaño, y se puede ver que está borrando en parte las formas pincel debajo. También voy a ajustar su espaciado para poder ver cómo funciona aquí. Sólo vamos a probarlo. Ahora nuestro pincel ha pasado de pintar círculos puros a tener un look ligeramente angustiado. Un poco más interesante. Yo también voy a usar eso. La otra cosa que voy a usar es la dinámica de color. Con la dinámica de color, podemos conseguir que el pincel pinte en color. Voy a dar clic aquí en el color de primer plano, y voy a seleccionar un color de primer plano que sea naranja oscuro. Un poco más intenso y naranja de lo que está en la imagen original aquí, y voy a dar clic en “Aceptar”. Voy a seleccionar un color de fondo. Para esto, voy a seleccionar un amarillo brillante. Voy a dar clic aquí en los amarillos, y vamos a elegir un amarillo brillante. Veamos cómo pinta el pincel ahora. Bueno, si ahora pinto con él, verás que es pintar en color, pero sólo es pintar en este color rojo. Lo que necesito hacer es ajustar este jitter, el jitter de primer plano/fondo. Ahora los colores variarán entre el color de primer plano y el color de fondo. También puedes ajustar la saturación. Bueno, ya está configurado para ajustar la saturación. Eso variaría la saturación del pincel. Puedes hacer eso si quieres o simplemente podrías dejar la saturación ajustada a que sea normal. También puedes ajustar el brillo. Pero estoy bastante contento con la forma en que está pintando en este momento, así que solo estoy deshaciendo todos esos trazos de pincel, comprobando dos veces mi pincel, bastante contento con eso. Vayamos ahora a hacer nuestra pintura. Para esto, voy a volver a encender todas las capas porque quiero ver cómo está pintando este pincel. Yo sólo voy a empezar a pintar a través de la imagen aquí. No me preocupa que estos pedacitos pinten afuera, porque en realidad voy a mezclar esto en un minuto. Estoy pensando que los pinceles no están pintando lo suficientemente grandes, así que podría agregar unos trazos que son un poco más grandes. Si ves algo que no te gusta solo presiona Control o Comando Z para deshacer ese trazo. Yo sólo voy a poner unos trazos por aquí. Entonces voy a mezclar esta capa con la capa de abajo. Voy a hacer eso seleccionando en este modo de mezcla Normal y bajando a disolver. Ahora, en el Mac, no querrás estar usando ninguna de estas herramientas de pincel cuando hagas esto. Probablemente quieras seleccionar algo como la herramienta Mover o la herramienta Elipse o Carpa rectangular. En el Mac, entonces puedes pulsar Shift Plus y Shift Menos para pasar por los modos de mezcla. En el PC, solo puedes presionar la flecha hacia abajo. Ahora, necesito recoger mi modo de mezcla primero, así que vamos a oscurecerme, y ahora solo voy a correr por mi lista de modos de mezcla. Se puede ver que cosas como la quemadura de color han eliminado la sobrepulverización. Estos pinceles se están limitando sólo al área en la que se encuentra este cuadro. Voy a seguir bajando por la lista y ver si puedo ver algo. Ahora si ves algo y hay algo sobre spray, esas pinceladas no se están quitando, eso está bien te puedo mostrar en un minuto solo cómo deshacerte de eso. Pero lo que buscas es un efecto interesante en esta mezcla. Me gusta mucho este efecto divide y creo que probablemente lo voy a usar. A mí me gusta dividir porque me gusta este efecto de color invertido, pero veamos qué harías si escogieras una de las opciones donde había esto sobre spray, donde la pintura iba fuera del área de esta forma. Bueno, vas a bajar aquí y seleccionar esta capa, y vas a la herramienta Varita Mágica. Simplemente quieres dar click aquí en algún lugar de esta zona transparente en esta capa. Bajar la tolerancia realmente baja a unos 10, y quieres que se revise Contiguous y Anti-alias no se revise. Diez para tu tolerancia, sin Anti-alias, sí a Contiguo, y sólo tienes que dar click aquí en esta capa. Lo que estás haciendo es que estás haciendo una selección alrededor del área en la que no quieres que estén los trazos de pintura. Ahora sube a la capa de pintura. Esta es la capa de pintura aquí, y vamos a añadir una máscara. Hacemos eso haciendo clic aquí en este icono de Máscara. Dice agregar una máscara de capa, por lo que solo vas a hacer clic una vez en la Máscara de capa. Lo que ha hecho la máscara de capa es que se hace completamente lo contrario a lo que queríamos. Se quita los trazos de pintura del interior de las formas y acaba de dejar los que no queríamos. Bueno, solo tienes que hacer click en la máscara aquí, asegúrate de darle clic para seleccionarla y pulsa Control o Comando I. Eso solo invierte la máscara. Esta máscara de esta capa ahora está quitando los trazos de pintura en cualquier lugar donde estos cuadrados de colores no estén. Ahora voy a volver a mi modo de mezcla dividida porque eso es lo que quiero usar. Pero si estuvieras usando un modo de mezcla que dejara los trazos de pintura en el exterior, así es como vas a resolver el problema. 5. Efecto de mosaico con la mosa: parte 4: Vamos a añadir unas pequeñas formas de estallido aquí. Voy a dar clic en esta capa de pintura y añadir una nueva capa encima de ella. Voy a presionar “D” para volver a mis colores predeterminados y los voy a dar la vuelta porque quiero estar pintando de blanco. Voy a seleccionar mi herramienta de pinceles, voy a abrir mi panel de pinceles. Ahora, el pincel que quiero usar no está en el set por defecto en Photoshop, así que voy a abrir el panel fly-out, voy a seleccionar “Cepillos surtidos” porque está en esta colección. Voy a anexar esto. El pincel que quiero es este 50 pixeles pequeño starburst, así que voy a seleccionarlo y a tan solo hacer clic de distancia. Tengo una capa totalmente nueva. Voy a dimensionarlo un poco usando la tecla de corchete de cierre en el teclado. Tengo pintura blanca, y ahora solo voy a dar click en unos cuantos spots donde quiero añadir un poco de luz extra. Estoy escogiendo las áreas más claras de la imagen para hacer esto. Si quiero algo de luz extra, sólo voy a hacer doble clic en el pincel, así que no voy a moverlo entre pinceladas, pero creo que eso fue un poco demasiado intenso. Ahora, que lo he hecho y estoy mirando esta forma, estoy pensando que esta zona de color se vería mejor si fuera un poco más intensa. Esto se resuelve fácilmente. Voy a agarrar esta capa de patrón, y la voy a arrastrar al icono Nueva capa. Voy a tomar la versión más alta de esto, y voy a configurar su modo de mezcla para multiplicarse. Ahora, multiplicar es un modo de mezcla de oscurecimiento, por lo que va a oscurecer este patrón. Si lo oscurece demasiado para ti, entonces solo disminuye un poco la opacidad. Entonces conseguirás un poco del oscurecimiento, pero no un 100 por ciento del mismo. El siguiente paso que tenemos que hacer es aplanar esta imagen, así que voy a ocultar la capa de fondo para que no voy a aplanar el blanco. Voy a elegir “Capa”, “Fusionar Visible”. Eso solo fusiona todas estas piezas en una sola capa, y ahora puedo traer de vuelta mi fondo blanco. Tener este elemento en una capa por sí mismo ahora me va a permitir deformar para conseguirlo una forma interesante. Para ello, voy a seleccionar esta capa, basta con dar click en ella y elegir “Editar”, “Transformar”, “Warp”. Lo que esto hace es mostrar una cuadrícula sobre la imagen, y es una especie de cuadrícula tic-tac-toe. Cada una de estas líneas de la cuadrícula se puede arrastrar sobre, así que puedo arrastrar sobre estas líneas para simplemente traer la imagen. Puedo usar los mangos, pero también puedo simplemente arrastrar sobre él, y así puedo remodelar esta imagen. Puedo empujar las cosas juntas y puedo separarlas. Obtengo unos resultados más visualmente interesantes. Cuando estoy contento con el resultado, solo voy a dar clic a la marca de verificación aquí. Ahí está nuestra última pieza de arte. Esto lo hemos creado a partir de un esquema de color que tomamos prestado de una foto. Hemos hecho la superposición del patrón, hemos hecho pinceles, y hemos ido adelante y hemos deformado la forma final. Tu proyecto para esta clase va a ser hacer justamente esto. Ve y encuentra una imagen, puedes usar la que utilicé, o puedes usar una imagen de tu elección. Te sugiero que te conformes con tu imagen de 12 píxeles por 12 píxeles porque solo va a hacer que las matemáticas sean mucho más fáciles. Cuando lo agrandas, solo hazlo 1,200 por 1,200 píxeles de imagen. De verdad estoy deseando ver lo que se te ocurre en tu proyecto. Si ves un prompt para darle a esta clase un pulgar arriba, por favor si disfrutaste de la clase, dale un pulgar arriba. Eso realmente ayuda a que el video se vuelva más visible para otras personas, y pueden ver que es una clase que tal vez quieran tomar. Si tienes ganas de dejar un comentario, por favor hazlo. Leí todos sus comentarios y miro cada uno de sus proyectos. Mi nombre es Helen Bradley. Muchas gracias por acompañarme para este episodio de Diseño Gráfico para Almuerzo. Espero verte pronto en un próximo episodio. 6. Addendum - Edición con objetos inteligentes: Este es un video adicional para el efecto de mosaico de alta tecnología en Photoshop, y es en respuesta a una pregunta que alguien hizo. Lo que querían hacer era no aplanar la imagen para que pudieran deformar, pero sin embargo volver más tarde, y hacerle cambios. Bueno, tú puedes hacer eso, y yo te voy a mostrar cómo en este video. En el punto en el que estás a punto de aplanar la imagen, debes parar, seleccionar las capas en la imagen. Estoy seleccionando todas las capas excepto la capa de fondo blanco. No quiero seleccionar eso. Voy a elegir capa, y luego objetos inteligentes, convertir a objeto inteligente. Ahora bien, si tu versión de Photoshop no admite objetos inteligentes, no puedes hacerlo, pero sí las versiones más ligeras de Photoshop. Voy a convertir todas estas capas en un objeto inteligente, y ahora puedo deformar eso. Voy a elegir editar, transformar, warp, y sólo voy a aplicar warp realmente simple en esta etapa porque sólo quiero mostrarte cuál es el potencial para alterar este mosaico después de que lo hayas deformado. Sólo voy a dar clic a la marca de verificación aquí. Ahora di que nos gustó esta pared, perfecta, pero queríamos oscurecer estos colores incluso un poco más. Bueno, podríamos hacer de lado haciendo doble clic en este pequeño ícono aquí en la parte inferior de esta capa. El pequeño ícono aquí te dice que esta capa es un objeto inteligente. Si hago doble clic en eso, abriré el objeto inteligente original, y ahora puedo hacerle cambios. Vamos a esta capa, y vamos a duplicarla una vez más. Estamos viendo algunos cambios en nuestra imagen. Ahora el truco con los objetos inteligentes es saber cómo salir de ellos y volver a tu imagen. Aquí arriba en el área de nombre de archivo, se puede ver que se trata de la capa 2.psb. Se trata de un archivo psb especial, que es lo que se utiliza cuando se crean objetos inteligentes. Habiendo hecho mi cambio a esta imagen, todo lo que voy a hacer es subir aquí y cerrar este archivo de objetos inteligentes. Cuando se me pida que lo guarde, voy a decir que sí. Cuando lo hago, vuelvo a Photoshop, y los cambios que he hecho a ese objeto inteligente ahora se reflejan en la imagen, pero la warp no ha cambiado. Esta es una forma de tener tu pastel y comerlo también. No solo puedes deformar tu mosaico, sino que también tienes la oportunidad de cambiar el mosaico en sí si es necesario, solo haciendo doble clic en la miniatura del objeto inteligente. Te mete de nuevo en el objeto inteligente, puedes hacer tus cambios. Bueno, apaguemos el efecto aquí, y solo hagamos clic en el botón de cerrar, sí a guardarlo. De vuelta en Photoshop, las ediciones que realizamos se han aplicado a la imagen. Espero que eso te ayude si quieres saber cómo trabajar con este objeto sin aplanarlo antes de deformar. 7. Addendum hacer el patrón en Photoshop CS5: Este es un video adicional para cualquiera que esté usando una versión anterior de Photoshop y que esté teniendo un poco de problemas para hacer el patrón para repasar el mosaico. Vamos a empezar por crear un nuevo documento y va a ser 100 píxeles por 100 píxeles de tamaño. Tiene que ser transparente y necesita ser de color RGB. Voy a dar click en “Ok”. Es un documento muy pequeño aquí, así que sólo voy a acercar para que podamos verlo un poco más claramente. El siguiente es que tenemos que hacer una selección de 94 pixel por 94 pixel aquí. Entonces voy a la herramienta de marquesina rectangular. De la lista desplegable Estilo aquí, voy a elegir Tamaño fijo. Entonces para el ancho y la altura, escribiré “94 px” y eso asegurará que estás creando una selección que es de 94 píxeles por 94 píxeles. El ancho es de 94 px y la altura es de 94 px. Haga clic una vez en el documento, y eso agregará un rectángulo que sea ese tamaño. Ahora, cuando estás haciendo clic, quieres hacerlo arriba en la esquina superior aquí, así que asegúrate de que realmente encaje dentro del documento. Yo sólo voy a deshacer eso, y se puede ver que mi cursor está aquí arriba y sólo voy a dar clic. Tenemos que asegurarnos ahora de que esto esté en el centro del documento. Tengo el negro como mi color de primer plano. Voy a presionar “Alt-Retroceso”, “Opción-Eliminar” en el Mac, para llenar el cuadrado de color negro. Ahora, la selección sigue en su lugar y eso es realmente importante. Presionarás “Control” o “Comando-A” para seleccionar todo. Si voy a la herramienta Mover ahora, verás que estos iconos aparecen en la barra de herramientas, y tomarás este que dice Alinear centros verticales. Después harás clic en este que dice Alinear centros horizontales. Eso solo asegura que tu plaza aquí sea ciruela en medio de tu documento. Ahora, puedes anular la selección de todo pulsando "Control” o “Comando-D”. Aquí en el último panel, querrás Control-click en esta miniatura de capa porque necesitas poner una selección alrededor de esta zona negra. Porque en realidad no necesitamos el negro, sólo lo llenamos de negro para que pudiéramos asegurarnos de que teníamos algo que alinear. Voy a presionar “Retroceso” en la PC, y sería “Eliminar” en la Mac. Sólo tenemos que eliminar ese relleno. Ahora vamos a seleccionar todo lo que no está seleccionado actualmente. Escogeremos “Seleccionar”, “Inverse”. Lo que ahora se selecciona es el área alrededor del borde mismo de la imagen, el área que queremos hacer nuestro patrón. El blanco es nuestro color de fondo aquí. Por lo que presionaré “Control-Retroceso”, “Comando-Eliminar” en el Mac, para llenar esta zona alrededor del mismo borde de blanco. Ahora puedo anular la selección de todo. Puedo presionar “Control” o “Comando-D”, o puedes elegir “Seleccionar”, “Deseleccionar”. Ahora, elegirás “Seleccionar” y luego “Todos” porque necesitas hacer un patrón a partir de este ritmo. “ Editar”, “Definir Patrón”, y puedes llamar a esto como quieras. Voy a llamarlo 94 por 94 px patrón de borde y haga clic en “Ok”. Ahora solo puedes descartar este documento porque ya no lo necesitas, y puedes volver atrás y completar el resto de tu mosaico.