Fondo ombré abstracto en Adobe Illustrator - Una clase de Graphic Design for Lunch™

1. Introducción al diseño de Ombre Abstact - un diseño gráfico para la clase de Lunch™: Hola, soy Helen Bradley. Bienvenido a este diseño gráfico para clase de almuerzo. En el día de hoy estamos buscando crear un diseño de fondo ombre en Adobe Illustrator. Vamos a empezar por crear el esquema de color ombre, y lo vamos a hacer usando una mezcla. Entonces vamos a crear la forma básica del patrón, replicarla, y llenarla con los colores que estamos usando. medida que estás trabajando a través de estos videos, es posible que veas un prompt que te permita recomendar esta clase a otros. Por favor, si estás disfrutando de la clase, dale un pulgar arriba. Estas recomendaciones me ayudan a conseguir mis clases frente a más personas igual que tú que quieren aprender más sobre Illustrator. Si quieres dejar un comentario, por favor hazlo. Leí y respondo a cada comentario, y miro todos tus proyectos de clase. Ahora empecemos a crear un ombre, patrones abstractos en Illustrator. 2. Pt 1: diseño de fondo ombre, que: Para empezar con nuestro patrón abstracto ombre, voy a crear un documento que va a ser la base de todo. Voy a acumular todo en este documento. Voy a crearlo como 1000 pixels por 1000 pixels color RGB. Vamos a empezar por crear el esquema de color ombre, así que voy a la herramienta de rectángulo. Yo sólo voy a arrastrar hacia fuera un rectángulo poco profundo. Voy a apagar la huelga y lo voy a llenar con un color. Ahora, voy a hacer un esquema de color que va de azul aguamarina este de aquí, pasando por el amarillo a un rojo brillante. Voy a empezar llenando un cuadrado o un rectángulo con mi azul. Entonces voy a volver a obtener la herramienta de selección, mantenga presionado Alt u Option mientras arrastro una forma duplicada. Este lo voy a llenar con el color medio de mi esquema de color, ese va a ser el amarillo, y luego voy Alt u Opción-arrastrar un rectángulo final lejos y lo llenaré con el último color que planeo usar, esta rojo brillante aquí. Solo voy a alinear estos ordenadamente para que las tapas estén perfectamente alineadas y voy a crear una mezcla con ellas. Voy a la herramienta de mezcla aquí. Haré clic en él y luego pasaré el cursor sobre la primera de estas formas. Cuando digo el asterisco de ahí, puedo dar click una vez. Iré a la siguiente forma, veré un signo más, volveré a hacer clic. Esto creará la primera de mis mezclas pero no tengo que parar ahí y puedo cruzar por aquí y añadir este color a mi mezcla también. Ahora, actualmente tengo un gradiente que va del azul a través del amarillo al rojo pero lo que realmente quiero es un esquema de color que pueda usar para crear un patrón ombre. Por lo que voy a hacer doble clic en la herramienta Blend y voy a hacerlo, en lugar de elegir color liso, voy a seleccionar los pasos especificados y voy clic en “Vista previa” y esto es demasiados pasos. De hecho, quiero algo más como cuatro o cinco. Yo sólo voy a escribir cuatro por el momento y podemos echar un vistazo y decir lo que tenemos. Bueno, tenemos tres rectángulos originales y entre cada conjunto, tenemos cuatro rectángulos adicionales. Eso me daría cuatro aquí, cuatro más, eso son ocho, nueve, 10,11 rectángulos, 11 colores en mi esquema de color ombre. Si lo llevo hasta cinco, conseguiré 13. Ese es un rango bastante bueno para mí, así que solo voy a dar clic en “Ok”. Ahora lo que quiero hacer es, quiero hacer un esquema de color de estos colores, así que voy a hacer click lejos de todo en primer lugar, eso es realmente importante. Voy a despejar mi panel de muestras. He abierto el panel de muestras, voy a dar click en el primer color aquí. Voy a mantener presionada la tecla Mayús, y dar clic en el último color. Todo en este panel de muestras está seleccionado, y sólo voy a la mitad de una de estas muestras, voy a hacer click izquierdo y arrastrar y voy a escribir todo el lote en la papelera. han ido todos los colores. Ahora, he vaciado mi panel de muestras, necesito ampliar mi mezcla para que pueda sacar estos colores de ella. Por lo que voy a seleccionar sobre mi mezcla. Escogeré Object, Expandir, y luego haga clic en “Okay”, y eso lo expande en una serie de colores 13 en total. Voy a seleccionar sobre todos estos colores y dar clic aquí al pie del panel de muestras donde dice Grupo Nuevo Color. Cuando se abra el diálogo, me aseguraré de que esté seleccionada la obra seleccionada, no se seleccione nada más, y haga clic en “Ok”. Ahora tengo un nuevo grupo de colores en mi panel de muestras que comprende los 13 de estos colores. Ahora todos están en orden excepto esta última. Entonces solo voy a hacer clic lejos de mis formas, porque no quiero hacerlas todas rojas pero sí quiero arrastrar y soltar rojo en su posición correcta en mi esquema de color. Ahora estoy listo para deshacerme de la mezcla porque ya no la necesito. Por lo que sólo voy a seleccionarlo y presionar “Eliminar”. Ahora podemos seguir adelante y crear el patrón que vamos a llenar con nuestro esquema de color ombre. 3. Pt 2: diseño de fondo ombre, que: Ahora que tenemos nuestro esquema de color, es hora de hacer algo con él. Te voy a mostrar cómo puedes crear un fondo de patrón con este esquema de color. Vamos a empezar con la herramienta de rectángulo. Voy a arrastrar para crear un rectángulo, el ancho completo de la parte inferior de este documento. Ahora, mi documento tiene 1,000 pixeles de ancho, así que solo voy a asegurarme de que el ancho lea 1,000 pixels y lo voy a llenar de color. Yo sólo voy a conseguir el color de relleno. Yo sólo lo voy a llenar de rojo por ahora. Ahora bien, no estoy 100 por ciento convencido de que esto esté centrado en medio del documento, así que veamos cómo lo centraríamos. Vamos a necesitar ir a la herramienta de alineación. Voy a abrir el panel de alineación aquí, y voy a hacer clic en este Menú caído en la esquina superior y hacer clic en “Mostrar opciones”. Porque aquí hay opciones para alinear la forma ahora. Porque he estado trabajando con esto antes, su conjunto para alinearse con el tablero de arte pero bien puede que lo encuentres configurado para alinearse con la selección en tu versión de Illustrator. Quieres que se ajuste para alinear a tablero de arte. Ahora bien, si hacemos clic en “Centro de Líneas Horizontales ”, esta forma se alineará con el mismo centro del tablero de arte. Voy a crear una línea, y lo voy a hacer con sólo hacer click en el Documento. Yo quiero que el mío tenga 1,000 pixeles de ancho, el ancho del documento ángulo de cero grados, y voy a dar clic en “Ok”. Quiero llenarlo con un color azul y quiero darle un trazo naranja. Ahora eso sólo me ayudará en un minuto cuando crea una ola con esta línea. A continuación, voy a hacer una línea ondulada eligiendo efecto y luego distorsionar y transformar el zigzag. Voy a dar click en “Vista previa”. Esta es la línea de zigzag predeterminada, no es muy bonita, pero es muy fácil hacer que se vea mucho mejor. Voy a establecer mis puntos para suavizar para que haga una línea de rodadura suave. Voy a empezar a aumentar las crestas por segmento. Al hacer esto, podrías notar que los números pares te dan un resultado no muy bueno, los números impares te dan un muy buen resultado. Quieres un número impar de crestas por segmento porque quieres que los rellenos sean agradables e incluso a través de la parte superior de la forma. Voy a usar 23. También puedo ajustar el tamaño para hacer una curva más grande. Yo voy a hacer eso para probar. Estoy pensando probablemente unos 15 pixeles para mí y 23 crestas por segmento, me está dando un bonito vistazo a esta línea. Voy a dar click en “Ok”. Ahora para hacer algo con ello, voy a necesitar ampliarme. Voy a seleccionarlo y elegir “Objeto Ampliar Apariencia”. Entonces elegiré “Desagrupar objetos”. Voy a querer hacer eso hasta que desagrupar ya no sea una opción. De hecho, no necesitaba hacerlo más de una vez. De lo que me queda aquí, es una línea elástica naranja y un relleno azul. Bueno, no quiero la línea de cuerda naranja así que sólo puedo arrastrar y soltar eso en la papelera, pero sí quiero este relleno azul. En realidad quiero adjuntarlo a esta línea roja aquí. Pero para hacerlo, voy a necesitar girarlo. Con la herramienta de selección que estoy seleccionando en ella y sólo voy a girarla alrededor sosteniendo la tecla de turno como lo hago, por lo que gira 180 grados. Ahora, lo voy a mover hacia abajo sosteniendo la tecla de turno como lo hago, y la colocaré encima de la línea roja. Vamos a acercarnos aquí para ver que está muy bien alineado. Bueno, no lo es y es poco probable que esté bien alineado en su computadora tampoco. Echemos un vistazo al problema aquí. Tengo estas formas azules seleccionadas, voy a presionar la flecha abajo para intentar alinearla. Si lo hago, notarás que si acercamos aquí, que el azul no está sentado encima del rojo en realidad está bien dentro. Si vuelvo a hacer clic en la forma azul y trato de sacarla, se mueve una cantidad realmente grande. Por mucho que lo intente, no voy a poder conseguir que se siente donde quiero que se siente porque simplemente no va a ir ahí. O va al rojo o quiere sentarse bien por encima del rojo. Bueno, hay una solución para que esta forma azul no se mueva como yo quiero que se mueva, y está en el panel de transformación. Vayamos a “Ventana transformada”. Aquí en la parte inferior del panel de transformación, cuando tenga seleccionadas estas formas azules, dirás que hay una línea opcional a la cuadrícula de píxeles. En otras palabras, hay una cuadrícula de píxeles detrás de esta imagen y ilustrador está alineando esta forma con esa cuadrícula de píxeles, así que no puedo moverla donde quiera que esté, ilustradores tiene que estar en esta cuadrícula de píxeles. Bueno, pero anula la selección de esto ahora, puedo mover esta forma donde quiera que esté. Pero sólo revisemos el rojo al mismo tiempo. Por alguna razón, cada vez que he dibujado este proyecto, el rectángulo rojo nunca se ha alineado con la cuadrícula de píxeles seleccionada, pero la forma azul siempre lo hace. Sólo tendrás que entrar aquí y deseleccionarlo. Solo ten en cuenta que en cualquier momento no puedes alinear las cosas en Illustrator, más probable es que una u otra de esas formas se haya alineado a cuadrícula de píxeles habilitada y solo quieres entrar en este panel de transformación, deshabilitarlo y deberías poder para alinear las cosas bien. Es solo un poco de gotcha en Illustrator. Ahora, voy a tomar mi forma azul y moverla a donde la quiera, que es justo tocando la forma roja. Control o Comando cero para volver a decir todo el proyecto. Voy a seleccionar sobre ambas formas y solo asegurarme de que estén centradas usando la opción centro aquí. Ahora, quiero unirme a estos juntos. Si estás usando illustrator CS4 o anterior de la versión muy antigua de Illustrator, la única herramienta con la que tendrás que hacerlo es la opción Unite, así que sigue adelante y elige “Unite”. Es sólo que no hace un trabajo particularmente bueno de unir estas formas. Para Illustrator CS5, CS6 y toda la versión CC utiliza la mejor herramienta para usar es el constructor de formas, está por aquí. Voy a dar click en el “Constructor de formas”. Ahora, al pasar el cursor sobre esta forma, sólo voy a acercar para que la veas con claridad. Cuando pase el cursor sobre esta forma, verás que hay una cuadrícula. Con la herramienta constructor de formas, lo que queremos hacer, es usar esta cuadrícula para unir las cosas. Voy a pasar el rato por aquí para que se muestre la cuadrícula y voy a arrastrar hacia el área roja y soltar el ratón. Eso une a estos dos juntos. Voy a hacer eso por cada una de estas crestas azules si quieres. Juntos, una vez que haya hecho eso, vamos a tener sólo una forma que es todo esto aquí. Se puede ver, tengo un camino que es justo esta forma. Ahora, voy a pulir la forma hacia abajo en posición sosteniendo la tecla de turno como lo hago así está constreñida y está alineada perfectamente con la parte inferior del tablero de arte. Vamos a repetir estas formas. Voy a presionar “Control” o “Comando ceros” para poder ver qué estoy haciendo. Entonces para poder ver la parte superior del tablero de arte aquí, porque necesito asegurarme de que cuando repita esta forma, que pase por encima del tablero de arte y elijo “Efecto, Distorsionar y Transformar, Transformar”. Voy a dar click en “Anterior” para poder ver qué está pasando. Sé que tengo 13 colores aquí, así que necesito 12 copias porque necesito mi original y 12 copias. Ahora, sólo voy a disminuir la vertical aquí y seguir disminuyéndolo hasta que corra esta forma por la parte superior de mi tablero de arte. Se acaba de correr ahí ahora así que esto es perfecto. Tengo 12 copias aquí, pesar de que no los veo. Ahora si tu forma termina luciendo así y no puedes tirarla hasta la parte superior del tablero de arte sin conseguir espacios, así es como resuelves el problema. Sólo hazlo para que esté fuera de la parte superior del tablero de arte y haz clic en “Ok”. Entonces bajarás aquí a esta parte inferior más forma, seleccionarás con la herramienta de selección directa Voy a arrastrar sobre ella ajustar estos dos puntos en la parte inferior de la forma y tirar hacia abajo. Si tiras hacia abajo, lo que terminarás haciendo, es hacer que esta forma y cada una de las formas repetidas sea mucho más profunda, por lo que en realidad llenan el tablero de arte. Ahora no había nada malo con el mío, así que solo voy a presionar Controles Z un par de veces para deshacer esto y volver a hacer mi repetición. Efecto distorsionar y transformar, transformar. Vista previa activada. Hice 12 copias mías. Simplemente voy a disminuir el valor vertical hasta que se queden por la parte superior del documento y haga clic en Ok. Ahora, tengo un solo camino aquí en la última tarima. Pero el camino mismo, le ha aplicado este efecto transformador. Para que podamos llenar esto con los colores de nuestro esquema de color, vamos a necesitar ampliarlo. Voy a seleccionar el camino, que es justo esta forma aquí abajo. Escogeré Objeto Expandir Apariencia, y elegiré Objeto Desagrupar, y seguiré haciendo eso hasta que desagrupar ya no sea una opción. Lo que tengo entonces en la última tarima, es 13 pars, 13 formas onduladas. Ahora vamos a seleccionar el primero de ellos. El de arriba, es el de abajo aquí en el tablero de arte, y ya está coloreado en el color correcto. Vamos a seleccionar el siguiente y asegurémonos de rellenos en el frente y llenarlo con el siguiente color. Después seguiremos subiendo y llenando cada forma sucesiva con el siguiente color en nuestro esquema de colores. Ahora, si llegas hasta aquí y no sabes qué color usar, solo sigue probando colores hasta obtener exactamente el mismo color que el anterior. Entonces sabes que el color correcto para usar, es el de al lado. Puede ponerse un poco confuso cuando comienzas trabajar aquí en cuanto a qué color deberías estar usando. Todo estando bien, debes llegar hasta la última de las formas y deberías estar usando el último color en tu esquema de color. Ahora, quiero recortar esto al tamaño del tablero de arte. Voy a crear un rectángulo del tamaño del fueraborda. Haré clic en la Herramienta Rectángulo, haga clic en la imagen y escriba 1000-by-100". Eso hace que un rectángulo del tamaño del tablero de arte. Con el rectángulo seleccionado, voy a las herramientas de alineación y recordando que he alineado a tablero de arte seleccionado aquí, si hago clic en el centro de alineación horizontal y luego en el centro alineado vertical, este rectángulo estará directamente sobre el tablero de arte y del mismo tamaño exacto que el tablero de arte. Ahora, tengo mi rectángulo un tamaño del tablero de arte encima de mis 13 formas, voy a seleccionar todo. Después voy al Pathfinder y voy a dar click aquí en la opción Recortar. La herramienta Recortar utiliza el objeto más alto en el último pellet y lo que hace es recortar todas las formas debajo a ese tamaño. Elimina las ondas superiores de este documento, dejándonos con una serie de formas que ahora se llenan con un esquema de color. 4. Pt 3: diseño de Ombre Abstact: Un elemento final que veremos es la posibilidad de agregar aquí una serie de líneas punteadas onduladas a la ilustración. Voy a seleccionar esta forma más inferior, y voy a elegir Editar Copiar y luego Editar Pegar. No quiero usar Paste en su lugar porque quiero que sea separado y quiero poder verlo. Sólo voy a arrastrarlo hasta el fondo aquí para que pueda enfocarme en ello. Con esta forma duplicada seleccionada, voy a abrir el panel de apariencia al que puedes llegar eligiendo Ventana y luego Apariencia. Voy a apagar su relleno, así que voy a dar clic aquí y apagar el relleno y voy a añadir un trazo blanco. Voy a hacer mi trazo blanco algo así como cuatro puntos de tamaño. Voy a dar clic en abrir el diálogo de huelga aquí porque quiero que sea una línea punteada. Hago eso seleccionando Caps aquí. Voy a dar click en Línea discontinua. Voy a poner mi guión a cero y luego mi brecha será la distancia entre los puntos en mi línea de puntos. Podría a estas alturas necesitar acercar sólo para ver lo que tengo aquí. Yo estoy mirando los puntos y estoy mirando el espaciado de ellos. Si abro el panel de trazos, puedo hacer clic aquí y simplemente ajustar este hueco para ordenar. Estoy bastante contento con esto, pero también estoy señalando que el segundo en desde este lado derecho, el punto está justo en la parte superior de la curva, y eso va a ser importante en breve. Ahora, quiero deshacerme de todo lo que no forma parte de esta línea en la parte superior, así que voy a deshacerme de todos esos puntos extra. Para ello, voy a seleccionar la herramienta de selección directa. Voy a seleccionar sobre los puntos que no quiero, que es éste de aquí. Selecciónelo, presione “Eliminar”. Tampoco quiero este, así que voy a seleccionarlo y presionar “Eliminar”. Ahora si presionas “Eliminar” y pierdes toda la línea, solo tienes que pulsar “Control” o Comando Z para deshacerla. No es difícil de hacer, desafortunadamente. Voy a seleccionar este, eliminarlo, y tampoco quiero éste. Todo lo que quiero es esta línea curva Control o Comando 0 para simplemente alejar el zoom. Yo sólo voy a rodar hacia abajo para que pueda ver mi línea. Ahora con la línea seleccionada, necesito empezar a expandir esto, así que elegiré Objeto, Ampliar Apariencia, y lo volveré a hacer, y haga clic en “Ok”. Lo que quiero decir es este look, así que quiero que cada una de estas formas se expanda en un círculo. Entonces elegiré Objeto, Desagrupar y seguiré haciendo eso hasta que Desagrupar ya no sea una opción. Vamos al último panel y digamos lo que tenemos. Bueno, estos son los tres artículos seleccionados aquí, así que sólo voy a seleccionarlos de uno a la vez. Este parece ser este punto aquí. Esto parece ser la totalidad de la línea excepto los puntos al final. Este de aquí es el punto al final. Ahora bien, no quiero ninguno de estos puntos al final porque en realidad van a aparecer sobre el borde de mi ilustración. Voy a aislar qué caminos son y eliminarlos. Ahí está uno de ellos, y aquí está el segundo. Eso me deja con esto. Ahora lo voy a seleccionar y moverlo hacia arriba a mi ilustración. Pero voy a acercarme para poder ver claramente lo que estoy haciendo aquí. Yo estaba consciente en su momento que el punto de este lado de la ilustración, el segundo bache en estaba prácticamente en la parte superior de la curva. Solo voy a acercar ahí y solo asegurarme de que se vea bastante bien alineado. Alinear esta forma al centro no me va a ayudar. Realmente necesito hacer esto manualmente. Simplemente lo voy a colocar donde quiero que aparezca y luego sólo checarlo. Ahora, se ve bastante parejo por todos lados, así que voy a presionar “Control” o “Comando 0" para alejar el zoom. Ahora habiendo creado la primera serie de puntos, ahora podemos usar la misma transformación de repetición para crear puntos hasta arriba nuestra imagen. Escogeré Efecto, Distorsionar &Transformar, Transformar. Voy a dar clic en “Vista previa” en. Voy a crear el número de copias que necesito. Lo que quiero es uno por cada una de estas líneas con baches excepto la más alta. Ahora, la última vez hicimos 12 copias, así que eso significa que esta vez sólo necesitamos 11. Voy a disminuir el ajuste vertical aquí para empezar a mover esto hacia arriba el documento hasta que estén en posición sobre la parte superior de cada una de estas líneas de flexión, así que voy a dar clic en “Ok”, y hacer clic de distancia. Ahora, tenemos una serie de puntos sobre las líneas en nuestra ilustración. Ahora, podrías conformarte con esto o podrías ir un paso más allá, y yo voy a ir un paso más allá. Voy a volver a elegir esta línea aquí. Vuelvo al panel Apariencia. Esta parte es crítica porque quiero editar mi transformación. No quiero agregar uno nuevo, solo quiero editar éste. Voy a hacer doble clic en “Transformar”. Ahora, lo que quiero hacer es activar Preview y quiero empezar a aumentar el número de copias. Voy a llevar esto hasta 23. Ahora, voy a empezar a reducir la distancia vertical aquí porque eso me va a dar más de estos puntos. Bajé a 20, pero probablemente quiero estar a unos 38. Yo sólo voy a volver a llevar eso hasta 38. Ahora, tengo dos juegos de puntos por cada línea de mi patrón. Parece que no tengo nada de arriba, pero voy a querer un par de filas extra aquí. Por lo que en realidad voy a llevar esto hasta 25 y sólo tienes que hacer clic en “Ok”. Eso me dará algunas líneas fuera de la parte superior de mi patrón. Lo que voy a hacer ahora es apenas empezar a bajar estas líneas. Estoy sosteniendo el Shift K y simplemente presionándolos hacia abajo con la tecla de flecha hacia abajo. Haré eso hasta que tenga mis líneas de puntos bien dentro de mi documento. Ahora, en este punto, si quisiera, podría ampliar la apariencia de esta forma en particular porque todo, todos estos puntos están unidos a esta sola forma. Pero puedes ver que usando tu esquema de color y creando algunas líneas onduladas, puedes crear algunos efectos de telón de fondo realmente interesantes en Illustrator. Tu proyecto para esta clase será seguir adelante y crear tu propio esquema de color ombre. Elige tres colores y crea una mezcla entre esos tres colores, luego guardar eso como un nuevo grupo de colores en tu panel Muestras. Una vez que hayas hecho eso, crea una forma y haz copias repetidas de la misma lo suficiente como para usar todos los colores en tu esquema de color ombre. Llena tus formas, y luego si es necesario, córtalas a medida. Ahora, podrías hacer formas anidadas, podrías hacer formas lineales como lo he hecho yo, solo usa tu imaginación en cuanto a lo que te gustaría hacer. Cuando termines con tu proyecto, publica los resultados para que disfrutemos. Espero que hayas disfrutado de este curso y hayas aprendido un poco sobre hacer mezclas, esquemas de color, y también formas repetidas en Illustrator. Si sí disfrutaste de este curso y si ves un prompt para recomendar esta clase a otros, por favor dale un pulgar arriba. Esto ayuda a otras personas a identificar que esta podría ser una clase que también quieren tomar. Si quieres dejar un comentario, por favor hazlo. Leí y respondo a cada comentario y miré todos tus proyectos de clase. Me llamo Helen Bradley. Muchas gracias por acompañarme para este episodio de Diseño Gráfico Para Almuerzo, y espero verlos en un próximo episodio.