Patrobes de cubos isometricos en Adobe Photoshop - Una clase de Graphic Design for Lunch™ | Helen Bradley | Skillshare
Buscar

Velocidad de reproducción


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

Patrobes de cubos isometricos 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.

      Patrones de cubo isométrico en Photoshop Introducción

      1:12

    • 2.

      Pt 1: dibuja el hexagon básico

      3:39

    • 3.

      Pt 2: dibuja los cubones

      7:12

    • 4.

      Pt 3: crea el patrón

      5:21

    • 5.

      Pt 4: Recolor el patrón

      4:23

    • 6.

      Pt 5: cubo en un patrón de cubo

      10:25

    • 7.

      Proyecto y enrutado

      1:21

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

229

Estudiantes

8

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 hora de la comida. En este curso aprenderás a hacer un patrón de cubitos isométricos. Aprenderás a hacer el patrón básico y a recolor y luego a hacer un cubo en el patrón y a colorear. aprenderás a aprovechar el poder de los objetos inteligentes para diseñar este patrón. También aprenderás a la potencia de este patrón.

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 de la de la de

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

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

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

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

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

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

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

Arte de línea de forma limpia en Adobe Photoshop de la la que un diseño gráfico

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 Complex en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Selecciones complejas en Adobe Photoshop que se hacen fácil en Adobe Photoshop un diseño gráfico para la clase de Lunch™

Badge y diseño de 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 de un diseño gráfico de la clase de la de la de

Crea anillas 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™

Frames de Bracket Curly y cajas de texto en Adobe Photoshop un diseño gráfico para la clase de la de la de la de

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

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

Efecto de recorte de imagen vintage en Adobe Photoshop - un diseño gráfico para la clase de 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 del historia de arte con un diseño gráfico de la clase de la de la de

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

B, toques y efectos de color aislado en Adobe Photoshop de la la clase con un diseño gráfico de la clase de lunch™

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

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

Colorear un boceto de Adobe Photoshop de la Adobe de un diseño gráfico de la clase 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 de la que 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 la Lunch™

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

Crea patrones complejos de repetitivos 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 referencia (Tartan) de repetición 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 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 de la de la de

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 de

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

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

Dibuja un mapa de fantasía en Adobe Photoshop - un diseño gráfico para la clase de Lunch™ clase de

Embosque y de 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 de fotos para la persona común en Adobe Photoshop de la forma fácil de la que un diseño gráfico

Obtén el tamaño cada vez de la imagen que ves en Adobe Photoshop un diseño gráfico para la clase de Lunch™ 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™

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

Imágenes de animales de gran

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

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

Efecto en papel en Adobe Photoshop de un diseño gráfico de 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 de Lunch™

Patrones de repetición Seamless en Adobe Photoshop de la la básicos: Un diseño gráfico para la clase de Lunch™

Hacer y usar pinceles de foto 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 superposiciones para redes sociales en Adobe Photoshop - un diseño gráfico para la clase de la de la de

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 de la de Lunch™

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

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

Patrones de círculos al aleatorio en Adobe Photoshop - un diseño gráfico para la clase de la de la de la de

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 de la de

Collage de textura de la foto: mezcla y texturas en Adobe Photoshop de un diseño gráfico para la clase de la de la de la de

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

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

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

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

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

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

Mezclar dos imágenes en Adobe Photoshop de la clase de la la la de la la de

Configura colores, mazos y sombras en Adobe Photoshop - un diseño gráfico para la clase de la de la de

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

Captura al arte - 3 Snapshot de fotos práctico en Adobe Photoshop un diseño gráfico a la clase de la 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 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 de la la

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

Efecto de imagen al lado de la imagen de 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 clase de de la de la de

Uso de la herramienta relleno de patrones guionizado en Adobe Photoshop - un diseño gráfico para la clase de la de la de Lunch™

