Crea anillos de HUD de alta tecnología en Adobe Photoshop: clase de diseño gráfico para Almorzar™ | Helen Bradley | Skillshare
Menú
Buscar

Velocidad de reproducción


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

Crea anillos de HUD de alta tecnología en Adobe Photoshop: clase de diseño gráfico para Almorzar™

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 anillos de HUD de alta tecnología en Photoshop: introducción

      1:21

    • 2.

      Anillos de HUD parte 1

      6:40

    • 3.

      Anillos de HUD parte 2

      8:28

    • 4.

      Anillos de HUD Pt 3

      5:33

    • 5.

      Anillos de HUD Pt 4

      3:51

    • 6.

      Anillos de HUD Pt 5

      5:58

    • 7.

      Anillos de HUD Pt 6

      5:11

  • --
  • 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.

323

Estudiantes

22

Proyectos

Acerca de esta clase

Diseño gráfico para el almuerzo™ es una serie de cursos de video cortos que puedes estudiar en piezas del tamaño de un bocado, como a la hora del almuerzo. En este curso, aprenderás a crear anillos de HUD de alta tecnología, que es un nombre elegante para estas impresionantes formas circulares. Aprenderás a crear un diseño inicial usando un proceso de transformación repetido, cómo convertir esto en un anillo HUD y luego cómo crear un collage con tus anillos y texturarlo con una textura libre. Esto es lo que haremos en la clase:

Más en esta serie:

Crea patrones a partir de bocetos y arte digital en Adobe Photoshop: clase de diseño gráfico para el almuerzo™

10 consejos y técnicas de patrón en Adobe Photoshop: clase de diseño gráfico para Almorzar™

Crea patrones de Ikat en Adobe Photoshop: clase de diseño gráfico para Almorzar™

Patrones de mármol que se repiten en Adobe Photoshop: clase de diseño gráfico para Almorzar™

Crea y vende diseños de papel para álbumes de recuerdos en Adobe Photoshop: clase de diseño gráfico para Almorzar™

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

10 consejos de fusión en 10 minutos en Adobe Photoshop: clase de diseño gráfico para el almuerzo™

10 consejos de pincel en 10 minutos con Adobe Photoshop: clase de diseño gráfico para el almuerzo™

Arte de líneas escaneadas en color y limpio en Adobe Photoshop: clase de diseño gráfico para Almorzar™

10 mejores consejos de Photoshop en 10 minutos: diseño gráfico para Almuerzo™

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

Fondos abstractos y brillantes en Adobe Photoshop: clase de diseño gráfico para Almorzar™

Muestras de patrones complejos en Adobe Photoshop: clase de diseño gráfico para Almuerzo™

Selecciones complejas fáciles con Adobe Photoshop: clase de diseño gráfico para Almorzar™

Diseño de insignia de premio y cinta en Adobe Photoshop: clase de diseño gráfico para Almuerzo™

Fondos: tonos medios, estallido de sol, patrones en Adobe Photoshop: diseño gráfico para la clase de almuerzo™

Crea anillos de HUD de alta tecnología en Adobe Photoshop: clase de diseño gráfico para Almorzar™

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

Crea texto en una ruta con Adobe Photoshop: clase de diseño gráfico para Almorzar™

Marcos de soporte rizado y cajas de texto en Adobe Photoshop: clase de diseño gráfico para Almorzar™

10 consejos de selección en 10 minutos en Adobe Photoshop: clase de diseño gráfico para el almuerzo™

Fotos de recortes y marcos en Adobe Photoshop: clase de diseño gráfico para Almorzar™

Efecto de recorte de imagen vintage en Adobe Photoshop: clase de diseño gráfico para Almorzar™

Estilos de capa creativos en Adobe Photoshop: clase de diseño gráfico para Almorzar™

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

Pinta una foto en Adobe Photoshop con historia del arte: clase de diseño gráfico para el almuerzo™

4 formatos de archivo críticos: jpg, png, pdf, psd en Adobe Photoshop: diseño gráfico para la clase de almuerzo™

B&N, tintes y efectos de color aislados en Adobe Photoshop: clase de diseño gráfico para Almuerzo™

Dobla objetos con deformación de títeres en Adobe Photoshop: clase de diseño gráfico para Almorzar™

Texto con brillo, formas y papeles de recuerdos en Adobe Photoshop: clase de diseño gráfico para Almuerzo™

Colorea un boceto escaneado en Adobe Photoshop: clase de diseño gráfico para Almorzar™

Crea un gráfico con un esquema de color en Adobe Photoshop: clase de diseño gráfico para Almorzar™

Crea una fuente de personaje personalizada en Adobe Photoshop: clase de diseño gráfico para Almuerzo™

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

Diseño de corona reutilizable en Adobe Photoshop: clase de diseño gráfico para Almuerzo™

Crea patrones complejos de repetición de media gota en Adobe Photoshop: clase de diseño gráfico para Almuerzo™

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

Crea patrones de repetición a cuadros (tartán) en Adobe Photoshop: clase de diseño gráfico para Almuerzo™

Colorea un boceto con una textura en Adobe Photoshop: clase de diseño gráfico para el almuerzo™

Efecto Droste con Photoshop y herramienta gratuita en línea: clase de diseño gráfico para Almuerzo™

Criaturas con carácter en Adobe Photoshop: clase de diseño gráfico para Almorzar™

Texturas caprichosas para dibujos en Adobe Photoshop: clase de diseño gráfico para Almorzar™

Desmitificación del histograma en Adobe Photoshop: clase de diseño gráfico para Almorzar™

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

Dibuja un mapa de fantasía en Adobe Photoshop: clase de diseño gráfico para Almorzar™

Grabar en relieve y deboss texto y formas en Adobe Photoshop: clase de diseño gráfico para Almuerzo™

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

