Adobe Illustrator: diseña con degradados

1. Avance: Oigan chicos, es Hayden. hoy les voy a mostrar cómo crear ilustraciones coloridas y audaces utilizando gradientes. Desde hace muchos años desarrollo un flujo de trabajo para Adobe Illustrator en el que tomo ilustraciones muy simples y aplico muchos gradientes y diferentes efectos para hacerlos pop. De hecho, la primera clase que hice aquí en Skillshare estaba tratando de lograr esto mismo. Pero han pasado varios años y otras 11 clases desde esa primera, y he tenido mucho tiempo para realmente perfeccionar el estilo y llevarlo a un nuevo nivel. Incluso he tenido la oportunidad de arte directo en todo juego móvil con este estilo. Si bien vamos a estar cubriendo cada paso del proceso desde el boceto hasta el final, se dará especial atención a seleccionar colores y trabajar con degradados, y configurar tu documento de Illustrator de una manera que sea realmente fácil para que hagas grandes cambios rápidamente. A modo de bono añadido, voy a estar trabajando en una pieza real de arte dentro del juego para la demostración. Si estás buscando una manera de darle nueva vida a tus ilustraciones planas o tal vez solo te interesa cómo es crear ilustraciones para un juego entonces esta es la clase para ti. Espero verte ahí. 2. Dibujar caderas de espacio: Para arrancar las cosas de este video, me gustaría simplemente repasar un par de cosas sobre la clase mientras ves esta pequeña grabación de mí dibujando mi diseño. En primer lugar, en la nota de dibujo, creo que es muy útil que tú, pesar de que vas a estar entrando en ilustrador y es fácil mover formas y vectores, hay mucha libertad para jugar con ellos, hace una gran diferencia si primero haces un dibujo, aunque sea algo pequeño como miniatura en la esquina de una página. Hay dos razones principales para esto. Uno, no importa lo rápido que estés en mover las cosas en illustrator, hay mucha más libertad para la experimentación y para solo la velocidad en el dibujo tradicional en lugar de moverse alrededor de formas vectoriales. Además, hay mucha rigidez en el software porque es todo vectores y líneas duras. Es posible que no se te ocurra los mismos diseños, dibujo que harías dentro de ilustrador. El segundo motivo principal es que queremos enfocarnos en un paso a la vez, sobre todo cuando estamos haciendo algo nuevo. En esta clase, a pesar de que hay varios pasos diferentes que tal vez puedas agrupar, como tal vez podrías idear diseño de tu nave mientras experimentas con colores. Voy a estar separando todo para que podamos darle 100 por ciento de nuestro enfoque a cada paso a la vez. Si bien esto puede ser más lento al principio, encuentro que esta es una gran manera de facilitar el proceso y de producir un mejor trabajo. Tú el alumno, tienes una opción de cómo quieres hacer esta clase. Puedes usar el estilo de arte y el proceso para cualquier ilustración que quieras, o puedes seguirme en la creación de nave espacial. ¿ Por qué te he animado a crear una nave espacial? Es porque en realidad estoy basando este diseño un montón de ellos que ya he creado para un juego llamado Aluna. El estilo que estamos haciendo en esta clase es uno que configuré para este juego y aquí realmente estoy haciendo un activo real que vamos a poner en él. Si creas tu propia nave espacial y sigues esta plantilla que he creado de poner la parte superior en la barra verde, la media y la barra azul y la inferior en la barra roja, al final de la clase, puedes mezclar y combinar piezas de tu propia nave con las que existe en el juego. Creo que eso podría ser muy divertido. Por supuesto, todo eso dicho, este estilo puede funcionar con cualquier ilustración. Siéntete libre de crear lo que desees. Te darías cuenta aquí en el cuerpo de la nave, realidad estoy superponiendo muchos objetos y esto nos va a dar mucho espacio para empujar realmente la profundidad de las cosas cuando lleguemos a la fase de gradiente de nuestra ilustración. Podría ser una buena idea en tu propio diseño incluir algunos elementos superpuestos y te dará mucho espacio para experimentar con lo que estamos aprendiendo. Porque anticipo a la gente que pregunta, estoy usando un HUION KAMVAS GT-221 como tableta de dibujo, pero eso no significa que tengas que ir y conseguir uno. Hay tantas grandes opciones por ahí. Me parece que la marca HUION es buena y asequible. Si quieres usar el mismo pincel que estoy usando en Photoshop, lo he incluido en la sección de recursos, pero realmente no debería importar demasiado qué pincel usas para tus bocetos. Ahora, como probablemente habrás notado en este video, no voy a entrar demasiado en cómo dibujar realmente y eso es porque eso es todo un tema por sí mismo. Si estás interesado en mejorar tus habilidades de dibujo, sí tengo un par de clases que cubren eso. El principal entre ellos es “Enséñate a dibujar cualquier cosa”. Te darás cuenta mientras estoy dibujando aquí que en su mayoría sólo estoy dibujando de un lado. Eso se debe a que todas estas naves espaciales son simétricas y puede ser mucho más fácil para mí tomar solo la mitad de ella y reflejarla a lo largo de la guía que puse en el medio. Algo que incluyo en muchos de los diseños de barcos y vamos a ir más tarde en la clase, son cosas como luces y gemas y elementos realmente brillantes. Yo estoy incluyendo algunos de esos en mi nave y los animo a que hagan lo mismo. Tan solo para romper cualquier ilusión de que se me ocurra esta nave espacial súper limpia diseñada justo de arriba de mi cabeza, debes saber que tengo otro dibujo en mi otro monitor que estoy haciendo referencia a un borrador en bruto antes de éste. Esta es también mi segunda vez filmando esta sección. He dibujado esta nave más de una vez. Si estás atascado por ideas para tu propia nave o quieres tener una idea de cómo se ven algunas de las otras, he incluido un montón de muestras en la sección de recursos. Una vez que tengas un dibujo con el que estés contento de que haya suficiente información ahí que te vaya a guiar a través de la construcción de un ilustrador, podemos pasar a la siguiente lección. 3. Configuración de Illustrator: Antes de entrar en el diseño real, solo quiero mostrarte cómo se configura mi ilustrador y presentarte la Plantilla de Nave Espacial que he hecho para aquellos de ustedes que están creando una Nave Espacial. Si no estás haciendo un barco, siéntete por crear un documento y el tamaño que quieras pero vamos a estar trabajando en un 1000 por 1000 píxeles. Muy rápido solo quiero pasar por los diferentes paneles que he abierto. Tengo el Pathfinder, Color, y luego tengo Muestres. Ya verás que en realidad he quitado todas las muestras por defecto excepto en blanco y negro. Me parece que esto sólo es una forma muy limpia de trabajar y sólo estaremos sumando en las muestras que necesitamos y nada más. Tengo trazo, tengo gradiente, apariencia y luego capas. Estos son los únicos paneles que estaré usando a lo largo de toda la clase. Si quieres traer esos a tu ilustrador, eso hará las cosas sencillas. Para las capas, tengo, una para la plantilla para la nave, y he seccionado tres barras, una para el fondo de la nave, una para el medio, y otra para la parte superior. Ya verás porque es un camino en vivo va a ser fácil para ti asegurarte de que esté recortado donde necesita estar. Tengo una capa para el diseño. Ahí es donde estaremos trabajando mayormente así como uno para Sketch y algo llamado Value Check. Esto tendrá mucho más sentido cuando lleguemos a las etapas posteriores de nuestro diseño. Pero realmente para lo que se utiliza esto es para colocar encima de nuestra obra de arte para obtener una versión en escala de grises de la misma. Eso nos hará saber que tenemos un buen contraste en nuestro trabajo. Es como una póliza de seguros donde en cualquier momento a lo largo de nuestro arte, podemos ver si algo se ve bien o no porque si se ve bien como escala de grises entonces como colores, también debería funcionar. Para aquellos de ustedes que están usando mi plantilla y quieren crear una capa como esta, todo lo que es, es un gran barco negro y la opacidad está configurada en modo de mezcla de tonalidad o color. Eso es todo lo que necesitas. Con la capa de boceto seleccionada, voy a colocar la mía en el tablero de arte. Simplemente colocaré dibujando, alinearlo para que sea donde necesito que esté. Voy a bajar la opacidad a unos 30. Para asegurarme de que no me estoy metiendo con él, sólo voy a cerrarlo en su lugar. También solo quiero señalar en la capa del área de diseño, he agregado una guía justo por el centro. Como se ve en el siguiente video, esto va a ser muy útil en realidad a lo largo de toda la clase para crear nuestras formas y asegurarnos de que sea simétrico por ambos lados. Por último, sube a Ver y asegúrate de que Snap to pixel esté desactivado. Sólo tienes que hacer clic y te puedo mostrar que la mía está efectivamente apagada. Esto obliga a nuestros caminos a alinearse con nuestra cuadrícula de píxeles y me parece que esto mete nuestra precisión, sobre todo cuando estamos cambiando el tamaño de las formas, realmente puede distorsionar las cosas. Lo mejor es mantenerlo alejado. Porque es un buen hábito entrar, terminaremos este video guardando nuestro archivo. Yo sólo voy a llamar a la mina Demostración de Nave Espacial, pero una vez que estés todo configurado, podemos pasar a diseñar realmente nuestras naves en el próximo video. 4. Crear formas: De verdad voy a empezar a construir estas formas. Déjame intentar ir más lento de lo que normalmente lo haría. En realidad uso muchas teclas de y cosas así y voy bastante rápido, así que voy a tratar de frenarme un poco y explicar lo que estoy haciendo. Para empezar, vamos a esquinas esa forma. Se van a alinear mucho al centro. Podemos ver que ya es así, pero eso es realmente útil, pero eso es realmente útil, y estoy asegurándome de que con mi plantilla las partes que necesitan estar alineadas justo en contra de aquí, para que una estamos mezclando y emparejando diferentes partes del barco. Cultiva correctamente. Esta es la vista de esquema usando mucho para asegurar que las cosas estén alineadas. Muchas de estas piezas voy a construir de un lado. Voy a cambiar el color para que pueda decir. En lo que respecta a los colores, solo estoy recogiendo cualquier color viejo y no me preocupo por ellos en absoluto. Ahora todo se trata de legibilidad, solo yo poder ver la diferencia entre las formas. Esta es una de las primeras técnicas que voy a estar usando mucho. Estoy reflejando una imagen y luego uniéndome a ella. Estaré usando reflejar, y luego estaré dando clic en mi guía del medio para que pueda reflejar las cosas lo largo de ella y hacer clic en cualquier lugar de aquí y luego mantengo Alt y Shift, y lo refleje justo al lado. Podemos volver a ver. En este caso, no se subió justo el uno contra el otro. Eso es culpa mía. Yo solo quiero asegurarme de que sean de hecho agradables y ajustadas. Entonces voy a usar la opción Unite y Pathfinder, y ahora todo esto es sólo una forma separada. Esto va a ser un proceso para mucho de esto es construir algo en un lado y luego hacerlo de nuevo en el otro. Esta parte superior, voy a usar un círculo creo para crearlo. Esa va a ser esa parte de ahí. De nuevo, quiero asegurarme de que esté alineado. Entonces en realidad voy a usar la trayectoria de desplazamiento para crear esta segunda pieza aquí mismo. Vamos a probarlo. Veamos 20 píxeles, eso es bang on. Tal vez como 21 o así, pero eso es bastante exacto. Solo hagamos estos diferentes colores para que podamos decir. Entonces lo estoy recortando por ahí. Estoy usando muchas formas para intersectar con otras o mantener estos diferentes colores para que puedas decir cuando lo estoy haciendo. Pero ahora mismo tengo esta forma verde con la caja aquí encima de la forma verde, voy a mantener el Shift para seleccionarlos a ambos, y luego voy a usar la opción de intersección. Eso me va a dar una forma que se ve así y eso es exactamente lo que quiero con eso. Entonces solo voy a usar la herramienta Selección directa, la flecha blanca. Ambos van alrededor de ellos como tengo en mi dibujo y más tarde en este también un poco. Entonces voy a hacer algo similar. Tengo esta forma y el círculo, hazlo de nuevo, y así ahora así es como la quiero. Simplemente apagamos la plantilla en el boceto para ver cómo se ve. Yo quiero que esto sea un poco por ahí están aquí arriba. Ahora tengo mi dibujo, pero también eres bienvenido a seguir jugando con él. Podría hacer estos menos a su alrededor para que coincidan arriba. Enfriar. Vuelve a encender las cosas. Tendremos apenas unir pieza. Todas las formas al mínimo, a esto son las máximas, y pueden estar en esta línea aquí, y eso es lo que estamos haciendo por este diseño. Esto es como dónde, cómo las otras piezas de forma encajan una en la otra. Yo sólo voy a crear eso ahí. Mis líneas están todas alineadas. Entonces tenemos esta barra resplandeciente al otro lado del medio. El modo en que voy a hacer eso es hacer un camino. Vamos a cambiarlo para que tengamos un derrame cerebral. Haremos que sea el color que podamos ver. Utilice la ventana Trazo. Voy a correr las gorras y lo haré bonito y grande. No lo quiero demasiado grande, pero tal vez 12 me parece bueno. Eso me gusta. Voy a asegurarme de nuevo esto está en el centro y voy a delinear el trazo, así que ahora el trazo se convierte en una forma. Aquí abajo tenemos lo mismo. En realidad sólo voy a traer eso aquí abajo. Veo que es un poco más pequeño que mi dibujo inicial, pero está bien. Esto puede cambiar. Ahora voy a seguir esta línea en lo que estos alineados, y sólo voy a construir la mitad. Después usa de nuevo la técnica de reflejo para, selecciona los luego útalos para que veas cómo se vuelve un poco más rápido una vez que lo has hecho un par de veces. A pesar de que tenemos tu dibujo, podemos seguir ajustando las formas. Por ejemplo, ya siento que podría querer que esto fuera un poco más amplio de lo que es. Solo tomemos una torre similar como esa, tal vez. Sí, creo que me gusta ese lado así que voy a duplicar eso aquí arriba. Sólo para, córtalo por un segundo. Pegar en su lugar. Asegúrate de que mis líneas aquí estén bien. Ahora necesito esto, solo para recortar en la parte superior, así que o bien puedo mover esta pieza hacia arriba, que funciona bastante bien o puedo, creo que me voy a apegar a eso. Está bien. Vamos a recuperar nuestro boceto. Ahora, hagamos estas alas. Voy a hacer una de las alas. ¿ De acuerdo? Voy a moverlo hacia atrás para entrarlo, aquí vamos. Hagámoslo de un color diferente, igual de fácil de ver. Entonces, de nuevo, sólo voy a duplicarlo al otro lado. El siguiente paso es esta forma aquí. Creo que esta es una de las cosas que va a ser una buena demostración porque en realidad sólo voy a hacer un gran rectángulo aquí. Entonces voy a agarrar justo este lado y redondearlo a cómo lo quiero. Está bien, cambia el color, lo enviaré a la parte de atrás. Entonces para esta pieza aquí, solo voy a crear un trazo en ángulo recto. Cambiarlo a un trazo. Probemos y veamos qué es 20 puntos. Veinte está bastante cerca, vamos a repostar eso un poco. Ponga alrededor de eso, déjame simplemente cambiar el color aquí, algo así. Vamos a ejecutar estos planes usando diferentes colores para la legibilidad. Voy a empujar eso hacia atrás. A mí me gusta cómo se ve, que creo que sí. Una vez más, voy a delinear el trazo. Eso es forma. Este será un panel. Tenemos una pequeña línea aquí. Voy a dejar eso por ahora. Toma un detalle al que volveré, igual con estos pequeños textos, solo voy a dejar esos. Tomaré esto, presione O para reflexionar, haga clic en algún lugar a lo largo de la guía y lo reflejaré por ahí. Para el ala aquí abajo solo voy a duplicar esto para lucir como me gusta y luego voy a crear una forma encima de ella, para enmascararla. Estoy agarrando la forma de ambas formas, intersecándola. Cambiemos el color, lo enviamos de vuelta y lo reflejemos una vez más. Voy a construir este pequeño diseño de ala. Podría ocultarlo por ahora pero, esta forma aquí, puedo copiar, luego pegar al frente. Ahora tengo un duplicado en la parte superior. Entonces usando ese duplicado y esta otra forma, me cruzaré, y eso lo conseguiré. Un montón de pequeños trucos rápidos que puedes hacer para conseguir formas que buscas. Vamos a hacer de esto un color diferente, ahí vamos. Entonces voy a cortar ese medio. Obtenemos algo que se ve así. Lo volveré a mover, desagrupar eso y luego lo voy a volver a mover, ahora tenemos un poco de diseño ahí. Algo similar para éste, pero en realidad sólo voy a sostener Alt y arrastrar esto hacia abajo. Ahora tengo una forma aquí. Voy a presionar control C para copiar, control F para pegar en su lugar. Ahora tengo un segundo ejemplar. Con ese duplicado y el de arriba, voy a presionar Minus Front. Podría haberlos arreglado incorrectamente, ya veo. Esto tiene que estar superponiendo la pieza quiero conseguirla como quiero. Ahora en esta pieza, y luego lo voy a recortar como lo hice al fondo. Más amplio, hagámoslo agradable y legible, y eso funciona. Veamos qué más quiero crear en este punto. ¿ Quieres esto, como un bar? Va a ser como pantalla, barra de carga metálica, así que voy a asegurar que eso esté justo en el medio. Entonces lo voy a redondear un poco. Demos la vuelta a estos rincones. Ese es el pedacito. Entonces voy a compensar el camino, vamos a ver. Ahora queremos un negativo aquí arriba, así que intentemos negativo 10, negativo 12. Coincide con el mismo grosor que esta barra aquí, es útil mantener anchos consistentes así que hagámoslo, y restaremos. Simplemente tenemos este tipo de forma. Entonces, solo voy a crear. Este sería nuestro pequeño panel, aquí. Pero aquí no lo queremos en medio. Ahora que tenemos estos, sólo voy a crear una forma que, y restarla. En realidad voy a copiarlo. Eso llevó a este primer frente menos. Ahora puedo simplemente pegar y colocar de nuevo con el control F y luego menos frente los bordes. Es así como tenemos nuestra pequeña forma aquí. Yo sólo voy a hacer un chequeo rápido para asegurarme de que nuestras piezas estén alineadas correctamente y todas se vean bien. Para hacer este diamante aquí, en realidad voy a volver a hacer un camino de desplazamiento. Si lo hice negativo 20, sigamos bajándolo, estamos ahí. ves esto ya está hecho toda esta forma que necesito solo bastante a mano, así que dejémoslo ahí. Entonces solo puedo agarrar esto. Vamos a agarrar esto. Yo quiero cortar un poco de cada lado aquí. En realidad sólo voy a tener la forma aquí que quiero usar donde quería cortar, así que me mudaré a un lado. Tengo dos de ellos así que primero puedo cortar esa y luego moveré esto al frente luego cortaré esa también. Ahora en su mayoría tengo la forma que quería. Pero necesito esta pequeña parte aquí así que en realidad voy a tomar y copiar esta parte aquí y voy a usar el reflejo para moverla hacia abajo. Yo quiero recortar esa, y entonces esto podría ser un poco difícil de seguir en realidad. ¿ Sabes qué? Simplemente desagruparé estos para conseguir cabalgar de eso y eso juntos y ahí tenemos eso. Entonces quiero este pequeño diamante en el medio. Este pequeño diamante en el medio. No quiero alinearme con esto. Haremos nuestros mejores trabajos solo a una trayectoria offset de la misma. Probemos negativo 12. Ya hemos visto la razón por la que mucho. Vamos a parecer bastante bueno. Vamos poco más de 13 No creo que estemos bien contigo, pero creo que estamos bastante cerca. Está bastante cerca juntos. Entonces 12 millones de datos perfectamente, pero eso está bien. Quiero seguir este diseño aquí abajo. En realidad sólo voy a hacerlo, estamos siguiendo esto. Qué es eso ahí y luego tengo esto justo. No creo que eso esté justo en el medio, no. Sí. A veces aquí. Paso a puntos en por lo que deberíamos estar bien. A veces si se chasquean a puntos en él no será un arreglo a tus cuadrículas, lo cual puede ponerse molesto. Yo sí quiero esto. Voy a tratar la forma que creo que los soviets funcionan mejor. Puedes ver cómo cuando ya has hecho esto lo suficiente, puedes conseguir las formas, cómo quieres que se vean. Creo que también vale la pena mencionar cómo eso no se apegaban absolutamente exactamente a nuestro diseño y a nuestro cargo dibujando o haciendo pequeños retoques aquí, lo cual está totalmente bien. Quería hacer algunos de los detalles aquí arriba. Voy a crear esto aquí y luego duplicar esta forma. Entonces aquí está menos frente, lo siento más bien ese es el intersecto. Entonces voy a desplazar camino para expandir la forma también debe mencionar en algún lugar aquí que hay razón. Eso es importante es la trayectoria de desplazamiento en lugar de simplemente duplicar un barco, haciéndolo más grande y no escalará correctamente. Si lo haces al revés, ahí vamos es apuntar también es camino. En realidad rebobinan. Voy a usar intersectar aquí. Si uso y divido. Dividimos esto, es que me da todas estas formas como separadas. Yo puedo llevar este pedacito y puedo ponerlo aquí abajo a algo que yo quería. Sólo busquemos un buen lugar para ello. La próxima vez acabo de terminar con ello a algo así. Ese es cualquier pequeño motivo. Pon esto por aquí. Entonces queremos, y eso por ahí. Entonces una pequeña flecha aquí también creo, algo así, esto es trabajo y me voy a hacer más grande. Simplemente no lo hace. Eso está bien. Creo que sólo voy a restar este soviets. su conjunto, podemos bosquejar . Vamos a hacer la última pequeña mirada aquí. Hay un par de cosas que quizá podamos construir más adelante. De hecho, en realidad voy a usar Control 3 para ocultar algunas cosas; sólo porque lo hará más fácil. Si ocultamos algunos de estos detalles para la siguiente etapa, voy a salir eso. Esas son las formas básicas para nuestro diseño de embarcaciones. 5. Elección de colores: Lo que voy a hacer es en muestras y vamos a crear algunas muestras globales, y estas son muy importantes. Realmente queremos asegurarnos de que hagamos que se seleccione “Global”, porque esto significa que cuando cambiemos la muestra, se reflejará en nuestro diseño y éste nos dará mucha libertad, mucho espacio para cambiar las cosas sobre la marcha, especialmente cuando hemos construido aún más nuestra nave y vamos a estar construyendo un diseño de una manera que incluso al final, todavía podemos hacer grandes cambios en los colores, lo cual es, me parece realmente, muy bonito. Simplemente vamos a empezar con un par de colores. Voy a empezar con un esquema de color verde. mí me gusta usar HSB, me resulta mucho más fácil controlar el brillo, la saturación, y el tono por separado. Bueno, hagámoslo verde, tal vez para los paneles y las luces y cosas usaré principalmente un amarillo claro, y luego tal vez un verde azulado, azul oscuro. Empecemos con esos y luego podemos sumar algunos a medida que avanzamos. También voy a querer sacar un grito a mi clase sobre trabajar con colores. Vamos a empezar a suministrar las muestras. Empezaremos a aplicar las muestras a nuestra nave. Aquí realmente empezamos a usar la comprobación de valor. Esto me va a mostrar cómo luce el barco en blanco y negro. Podemos ver aquí que hay una buena cantidad de contraste, podemos decir la diferencia entre algunas de las formas, pero puedo ver que siento que podría haber incluso más oscuro o tal vez un contraste más alto. Voy a hacer clic en mi muestra global desde la pantalla y sólo voy a oscurecerla. Vamos a previsualizar y ver cómo es esa actualización. Esta es una parte realmente grande de por qué estamos construyendo estas muestras cerradas, así que tenemos esta excelente libertad. Simplemente voy a empezar a jugar con algunos colores diferentes aquí, dejando más al azul azulado y luego unirme al color amarillo, verde también si quiero [inaudible] Bueno, podemos usar gradientes de algo más adelante para hacer un diferencia porque en este momento estos sangran entre sí, mismo con las formas porque es la misma muestra. Podemos usar gradientes y sombras e iluminación para diferenciarlos mejor, que es algo que vamos a hacer, pero creo que también vamos a añadir tal vez en una muestra extra. Sí, creo que sí. Creo que vamos a sumar en una cuarta muestra. Necesitas otro que quizá no sea tan oscuro como este tipo, en algún lugar entre estos dos, y pueda hacerlo más tarde. Siento que eso es lo que debería ser esto. Hay mucha experimentación, pero vale la pena mencionar que te da mucho espacio para jugar, algunas cosas que tocar. Está bastante bien. Ahora, es mucho más fácil contar algunas de estas. Obviamente parte de esto [inaudible] todavía planeado en un poco aquí, pero ese va a ser un problema realmente fácil de resolver. Tenemos un esquema de color que creemos que se ve bastante bonito. Algo que podemos hacer es que podemos, duplicemos esta capa, así que solo llamaré a esto “Diseño 2", y vamos a crear un segundo esquema de color. Te animo a hacer mucho de esto porque en esta etapa del diseño sobre este lote de exploración, es realmente fácil probar todo. Simplemente también me resulta bastante divertido hacer nuevos esquemas de color. Lo que voy a hacer es que voy a seleccionar estos y luego voy a duplicar las muestras. En realidad pongamos esto en una carpeta nueva y a esta otra carpeta también. Ahora mismo eso luce igual, pero si seleccionamos todo aquí, y vamos a “Editar, " “Editar colores”, “Recolor Artwork”, podemos elegir Color Group 1 ese es el segundo, oops, no sé qué son. Eso lo podemos decir para ir a allá. Lo que estamos diciendo es tomar las muestras existentes y cambiarlas por estas en nuestro nuevo grupo de colores. Lo que eso va a hacer por nosotros, simplemente está bastante configurado en un nuevo conjunto de muestras globales. Ahora, puedo decir, empezar a jugar con él y luego como un morado o algo así. Empieza a jugar con diferentes colores. Puedes empezar a jugar con estos, pero mi esquema de color inicial sigue aquí. Veamos a dónde llevas éste. Sí me gusta usar el morado. Esta nave no me manda algunas vibraciones alienígenas así que soy [inaudible] eso. Vas con el morado y luego verde por las luces. Entonces este verde aquí puede ser más de un color blanco para hacer morado. En realidad estoy ignorando estos patrones por ahora. Esto me está gustando en realidad. Ahora, no tenemos que, nuevo, podemos seguir cambiando sus colores a medida que avanzamos. Lo que realmente estamos haciendo es intentar hacer algo que te pueda gustar, no tiene que ser perfecto. Me estoy diciendo ahora mismo porque estamos usando muestras globales, podemos seguir ajustando esto. En realidad puedo soltar esta muestra, pongamos tres ahora mismo. Probemos el amarillo. A mí me gusta el verde. El verde es bastante bonito. Ahora, podemos saltar entre nuestros diferentes diseños y ver qué nos gusta. En cuanto a colores, prefiero este. Veo que pueden ver mejor los detalles aquí porque los dejamos adentro, pero creo que esto podría ser con lo que sigo adelante. Una vez que tienes un buen sentido de, en realidad es así de ahí arriba. Una vez que tengas un esquema de color muy limitado que te guste bastante, podemos pasar a construirlo con gradientes en el siguiente video. 6. Diseño con degradados: Creo que lo primero que quiero hacer aquí es crear en realidad dos nuevas muestras. En realidad vamos a crear algunas muestras de gradiente. Tengo mi ventana de creación aquí, y quiero tener una muestra de bloque a ambos lados, pero una de ellas está en 0 opacidad. Esto mostrará a la gente cómo luce eso. Eso es más o menos como se crea. Yo quiero crear esto como una muestra porque lo estaremos usando mucho. Quiero crear otra versión del mismo donde sea blanco. Entonces de un blanco de opacidad 100 a 0 blanco de opacidad. Eso se ve así. Nuevamente queremos crear eso como una muestra. Esto sólo será útil para lanzarlo y podemos empezar. Voy a empezar con este tipo de aquí. Algo que voy a estar haciendo mucho es usar la trayectoria de desplazamiento. Estoy usando negativo ocho porque eso es lo que uso en todas las formas para este elemento, pero voy a estar usando offset path para crear una versión más pequeña de esta forma y para el relleno, voy a usar esa muestra que creamos aquí, pero voy a llenar. Voy a seleccionar superposición y eso nos va a dar este bonito color púrpura, y así el gradiente va a querer subir de aquí y vamos a hacer lo mismo con todas estas formas moradas. Simplemente tipo de enjuague y repita. Podemos copiar eso. Como lo hemos estado haciendo vamos a tirar hacia arriba una guía. Como estábamos haciendo con el edificio de formas, podemos espejear esto por ahí y una vez que esté ahí, capas un poco fuera. Pon eso ahí abajo y luego agarrar esa y a veces es más fácil entrar en la vista de contorno y parada suave. Una cosa que quiero hacer es que quiero estas formas detrás de aquí, pero quiero usar el mismo color. Esta es una de las razones por las que estoy usando el panel de patentes de apariencia y tal vez esta es la primera vez que puedo explicarlo en el tutorial, pero en lugar de duplicar una forma encima misma, voy a agregar un relleno adicional y este relleno nos vamos a poner a negro. Ahora es un relleno negro encima del relleno azul y de este relleno, la opacidad va a ser superposición. Es importante no establecer esto. Esto cambia toda la forma, pero esto establece sólo el relleno que he seleccionado. Sigue siendo del mismo color, pero ahora es una capa un poco más oscura en la parte superior y esto es realmente útil en caso de que juguemos con este color. Todavía va a funcionar sin importar a qué se lo cambie. En ocasiones usamos muchas capas de superposición en blanco y negro, es porque nos da libertad para seguir ajustando algunas formas. Creo que podría bajar eso un poco porque voy a introducir algunas otras cosas para separar a estos dos. Si fuera a abrir ahora mismo el comprobador de valor, podemos ver que aquí no hay una gran diferencia. Si nos fijamos en la diferencia entre estas dos formas. Ahí no hay mucho contraste, así que vamos a querer introducir algunas otras cosas para darle la bomba. Una cosa que va a ayudar es que vamos a crear este efecto de borde en esta forma aquí también. Voy a agarrar esto y hacemos algún camino de desplazamiento y para este gradiente en realidad quiero hacer algo un poco diferente. Yo quiero que parezca que esto es un poco cilíndrico. Voy a añadir algo de sombra. Entonces en mi panel de gradiente aquí. Voy a añadir otra muestra en la ubicación del 50 por ciento. Está justo en medio de mi gradiente y luego quiero a la izquierda y a la derecha la opacidad sea 100, en el medio quiero que sea 0. Quito el relleno. He creado este gradiente que va así. Yo quiero que eso vaya arriba, no sólo esta forma encima de estos pequeños paneles también. Voy a llevarlos y ponerlos atrás. Por lo general, solo sigo presionando enviar hacia atrás. Ahí está esa y ahí está esa. No creo que esta sección en medio sea suficiente. Algo lo que puedo hacer es mover ubicación de estos hacia atrás. Estoy pensando que voy a poner eso alrededor del 30 por ciento, tal vez este alrededor del 70 por ciento. Ahora hay una brecha más grande entre los dos. Veamos en realidad, ¿cómo se ve sin eso? Podría cambiar esto, oops, por nuestro gradiente. Entonces podría simplemente hacer que se baje así, oops. Probemos eso por ahora. De nuevo, vamos a estar ajustando mucho las cosas, así que apégate a eso. Está bien. Quiero obtener el mismo efecto redondeado a la forma aquí. Entonces voy a trayectoria offset que sea un ocho, y luego sólo voy a agregar cuentagotas en este gradiente aquí. Creo que ahora mismo está detrás de un montón de cosas así que lo voy a mover al frente, y ya voy a ver. Haciendo. Simplemente jugando con el color aquí. Nuevamente, esta es una de las bellezas de la configuración del gradiente de arte, es que podemos seguir ajustando las cosas en cada punto. Entonces pondremos un poco más de color azul. Está bien. Claro, eso es bueno por ahora. En realidad quiero este mismo tipo de efecto redondeado aquí. Entonces sólo voy a añadir otra muestra u otro relleno a esta pieza del medio, y luego copiaré ese gradiente redondeado, y se puede ver que lo conseguimos ahí mismo. Está bien. En realidad lo vamos a agregar a esta luz resplandeciente. Entonces en realidad voy a agregar eso ahí también. Entonces otro relleno, y luego ahí. Pero creo que para esto porque la superposición no va a hacer una gran diferencia. Puedo agregarle blanco, pero es, creo que aquí es donde en realidad podríamos agregar otra muestra porque la superposición sí cambia los colores un poco, lo cual es bonito. Pero a veces si quieres, por ejemplo, creo que una transición verde a amarillo se vería realmente bonita aquí. Voy a hacer otra muestra. Así que asegúrate de que sea global como antes. Voy a escoger un amarillo pero todavía un poco en el lado verde, así que sé que transitan muy bien el uno al otro. Algo que vale la pena mencionar que si tienes un color en el deslizador de tonalidad realmente quieres cuando estás tratando de pasar de un color a otro. Realmente hace la diferencia cuando están cerca. Puedes intentar pasar de como un amarillo a un azul. Vas a conseguir algunos colores desaturados groseros en el medio y no se verá demasiado bonito, así que es verde y amarillo funcionan muy bien juntos. Junto con cualesquiera dos colores que se sientan adyacentes en la rueda de color. Entonces voy a cambiar esto a la normalidad. Lo que voy a hacer en realidad eso es diferente aquí son estos dos colores al costado. Haré cero opacidad. Entonces el medio es donde serán 100. Ahora solo voy a cambiar todos estos por mi nuevo swash amarillo. Ya veremos cómo se ve eso. Entonces creo que eso se ve bastante bien. Yo quiero bombear la saturación en ese amarillo, puedo hacer eso. Y yo puedo hacer lo mismo con el verde. Estos colores realmente fuertes. Perfecto. Ahora lo que podemos hacer es simplemente tomar toda esta pieza y duplicarla ahí abajo. Oops, no me di cuenta de que tenía esto puesto, aquí vamos. A continuación, creo que en realidad voy a sólo redondear estos bordes enteros aquí un poco así. Está bien. Yo quiero este en particular. Quiero que esta capa y esta capa se destaquen realmente como si estuvieran superpuestas. Entonces voy a desfasar camino. En realidad solo voy a usar un gradiente blanco establecerlo para superponerse. Ahora tenemos una rosa de encaje viniendo de arriba. Eso se ve bien. Creo que esta forma en realidad me voy a poner a un negro luego superpon.Allá vamos. Entonces ahora de nuevo, si sigo ajustando esto, todavía va a funcionar bien porque todo está funcionando con capas de superposición. Está bien. Entonces el siguiente paso es, yo haré lo mismo aquí abajo. Ruta de lanzamiento, trayectoria de desplazamiento. Yo sólo voy a agregar cuentagotas con este gradiente blanco. Entonces voy a hacer que llegue a la cima así. Entonces éste, otra vez lo voy a hacer negro. Establezca en superposición. Está bien. Eso es un poco demasiado ahí. Déjame desagrupar esto pero voy a agregar un gradiente de superposición blanco solo para replicar esa iluminación en la parte superior. Observe cómo para algunas de estas piezas no agrego un camino offset porque esto ya es bastante pequeño, así que creo que es realmente bueno solo guardarlo a las piezas grandes o de lo contrario las cosas pueden ponerse desordenadas. Siempre puedes probar las cosas para ver cómo se ven, y luego cambiarlas después, y deshacerte del camino de desplazamiento después. Vamos a darle un poco de iluminación ahí. Este de aquí, voy a hacer trampa un poco y luego hacer el camino de desplazamiento porque sólo me va a dar una tira delgada en el medio si lo hago. En realidad sólo voy a moverlo. Debe estar duplicándolo así y luego me voy a quedar con esto. o menos estoy haciendo una forma que se ve así. Entonces voy a bajar así. Se puede ver amarillo por ahora sólo porque no está contrastando muy bien. Quién sabía que el amarillo será la base y el verde irá en la cima. Solo pongamos eso por ahora e introduciremos el verde igual que hicimos ahí. Tengo mi guía, luego reflexionarlo, muévalo hacia arriba. Tratando de hacer mi mejor esfuerzo para no ir demasiado rápido. Este es un detalle que creo que trataremos en la siguiente lección. Yo quiero demostrar que esto está detrás de nuestra capa blanca, así que está consiguiendo el efecto de la misma. Te mostraré esto detalle cuando lleguemos a ello. Es algo a lo que quieres prestar atención. A lo mejor sólo un poco más brillante. Aquí porque es un círculo, en realidad voy a Offset Path, voy a usar el Gradient pero lo voy a hacer un círculo, así como así. Superposición. Si no creo que sea lo suficientemente fuerte, siempre puedo simplemente duplicarlo y conseguir un segundo en marcha. Eso es algo que en realidad podría hacer en un par de spots. Yo quiero 40 y 60, así que sólo estoy haciendo algunos pequeños ajustes. Cuarenta, 60, prefiero eso. Creo que vamos a tener algunos problemas de contraste por aquí, así que en realidad sólo voy a agregar otro elemento. Yo sólo voy a trazar esta línea aquí, pero voy a convertirla en un camino. Voy a tocarlo hasta, vamos a probar 10 alrededor de las tapas y las articulaciones, tal vez 12 es mejor. Sí, 12 coincide con esto, así que es un peso de línea consistente. Entonces sólo voy a delinear el trazo, y voy a aplicar el mismo gradiente blanco a esto. Justo así. Déjame solo retocar un poco los colores, me gusta más así. Creo que eso podría ser todo para este video. Sólo doble comprobación. Nuevamente, como siempre puedes seguir jugando con los colores hasta conseguir algo que te guste. Creo que esto es bueno. En el siguiente video saltaré a algunos detalles. 7. Detalles y Glows: Vamos a sumar algunos detalles, vamos a sumar algunas sombras duras, y vamos a sumar hasta que brille. Vamos a seguir adelante. Lo primero que voy a hacer es que voy a traer de vuelta esos elementos que antes escondí. Todos estos efectos, así que todos estos detalles y los voy a sumar. A ver, creo que estos paneles aquí, quiero que más o menos así, el color similar pero vamos a mantener como una superposición blanca. Eso es bastante bonito. Pero voy a cortarlo 50 por ciento ver cómo se ve un poco mejor eso. Voy a dar a esto el mismo tratamiento blanco superposición 50 por ciento. Estos van a ser morados y los puedo mover hacia atrás, así que están debajo, ahí vamos. Iré y en realidad le añadiré un par de forma ovalada más aquí. Esto se mete en un poco de lo que estamos haciendo a continuación. Que es que voy a empezar a sumar en un poco de detalles. Está bien. Esta era una superposición negra, así que haré lo mismo. Yo sólo pensé que sería un toque agradable y correcto, así que vamos a mirar a las sombras duras. Creo que eso es bastante importante. Entonces en cualquier momento hay algo superpuesto, otra cosa que podemos agregar en una sombra dura para que se sienta más que está ahí. Por ejemplo puedo crear una forma como esta. Sí, estamos consiguiendo un poco de forma que se sienta ahí y se va a sentar justo ahí, y le vamos a dar una superposición de lets intentar 50 por ciento. El hecho de tener eso ahí da una mejor separación. Yo puedo lo mismo aquí y voy a agregar ya que misma forma agregarla aquí. Overlay, consigo 40 por ciento capaz de 50 y ahí mismo. Tenemos un tema un poco aquí, esto no está alineado y se debe llevar en el medio. Está bien. Eso sucede. Está bien. A continuación lo voy a sumar a aquí. Creo que para esto realmente voy a hacer en los trayectos de desplazamiento tratar 12 tal vez ocho. Está bien. En cuanto a éste para que vuelva a estar bastante oscuro y esto va a iluminar un poco las cosas. Simplemente deja esto en detalle, éste te mostraré aferrarte a eso. Está bien. Siempre oscurezco las cosas. Lo mismo aquí abajo, establecer camino, podemos dar forma a copiar, pegar delante así, vas a llegar allí, vas a llegar allí, tal vez esto pueda ser un poco más alto, así que deja 60 por ciento. Con estos dos, pongamos esto en 60 también. Está bien. Ahora queremos crear sombra aquí. Para esto, en realidad voy a hacer algo como esto. Está bien, porque éste está más allá, entonces esto arrojará una sombra más grande. Ya ves cómo necesitaba entrar en una vista diferente para seleccionarla. Si vuelves a nuestro sketch, yo tenía yo piense una pequeña línea aquí quiero tener eso dentro. Voy a crear una forma como esta para que ese sea este reloj, y vamos a bombear el trazo 10 o así alrededor los bordes y delinearlo , duplicar la forma. Puedo recortarlo y luego voy a hacer que las luces se superpongan. Eso es bonito, pon dos tiempos luego algo así, creo que funciona bastante bien y quiero asegurarme de que esté metido en donde debería estar. Ahí vas. Excelente. A mí me gustaría añadir estos pernos en. Overlay al 50 por ciento. Voy a poder lo mismo, qué tal 10. Está bien. A menos que sólo vaya a empapelar esto al diseño donde voy a mover éste al otro lado. No obstante, esta cosa va a tener que llegar camino por la parte de atrás. Está bien. Añadamos un par más, los añadiremos al blanco. Entonces ahora lo voy a hacer negro. Se ve un poco más vamos a darle un 80. Los pondremos por aquí también y quizá por aquí también. [ inaudible] y a continuación, voy a sumar ahora un poco más estas líneas que hice aquí, así que sumen una aquí abajo. Ese es Overlay al 50 por ciento [inaudible] con él, agrega otro. Creo que para estos bares, en el centro y sólo vamos a ver. Tenemos entonces algo así y luego [inaudible] intentemos eso. Eso va a verde y, más y aquí también. ¿ Quién quiere figurar este? ¿ Podría ser -8 pixel? Yo sólo voy a engañar un poco esta forma, poco verde. Un poco de eso, se ve bien. Ahora solo conseguimos unos brillos. No, no lo he hecho aquí. Al cristal, voy a añadir un relleno como este de arriba a abajo para luego compensarlo, y no tanto. Intento 8 vamos y este. Creo que voy a llegar a amarillo, algo así. Yo soy bueno. Tenemos un cristal ahí, y tal vez amarillo. [inaudible] es resplandor exterior, “Normal”, 100 y en realidad voy a recoger mi “Swatch” para que mi resplandor y vamos a recoger el verde. Mi resplandor realmente cambiaría a medida que cambie esta muestra, es bastante cool Entonces el otro mismo resplandor a todos estos elementos aquí. Aguanta, empecemos con estos dos. Si el resplandor se agrega a la parte equivocada de tu capa, las cosas pueden estropearse. Eso es lo que está pasando. Esto se cerrará ahí y el resplandor, veo, cambia, estiliza “Outter Glow” mismo. Creo que en lugar de agregarlo aquí, porque la plantilla cosecha justo ahí alrededor de la mitad de un resplandor, no se va a quedar bien. Entonces lo que necesito hacer es, solo quiero resplandor alrededor de los bordes y así que en realidad solo lo voy a aplicar en un gradiente a esta forma aquí para imitar el resplandor para que el verde sea como si estuviera brillando. Ahí vamos. Entonces también en este caso aquí, si agrego un resplandor, no sé si quiero que esto sea un poco diferente aquí. Así que en realidad soy sólo una especie de hacer una forma como esta y cerrar detrás de todo y añadir un resplandor como ese. Esto es a un barrido final de nuestros valores. Si se ve bien aquí, sabemos que se ve bien en todas partes. Esto sigue un poco demasiado cerca para la comodidad para mí, pero vamos a ver qué pasa si agrego en la parte inferior. Es mejor. Eso es todo lo que necesito hacer en realidad. Ayudó un poco, creo, a resolver [inaudible]. Ahí nos ego. Entonces esa debería ser nuestra nave terminada. En el siguiente video, quiero mostrar cómo se puede intercambiar colores alrededor así como quiero demo los barcos intercambiando con otras piezas, pero creo que en lo que va del diseño, creo que ya terminamos. 8. Para terminar: Ahora tenemos nuestro diseño terminado y digamos que se lo enviamos a un cliente o simplemente nos sentamos en él por un día, y volvimos a escuchar al cliente dice: “Oye, ya tenemos un barco morado, ¿cuál es el trato?” Lo genial de la forma en que hemos creado esto es cómo sólo tenemos aquí estos cinco colores que están decidiendo todo sobre nuestro diseño. Por eso, todo lo que tenemos que hacer es que queremos que sea un color diferente, solo empezamos a jugar con él. Oh mira, el rojo en realidad se ve bastante bonito. Pero ya no sé cómo me siento por el verde. Entonces cambiemos el verde o podemos agregar más rojo. Probemos otra cosa. Hagamos un rosa o no, mejor aún, el amarillo será verde, y el verde sea un azul claro o azul oscuro probemos eso. Asumiendo que es solo usar greens entonces. Está bien. Oye, esa naranja también tiene que cambiar. Un azul podría llegar a ser agradable. A la luz del sol, eso es genial. Está bien. Entonces cambiemos esto por algo así. Así como así, hemos cambiado completamente nuestra nave. Ahora, vamos a necesitar pasar y retocar un par de áreas como, no sé cómo nos sentimos por estas nubes, por ejemplo. Pero en general, muy fácil mantener toda la iluminación y detalles que creamos porque usamos superposiciones y nos da toda la muestra diferente de cómo podría verse la nave. Si como yo, construyes una nave espacial, otro pequeño bono divertido sobre esta clase es que, ahora podemos mezclar y emparejar las partes de la nave con todas las demás naves que he hecho para este juego. Entonces si abres el MixMatcher, que puedes encontrar en la sección Recursos, y bajo tu diseño aquí, solo coloca tu nave. Podemos configurarlo para que puedas probar con diferentes partes. Entonces todo lo que necesitas hacer es agrupar la parte superior por completo en una sola pieza, agrupar toda la sección media en una sola pieza, y luego finalmente la parte inferior. Lo que verás en el panel de capas es que aquí tenemos tres grupos para las diferentes secciones, y si miramos a todas estas otras naves que tenemos aquí, también están descompuestas de esta manera. Espero que se vaya a deshacer de las cerraduras, creo. Ahí vamos. Ahora, puedo tomar mi diseño y solo puedo probarlo con algunas naves diferentes. Para que en el medio, arriba con la parte superior de esta nave encendida, o lo siento el fondo, supongo. Dice boquilla, pero está mal. El top de ahí. Probaré el fondo de esta nave B. A lo mejor me llevaré el trasero y me pondré el medio de éste. Entonces realmente puedes simplemente mezclar y combinar con todas estas piezas. Sí, diviértete. Siéntete libre de compartir cualquiera de tus creaciones en el proyecto de clase.