Los corazones inspirados en Adobe Photoshop de la los verso: un diseño gráfico para la clase de de la de almuerzos™

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

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

 

 

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: 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. Patrones de cubo isométrico en Photoshop Introducción: Hola. Yo soy Helen Bradley. Bienvenido a este diseño gráfico para clase de almuerzo, patrones de cubo isométricos 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 vamos a ver la creación de patrones de cubo isométricos en Photoshop. Vas a aprender mucho sobre trabajar con formas en Photoshop así como algunos de los gotchas con tratar de hacer patrones y vamos a superar algunos de esos. Ahora como estás viendo estos videos, verás un prompt que te permite recomendar esta clase a otros. Por favor, si estás disfrutando de la clase, haz dos cosas por mí. En primer lugar, dale un pulgar arriba y en segundo lugar, escribe solo unas palabras sobre por qué estás disfrutando de la clase. Estas recomendaciones ayudan a otros alumnos a ver que se trata de una clase que ellos también podrían disfrutar. Si deseas dejar un comentario o una pregunta, por favor hazlo. Leí y respondo a todos tus comentarios y a tus preguntas, y miro y respondo a todos tus proyectos de clase. Ahora si estás listo, empecemos a divertirnos con algunos patrones de cubos isométricos en Photoshop. 2. Pt 1: dibuja el hexagon básico: Para empezar con nuestro patrón Cubo Isométrico, necesitamos unos documentos nuevos, así que voy a elegir Archivo y luego Nuevo. Necesito un documento que sea más alto de lo que es ancho. Voy a hacer la altura 600 y la anchura 400. Las dimensiones reales no son importantes, por lo que si quieres empezar con un patrón de tamaño más grande, eso está bien. Voy a hacer blanco el fondo y voy a trabajar en modo color SRGB, y estamos en color obviamente RGB. Daré clic en Crear. El fundamento de un cubo isométrico es en realidad una forma hexagonal, pero hay un ligero problema con las formas hexagonales que están integradas en Photoshop en la herramienta Polígono. Sólo voy a mostrarles el problema. Voy a dar clic en la herramienta Polígono y la voy a poner a seis lados. Cuando lo dibujo, se puede ver que su base no es perfectamente horizontal y puede ser realmente complicado tratando de hacerlo perfectamente horizontal. Aunque mantenga pulsada la tecla Mayús para constreñir sus proporciones, así es como dibuja. Es solo por todo el lugar, así que realmente asegurarte de que estás obteniendo el hexágono correcto es un poco problemático. Eso voy a borrar. Lo que vamos a hacer en su lugar es ir a la herramienta Custom Shape porque en la colección Custom Shape que se envía con Photoshop es una forma hexagonal y esto va a hacer todo el trabajo por nosotros. Si no ves la forma del hexágono aquí y cuando pasas por encima de él, dice hexágono, esto es lo que vas a hacer. Harás clic en el icono Gear aquí y bajarás aquí para localizar las formas porque el hexágono está en la colección de formas. Harás clic en él una vez y vas a hacer clic en Anexar porque quieres agregarlo a tu conjunto de formas actual, no quieres reemplazar las formas por ellas. Simplemente harás clic en Anexar y luego lo vas a conseguir. No tengo que hacer eso porque ya tengo mi forma hexagonal. Voy a apuntar a la forma y simplemente hacer clic lejos de ella. Voy a asegurarme de que estoy trabajando con caminos. Por lo que tendrá aquí tres opciones y seleccionará Ruta. En versiones anteriores de Photoshop, aquí habrá tres iconos, pero uno de esos será etiquetado Path. Simplemente vas a mantener presionada la tecla Mayús mientras arrastras un hexágono. Tiene que ser alrededor de este tamaño por el momento. Necesitas mantener presionada la tecla Mayús porque tiene que ser un hexágono regular. Ahora mismo, tenemos un camino el cual tiene un hexágono. Con la ruta seleccionada y podemos seleccionarla usando la herramienta de selección Ruta, verás que hay algunos iconos arriba escuchar y vas a seleccionar Alinear a lienzo, y luego Centros alineados horizontales y Centros alineados verticales. Eso va a asegurar que este hexágono esté centrado justo en medio del documento. Vamos a traer alguna guía. Voy a elegir Ver, Guías nuevas. Va a hacer una guía al 50 por ciento vertical y una guía al 50 por ciento horizontal. Ahora, el centro del hexágono está justo sobre la intersección de las dos guías. Vamos a seleccionar nuevamente el hexágono con la herramienta Selección directa, y necesito girarlo. Escogeré Editar, Trayectoria de transformación libre y aquí arriba en ángulo, solo voy a establecer el ángulo en 30 grados y luego hacer clic en la marca de control. Ahora el hexágono está en la orientación correcta para que podamos convertirlo en los mismos elementos que necesitamos para hacer un cubo isométrico. Eso lo vamos a hacer en el siguiente video. 3. Pt 2: dibuja los cubones: Vamos a extraer de esta forma las piezas que necesitamos para un cubo isométrico. Voy a seleccionar sobre él con la herramienta de selección directa. Voy a hacer visible la paleta de caminos, porque necesito eso para decir lo que estoy haciendo. Ahora por el momento sólo tengo un camino y es el camino de trabajo. Voy a arrastrarlo y soltarlo sobre el nuevo icono de ruta, y lo que eso hace no es hacer un nuevo camino al menos la primera vez que lo hagas. Lo que hace es que simplemente lo convierte de ser el camino de trabajo en un camino con nombre. Ahora lo voy a arrastrar y soltar sobre el nuevo icono de ruta para hacer un duplicado, y lo voy a volver a hacer porque necesito tres caminos. Nos vamos a centrar en este primero. Voy a la herramienta de plumilla, necesitaría seleccionar la herramienta de borrar punto de anclaje, que es una posición de barra de herramientas con la herramienta de plumilla. Lo que tengo que hacer ahora es que voy a mantener este punto, y este punto, y este punto. Pero quiero un cuarto aquí. Yo quiero hacer una forma que sea una forma de diamante aplanada, y no quiero estos otros puntos. Con la herramienta borrar punto de anclaje, voy a quitar dos de los tres puntos que no quiero. Voy a cambiar ahora a la herramienta de selección directa, y voy a apuntar este punto de anclaje aquí abajo, y quiero moverlo hacia arriba, por lo que se encaja sobre la intersección de esas dos guías. Ahora bien, si cuando comienzas a arrastrar, todo se mueve, simplemente deshazlo y vuelve a empezar, solo significa que no seleccionaste ese punto. Ahora tenemos nuestro primer camino. Voy a dar click en este camino. Lo que quiero hacer con esto es que quiero guardar este punto, este punto, y este punto, y quiero añadir un punto aquí. Voy a dibujar este lado del cubo. Voy a volver a la herramienta borrar punto de anclaje. Ya no quiero este punto de anclaje, y tampoco quiero este, y quiero traer éste aquí. Entonces voy a la herramienta de selección directa, voy a asegurarme de que apunte sólo a este punto de anclaje y simplemente lo arrastre a la posición y se va a chasquear justo en posición ahí. Voy a seleccionar el último de los tres caminos, y esta vez quiero esta llana fuera de mi cubo, este de aquí. Volver a la herramienta eliminar punto de anclaje, y deshacerte de los puntos de anclaje que no quiero, dos de los tres que no quiero. El tercero sólo se va a traer aquí y se va a encajar perfectamente. Ahora tengo tres caminos que juntos conforman mi cubo. Vamos a la paleta de capas, y llevemos eso aquí donde podamos verlo. Necesito una capa totalmente nueva, y voy a conseguir un color gris oscuro. Yo sólo voy a apuntar aquí a un gris oscuro. Voy a dar click en este camino porque este es el camino que quiero hacer el color más oscuro. Con este camino seleccionado, puedo hacer clic aquí para llenar el camino con el color de primer plano actual, y ahí está mi gris. Voy a añadir una nueva capa, voy a dar click en este camino, voy a encontrar un gris un poco más claro. Voy a dar clic en la opción de relleno aquí, va a hacer otra capa nueva, apuntar a la parte superior de mi forma. Voy a hacer que eso sea un color gris claro, y lo voy a llenar. momento tengo esta ruta seleccionada y quería anular su selección. La forma más fácil de anular la selección de la ruta es simplemente agregar un nuevo camino vacío y luego Photoshop simplemente va. Bueno, aquí no hay camino, así que no te voy a mostrar nada que sea perfecto para nosotros. Ahora mismo voy a ocultar mis guías, ir a elegir ver mostrar y desactivar guías. Los guías siguen ahí, pero no los quiero ahora mismo. Voy a tomar estas tres capas, clic en el turno superior, clic en la parte inferior para seleccionar las tres clic derecho y elegir convertir a objeto inteligente. Eso hace que todas estas formas sean un solo objeto inteligente. Se van a mover como un solo objeto. Cuando obtengo la herramienta de movimiento, sólo puedo moverlos y solo harían un objeto. Voy a mover este al fondo del tablero de arte actual o al fondo del documento. Quiero hacer un duplicado, así que voy a arrastrar la capa de objetos inteligentes al icono Nueva capa. Voy a mover mi duplicado a la posición. Sólo va a aparecer por aquí. Voy a hacer otra copia, y ésta va por aquí. Solo estoy usando las guías para juntar todo, y necesito una copia más. Vamos a colocarlo en posición aquí arriba. Entonces vamos a acercarnos y ver si podemos finalizarlos un poco mejor. Voy a la herramienta de zoom, sólo voy a acercar escuchar y empezar a mover esto a su posición un poco mejor. Ahora, tengo habilitada la selección automática para la herramienta de movimiento, eso me hace fácil hacer clic en una forma y se va a seleccionar automáticamente. Sólo voy a traer cada una de estas formas en un solo píxel, así que eso es todo lo que necesitaba. Vamos a revisar el fondo de ellos simplemente empujándolos hacia arriba. Bueno, necesitaban ser empujados hacia arriba un píxel. Voy a subir éste, sólo asegúrate de que esté en posición. Ahora, es inevitable a medida que trabajas que vas a conseguir algunas áreas en las formas donde no se están intersecando correctamente. Simplemente voy a seleccionar estas dos formas y solo usa la opción Alinear bordes inferiores para asegurarte de que estén alineados. Bueno, están perfectamente alineados entre sí, pero verás que hay un poco de brecha entre ellos. Eso es inevitable y te voy a mostrar una forma de resolverlo. Voy a presionar “Control” o “Comando cero” solo para alejar el zoom. Voy a dar click en la capa de fondo. Voy a añadir una capa totalmente nueva al documento. Voy a seleccionar el gris medio aquí, el medio de los tres grises que estoy usando, y voy a dar clic en “Ok”. Ahora es mi color de primer plano, presionaré la opción “Alt backspace” delete en el mac. Eso se acaba de llenar detrás de las formas con ese gris medio. Lo que se hace es que se llena visualmente esos vacíos. Ahora, vamos a apagar esa capa en un minuto mientras hacemos nuestra selección, pero esa es una forma agradable y fácil de resolver el problema de las brechas en tu patrón. Estas no son las líneas de fractura en las que te metes, por ejemplo un ilustrar una patente, estas son líneas parcialmente transparentes en Photoshop porque estamos tratando con una aplicación de mapa de bits, estas se están mostrando como píxeles, y no puedes tener píxeles que estén en un ángulo. Es solo una cosa de exhibición y llenarla detrás con una capa de color sólido va a resolver todos los problemas de brechas en este patrón. 4. Pt 3: crea el patrón: Ahora estamos listos para crear el patrón, y lo que necesitamos preguntarnos en este punto es, ¿cuál va a ser nuestra forma de patrón? Bueno, la forma más fácil de determinar cuánto necesitas para un patrón es solo aislar un punto en particular en el diseño general que tienes. Vamos a ver esta intersección entre lo oscuro, el gris medio y el gris más claro para que el gris más claro esté encima. Simplemente vamos a mirar ese punto y luego preguntarnos dónde en este dibujo aquí o en este diagrama, ¿vemos a continuación este punto? Entonces voy a correr aquí abajo, y ese no es el mismo punto, y tampoco lo es este, pero aquí está. Por lo que necesito tomar una cuadra que es esta altura. Empieza aquí y termina aquí, porque eso me va a dar un ritmo de patrón completo. Por aquí voy a mirar este punto, y voy a decir, vale, bueno, donde en la imagen como trabajo a la derecha, ¿veo a continuación este punto? Bueno, pasemos por aquí. Esto no es así. Bueno, este es exactamente el mismo punto. Se puede decir que este punto tiene un color más oscuro a su derecha inmediata, y también lo hace este. Entonces nuestro ritmo patrón va a ir desde aquí, todo el camino por aquí, todo el camino hacia abajo por aquí, y hacia arriba. Una vez que hayas determinado cómo se va a dar forma a tu ritmo de patrón, puedes empezar a dibujarlo, y probablemente la forma más fácil en Photoshop es agarrarte algunas guías. Tengo mi regla como visible. Eso hice eligiendo View, Rulers. Tan solo asegurándose de que eso fue revisado. Ahora voy a tomar una guía, y voy a bajarla y simplemente dejarla caer en la posición donde va a estar la parte superior de mi pieza de patrón. Dirán que eso de inmediato hizo visibles nuevamente a las otras guías, las que había escondido antes. Voy a bajar otro guía, y dejarlo en posición, y voy a traer guías de izquierda y derecha también. Ahora bien, esto puede que no sea perfecto, pero vamos a hacer zoom en un segundo, y hacerlos perfectos. Vamos a traer la herramienta de zoom, y con la herramienta de movimiento, podemos mover las guías alrededor. Voy a tomar una decisión sobre esta guía y esta forma. Yo sólo voy a ir a mover herramienta. Voy a arrastrar esta guía hacia arriba, y la guía va a estar justo en el punto en el que estas dos líneas se cruzan. Ahora éste obviamente está en la posición equivocada, así que sólo voy a hacerlo en la posición correcta. Simplemente síguelo hacia abajo, asegúrate de que todas mis formas estén alineadas correctamente para que las guías estén funcionando. Esta guía está exactamente en el mismo lugar que la que estaba arriba. Yo sólo voy a revisar la guía lateral aquí, y se ve bastante bien. Por lo que presionaré Control o Comando cero. Una vez que tengas tus guías en su lugar, puedes volver a mostrar esta capa de relleno. Hace que sea más fácil para ti trabajar con la configuración de tus guías y todo sin que esta capa sea visible, pero una vez que tengas todo en su lugar, puedes hacerlo visible. Voy a la herramienta de marquesina rectangular, y como tengo snap para ponerme en guías, se va a chasquear a estas guías, así que solo voy a arrastrar mi marquesina. Este es mi ritmo patrón. Tengo todos los elementos aquí dentro que necesito para mi patrón. Por lo que voy a elegir Editar, Definir Patrón. Ahora, hay una posibilidad desfavorable de que esto no funcione para ti. Hay una posibilidad deshabilitada de que cuando vayas a definir patrón el patrón simplemente no va a estar ahí, la opción se va a poner gris. Hay algunas formas de resolver el problema, y esta es una de ellas. Vas a hacer clic en la capa superior del documento, y vas a mantener presionada la tecla Control Alt y Shift, y toca la letra A. En el Mac, estarás presionando la opción de comando Mayús y la letra A. Qué es eso hace es crea lo que se llama capa de sello. Eso es solo una sola capa que contiene exactamente lo que se ve en todas las demás capas de abajo. Todavía tienes las capas abajo, pero tienes la capa especial de sellos. En ocasiones esa será la solución para poder seleccionar, Editar, Definir Patrón. Voy a llamar a esto cubos y dar click Ok. Ahora bien, no necesitaba esta capa, así que sólo la voy a acurrucarla en esta etapa. Ahora vamos a crear un documento totalmente nuevo y probar nuestro patrón. Archivo y luego Nuevo. Voy a hacer un documento que sea de tamaño de papel de scrapbook, pero puedes hacer tu documento de cualquier tamaño que te guste. Estoy usando 3600 por tamaño 3600, resolución de 300 píxeles por pulgada, modo de color RGB, los contenidos de fondo son transparentes, espacio de color SRGB. Haga clic en Crear. Para llenar este documento con mi capa de patrón, Nueva capa de relleno, Patrón. Cuando hago clic en Ok, el último patrón que hice, el que está al final de la colección de patrones, ahora se aplica al documento, y solo voy a dar clic en Ok. Aquí está nuestro patrón de cubo isométrico. 5. Pt 4: Recolor el patrón: Ahora, una vez que hayas creado tu patrón isométrico, puedes colorearlo. Voy a colorear este documento y luego voy a ir a mostrarte cómo puedes recolorear la pieza del patrón en sí. Para este documento, solo vamos a elegir Capa, Nueva capa de ajuste, Tono/Saturación, y hacer clic en “Ok”. Encontrarás que arrastrar por el tono no tiene absolutamente ningún efecto en este documento porque el patrón es escala de grises, pero puedes hacer clic en “Colorizar”. Al hacer clic en colorear, ahora puede ajustar la saturación hacia arriba y luego arrastrar alrededor en el deslizador de tonalidad y obtendrá una re-coloración del patrón que está en tonos del color que seleccione. Esa es una forma de volver a colorear tu patrón y eso es después del hecho. Pero volvamos ahora a nuestro documento patrón original. Voy a hacer una copia de esto porque en realidad quiero quedarme con el original. Para hacer una copia de un documento, vas a elegir Imagen, y luego Duplicar y solo tienes que hacer clic en “Ok”. Eso te da un duplicado exacto de tu imagen original, todas las capas y todo. Lo que voy a hacer es apagar aquí mi capa de fondo gris y voy a hacer doble clic en uno de estos objetos inteligentes. No importa en cuál de las capas de objetos inteligentes haga clic, pero voy a hacer doble clic sobre él. Eso abre el cubo original arriba en un documento todo propio. Voy a ir a empezar a conseguir algunos colores. Echemos un vistazo a nuestro color más oscuro. Yo sólo voy a hacer de eso un, bueno, vamos a hacer de eso un verde oscuro. Tengo seleccionado verde oscuro, tengo seleccionada la Capa. Voy a dar clic aquí en este icono para bloquear los píxeles transparentes de esa capa. Puedo presionar Alt backspace u opción delete en el Mac para llenar esta forma con este color, y luego voy a volver a hacer clic aquí para apagar ese ícono. Voy a seleccionar esta siguiente capa y voy a hacer clic en el icono para ella. Voy a encontrar un color para usar, y esta vez vamos a hacer como un patrón multicolor sólo para mostrar cómo podemos recolorearlo. Voy a usar un naranja esta vez o opción de retroceso eliminar en el Mac. Desbloquearlo, seleccionar la última capa, bloquearlo o bloquear los píxeles transparentes de la capa hacia abajo y voy a elegir un azul aquí, un azul más claro. Haga clic en “Ok”, o opción de retroceso eliminar, haga clic para desbloquear los píxeles y luego solo voy a cerrar estos documentos. Doy clic en su icono de cerrar y digo: “Sí, gracias, sí quiero guardar los cambios”. Algo milagrosamente, cuando volvemos al documento principal, todos los cubos han cambiado de color. El motivo es que utilizamos objetos inteligentes. Por lo que hicimos duplicados de los objetos inteligentes. Todos estos objetos inteligentes están vinculados entre sí, por lo que un cambio en uno es un cambio en todos ellos. Tenemos todas nuestras guías en su lugar, solo podemos ir a la herramienta de marquesina rectangular y simplemente hacer de nuevo nuestra selección. Simplemente dejarlo encaja en su lugar, Editar, Definir Patrón, haga clic en “Ok”, vuelva a nuestro documento de trabajo aquí. Voy a desactivar el ajuste de saturación de matiz, porque queremos ver un patrón en su versión de color, voy a hacer doble clic en la miniatura de Capa aquí y voy a seleccionar el último patrón en la colección de patrones, que es la que acabamos de crear y haga clic en “Ok”. Esta es una versión multicolor del patrón, pero por supuesto todavía podemos usar una Capa de Ajuste de Tono/Saturación con ella, pero quieres usar una colorida. Sólo voy a dar clic en la miniatura de Capa para la capa de saturación de tonalidad y voy a anular la selección de “Colorizar”. Ahora cuando camino por el deslizador de tonalidad, estamos afectando todos los colores debajo para que todos estén siendo caminados en diferentes posiciones. Por lo que puedes afectar tu diseño usando una Capa de Ajuste de Tono/Saturación aquí. Existen dos métodos para volver a colorear tu patrón. 6. Pt 5: cubo en un patrón de cubo: Ahora hay una simple adición que podemos hacer a este patrón para agregarle una dimensión completamente nueva, y eso vamos a hacer ahora. Lo primero que voy a hacer con este ritmo patrón es que voy a anular la selección de esta selección. Si aún tienes una selección en su lugar, anula la selección. Voy a apagar esta capa de fondo ahora mismo porque quiero ver mis cubos muy claramente. Voy a tomar una copia de este cubo. Este es este cubo de aquí. Voy a arrastrarlo al icono Nueva capa y luego lo voy a llevar a la parte superior de la última pila. Está arriba en la parte superior. Voy a dar click en la herramienta Mover y verás un conjunto de manillares aparece alrededor de este cubo. Voy a sostener dos teclas, la tecla Shift y la tecla Alt, eso es Shift y Option en un Mac, y sólo voy a reducirla. Ahora en esta etapa, no se puede ver nada que suceda, pero sí se quiere que esta forma sea un poco más pequeña que la mitad del tamaño del cubo original. El mío es solo un poco por debajo de la mitad del tamaño del cubo original, así que eso será perfecto. Sólo voy a hacer clic en la marca Check, y ahora voy a presionar la tecla Flecha arriba y puedes empezar a ver lo que ha pasado. Hemos creado un duplicado de ese cubo y lo hemos encogido. Yo sólo lo voy a mover hacia arriba a la posición porque va a estar metido en la esquina entre estos dos cubos. Voy a la herramienta de zoom y sólo vamos a revisar su colocación. Lo que quieres pasar es que quieres que este punto aquí, la intersección de estos dos lados del cubo, alinee perfectamente con la intersección de estos dos planos en estos otros cubos. Aquí va a pasar lo mismo. Se quiere que la intersección de este cubo y este cubo, donde se cruzan aquí, esté en la misma línea que la intersección entre estos dos lados de este cubo aquí. Es bastante fácil decir a dónde necesita ir, pero necesitarás solo colocarlo en posición y solo asegurarte de que sea bonito y cuadrado. Voy a presionar Control o Comando cero para simplemente alejar el zoom. Yo sólo voy a seleccionar otra herramienta para que sólo pueda comprobar que todo se ve bastante bien, cosa que sí. Voy a tomar este cubo y voy a hacer dos copias más del mismo. Este cubo es éste de aquí arriba. Voy a arrastrarlo y soltarlo sobre el icono Nueva capa. Vayamos a mover una copia a la posición. Va a estallar aquí. Entonces queremos otra copia por aquí. Voy a llevarlo al ícono de Nueva Capa y sólo voy a ponerlo en posición aquí. Ahora tenemos que asegurarnos de que esté perfectamente alineado. Voy a seleccionar ambas formas y voy a dar clic aquí en este ícono o donde podría usar éste. Pero quiero alinear sus bordes superiores o sus bordes inferiores, lo que sea. Yo solo quiero que ambos estén en perfecta alineación entre sí. Ya que ambos están ahora seleccionados, sólo puedo moverlos hacia abajo a la posición. Creo que necesitan bajar a punto de llegar a esta posición aquí, y posiblemente en un píxel. Estoy bastante contento con esas formas. Ahora voy a presionar Control o Comando cero para simplemente alejar el zoom. Sólo vamos a revisar para asegurarnos de que nuestro patrón va a quedar bien. Vamos a tomar una pieza todo el camino aquí, todo el camino aquí abajo, y por aquí, y por aquí. Debido a que hicimos cubos más pequeños de menos de la mitad del tamaño del grande, no tenemos que preocuparnos por el espaciado aquí abajo porque va a encajar perfectamente y simplemente podemos hacer una visual rápida sobre eso. Se va a hacer un duplicado de uno de estos cubos aquí y vamos a moverlo a la posición donde estaría aquí. En el patrón, tendría que sentarse aquí porque este ritmo aquí necesita estar alineado con esto. Se puede ver que está cayendo muy por debajo del fondo de nuestro ritmo de patrón porque nuestro ritmo de patrón va a ser tomado por aquí. Si fuera mucho más grande, tendríamos que hacer algunas matemáticas de fantasía para asegurarnos de que conseguimos los pasos exactamente, pero eso está más allá del alcance de este video. En esta etapa, todo lo que estamos haciendo es asegurarnos de que nuestro ritmo sea lo suficientemente pequeño como para que vaya a caber en el patrón y no tenemos que hacer asignaciones por ello aquí abajo. Ahora, sólo puedo deshacerme de éste, pero realmente no importa si no me deshago de él porque de todos modos no es parte del ritmo de patrón. Volvamos a nuestra herramienta de marquesina rectangular y solo vamos a arrastrar sobre el área que se va a convertir en nuestro patrón usando las guías para alinear todo. Voy a encender mi capa de relleno. Eso es crítico porque si hay huecos aquí dentro, queremos que se llenen de este gris neutro. Voy a elegir Editar, Definir Patrón, y esto va a ser cubo en cubo, y dar click en Ok. Ahora pasaremos a nuestro documento de trabajo. Voy a hacer doble clic en la capa de relleno de patrón. Voy a hacer clic en el menú desplegable y voy a hacer clic en el último patrón, que es el que acabamos de crear, y voy a dar clic en Ok. Ahora tenemos este cubo en efecto cubo en nuestro patrón. Simplemente da dimensión interesante y diferente al patrón que hemos creado. Ahora por supuesto también podríamos volver a colorear este patrón. Voy a volver al original. Voy a anular la selección de mi selección. Yo sólo voy a apagar mi capa gris. Ahora, podemos recolorear este patrón simplemente haciendo doble clic en cualquiera de estos objetos inteligentes. Como lo hicimos antes, podemos recolorear estos objetos inteligentes. Entonces simplemente hacíamos clic en Cerrar y todo el patrón se recolorearía. Pero ¿y si sólo queremos recolorear los bloques pequeños? Bueno, podríamos hacer eso, pero vamos a tener que reconstruir este patrón. En primer lugar, voy a localizar todas las capas que se relacionan con estos bloques más pequeños. Voy a seleccionarlos y eliminarlos. Voy a volver a una de estas capas y voy a hacer un duplicado de ella, pero no voy a arrastrar y soltar sobre el nuevo ícono de ley porque ya hemos determinado que cuando hagas eso con un objeto inteligente, obtienes un objeto inteligente que está vinculado a todos los demás objetos inteligentes, y cambias uno, los cambias todos. La solución a esto es hacer clic derecho en el objeto inteligente y elegir nuevo objeto inteligente a través de la copia. No hay indicio de que esto vaya a ser una copia diferente, pero sí lo es. Este no se va a vincular con los originales. Yo voy a hacer eso, y mientras aún tengo seleccionada esta nueva copia, la que está desvinculada de todo lo demás, voy a asegurarme de tener seleccionada la herramienta Mover. Voy a sostener Shift y Alt y voy a reducirlo. Nuevamente, estoy apuntando a algo que sea menos de la mitad del tamaño de los cubos originales, así que no tengo que hacer nada de fantasía con crear este patrón. Voy a presionar el Shift y Flecha arriba, voy a mover esto hacia arriba por el documento, pero también lo voy a poner en la parte superior del documento que pueda verlo y asegurarme de que va en el lugar correcto, que estaba bastante contento de no hacerlo. Yo sólo voy a acercar y sólo asegurarme de que en la posición correcta, que es. Voy a hacer un duplicado de éste porque quiero que todas estas cajas pequeñas se unan. Tengo que hacer mi duplicado de la forma en que lo he estado inventando hasta ahora, para que se vinculen entre sí y lo arrastre y suelte sobre el icono Nueva capa. Apunte a la herramienta Mover y muévala hacia arriba a su posición. Hacer un duplicado de eso. Nuevamente, de la misma manera, por lo que se va a vincular y luego mover el duplicado a la posición. Voy a seleccionar ambas formas y sólo asegurarme de que estén perfectamente alineadas. Basta con comprobar dos veces. Se ven bastante bien dentro del patrón también. Presionaré Control o Comando cero. Ahora, antes de dejar esto, voy a volver a colorear en una de estas formas. Voy a hacer doble clic en él. Yo sólo voy a recolorearlo de esta manera. Voy a hacer clic en la capa para recolorear, bloquear los píxeles. Voy a ir a buscar un color para usar. Aquí voy a usar tonos de azul. Voy a presionar Alt Backspace, Option Delete, desbloquearlo y voy a seguir adelante y hacer exactamente lo mismo que hacía antes de usar diferentes tonos de azul. Cuando termine, cerraré esto. Seleccione Sí para guardar los cambios. Los cambios fluyen a través sólo de los tres cubos que están vinculados entre sí. Los otros cubos no están vinculados con esos. Bueno, los voy a recolorear mientras estoy aquí también. Voy a hacer doble clic sobre ellos. Ahora que tenemos todo de nuevo, necesitaremos el color medio aquí, así que solo voy a dar clic en esto y probar el color de gama media de estos cubos. Voy a volver a colorear mi capa de fondo presionando Alt Retroceso Opción Eliminar. Eso va a asegurarse de que cualquier fuga en el patrón se va a llenar con un color que se utiliza a lo largo del patrón. Volviendo a mi herramienta de marquesina rectangular, vamos a tomar una selección usando las guías para asegurarnos de que la selección sea precisa, y crear nuestro patrón. Volveremos a nuestro documento de trabajo, haga doble clic en la miniatura de capa de relleno de patrón y solo vamos a usar un nuevo color de patrón. Ahora ya sabes cómo recolorear los patrones utilizando la función de objeto inteligente, pero también cómo puedes romper los enlaces en la situación en la que quieres que los colores sean diferentes en diferentes áreas del patrón. 7. Proyecto y enrutado: Tu proyecto para esta clase será crear uno u otro de estos patrones de cubo isométricos tú mismo, ya sea que quieras simplemente hacer el patrón de cubo más grande, o si quieres ir un paso más allá y crear el que tenga el pequeños cubos en ella también. Es posible que quieras hacer eso de tal manera que puedas recolorear los cubos más pequeños de manera diferente a los más grandes. Publica una imagen de tu patrón terminado en el área del proyecto de clase. Espero que hayas disfrutado de esta clase y que hayas aprendido algo sobre la creación de formas isométricas en Photoshop, y también algo sobre Smart Objects. Al estar viendo estos videos, habrás visto un prompt que te permite recomendar esta clase a otros. Por favor, si estás disfrutando de la clase, haz dos cosas por mí. En primer lugar, dale un pulgar hacia arriba, y en segundo lugar, escribe en pocas palabras por qué estás disfrutando de la clase. Estas recomendaciones ayudan a otros alumnos a ver que se trata de una clase que ellos también podrían disfrutar. Si deseas dejar un comentario o una pregunta, por favor hazlo. Leí y respondo a todos tus comentarios y preguntas, y miro y respondo a todos tus proyectos de clase. Me llamo Helen Bradley. Muchas gracias por acompañarme en este episodio de Diseño Gráfico para Almuerzo, y espero verlos en un próximo episodio.