Edición de fotos cotidiana fácil con Adobe Photoshop: clase de diseño gráfico para el almuerzo™

Consigue el tamaño de tu archivo correcto cada vez con Adobe Photoshop: clase de diseño gráfico para Almorzar™

Compra una bolsa de efectos de texto divertidos en Adobe Photoshop: clase de diseño gráfico para el almuerzo™

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

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

Imágenes de animales coloridas inspiradas en Warhol en Adobe Photoshop: clase de diseño gráfico para Almorzar™

Introducción a la creación y el uso de acciones de Photoshop: clase de diseño gráfico para Almuerzo™

Patrones de cubos isométricos en Adobe Photoshop: clase de diseño gráfico para Almuerzo™

Efecto de collage de papel en capas en Adobe Photoshop: clase de diseño gráfico para Almuerzo™

Capas y máscaras de capa 101 para fotógrafos en Adobe Photoshop: clase de diseño gráfico para Almuerzo™

Crea y vende una colección de formas en Adobe Photoshop: clase de diseño gráfico para Almorzar™

Patrones de repetición impecables en Adobe Photoshop: conceptos básicos: clase de diseño gráfico para Almuerzo™

Crea y usa pinceles fotográficos en Adobe Photoshop: clase de diseño gráfico para Almorzar™

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

Crea y vende superposiciones para redes sociales con Adobe Photoshop: clase de diseño gráfico para el almuerzo™

Crea formas personalizadas en Adobe Photoshop: clase de diseño gráfico para Almorzar™

Caleidoscopios con objetos inteligentes en Adobe Photoshop: clase de diseño gráfico para el almuerzo™

Diagonales, chevrones, cuadros y polkadots en Adobe Photoshop: clase de diseño gráfico para Almuerzo™

Crea y vende pinceles de Photoshop en Adobe Photoshop: clase de diseño gráfico para el almuerzo™

Patrones de círculos superpuestos y aleatorios en Adobe Photoshop: clase de diseño gráfico para Almuerzo™

Efecto de bombardeo de patrones en Adobe Photoshop: clase de diseño gráfico para Almuerzo™

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

Patrones como superposiciones de fotos para redes sociales en Adobe Photoshop: clase de diseño gráfico para Almorzar™

Collage de textura de fotos: mezcla y texturas en Adobe Photoshop: clase de diseño gráfico para Almuerzo™

Técnicas de entintado en Adobe Photoshop: clase de diseño gráfico para Almorzar™

Prepara imágenes para redes sociales y blogs con Adobe Photoshop: clase de diseño gráfico para el almuerzo™

Recolora objetos sin hacer selecciones en Adobe Photoshop: clase de diseño gráfico para Almorzar™

Técnicas para recolorar patrones en Adobe Photoshop: clase de diseño gráfico para Almorzar™

Quita objetos y turistas de fotos en Adobe Photoshop: clase de diseño gráfico para el almuerzo™

Efecto de fallo de video reutilizable en Adobe Photoshop: clase de diseño gráfico para Almorzar™

Mezcla a la perfección dos imágenes en Adobe Photoshop: clase de diseño gráfico para Almorzar™

Configura colores, tintes y sombras en Adobe Photoshop: clase de diseño gráfico para el almuerzo™

Bocetos y pinceles para crear patrones caprichosos en Adobe Photoshop: clase de diseño gráfico para Almuerzo™

De instantánea a arte: 3 efectos de foto útiles en Adobe Photoshop: clase de diseño gráfico para el almuerzo™

Efecto de collage surrealista en Adobe Photoshop: clase de diseño gráfico para Almorzar™

Efectos de texto sobre imagen: glifos y capas en Adobe Photoshop: clase de diseño gráfico para Almuerzo™

Uso de texturas en Adobe Photoshop: clase de diseño gráfico para Almuerzo™

Conceptos básicos de Photoshop en Adobe Photoshop: clase de diseño gráfico para Almorzar™

Efecto de imagen al revés en Adobe Photoshop: clase de diseño gráfico para Almuerzo™

Cómo usar objetos de Illustrator en Photoshop: diseño gráfico para Almuerzo™

Uso de la herramienta de relleno de patrones con guión en Adobe Photoshop: clase de diseño gráfico para Almuerzo™

Corazones inspirados en el Día de San Valentín en Adobe Photoshop: clase de diseño gráfico para el almuerzo™

Caprichosos patrones rotados en Adobe Photoshop: clase de diseño gráfico para Almorzar™

Diseños de papel de Scrapbook con mapas de desplazamiento en Photoshop: clase de diseño gráfico para Lunch™

 

 

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

Habilidades relacionadas

Adobe Photoshop Diseño Diseño gráfico
Level: Beginner

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 anillos de HUD en Photoshop de introducción: Hola, soy Helen Bradley. Bienvenido a este diseño gráfico para clase de almuerzo, crea anillos HUD de alta tecnología en Adobe Photoshop. diseño gráfico para el 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 anillos HUD. Ahora los anillos HUD ordenan anillos tecnológicos que podrías ver en una pantalla de cabezas electrónicas arriba, que es donde obtienen su nombre. Pero también los he oído llamar anillos GO. Hay muchas cosas que podrías llamarlas. Básicamente, solo pienso que son formas circulares realmente geniales, y son divertidas de hacer en Photoshop y aprenderás bastantes técnicas interesantes a medida que lo haces. Vas a aprender a hacer el patrón a partir del cual haces tu anillo HUD. En el camino, también verás cómo rellenar una forma con un degradado y cómo utilizar texturas en Photoshop. Hay un montón de otros consejos y trucos de Photoshop que aprenderás en el camino. Ahora como estás pasando por este video, por favor, si lo estás disfrutando, dale un pulgar arriba. Eso es realmente útil para otros estudiantes porque les dice que este es un curso que les puede gustar tomar. Si quieres dejar un comentario con los pulgares arriba, eso es aún mejor, y leo cada uno de tus comentarios. Empecemos con hacer estos maravillosos anillos HUD en Photoshop. 2. Anillas de HUD Pt 1: Para empezar con nuestros anillos hud, solo vamos a crear un documento totalmente nuevo como File y luego New. Mi documento tiene 1,400 por 1,400 píxeles de tamaño. Lo único realmente importante aquí es que usas el mismo ancho y alto para que tengas un documento cuadrado, eso va a ser importante para crear estos anillos. Estoy usando el modo de color RGB y estoy usando una imagen de fondo transparente. Haga clic en “Ok”. En el último panel aquí, verás que tenemos una capa y es fondo transparente. Ahora, las herramientas que vas a usar aquí van a ser la herramienta de marquesina rectangular y la herramienta de marquesina elíptica, y también vas a usar este color de primer plano. Te sugiero que lo pongas en negro presionando la letra D en tu teclado, y eso solo establece tus colores predeterminados. Empecemos con un rectángulo. Sólo voy a hacer clic y arrastrar para dibujarlo de un lado a otro a través del documento. Voy a llenarlo con el color de primer plano presionando Alt Backspace Option Delete en el Mac. Ahora, vamos a hacerlo de nuevo pero sólo tomemos esta parte del rectángulo del camino a través del documento, y de nuevo, llénalo con Alt Backspace Option Delete en el Mac. Ahora, ve a la herramienta Mover aquí, cursor sobre la forma y agrega la tecla Alt u Opción hasta obtener estas dos flechas. Debe haber una punta de flecha negra y una punta de flecha blanca, que te diga que estás a punto de moverte y copiar esta forma. Arrastre sobre él y cree otra forma más a lo largo del documento. Ahora, los he alineado con mucho cuidado usando las Smart Guides. Voy a hacer eso otra vez, y sólo asegúrate de que esos se alineen bien. Si tus guías inteligentes no funcionan y si estás usando una versión reciente de Photoshop, ve al menú Ver, haz clic en “Mostrar” y asegúrate de tener las Guías Inteligentes encendidas porque eso te ayudará a alinear todo. A continuación, vamos a añadir algunas casillas pequeñas a lo largo del documento. Para esto, voy a crear una capa totalmente nueva. Voy a la herramienta Rectángulo, y esta vez, sólo voy a arrastrar hacia fuera un cuadrado muy pequeño. Lo estoy haciendo manteniendo presionada la tecla Mayús mientras arrastro porque eso limita la forma a un cuadrado. De nuevo, lo voy a llenar, Alt Backspace Option Delete en el Mac. Ahora, copiaremos esta capa con “Capa”, “Nueva”, “Capa Vía Copia”. Vamos a mover esta forma, y lo haremos usando “Editar”, “Transformación libre”. momento, el centro de esta forma está en 15 píxeles, así que sólo voy a sumar 50 a eso, y eso serán 65 píxeles. Se va a mover a través del documento, y también lo está moviendo solo 50 píxeles que se dividirán uniformemente en mis documentos de 1,400 píxeles de ancho. Esto va a ser agradable e incluso a través de la página. Haré clic aquí en la marca de verificación. Ahora, hay tres pulsaciones de teclas que voy a usar. Voy a mantener Control Alt Shift en la PC y eso sería Cambio de Opción de Comando en el Mac. Entonces necesitas tres dedos para eso, y luego vas y solo presiona la letra T, y eso hace lo que se llama una transformación de repetición. Toma esa forma que movimos, y no sólo la duplica sino que también toma a la misma distancia exacta que la anterior. Terminamos con toda una serie de cajas a través del documento, y todo lo que teníamos que hacer era crear una forma para hacerlo. Ahora, voy a volver aquí abajo, sólo voy a averiguar cuál de estas capas contiene el cuadrado original. Creo que probablemente va a ser la capa 3, que es. He hecho clic en la capa superior. Ahora, voy a asegurarme de que la capa 3 sea visible y Shift haga clic en ella. Tengo seleccionadas todas las capas que contienen todas estas casitas, y voy a hacer clic derecho y elegir “Fusionar capas”. Simplemente los pone a todos en una sola capa, lo cual es un poco más conveniente. Es conveniente en un par de maneras porque no sólo está esto en una capa separada para que pudiera, por ejemplo, moverlos por completo, lo cual voy a hacer, sino también porque puedo hacer un duplicado de la misma. Por lo que sólo voy a arrastrarlo al icono Nueva capa. Ahora, tengo un duplicado de esta capa. Vamos a arrastrarlo, y vamos a encogerlo. Solo busco mi herramienta Move para entrar en este modo de estiramiento. He hecho una copia de ella y la he encogido. Ahora, voy a Alt arrastrar algunos duplicados. Simplemente voy a espaciar esto manera desigual en todo el documento pero asegúrate de que estén ordenados alineados. Estos son todos en capas separadas. Nuevamente, puedo seleccionar esas capas, hacer clic derecho y elegir “Fusionar capas”. Porque eso me da otra capa que puedo usar, nuevo, para hacer algunas formas. Voy a arrastrarlo al icono Nueva capa para duplicarlo. Yo lo voy a arrastrar hasta aquí. ¿ Y si convierto esto en casitas diminutas? ¿ Y si hago que se encoja un poco? Ahora, sólo puedo moverlo a otro lugar del documento. Voy a dar clic a la marca de verificación. Ahora, podría hacer una copia de esto para poder estirar todo el camino a través. Tengo ese patrón atravesando el documento. Ahora, antes de ir mucho más allá, voy a agregar una nueva capa en la parte inferior de este documento por control o comando haciendo clic en el icono Nueva capa cuando tenga seleccionada la capa más inferior. Voy a llenarlo de blanco que es mi color de fondo, Control Retroceso Comando Eliminar en el Mac. Yo sólo quiero echar un vistazo y explicar lo que estamos haciendo aquí ahora que tenemos algo que ver. Lo que vamos a hacer en un minuto es que vamos a girar esta forma para que este lado se vaya a unir con este lado. Queremos asegurarnos de que las cosas estén en el mismo avión aquí porque cuando se unan, no queremos que haya un mismo. Aquí, si esta línea estuviera a una altura diferente en el documento a esta línea, tendríamos una misma obvia. Ocasionalmente, eso está bien pero si pasa todo el tiempo, vas a ver un mismo a través de tu anillo final. Se quiere tratar de asegurarse de que estos elementos estén en la misma línea. El otro es que debido a que estos dos lados se van a unir, si falta una pieza aquí, si se detiene estos diseños, falta de cualquiera de estos lados del documento, nuevo, se va a conseguir un mismo. Nuevamente, no va a importar si tienes un par de estas líneas que no lo hacen todo el camino al otro lado, pero sí quieres que la mayoría de ellas lleguen ahí para que termines con líneas sólidas alrededor de tu anillo hud. Ahora, tenemos un patrón de anillo hud iniciado. En el siguiente video, vamos a terminar este patrón y empezar a hacer los anillos ellos mismos. 3. Anillas de HUD Pt 2: Para continuar con nuestro patrón básico, voy a dar click en la capa superior de la imagen así que de nuevo, estamos trabajando en estas capas. Voy a añadir una nueva capa y vamos a añadir algunos elementos circulares. Yo voy aquí a la Herramienta para Carpas Elípticas. Ahora si solo dibujo un círculo, lo que va a pasar cuando hagamos el anillo HUD es que este círculo ya no va a ser circular. Se va a estirar o empujar. O se tirará para que sea más ancho y más plano, o se estira más alto. No esperes que los círculos terminen pareciendo círculos, pero aún así terminan siendo formas interesantes. Te animo a usarlos en tus anillos HUD. Yo sólo voy a acercarme aquí un minuto para que podamos ver dónde estamos trabajando. Tengo esta forma en su propia capa. Yo sólo lo voy a posicionar aquí en el borde del documento. Vamos a hacer lo mismo que hicimos con estos rectángulos. Capa, Nueva, Capa vía Copia. Editar, Transformación libre. Es de 18.5 píxeles. Bueno, éste me voy a mover en escalones más grandes. Yo sólo voy a sumar 100 a esto. Voy a hacerlo 118.5 pixeles. Voy a dar clic a la marca de verificación. Voy a alejarme. Voy a presionar Control Alt Shift T, Opción de Comando Shift T en el Mac para hacer mis círculos. Han cruzado todo el documento. Nuevamente, voy a dar click en la capa superior. Voy a ir a buscar la capa que tiene mi primer círculo sobre ella, que creo que es ésta. Mayús haga clic en él para seleccionar todas las capas que tienen los círculos sobre ellas, haga clic derecho y elija Fusionar capas. Esto lo fusiona en una sola capa con la que puedo lidiar independientemente de las otras. Lo primero que voy a hacer es hacer un duplicado del mismo. Voy a tomar el duplicado y sólo lo alejaré usando la herramienta de movimiento. Voy a aplastarlo y tal vez hacerlo más pequeño también. Voy a poner esto en esta área del documento. Si encuentras por la cuadrícula que tienes funcionando que estas formas quieren saltar a la cuadrícula debajo. Simplemente puedes ponerlas abajo y moverlas usando las teclas de flecha arriba y abajo de tu teclado. Ahora que lo tengo en su lugar, me voy a Alt, arrastra sobre él. Yo sólo lo voy a poner todo el camino a través del documento aquí. Ahora voy a seguir acumulando algunos elementos más para mi anillo HUD. Vas a querer hacer justamente esto es acumular algunas formas adicionales. Estás bajando probablemente alrededor de un tercio del documento. Cuantos más elementos tengas, más interesante va a ser. Voy a dejar de hablar y sólo seguir adelante y hacerlo. Ahora. Ya casi he terminado con mis anillos HUD, excepto por una cosa que quiero mostrarte como una opción que podrías usar. Simplemente vamos a apagar esta capa de fondo porque es bastante importante que digas que vamos a estar haciendo esto con transparencia. Voy a volver a la Herramienta Rectangular para Carpa. Voy a asegurarme de que estoy en una nueva capa que no tiene nada, que esta no. Sólo voy a seleccionar esa capa, voy a arrastrar hacia fuera un cuadrado pequeño. Lo que busco hacer es cortar esta forma de esta línea aquí porque creo que esta línea es un poco demasiado sólida. Presionaré “Alt Backspace Option Delete” en el Mac. Voy a elegir Capa, Nueva Capa vía Copiar. Voy a hacer mi Editar, Transformación libre, y esto son 14 pixeles. Yo sólo voy a sumarle 50. Voy a ir a 64 pixeles y voy a dar clic en la marca de verificación. Ahora solo voy a repetir eso todo el camino a través con mi Control Alt Shift T, Opción de Comando Shift T en el Mac. Ahora que lo tengo todo el camino al otro lado, sólo voy a fusionar estas capas juntas. Tenemos una capa ahora en la parte superior de la última pila que tiene esta línea de casitas en ella. Pero lo que quiero hacer es que quiero cortar esto de esta forma aquí. Voy a Control o Comando click en esta miniatura de capa y lo que obtengo es una selección. Ahora necesito mover mi selección. Subiré a seleccionar Transformar selección. Esto me permite transformar la selección. Yo sólo lo voy a mover aquí arriba. Ahora puedes ver que no me llevo las formas conmigo, solo me llevo la selección conmigo. Voy a posicionar eso donde quiero que esté ahora. Simplemente lo estoy empujando con la tecla de flecha hacia arriba. Simplemente lo estoy mirando en posición y solo daré clic en la marca de verificación. Ahora mi selección está encima de este elemento relleno negro. Lo que quiero hacer es cortarle estas casillas. Necesito volver atrás y encontrar la capa que tiene esto encima. Ya que fue la primera capa que hice, probablemente esté justo aquí abajo en la parte inferior. Cuando reviso con este icono del globo ocular, se puede ver que es la capa. También tiene otras cosas en él, pero sí tiene esa gran franja negra. Ahora que tengo seleccionada esta capa, la que quiero sacarla. Simplemente lo voy a seleccionar y voy a presionar “Eliminar”. Cuando hago eso, en realidad estoy haciendo agujeros en eso. No lo estoy llenando de blanco, que será algo completamente diferente y algo básicamente indeseable en esto. Realmente no quieres usar el blanco como relleno cuando realmente puedes quitar y mostrar transparencia porque eso te va a dar más opciones más adelante. Ahora voy a anular la selección pulsando “Control” o “Comando D” para desseleccionar esa selección. Ahora cuando miramos la capa blanca detrás de ella, se puede ver que tenemos ese patrón. Creo que se ve un poco mejor porque no está del todo tan oscuro. Esa fue otra de las posibles opciones que solo quería mostrarte. Ahora esta línea aquí que acabamos de crear, esas cajas. Creo que no están exactamente donde quiero que estén. Solo voy a seleccionar la capa, seleccionar la herramienta Mover. Ya que todos están en una capa juntos, sólo puedo moverlos un poco más arriba el documento y podría simplemente aplastarlos un poco. Llamemos a esto hecho. Digamos que este es el patrón que queremos usar para crear nuestro anillo HUD. Vamos a hacer clic para seleccionar en la capa superior, y vamos a seleccionar la parte inferior la mayoría de estas capas transparentes. No queremos seleccionar esa capa blanca porque no queremos fusionar nada con eso. Vamos a hacer clic derecho y elegir Fusionar capas. Esto lleva esta forma a una sola capa por lo que ahora podemos empezar a trabajar con ella y convertirla en un anillo HUD. 4. Anillas de HUD Pt 3: Ahora me he esforzado mucho por crear esta forma. Porque he hecho mucho trabajo en ello voy a guardarlo como archivo PSD. Acabo de llamar a este Hud ring starter PSD. Al guardarlo, eso significa que puedo volver y usarlo una y otra vez. Si quiero hacer múltiples anillos Hud, seguiré teniendo esta forma que podría decir incorporar a otra más adelante. La otra cosa que voy a hacer es recortar esto porque se podía ver cuando tengo esta capa superior seleccionada con la herramienta de movimiento, ve que hay algunos elementos por aquí y por aquí. La selección es más grande que el propio documento y eso va a ensuciarse mis anillos Hud cuando vengo a crearlos, así que lo que tengo que hacer es recortar este exceso. Voy a dar click en mi capa rellena blanca y voy a dar click en la herramienta Recortar. En versiones anteriores de Photoshop, puedes arrastrar para crear tu selección. En versiones más recientes de Photoshop, solo obtienes estas asas todo el camino alrededor del documento. El modo de recortarlo es presionar la tecla Intro o Retorno. Eso trae a la luz esta superposición de cultivos. Lo que está diciendo Photoshop para asistirte, tienes todo esto por aquí y por aquí y estoy a punto de recortarlo. Sin mover nada, solo tienes que ir. “ Sí, Gracias. Eso es exactamente lo que vine aquí a hacer”. Estamos de vuelta a nuestro documento de 1400 por 1400 píxeles, pero esta vez cuando haga clic en esta capa superior verás que los manejadores de transformación están justo en el borde del documento. no hay nada afuera. Todo ha desaparecido. Ahora si estás trabajando en una versión más ligera de Photoshop, quieres asegurarte de que cuando hagas ese recorte que tengas seleccionada esta opción de borrar pixeles de recorte porque si no lo haces, los pixeles de recorte se van a eliminar y de nuevo, que te va a morder en un minuto cuando vayamos a crear un Hud anillos. Apagemos la capa rellena blanca. Vayamos a buscar nuestra capa. Sólo voy a arrastrar el contenido más abajo del documento. Yo quiero que sea ordenar el medio de los documentos. Yo sólo voy a posicionarlo de manera innata ahí. Otra cosa que quería hacer es que quiero hacer una copia de esto. Nuevamente, he ido a todo el esfuerzo de crear esto. Vayamos a hablar una copia de ella por una serie de razones, que vas a ver en un minuto. Sólo voy a hacer clic en esta capa y arrastrarla y soltarla en el icono de la nueva capa. Eso me da un duplicado de este patrón. Yo sólo voy a esconder el de abajo, y vamos a trabajar en este. Vamos a crear nuestro primer anillo Hud. Hacemos eso haciendo clic en esta capa y elegimos filtrar, distorsionar, coordenadas polares. Ahora, hay dos opciones para este filtro de coordenadas polares. Uno es rectangular a polar, y eso nos da estos hermosos anillos Hud. El otro es polar a rectangular y eso no nos da hermosos anillos Hud. Si estás confundido acerca de cuál usar, solo prueba cada una de ellas, y solo reduce un poco el tamaño de tu imagen y verás cuál de verdad quieres estar usando y es rectangular a polar. Voy a dar click en “Ok”. Aquí te dejamos el primero de nuestros anillos Hud y vamos a encender la luz de fondo para que veas lo maravilloso que se ve. Estas son cosas realmente divertidas de hacer. Vamos y sólo apaguemos ese por un minuto, y apaguemos el propio anillo. Volvamos a encender nuestro patrón. Vamos a hacer una copia del mismo sólo para que tengamos un duplicado escondido por si queremos usarlo. Ahora con este seleccionado con la herramienta Mover, vamos a rotarlo alrededor de 180 Grados. Sólo estoy sosteniendo Shift, mientras lo giro. Ahora vamos a convertir esto en un anillo Hud. Filtrar, distorsionar, coordenadas polares. Ya sabemos que queremos rectangular a polar, así que voy a dar clic en “Ok”. Si echas un vistazo a estos dos anillos independientemente uno del otro, descubrirás que en realidad son completamente diferentes. Porque lo volteamos, diferentes elementos están en el centro. Aquí puedes ver que ese último elemento que creamos, solo esos cuadrados aplastados están en el interior. En el patrón que creamos, estaban en la parte superior porque lo volteamos. En nuestra forma original, estas mismas formas en el exterior. Estaban en la parte inferior del patrón cuando lo creamos. Lo que hay en la parte inferior del patrón va al exterior, lo que hay en la parte superior del patrón va al interior. Porque rotamos la cosa por 180 Grados, tenemos un anillo totalmente diferente hecho de exactamente las mismas piezas. Esa es una de las razones por las que nos fuimos a la molestia de duplicar esta forma, porque nos dio la posibilidad de conseguir dos anillos Hud diferentes. Ahora éste de arriba, lo voy a duplicar. Yo sólo voy a abordar uno de estos duplicados de distancia. Bueno, no lo veo ahora mismo. Voy a encender la visibilidad del más alto. Cuando dejas dos anillos uno encima del otro obtienes un efecto realmente interesante, pero también obtienes el potencial de hacer algo como esto, y re-dimensionar el anillo más alto para que quepa dentro del inferior, o incluso un poco sobre el inferior uno para que se mezclen los dos juntos. Ahora cuando estoy re-dimensionando esto, lo estoy haciendo con la tecla Alt y Mayús seleccionada, por lo que está redimensionando en proporción. Sólo voy a dar clic a la marca de verificación. Ahora puede que encuentres que tus anillos están un poco aplastados. Dependiendo de dónde empezaste a crear esos anillos, es posible que encuentres que no son perfectamente circulares. Bueno, en el siguiente video, te voy a mostrar cómo puedes simplemente hacerlos circulares. Nosotros sólo vamos a remodelarlos, pero hazlo con mucha precisión. 5. Anillas de HUD Pt 4: En el último video, sugerí que había una posibilidad de que tus anillos HUD pudieran no ser perfectamente circulares. Sólo probemos este. Tengo esta capa seleccionada, y voy a controlar o comando click en la miniatura “Capa”. Lo que hace es que selecciona todos los datos de esta capa. Ahora voy al panel de información, lo tengo abierto ahí, pero vamos a ir a ver dónde encontrarías eso; eliges “Ventana” y luego “Info”. Al hacer clic en el panel “Info” aquí abajo, te dice el ancho y la altura del objeto seleccionado actualmente, y como se supone que es un círculo, estos dos valores deben ser los mismos. Si tu altura es mayor que tu ancho, y solo voy a hacer que mi altura sea mayor que mi ancho, vas a tener algo como esto, un anillo estirado. Este valor para altura va a ser mayor que el valor para ancho. Bueno, todo lo que haces es simplemente agarrar el mango inferior aquí y simplemente moverlo hacia arriba, vigilando estos valores aquí y parando cuando los dos son iguales. Sólo estoy llevando esto de vuelta al mismo valor, que es, para mí, 12.792, y eso es exactamente lo que debería ser, y voy a hacer clic aquí en la marca de verificación. Ahora, puedo revisar mi otro anillo mientras estoy aquí. Yo sólo voy a apagar éste porque sé que es correcto, enciéndalo. Controlaré click en la miniatura para que la tenga seleccionada y vamos a comprobarla en el panel de información. Aquí los números son ligeramente diferentes, el ancho es un poco más pequeño que la altura, así que solo voy a conseguir la altura aquí y simplemente arrastrarlo hasta que sea el mismo valor o al menos realmente cerca del valor de ancho, y eso es exactamente lo mismo, así que solo voy a hacer clic en la marca de verificación. Probablemente querrás entrar y volver a comprobar que tus anillos HUD realmente son círculos para que cuando hagamos cosas como ponerlos dentro del otro, vayan a anidar unos dentro de otros muy bien. Voy a necesitar seguir adelante y arreglar este también, cosa que sólo voy a hacer rápidamente ahora. Ahora mis anillos HUD están bien, todos son perfectamente circulares. Antes de dejar de trabajar con el filtro de coordenadas polares, quiero mostrarles algo más que pueda hacer. Voy a volver a mi capa de patrón original, y voy a hacer un duplicado de ella porque, de nuevo, puede haber alguna razón por la que queremos usarla más adelante. En esta capa, la voy a estirar. Yo lo voy a estirar para que ocupe todo el documento, y luego lo voy a girar alrededor de 90 grados. Aquí sólo lo estoy inclinando de su lado. Ahora vamos a aplicar el filtro de coordenadas polares a esto con coordenadas Filtro, Distorsión, Polar. Esta vez, en lugar de que estos elementos estén envueltos todo el camino alrededor del círculo, se convierten en pequeños arcos del círculo. Vamos a hacer clic en “Ok” y guardar. Ahora ese es otro efecto interesante. No es lo mismo que los anillos HUD. Pero cuando estábamos poniendo anillos HUD juntos en una ilustración, podría ser un fondo realmente bueno. Es otro elemento que evitaría trabajar con estas coordenadas polares. No sólo son anillos HUD y la posibilidad de anidarlos dentro de los otros, sino también la posibilidad de utilizar esto como elemento debajo de una imagen que estaba comprendida, digamos, de los anillos HUD. Ahora sigamos adelante y pongamos todos estos juntos en una ilustración muy simple y lo vamos a texturizar usando una textura también. 6. Anillas de HUD Pt 5: Ahora estamos listos para seguir adelante y para poner estos elementos en una ilustración final. Ahora antes de que hagas eso, en primer lugar, te recomiendo que guardes esta imagen. De nuevo, acabo de guardar esto como mi arrancador de anillo HUD. Tengo todo aquí guardado. Porque podría querer volver y usar estos elementos otra vez, en realidad voy a hacer un duplicado de este archivo. Voy a hacer eso eligiendo “Imagen” y luego “Duplicar”, y luego simplemente haga clic en “Ok”. Esto creará una copia del arrancador de anillo HUD. En realidad no estoy usando el original, pero acabo de hacer una copia exacta del mismo. Todavía tengo el archivo original y todos sus bits y piezas aquí que en realidad voy a cerrar. Voy a arrastrar esta capa todo el camino por la última pila y sentarla justo encima de mi elemento blanco aquí, porque creo que esto haría un buen fondo. Pero lo que quiero hacer es hacerlo menos negro y un poco más interesante. Voy a llenar su opacidad a un valor muy bajo por lo que se mezcla en la capa de abajo. Esa es una de las cosas que puedo hacer con esta capa. Otra cosa que puedo hacer es bloquear los píxeles de esa capa simplemente haciendo clic en la capa y haciendo clic en este pequeño icono de candado, y eso bloquea los píxeles de la capa. Por ahora sólo voy a llevar su opacidad a un 100 por ciento porque quiero mostrarles lo que estoy a punto de hacer. Voy a ir a conseguir un gradiente. Estoy abriendo el gradiente aquí y solo voy a dar click aquí en esta lista desplegable para decir los gradientes que tengo. Si no es un gradiente aquí que quieras usar puedes dar click aquí en el icono de engranaje e ir y conseguir algunos otros gradientes. Ahora sé que ya tengo metales ahí dentro pero quizá quieras hacer algo como efectos especiales o espectros o armonías de color. Basta con hacer click en él para seleccionarlo y luego hacer clic en un bolígrafo para que lo estés agregando al final de tu selección de gradiente. Bueno, parece que ya tenía esa selección ahí dentro. Pero sólo seleccionemos este. Yo voy a decir: “Bueno este es un gradiente que quiero usar. Se llama plata”. Puedo hacer click en él aquí para abrir el editor de gradientes para poder hacer cambios en el gradiente si lo quiero agregando puntos extra o moviendo estos largos o haciendo cualquier cosa que quiera. Podría incluso cambiar un color aquí, esto es blanco. Podría entrar aquí, dar clic en esto, y seleccionar un color diferente por ejemplo. Podría seleccionar algo que tenga rojo en él para agregar un poco de color a mi gradiente. Por ahora, sólo voy a dar clic en “Ok”. Ahora tengo mi gradiente seleccionado aquí. Creo que podría empezar con un gradiente lineal y sólo ver cómo se ve eso. Simplemente voy a hacer clic y arrastrar a través de mi documento, y eso aplicó este gradiente a esta forma. Si no me gusta, puedo probar otra cosa. Tómalo desde un ángulo diferente. Si no me gusta el gradiente, puedo volver atrás y cambiarlo. No realmente contento con ese bit blanco, así que podría ir a cambiar el gradiente. Basta con dar click en el Editor de Gradientes, coge este ritmo con el que realmente no estoy contento. Haga clic aquí y le agreguemos un color rojo más oscuro. Creo que eso va a quedar mejor. Haga clic en “Ok” y vuelva y vuelva a hacerlo. Mucho mejor. Esa es otra cosa que puedes hacer con estas capas es simplemente llenarlas con un gradiente o algo un poco más interesante. Ahora voy a anular la selección del icono de candado aquí y también voy a disminuir la opacidad esta capa sólo para mezclarla el blanco debajo pero ahora tiene un poco de color en ella. Puedo traer de vuelta mis anillos HUD. Voy a traer este de vuelta, y en realidad voy a mover éste. Voy a seleccionarlo aquí con la herramienta Mover y sólo voy a arrastrarlo a la esquina superior aquí y probablemente agrandarlo un poco, y simplemente volver a moverlo para que se convierta un poco más en una pieza de fondo. De nuevo, probablemente querré mezclar eso en las capas de abajo reduciendo su opacidad. Voy a traer de vuelta mis elementos en capas. Sólo voy a dar clic en el icono de visibilidad para esto también. Yo quiero que sea un poco más grande. Voy a seleccionar ambas capas y simplemente estirarla un poco. Técnicamente no deberíamos estar estirando demasiado las cosas en Photoshop pero esta es una ilustración digital y estirándola un poco no le hará mucha diferencia. Ahora en realidad voy a pedir prestado este laboratorio porque creo que es un elemento interesante. Yo sólo voy a dar clic en él y voy a rotarlo. Voy a sacarlo del camino. Eso tiene la posibilidad de ser un elemento en mi collage y por supuesto esa era sólo la pieza que usamos para hacer el anillo HUD real. Ahora lo que voy a hacer de nuevo con esta capa es fundirla. Simplemente voy a reducir bastante su opacidad. Ahora antes de obtener una textura para texturizar esto, quiero sugerir que esta es en realidad una forma reflejada. Voy a seleccionar los dos elementos que van a hacer la forma central que son estos dos aquí y los voy a duplicar. Sólo voy a arrastrarlos y soltarlos sobre el nuevo icono de capa aquí. Tengo un segundo set de estos. Ahora bien, puedo fusionar estos juntos porque sólo voy a usarlos como reflejo. Voy a fusionar estas capas. Ahora lo que voy a hacer es que voy a transformar libremente esto. Escogeré “Editar”, “Transformación libre”. Lo que quiero hacer es arrastrar este borde superior todo el camino hacia abajo. Efectivamente solo lo estoy volteando. Lo que puedo hacer es una vez que empecé a moverme, solo puedo hacer clic aquí y cambiar la altura a menos 100 por ciento. Cuando hago eso obtengo un giro exacto de esa forma. Ahora lo que voy a hacer es simplemente moverlo aquí abajo para que se alinea perfectamente y se puede ver que todos estos objetos están donde estarían si esto fuera un reflejo. Ahora que tengo esta forma, solo puedo reducir un poco su opacidad para que sí parezca un reflejo. 7. Anillas de HUD Pt 6: Ahora estamos listos para seguir adelante y agarrar una textura. Me gusta mucho este sitio de texturas así que te voy a dar el enlace al mismo. Solo ten cuidado porque el enlace es sensible a mayúsculas y minúsculas, por lo que deberás teclearlo exactamente como se muestra. Es el sitio de Flickr de una persona llamada Skeletalmess y ofrece texturas gratuitas y están disponibles no sólo para uso personal, sino también para uso comercial, que es una de las razones por las que me gustan mucho sus texturas, porque puedes usarlos comercialmente si quieres. Ahora, me interesa particularmente buscar una textura que tenga algo de color en ella y también algunos bits y piezas interesantes. Creo que éste probablemente sólo se ajusta a la cuenta. Se llama Freakywood Not Me. Para conseguirlo, pincharás sobre la textura para abrirlo en una nueva ventana y luego buscarás aquí el enlace de descarga. Haga clic y luego haga clic en la imagen de tamaño que desee. Lo estoy bajando al tamaño original y luego solo espera unos segundos mientras se descarga. Ahora voy a dar click para mostrarlo en mi carpeta de descargas y aquí está. Simplemente lo voy a arrastrar y soltar en mi documento de Photoshop y viene como una nueva capa. Ahora, es un documento rectangular y estamos trabajando con uno cuadrado. Pero como esta es una textura, realmente no importa porque nadie te va a decir que tu textura se ha estirado porque, ¿cómo podría alguien saber siquiera cómo se veía tu textura en primer lugar? Sólo voy a dar clic a la marca de verificación aquí ahora que la he estirado. Voy a ponerlo en la parte superior de la última pila, así que voy a moverlo arriba por encima de todo lo demás. Cualquier cosa que esté en la parte superior de la última pila que sea totalmente opaca como es esta imagen, va a bloquear todo lo que está debajo de ella. Lo que tenemos que hacer ahora es fundir esto en. Vamos a los modos de mezcla, y sólo voy a seleccionar el primer modo de mezcla que es Disolver. En el ritmo dicen que ahora puedo navegar por los modos de mezcla simplemente presionando la flecha hacia abajo o la tecla de flecha hacia arriba y eso me lleva hacia abajo o hacia arriba la lista de modos de mezcla. En el Mac, las cosas son un poco diferentes; necesitarás asegurarte de que no tienes nada seleccionado aquí que use una herramienta de pincel. Lo más seguro que hay que hacer es seleccionar ya sea la Herramienta para marquesina o la herramienta Mover, que funcionará bien. Después puedes pulsar Mayús más o Mayús menos para navegar por los modos de mezcla. Tienes que iniciarlo sin embargo seleccionando un modo de mezcla y luego presionar Mayús más o Mayús menos. De nuevo en la PC, solo estoy usando la flecha arriba y abajo y solo estoy trabajando a través de estos para ver qué hay ahí y qué tipo de me quita la fantasía. Cada vez que tienes una textura en una imagen, realmente vas a tener que correr por estos modos de mezcla porque aunque ordenas lo que van a hacer los modos de mezcla, lo que se supone que tienen que hacer, realmente no lo harás saber qué impacto va a tener en una imagen que tiene tantas capas como esta. Se puede ver que todos son muy, muy diferentes. Conforme estoy pasando para mi uso personal, me gusta mucho este, pero no lo voy a usar. Es la exclusión, por lo que convertirá las cosas en una mirada negativa como lo hará la diferencia. La luz del pasador es interesante. La luz dura se ve bastante bien. Suave Light es un poco decepcionante como lo es Overlay. Overlay es uno de mis modos de mezcla go-to pero aquí, realmente no está haciendo nada mucho. El color más oscuro está bien, pero en realidad solo está recogiendo el elemento central y solo unos pedacitos de la textura debajo. Pero si disminuyen la opacidad ahí, podría obtener un efecto interesante. Combinar algo así como un color más oscuro con una opacidad menor podría ahorrar eso, pero probablemente no sea lo que usaré. Creo que voy por uno de estos como Linear Burn o Multiply. Multiplicar es siempre un buen modo de mezcla para sacar el detalle de las capas de abajo. Voy a usar el modo Multiplicar y en esta etapa voy a llamar a esta imagen hecha porque ahora tienes las técnicas que necesitarías usar para crear una imagen como esta. Ya sabes crear el elemento a partir del cual vas a hacer tu anillo hud. Ya sabes hacer los anillos hud y cómo redimensionarlos para que sean perfectamente cuadrados si salen luciendo un poco oblongos en forma. También sabes aplicar un gradiente a una forma y sabes ir y obtener una textura y combinar una textura en una imagen. Tu proyecto para esta clase va a ser ir y crear un anillo de hud tú mismo. Puedes hacerlo tan detallado o tan sencillo como quieras. Puedes terminar tu elemento con un mini collage como lo he hecho aquí, o simplemente publicar tu anillo hud para que lo veamos. Si disfrutaste de este episodio de Diseño Gráfico para Almuerzo, por favor dale un pulgar hacia arriba. El pulgar arriba es realmente importante porque ayuda a otras personas a ver que esta es una clase que tal vez quieran tomar. 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.