Transcripciones
1. Introducción: Hola chicos. Bienvenido a la clase Serie Illustrada de Iconos o Insignias en skillshare.com. Esta es la conferencia de introducción y soy tu maestro anfitrión e instructor, Dominic. Estoy súper emocionado de estar aquí hoy y realmente inspirado para ver cuántas personas ya se
han inscrito para la clase y que están interesadas en el conocimiento que tengo que compartir con ustedes chicos. Quiero empezar con solo decir gracias por apuntarte y por unirte a la clase. Cuando Skillshare me pidió que impartiera este curso, pensé que tal vez 50 personas se inscribirían y a partir de hoy, que en realidad es una semana antes de que empiece la clase, ya
tenemos tres veces esa cantidad. Creo que con ese tamaño de clase, deberíamos tener mucho potencial de interacción y colaboración. Así que estoy muy ansioso por ver a todos ustedes dar retroalimentación, y hablar de ida y vuelta entre sí, y aprender juntos para hacer mejores todos sus proyectos. Esta es la primera clase que he impartido con Skillshare y la primera clase en línea que alguna vez he impartido periodo. Entonces espero que ustedes perdonen cualquier error,
o error, o nerviosismo que tengo. No estoy acostumbrado a estar en cámara, sino porque simplemente no podía decirle que no a Skillshare y porque los quiero tanto a todos,
haciéndolo por ustedes de todos modos. Tengo un par de cosas que solo quiero repasar en este primer video. Pasemos a esto aquí. Yo quiero solo en primer lugar repasar la estructura del curso y hablar de cómo se va a descomponer en las próximas dos semanas. Entonces quiero hablar de formas en las que
puedes usar el ambiente del aula aquí en Skillshare, para no solo construir tu propio proyecto, sino que realmente sacar el máximo provecho de la interacción con tus compañeros estudiantes. El curso se desglosa en tres apartados diferentes. Los he etiquetado, construyendo ideas, construyendo consistencia, y construyendo una serie. Cada una de ellas se traduce en una unidad diferente dentro del plan de estudios que puedes ver en tu plan de estudios. El primer apartado se trata de generar ideas, se trata de bosquejar, se trata de investigación, se trata de descubrir el potencial con esas ideas. Probablemente tendrás un montón de malas ideas y así se trata de cómo desbaratar
las malas ideas para encontrar algunas buenas ideas que ayuden a que tu proyecto sea un éxito. El segundo apartado, ya que estamos hablando de iconos e insignias aquí, vamos a hablar de algunos de los principios básicos de diseño, cómo puedo tomar formas simplemente realmente básicas pero hacer algo hermoso, e interactivo, y agradable a la vista sin tener que recurrir
a cubrirlo con pelusa superflua como sombras de gota, y texturas, y todas las demás cosas. No me malinterpretes, creo que hay un momento adecuado para texturas, y sombras de gota, y patrones y todas esas cosas,
pero en lo que realmente quiero enfocarme es diseñar algo usando solo formas básicas. Junto con eso también cubren muchas de mis técnicas de flujo de trabajo, algunos consejos y trucos dentro de Adobe Illustrator y cómo puedes usar sólo esos círculos y cuadrados dentro del software para dibujar casi cualquier cosa que tu corazón desee. Tenía un par de personas me preguntan ya como, “¿Qué software se requiere para este curso?” La respuesta corta es, ninguna. La mejor respuesta es algún software en el que puedes generar vectores. Puedes utilizar software libre como Inkscape. ¿ Ya hacen CorelDraw? Supongo que te vendría bien eso si quisieras. Incluso podrías usar Photoshop y usar sus herramientas de dibujo vectorial que dan forma a las herramientas dentro de ahí si quisieras. Pero en el que me voy a centrar es Adobe Illustrator. Es la carne y las papas, el pan y la mantequilla de la industria de la ilustración y el
diseño y es una de las más fluidas. Después de haber pasado y construido algunas de esas ideas, hemos empezado a dar vida a esas ideas a través del diseño usando Adobe Illustrator, hablaremos, en la tercera sección, cómo podemos construir toda una serie de cosas a partir de esas ideas. [ inaudible] hablaremos aún más de paleta de colores [inaudible] up, hablaremos de usar los principios de unidad y variedad, usar la idea de traer algo nuevo a cada uno, pero mantenerlo parte del todo más grande, y luego simplemente finalizando los pequeños detalles pequeñitos de cada pieza para realmente convertirla en una serie de iconos o insignias. Entonces ese es el desglose básico de clase. Consiguió estos tres tramos. Cada uno se desbloquea después de una fecha determinada. Cada uno contiene videos y tutoriales que estaré publicando. También hay enlaces a referencias, inspiración, e investigación, cosas como libros y otros tutoriales que puedes estar viendo. También hay un plazo asociado cada sección para mantenernos en el buen camino con el proyecto. Después en las secciones segunda y tercera, también
estaré publicando algunas horas de oficina en vivo durante las cuales contestaré sus preguntas. Una de las cosas geniales que me encanta del ambiente del aula aquí en Skillshare es que, tienes la oportunidad de, básicamente, correr salvaje y hacer lo que quieras. Yo quiero animarte a hacer un par de cosas durante tu tiempo aquí en clase. El primero es sólo explorar. Creo que al menos para mí, muchas
veces es fácil quedar encerrado en solo hacer lo que hago y luego hacerlo de nuevo. Pero sin la presencia de un cliente, o de un jefe, o de un director de arte, nadie te diga qué hacer, creo que deberías aprovechar para probar algo que has estado pensando en intentar y tal vez no has tuvo la oportunidad de todavía. Creo que también a medida que avanzas con tus proyectos, debes aprovechar la oportunidad para ponerte creativo. Esa es una declaración bastante amplia y no tiene muchos parámetros al respecto,
pero solo quería hacer el punto de que aunque te estaré mostrando mi acercamiento a las cosas y cómo dibujo usando estas formas geométricas básicas, yo esperaría que tomaras partes y piezas de eso y llegaras con tu propio estilo o exploraras lo que puedes hacer con él de formas distintas a lo que te estoy mostrando. La última parte que creo que de verdad te
ayudará chicos a quitarte lo más lejos de esta clase es, si te involucras con los otros alumnos de aquí. Como mencioné antes, tenemos una gran participación para clase y tú tienes el potencial interactuar con todo un montón de personas
a las que no verías a diario. Voy a estar comentando, enviando un correo electrónico, hablando con tantos de ustedes como sea posible, tan a menudo como yo pueda. Pero además de eso, realmente
obtendrás mucho beneficio al contribuir a proyectos de otras personas así que dejar retroalimentación y escuchar lo que otras personas tienen que decir también. Hay un par de maneras diferentes en las que puedes hacer eso dentro de Skillshare. Se pueden crear grupos, que es una forma bastante genial de trabajar en clústeres más pequeños dentro de la clase. este momento, tenemos unas 150 personas inscritas y eso rápidamente puede volverse abrumador. Pero si creas un grupo, puedes interactuar con tan pocos como 20 personas, o en realidad, creo que ese es el máximo, 20 personas o menos. Para que puedas tener un poco más de esas discusiones
uno-a-uno con gente dentro de esos grupos. Lo principal que probablemente harás sin embargo es, estar dejando comentarios sobre los proyectos de las personas y obteniendo comentarios dejados en tu propio proyecto. Ese es realmente el momento en que vas a conseguir la mejor crítica, la mejor retroalimentación, las mejores contribuciones a tu proyecto de otras personas. El peor lugar para que un diseñador o artista esté es dentro de su propia cabeza y así para ayudar a salir de eso, la mejor manera de hacerlo es solo escuchar lo que otras personas piensan de tu trabajo. Lo último que puedes hacer es publicar discusiones. Ahí hay una sección de preguntas y respuestas y uno de los principales propósitos de esa sección
es, es un lugar para que ustedes me dejen preguntas directamente. Si estás teniendo problemas con Skillshare, si estás teniendo problemas con el software, si estás teniendo dudas sobre cómo hacer algo, publica un tema de discusión y ahí lo contestaré, o lo categorizaré más tarde para la Q&A en vivo Sin embargo, eso no es lo único que puedes hacer en las secciones de discusión. Es un tipo de tablón de anuncios abierto y así puedes publicar recursos para que otras personas encuentren, puedes publicar preguntas que quieras escuchar de otras personas, puedes preguntarle a la gente cómo fue su día
si realmente quisieron o tal vez más apropiadamente como, ¿cómo se acercaron a sus proyectos? Podrás aprovechar oportunidades dentro de esos foros de discusión para interactuar en clase también. De eso se trata para esta conferencia de introducción. Yo quiero decir, gracias de nuevo por apuntarse a la clase. Realmente estoy deseando seguir adelante, y ojalá justo después de esto, ustedes vean el primer video sobre bocetos y construcción de ideas.
2. Desarrollo de ideas: Oigan chicos. Bienvenido de nuevo. Esta es la primera conferencia real y la primera sección, la sección de ideas de construcción del crear una serie de iconos o insignias clase Skillshare. Esperemos que ya hayas visto la conferencia de introducción. Si aún no has visto eso te recomendaría volver atrás y
revisar eso primero y luego volver y ver este video. Lo que voy a estar cubriendo hoy es cómo empezar tu proyecto. Cómo construir ideas, cómo hacer algunos bocetos, y cómo mantenerse libre del bloque creativo que puede asociarse con iniciar un proyecto. Tengo algunos consejos y trucos para compartir con ustedes y tengo un proyecto de muestra que he creado que les voy a mostrar chicos de dónde vinieron mis pensamientos para ese proyecto. Antes de hacer eso sin embargo, sí
quiero hacer una edición al primer video. Ahí platiqué de publicar Q&A a la sección de preguntas y respuestas del sitio web y luego les respondería en un video de transmisión en vivo. He escuchado de Skillshare y han estado teniendo problemas con su configuración en streaming. Entonces, en realidad no vamos a hacer ninguna pregunta y respuesta en directo cosas en clase, pero sí publicar cualquiera de tus preguntas que surjan en el camino, publicarlas en la sección de preguntas y respuestas y les responderé. Si empiezo a ver temas o hilos que necesitan una respuesta video de algún tipo, puedo ilustrar de lo que estoy hablando, agregaré videos adicionales a medida que avancemos. Ojalá algunos de ustedes ya hayan visto esta serie de insignias para el local Wichita, que es el pueblo en el que vivo, atracciones en las que he estado trabajando. He creado estos para esta clase como ejemplo de lo que podrías crear o para ilustrar algunas de las cosas de las que voy a estar hablando. Estaré haciendo referencia a esta cosa varias veces a lo largo del curso solo para mostrarte cómo realmente estoy dibujando estas cosas, pero hoy te voy a mostrar cómo se me ocurrió la idea de hacer esta serie. ¿ Por dónde empiezas? Esa siempre es la parte más difícil con cualquier proyecto. Si tienes suerte tienes un buen breve creativo, si no, no tendrás nada más que un cliente que no sabe lo que quiere o cuándo lo quiere. Eso siempre puede ser algo difícil de empezar. Para esta clase creo que lo que debes hacer para empezar es
simplemente dejar todo a un lado y solo hacer una lista de algunos temas. Puede ser cualquier cosa realmente, quería mantener los parámetros de la clase bastante sueltos para que pudieras escoger y elegir lo que quisieras. No quería que fuera ninguna pauta o restricción establecida. sabemos que estamos trabajando en una serie de cosas aquí
por lo que hay que pensar en cómo podría salir una serie de cosas, pero fuera de eso puede ser cualquier cosa desde animales hasta alienígenas, hasta personas, hasta diferentes actividades como deportes o campaña o la vida nocturna o podría ser una película en particular en la que quieres enfocarte o programa de televisión. Puede ser casi cualquier cosa. Escogería algunos de esos y solo anotaría eso, solo para que empezara tu mente. A partir de ahí, lo primero que
hago cuando empiezo casi cualquier proyecto es crear lo que se llama un mapa mental. Tengo este ejemplo aquí del mío, y es una asociación libre, escritura
libre, simplemente literalmente arrojando ideas y palabras en papel lo más rápido que puedan venir. No hay mucha ciencia para ello. Para mí todo lo que hice fue escribir una palabra en el centro, insignias, y tengo un par de cosas en las que he estado pensando. Por lo que apenas empiezo a ramificarme desde ahí. Empecé con el diseño en general y luego la historia del diseño, y artistas, y diseñadores, y nombres, y tal vez sus iniciales. Podríamos ir a Boy scouts o recompensas de conciencia, respuestas, tipo de cosas. Hay sellos, pegatinas, personas, actividades. Soy un gran fan de mediados de siglo y eso aparece en muchos de mis proyectos autoiniciados. Estoy pensando en mediados de siglo, pero estoy pensando en la arquitectura de mediados de siglo y Frank Lloyd Wright en Chicago, en el área de Palm Springs, estoy pensando en muebles, y vida, y vivir, mesas, camas, sillas, etc. Lo siento por eso. También estoy considerando esta zona de Wichita, que es de donde vengo, cosas de turismo o de atracción. Tomo unos 15 o 20 minutos y literalmente solo anoto todo lo que pueda lo más rápido posible. Después de que tengo esta cosa del mapa mental hecho, muchas
veces lo que me gustaría hacer es solo dejar que mis ideas se pongan por un rato en la parte posterior de mi cabeza. El cerebro es algo gracioso en realidad va a seguir pensando en cosas cuando estás durmiendo, cuando estás pensando en otras cosas, y cosas que están viviendo en la parte posterior de tu cabeza. En realidad construyo algunas de mis mejores ideas después de dejar que las cosas se ordenen ahí por un tiempo. No tenemos mucho tiempo aquí, pero tenemos un par de días y si consigues un salto en esta idea puedes dejar que las ideas se pongan para un día o dos. Probablemente sea todo lo que realmente necesitas para este proyecto. Después de que lo he pensado un poco más vuelvo a esta cosa y luego vuelvo en círculo algunas de las cosas que me gustan un poco más. Las dos ideas que salen de ella son esta vida de mediados de siglo y esta cosas de atracciones de Wichita, y en realidad estoy gravitando más hacia la idea viva de mediados de siglo. Soy un gran fan de las cosas de ilustración moderna de mediados de siglo, y recientemente he estado más intrigado con la arquitectura de mediados de siglo. Entonces junto con eso hay mucho diseño de interiores y elementos que fueron elaborados para ir dentro de estas casas, y esa idea realmente me intrigó mucho, todo porque no conozco a un montón entero al respecto. Entonces hice un poco más de investigación sobre eso, miré muchas fotos, leí un poco, miré libros que podría comprar en Amazon, y acabo de empezar a bosquejar. Una de las cosas más difíciles para mí de hacer con cualquier proyecto es simplemente poner bolígrafo a papel. Este es un enorme ahorcamiento para un montón de gente. No tengas miedo de bosquejar nunca. Simplemente baja tu bolígrafo al papel, empieza a sacar esas ideas de alguna manera porque cuando tus ideas se atascan en tu cabeza, no
van a dónde. Muchas cosas que yo genero obviamente son realmente descuidadas. Este material no es bonito de ningún modo, pero el propósito de bosquejar aquí no es llegar al producto final. Todo lo que trato de hacer es sacar mis ideas en papel, así que cuanto antes pueda hacerlo, mejor. Intento llevar un bolígrafo y papel conmigo a cualquier lugar que vaya para que
pueda bosquejar en cualquier momento las ideas empiecen a golpear la parte posterior de mi cerebro. Tengo esa idea sentada ahí atrás, y si he pensado en algo que surge mientras estoy conduciendo, o mientras estoy sentado en otra reunión o algo así, sólo
empezaré a bosquejar esas cosas. Algunos de estos primeros bocetos llegaron alrededor de un día y medio, solo yo garabateando ideas, y se puede ver un tocadiscos, relojes, casas, teléfonos, y todos estos elementos interiores que podrías encontrar dentro de un medio -casa moderna del siglo. Esto en realidad se puso un poco más complejo de lo que quería, así que en realidad terminé matando esta idea. Ese es el propósito del mapa mental, y de esta construcción de ideas al principio. Se quiere construir dos o tres, al
menos buenas ideas. Probablemente construirás 20 o 30 malas ideas. Tenemos que poder tachar esas malas ideas de la lista,
explorar las pocas buenas ideas hasta que una de ellas se eleva por encima de las otras. Volví a mi Área de Atracciones de Wichita, insignias, y empecé a hacer bocetos en esas. Hice investigación, hice una lista de diferentes localizaciones que pensé que podrían ser interesantes para las personas que eran o de Wichita, o incluso personas que vivían en Wichita, y que no habían salido por un tiempo, o estaban buscando para algo nuevo que hacer. Entonces tenía una lista de tamaño decente de unos pocos, creo que como seis, u ocho, o nueve lugares diferentes que me gustaron también, eso me intrigó. Acabo de empezar a bosquejar estas ideas hacia abajo. Nuevamente, estoy siendo totalmente perdido, estos son garabatos bastante incoherentes para cualquiera, pero no es importante. Sólo tengo que sacar esas ideas en papel. Si bien estás haciendo esto, no
es demasiado pronto para empezar a pensar en estas series de cosas. Tuve esta idea, tuve estas ubicaciones, empecé a bosquejar cosas, y pensar en cómo puedo juntarlas todas en algunas series consistentes. Después de pensar en otro día de bocetos, tuve esta idea de poner todas estas cosas en un MapMarker, especie de esta ubicación estás aquí especie de símbolo. Después de que tuve esa idea, y sentí que era una idea bastante buena, entonces realmente empecé a explorar eso. Puedes verme empezar a trabajar todo en círculos aquí. Una vez que llegué a ese punto, empiezo a hacer un poco más de bocetos solo para
asegurarme de que todo vaya a salir bien. Llego al punto donde tengo, ocho, nueve, o diez ideas para diferentes insignias que siento que realmente van a funcionar aquí. En ese punto, una especie de golpeó este punto de control de resolución interno donde acabo de decir: “Sí,
esto es lo que quiero hacer, aquí es donde va a ir, me siento seguro de que puedo resolver cualquier problema que pudiera surgir. Siento que esto va a salir bien. Aunque haya baches a lo largo de la carretera, sé que puedo trabajar a través de ellos”. Eso es realmente a lo que estás tratando de llegar aquí en esta fase inicial de bocetos. No sientas que tienes que tener la respuesta final para publicar tus bocetos. Adelante y publícalos en tus proyectos, más
pronto que tarde, y obtén comentarios sobre ellos. Mientras trabajaba en esto, he hablado mucho con mi esposa, y con algunos amigos cercanos al respecto sólo para obtener sus comentarios. Cuando la gente tenía cosas positivas que decir sobre esta idea, entonces esa es mi validación, definitivamente es una buena idea y estoy lista para seguir adelante. Ese es realmente el propósito de esta clase, es conseguir esa retroalimentación externa. Cuando crees tu proyecto, no tengas miedo de publicar cosas. Todos aquí serán realmente amables, y tendrán generalmente cosas buenas que agregar a tu proyecto. Eso es lo que buscamos aquí. Estaré pasando y comentando tus proyectos,
pero ojalá, todos los demás también lo harán. Te ayudarán a construir esas ideas, te
ayudarán a resolver cualquier problema que puedas tener. Dicho eso, también quería mostrarles este proyecto de muestra que he creado. Si entras en la pestaña del proyecto de esta clase, verás este proyecto de muestra etiquetado Wichita Area Atracciones. Este es el proyecto que he creado, mostrándote mi proceso para todo el curso aquí. Tenemos cada fase desglosada desde el boceto hasta las primeras ideas, hasta el refinamiento, hasta el producto final. De ninguna manera debes sentir que esta es una plantilla que tienes que seguir sin embargo. Yo solo quería publicar esta cosa como referencia para ti, que
puedas ver cómo podría verse un proyecto. También tengo una tonelada de escritura aquí. No sientas que tienes que incluir todo eso por ningún medio. Simplemente publica temprano, publica con frecuencia, edita tu proyecto siempre que quieras. Tenemos plazos asociados a la clase, pero no sientas que solo puedes publicar asociados a esos plazos. Simplemente publica tu trabajo como te llega,
y empieza a recibir retroalimentación de otras personas. De eso se trata para esta primera sección. Nuevamente, la idea principal es solo empezar a sacar ideas de tu cerebro al papel, y esperemos terminar con algo que podamos escoger, y elegir, y empezar a crear cosas con. En la siguiente sección, comenzaré a sumergirme en la construcción de vectores dentro de ilustrador, y realmente empezando a descifrar el look, estilo y la estética de esta serie en base a la idea. Espero con ansias esa parte, y los veré en la sección 2.
3. Introducción a la forma: Oigan todos, bienvenidos de nuevo. Este es el primer video de la segunda sección de esta clase, y hoy vamos a estar hablando de forma. Te mostraré los diferentes tipos de formas que hay. Te mostraré algunas de las formas geométricas básicas. Te mostraré un ejemplo de cómo uso solo una forma geométrica para crear una pequeña ilustración. Después hablaremos de las relaciones de forma y cómo construirlas y fortalecerlas tanto como sea posible en tus iconos e insignias. Así que vamos a bucear justo aquí. El primer tipo de forma del que vamos a hablar es la forma geométrica. Si ustedes han estudiado la Bauhaus en absoluto, sabrán que realmente enfatizan un
énfasis en simplificar todo hasta donde podría llegar. Cuando simplificas formas lo más matemáticamente posible, llegas a algunas formas geométricas básicas. Estas son las tres formas básicas reales: cuadrada, círculo, y un triángulo equilátero. Obviamente hay un montón de otras formas geométricas como paralelogramos, y rombos, etc, pero estas son las tres formas básicas y las uso mucho cuando estoy dibujando. Dibujo todo un montón de cosas con sólo cuadrados y círculos. Son formas bastante poderosas y puedes hacer un montón de cosas diferentes con ellas. Siguiendo formas geométricas es algunas formas orgánicas. En Illustrator, por lo general las formas orgánicas son formas que estás creando con la herramienta de lápiz. He usado la herramienta de pluma aquí para crear estas diferentes formas orgánicas, usando las curvas Bezier en estos puntos para darles curvas no matemáticas, más naturales y vistos en la vida real, y formas, y formas aquí. Después de las formas orgánicas, tenemos rectilíneas. Todas son formas basadas en línea recta, pero no son algo que se pueda explicar matemáticamente. Cuando hablo de un cuadrado, fácilmente
podemos decir que tiene longitudes distantes iguales a cada lado,
cada esquina es un ángulo de 90 grados, y eso es lo que hace un cuadrado. Realmente no puedo describir esto. Podemos atravesar y descifrar ángulos y longitudes de cada lado, pero no hay relación real ni razón por la que existan juntos. Pero también hay formas no orgánicas como acabamos de ver, se llaman rectilíneas; líneas rectas, no geométricas. Cuando combinas formas orgánicas y formas rectilineales, obtienes estas formas irregulares. Muchas veces creo que esta es una forma divertida de clasificar formas, porque básicamente es todo lo que no puedo encajar en alguna otra clasificación, pero generalmente se llaman simplemente formas irregulares. El último tipo de forma aquí que tenemos es dibujada a mano. Muchas veces esto se acostumbra como trabajo de textura, porque se trata de algunas cosas que se hacen con tinta y el pincel y luego Live Traced dentro de Illustrator. Pero es algo que se siente totalmente como si fuera hecho por humano o una persona. No es geométrica, no es tipo orgánico de forma, y solo está dibujada a mano y muestra ese toque personal. Esos son los cinco tipos principales de formas. De nuevo, tenemos geométrico,
orgánico, rectilíneo, irregular, y dibujado a mano. Tenemos que seguir todo abajo, sobre todo en el mundo plano bidimensional, normalmente
podemos clasificar todas las formas que creamos en una de estas áreas. Creo que eso es algo bastante interesante para pensar;
no importa lo complejo que hagas algo, al final solo vamos a estar trabajando con estas formas básicas de un tipo u otro. Por lo que para fines de esta clase, estaremos centrándonos principalmente en las formas geométricas. Entonces he delineado sólo algunas de las formas geométricas básicas reales aquí, algunas de las que ya hemos hablado, el cuadrado, el círculo, el triángulo equilátero, y un triángulo recto. triángulos son interesantes porque pueden tener diferentes tipos de triángulos: un triángulo equilátero, recto, y un triángulo 30-60, que no mostré aquí porque es difícil dibujar en Illustrator y es solo uno que no uso mucho. Todas estas formas se pueden dibujar con las herramientas de forma dentro de Illustrator. Hablaré más de estos en el próximo video donde hablaré de dibujo con forma. Pero en este momento sólo quiero mostrarles un rápido ejemplo de cómo
puedo usar incluso sólo un triángulo recto para casi completar toda una ilustración. Entonces tengo un ejemplo de una parte de uno de
los iconos que podrías haber visto en la sección de información sobre esta clase,
y esta cosa se crea casi en su totalidad con triángulos rectos. Cuando miramos esto, podemos ver las formas básicas del triángulo recto aquí, simplemente
están giradas a 45 grados aquí y aquí, y aquí abajo. Pero incluso estas otras formas que estoy creando están construidas con triángulos rectos también. No puedes ver del todo, pero déjame mostrarte aquí un ejemplo de cómo tomaría un triángulo recto y rápidamente haría esta forma. Aquí se puede ver que con sólo usar cuatro triángulos rectos soy capaz de crear esta forma de paralelogramo. He usado que varios lugares dentro de aquí, incluso una forma de paralelogramo ligeramente diferente con dos triángulos rectos, aquí hay uno con cuatro. Entonces también estoy usando cuatro triángulos rectos aquí para construir un rectángulo cuadrado dos por uno. Por rectángulo cuadrado quiero decir que hay dos cuadrados apilados uno encima del otro. Lo que pasa cuando construyo todas estas cosas con esta forma geométrica es que creo lo que se llaman relaciones de forma entre cada una. Comparten similitud y tipo de forma, comparten similitud proporcional. Entonces tu ojo empezará a hacer las relaciones entre esas y cuando trabajemos con estas formas y cuando trabajes con alguna forma, lo que estamos tratando de hacer cuando diseñamos es hacer algo que sea interesante mirar por construyendo estas relaciones con diferentes tipos de formas. Cuando tienes algo que tiene muchas relaciones interesantes, tu ojo casi empezará a examinarlo sin que lo pienses. Entonces, cuando lo piensas aún más, puedes empezar a ver realmente cómo esas relaciones construyen algo juntos. Eso se convierte en lo que es realmente interesante y genial sobre el diseño y la ilustración de iconos. De lo que quiero hablar son diferentes formas que las formas pueden relacionarse entre sí. En primer lugar, tenemos tipo de forma. En este ejemplo, tengo dos casillas. Son de diferentes tamaños, están en diferentes lugares, no
están tocando ni nada por el estilo, pero ambos son cuadrados y así hago esa relación bastante rápido. También tengo similitud en escala o tamaño. Aquí tengo un cuadrado y un círculo que son dos formas diferentes. Ambos son geométricos por lo que se relacionan ahí, pero incluso cuando son formas diferentes, cuando son de la misma escala, hacen que esa relación sea aún más fuerte. Otro tipo de relación de forma es la proximidad. Esto es básicamente sólo decir que dos formas que están muy juntas relacionarán entre sí más de lo que se relacionan con formas que están más alejadas. Entonces si me alejo un poco y volvemos a la referencia de escala aquí y miro estas dos formas, se ven más estrechamente relacionadas que decir, esta forma y esta forma hacen incluso donde el círculo en esta orgánica forma comparte algunas de las formas curvas similares a ellas. Estos dos se sentirán más estrechamente relacionados porque están cerca el uno del otro. Entonces la última relación de forma que puedes construir es con el color. En otro video, hablaré de construir una paleta de colores. Pero el principio aquí es que si tengo dos formas que son diferentes tipos de formas o escalas diferentes e incluso no en proximidad entre sí, por lo que si muevo esta más lejos, todavía se
relacionarán entre sí a través de color. Una de las razones por las que elijo usar solo formas geométricas es porque encuentro que es fácil construir muchas de
esas relaciones de forma cuando solo estoy dibujando con tres o cuatro formas geométricas diferentes. Aquí tengo un ejemplo del que podemos hablar un poco. Una de las insignias que creé. Hablaremos en el video de la paleta de colores sobre cómo construir en mi paleta de colores me ayuda a relacionar esto con todas
las demás insignias que se crean pero dentro de aquí quiero hablar de algunas de las relaciones de forma que estoy construyendo. Se puede ver que cuando uso sólo círculos, construyo esta relación entre el reloj aquí y las llantas de la bicicleta, lo cual es interesante y luego la llanta de la bicicleta y la sección
central de la llanta, también hay un círculo, y así construí esa relación, entonces ésta que es del color amarillo, también se relaciona con esta parte en los pedales y la otra por aquí. Tengo esa relación lo cual es interesante, tengo estos rectángulos alargados por aquí y por aquí, lo cual es bastante interesante. Tengo algún equilibrio de color entre este lado con este signo blanco, y luego de este lado tengo, una y dos pequeñas formas blancas aquí, lo cual es bastante interesante. Tengo la relación de la forma de nube y un poco difícil de ver, pero la misma forma aquí con la espuma en la taza de cerveza. Entonces hasta empezar a ponerse un poco más complejo, tengo este círculo aquí, que hay un círculo abajo aquí, unido con un cuadrado para hacer esta forma. Empezarás a ver estas relaciones con tu ojo casi de inmediato. Eso es lo que mantiene las cosas interesantes. De nuevo, esa es una de las cosas que realmente disfruto de las formas geométricas es que puedo construir todo
un montón de estas relaciones con bastante rapidez. obstante, no quiero que te sientas limitado a geométricas por lo que sea que estés diseñando para tu proyecto aquí. Podría haber visto ya, pero publiqué un enlace a un cubo en Dribbble que guardo que tiene un montón de diferentes tipos y estilos de iconos por aquí. Podrías navegar por aquí solo para ordenar qué tipos de formas se están utilizando y cómo se están utilizando. Hay algunos ejemplos con solo línea y puedes sentirte libre de usar line aquí. Ni siquiera tienes que usar forma si quieres. Nuevamente, este es trabajo de esbozo con formas geométricas básicas en muchas de estas cosas. Creo que usando formas geométricas, todavía se
puede dibujar el icono pero cuando no
tenemos nada de ese trabajo plano real dentro de ahí, simplemente se convierte en línea y no en forma. Por favor sí echa un vistazo a estos, no sientas que tengas que dibujar en el mismo estilo que yo hago o usar solo círculos y cuadrados. Puedes usar formas orgánicas o formas rectilineales o formas irregulares incluso. La idea principal es que estemos dibujando con algunas formas básicas y estamos construyendo las relaciones de forma tanto como sea posible para mantener
las cosas interesantes a lo largo de toda la serie de iconos o insignias. De eso se trata para este video. el siguiente hablaremos de dibujar realmente con estas formas geométricas básicas dentro de Illustrator. Te daré algunos consejos y trucos ahí. Entonces te veré en el siguiente video.
4. Dibujo usando la geometría: Ahora que sabemos un poco de los principios de forma y diferentes tipos de formas, en este video, te voy a mostrar algunos de los conceptos básicos del dibujo con formas geométricas dentro de Illustrator. Voy a cambiar a mi computadora aquí,
y sobre todo estaremos hablando las herramientas de forma y de cómo usar esas para dibujar todo tipo de cosas diferentes. Después
repasaré algunas cosas básicas de configuración dentro de Illustrator para ayudar a acelerar las cosas a lo largo, así
como algunas herramientas adicionales como la herramienta de reflexión y transformación. Entonces pensé que llevaría a este pequeño monstruo aquí de la
insignia de Starlight Drive-in que hice y te guiaría por cómo hice este personaje de monstruo. Volveremos a eso en un segundo. Empecemos con las herramientas de forma. He desacoplado mis herramientas de forma de la barra de herramientas aquí. Normalmente, lo verías en la barra de herramientas como la herramienta de rectángulo. Se parece a este pequeño cuadrado. Pero si haces clic y mantienes esto, verás todo el desplegable de diferentes herramientas debajo de la herramienta de forma; la herramienta rectángulo,
la herramienta de rectángulo redondeado, la elipse, el polígono, estrella, y la herramienta de destello, que voy a de no estar hablando porque es un pedazo de basura. Si haces clic en esta pequeña flecha aquí, se desacoplará y verás todas estas cosas debajo de aquí. Esta puede ser una forma bastante fácil de acceder a las herramientas de forma dentro de Illustrator. Normalmente lo que uso sin embargo, o teclas de método abreviado para llegar a estos; las que están integradas en Illustrator para la herramienta de rectángulo o M para la herramienta de elipse o L, y luego he entrado y agregado el mío propio para el redondeado herramienta de rectángulo para ser N, y para que la herramienta estrella sea S. Así que si me ves cambiando entre herramientas, probablemente esté usando las teclas de acceso directo para hacerlo. Empecemos con la herramienta de rectángulo aquí. Si solo dibujo alguna forma, como el rojo aquí con la herramienta de rectángulo, verás si hago clic, lo mantengo y lo arrastro, empezaré a dibujar un rectángulo. Si mantienes pulsado el turno mientras estás dibujando, limitarás las proporciones, y si limitas las proporciones eso significa que mantendrá el ancho y la altura iguales, y si tengo un ancho igual y alturas iguales rectángulo que hace un cuadrado. También, si sostienes Alt u Opción, se dibujará desde el centro aquí. Se ve que dibujo desde una esquina sin ella, y si sostengo Alt u Option, entonces dibujaré desde el centro. Yo estoy sosteniendo Shift también, así que estoy dibujando un cuadrado desde el punto central. Por último, con esta herramienta, si hace clic una vez, se levantará este pequeño cuadro de diálogo y
se podrá escribir un rectángulo de un tamaño específico. Simplemente ingresa aquí el ancho y la altura, luce como un cuadrado de 200 píxeles por 200 píxeles, y si haces clic en este eslabón de cadena, los mantendrá exactamente iguales. Entonces si escribo 250 para el ancho, automáticamente pondrá 250 para la altura, y me hará 250 píxeles cuadrados. A continuación, hablemos de la herramienta de elipse. Esto funciona exactamente igual que la herramienta de rectángulo excepto que estoy dibujando elipses o círculos en lugar de rectángulos o cuadrados. Entonces si solo hago clic y arrastro esto hacia fuera, haré esta forma ovalada o elipse. Si sostengo Shift, limitará las proporciones y dibujaré un círculo. Si mantengo pulsado Mayús y Opción, dibujaré centro, y si hago clic una vez, puedo hacer un círculo de 250 por 250 píxeles. Te dejaré explorar la mayoría de estas formas por tu cuenta, todas
funcionan de la misma manera básica. La última cosa que quiero mostrarles porque es un poco extraña la forma en que se lo mete ahí es la herramienta estrella. La herramienta estrella, si hago clic y la arrastre dibujará una estrella hacia fuera. Si sostengo Shift, en
realidad mantendrá la estrella en posición vertical en lugar de poder girarla alrededor. Pero lo principal aquí que te quiero mostrar es que si usas las teclas de flecha Arriba y Abajo, puedo sumar o restar puntos a o de esta estrella. El motivo por el que esto es importante es porque una estrella con tres lados es un triángulo equilátero. Puedo golpear M, dibujar un rectángulo; golpear L, dibujar un círculo; golpear S, y dibujar una estrella, que en realidad es un triángulo, y eso me pone las tres formas geométricas básicas usando estas herramientas. Aquí hay muchas otras opciones,
incluyendo la herramienta de polígono y la herramienta de rectángulo redondeado, que son agradables, y otras cosas que puedes hacer con la herramienta estrella también. Por favor, explora bastante esos. Publica unos tutoriales
sobre los fundamentos del dibujo en Illustrator que podrías ver también, así
como el pathfinder, que hablaré un poco en breve. Asegúrate de revisar la sección de recursos en la clase y ver algunos de los tutoriales ahí porque cubren muchas cosas
que se hacen de forma rápida y más minuciosa de lo que yo podría hacer en este solo video corto. Ahora que tenemos estas tres formas básicas, quiero hablar de cómo las controlas una vez que las tenga aquí. El principal modo en que los movemos es con la herramienta de selección o la herramienta V aquí. Simplemente puedo hacer clic y arrastrar estas cosas, también me da estos puntos alrededor del costado o asas en mi caja de transformación, y puedo transformar la escala de éstas haciendo clic en cualquiera de las esquinas de aquí. Doy clic en el centro o en el lateral, voy a estirar esta cosa aquí. Si mantengo Opción también, se escalará hacia fuera en el centro, y si mantengo Mayús, pesar de que estoy arrastrando la parte superior y escalando la parte superior e inferior aquí manteniendo pulsada Opción,
y manteniendo pulsada la tecla Mayús, se escalará los lados afuera también. Por lo que puedo escalar bastante fácilmente con la herramienta de selección. También puedes rotar usando esta herramienta de selección simplemente desplazando el ratón sobre estas esquinas hasta que cambie tu flecha y luego solo tienes que hacer clic, mantener pulsado y arrastrar, y puedo rotar esto. Sostener Shift girará en ángulos de 45 grados, y eso se aplica a cualquier cosa, no sólo al cuadrado. La otra forma en que puedes rotar cosas es con la herramienta de rotación. El modo básico de dibujar formas es con la herramienta de forma. El control básico es con la herramienta de selección. Pero luego hay un par de herramientas un poco más avanzadas
que se utilizan para rotar y cambiar estas cosas y están justo aquí en tu paleta de herramientas. Parece una flecha que se mueve en un círculo, y son la herramienta de rotación y reflexión. Estos vienen con teclas de método abreviado incorporadas de R para el giro y O para el reflejo. Estos pueden ser muy útiles para hacer transformaciones
ligeramente más avanzadas de tu forma. Con la herramienta de rotación, basta con hacer clic en R para cambiar a, y luego básicamente funciona exactamente como esas asas alrededor del borde aquí. Lo bonito es que no tengo que encontrar este lugar exacto. Simplemente puedo golpear R y de aquí afuera lo rotaré, o desde dentro de aquí lo rotaré también. Lo más ordenado de la herramienta de rotación aquí es que puedo establecer el punto central por el que gira. Ahora mismo todo gira alrededor de este pequeño punto en el medio. Parece una cruz ahí. Si hago clic una vez, puedo establecer eso. Si hago clic aquí abajo en la esquina inferior izquierda y luego hago clic y mantén pulsado, ahora
giraré alrededor de esa esquina. Puedo colocarlo en cualquier lugar dentro de este cuadrado o fuera
del cuadrado y rotar objetos alrededor de ese punto, o incluso puedo ponerlo en una parte diferente de una forma diferente y podemos rotar alrededor de esa forma. Debajo de la herramienta Rotar se encuentra la herramienta Reflect. No vas a ver mucho con los cuadrados, así que vamos a escoger este triángulo. Una de las teclas de acceso directo que estoy usando aquí que acelera las cosas es que mantenga presionada la tecla Apple o Command. En un PC, creo que tal vez sería la tecla Control, pero no estoy 100 por ciento seguro y eso cambiará automáticamente nuevo a la herramienta de selección sin importar la herramienta que haya seleccionado. Puedo mantener pulsada la tecla “Comando y escoger una forma diferente manteniendo seleccionada la Herramienta Reflect. El Reflect Tool es agradable. Básicamente voltea una forma alrededor del punto central y si sostengo “Shift” limitará las cosas a lo largo de ángulos de 45 grados también. Entonces éste funciona de manera similar a la Herramienta Rotar y luego puedo simplemente hacer clic en cualquier punto y voltearlo alrededor de ese punto también. Si hago copias de esta cosa, rápidamente
puedo hacer esta forma de flor que uso creo en la insignia de jardines botánicos. Estoy haciendo esto solo usando los comandos Copiar y Pegar en frente para generar múltiples versiones de esta forma. Debajo de tu menú Editar, tienes Copiar y Pegar al frente. Las teclas de acceso directo son Apple C y Apple F. Si copio esto y luego pego al frente, en realidad
hay dos versiones de esto ahora mismo. Entonces usaré mi Herramienta Reflect con la tecla de acceso directo de O. Pondré el punto aquí arriba, mantengo pulsado “Shift” y voltearé esto, luego tomaré ambos, usaré Copiar, Pegar delante, pulsa “R” desde mi Herramienta Rotar. Sostenga “Shift” para girar en ángulos de 45 grados y los girará 90 grados. Al hacer eso, puedo hacer esta forma con bastante rapidez. Esas son las herramientas básicas de la barra de herramientas que utilizo con mayor frecuencia, la Herramienta Forma, la Herramienta Selección,
la Herramienta Girar y Reflejar. La segunda parte que quiero explicar en este video es el Pathfinder. Saqué la ventana del Pathfinder de mi colección de ventanas por aquí. Si no lo encuentras, puedes ir al menú Ventana y elegir “Pathfinder”, y debería aparecer por ti. El Pathfinder tiene algunos modos de forma cool que
puedo usar para combinar diferentes formas para hacer nuevas formas. Para ilustrar mi punto aquí, tomemos esta plaza, y hagamos una copia de ella, y luego usamos la Herramienta Círculo y dibujamos esto. Entonces si solo escojo dos o más formas y luego golpeo cualquiera de estos botones ya sea en los Modos de Forma o en los Pathfinders, bien
me uniré, o restaré,
o intersectaré , o dividiré estas cosas para hacer nuevas formas. He publicado un tutorial sobre más del Pathfinder explicado aquí. Los dos que uso, bueno, supongo que hay cuatro de todos estos que uso con más frecuencia. El primero es el unen, lo que hace una nueva forma a partir de dos formas. El segundo siendo menos frontal o usualmente lo llamo restar porque tomará la forma superior y recortará esa zona de la forma inferior. También uso el de intersección con bastante frecuencia, que lleva a cualquier lugar que se superpone y mantiene esa zona, y elimina todo lo demás. Entonces el último que uso es dividir, pero te voy a mostrar una forma ligeramente diferente de que uso dividir aquí. Voy a hacer una copia de este círculo y luego en realidad voy a usar la Herramienta Segmento de Línea aquí, que la tecla de acceso directo es barra diagonal inversa. Usando esto, voy a hacer una línea sin trazo o sin dibujo de relleno desde el centro del círculo, Copiar y Pegar delante, usar la Herramienta Girar, se gira 90 grados alrededor de este círculo. Ahora puedes ver tengo un círculo y dos líneas que vienen del centro del círculo. Entonces usaré la división Pathfinder y eso recortará estas formas de círculos de cuartos. Si tuviera una sola línea, cortaría formas de medio círculo y puedo hacer esto con cualquier forma usando tantas o tan pocas líneas como quiera. Eso me deja generar aún más formas aquí. Otra cosa que quiero mostrarles es a pesar de que estoy dibujando estas cosas, no
estoy siendo 100 por ciento exacto. En realidad tengo esta línea directamente fuera del centro de esta forma de círculo, pero si quieres asegurarte de que estás ajustando las cosas a los puntos y haciendo que las cosas estén exactamente alineadas donde necesitan estar, hay dos piezas para configurar dentro del Ilustrador aquí. El primero está bajo View. Aquí hay una opción llamada Guías inteligentes con una tecla de acceso directo de Command U. Cuando enciendas esto, a
medida que empiezas a mover el ratón, verás todo tipo de cosas nuevas. Al pasar el ratón sobre este círculo, veré que en realidad estoy flotando directamente sobre el camino o un punto de anclaje del círculo. También puedo escoger esta línea y también se puede ver el punto central de este círculo o donde las cosas se cruzan. Tengo Guías Inteligentes en casi todo el tiempo cuando dibujo para que pueda ser exacta en todo. De esa manera cuando paso el ratón para dibujar mi línea con la Herramienta de Segmento de Línea, puedo saber que estoy dibujando directamente fuera del centro, y luego sostengo “Shift” y de esa manera voy a conseguir esta cosa exactamente alineada. La otra cosa que quieres configurar dentro de Illustrator está bajo el menú Ver también. Tendrás ganas de Snap to Point. Cuando Snap to Point, me dejará alinear cosas como centro o chasquear a un lado aquí. El chasquido puede ser un poco raro al principio. Ya verás cuando arrastre esta cosa, se derrumbará ahí mismo. Eso es simplemente alinear directamente esta cosa con el costado o el centro. Digamos que trazo una línea al punto central ahí y luego sé
que tengo este punto central alineado con ese punto central, y eso me ayuda a mantener las cosas organizadas también. Usando nuestra Herramienta Forma, nuestra Herramienta Girar, nuestra Herramienta Reflect y el Pathfinder, echemos un vistazo a cómo dibujar a este monstruo. primer lugar, en realidad voy a entrar aquí y simplemente cortar a este monstruo y eliminar todas estas formas extra, así que sólo tengo a este tipo a quien hacer referencia. Entonces voy a empezar con es forma de cabeza y cuerpo aquí, que es un círculo. Utilizo la Herramienta Cuentagotas para escoger el color correcto. Entonces voy a usar la Herramienta Rectángulo, voy a pasar el ratón sobre este punto de anclaje y
dibujaré un cuadrado sosteniendo “Shift” hasta que veas las Guías Inteligentes, ayúdame a ajustarlo exactamente al otro lado de este círculo. Entonces voy a usar el Pathfinder cuando escoja ambas formas y las voy a unir. Si quiero ser realmente sincero al respecto, veamos si puedo conseguir que esto sea aproximadamente del mismo tamaño. Voy a entrar aquí y vamos a dibujar dos círculos para los ojos. Para asegurarme de que los ojos se alineen, en realidad
voy a usar la paleta de alineación aquí. Escogeré los dos ojos, los agruparé, que se pueden encontrar bajo “Objeto”, “Grupo”. Utilizo la tecla de acceso directo de Command, G, y luego también voy a escoger la forma del cuerpo, y luego haré clic una vez en la forma del cuerpo, ven a mi paleta de alineación, que, de nuevo, si no puedes ver normalmente, puedes venir a “Ventana” y hacer clic en “Alinear” para que esta cosa salga. Entonces solo voy a dar clic en “Alinear Horizontal Centrado”. Eso alineará perfectamente mis ojos en el centro del cuerpo aquí, porque cuando los recojo a ambos y luego vuelvo a hacer clic en la forma del cuerpo, verás este cambio para Alinear al objeto clave, y verás el cambio de contorno. Eso va a tomar lo que haya seleccionado y alinearlo con ese objeto. Entonces sin que tenga que mover la forma del cuerpo, puedo alinear los ojos directamente al centro aquí. Entonces voy a hacer lo mismo con la herramienta de rectángulo redondeado, que quiero hacer el mismo ancho mis ojos y su proporción a un cuadrado. Usaremos la herramienta cuentagotas para hacerla negra también. Antes de empezar a agregar dientes, sumemos los brazos. Voy a hacer eso dibujando un círculo usando la herramienta de segmento de línea y el truco que acabo de mostrarte para cortar un círculo de esquina, y lo llevamos hasta aquí, lo cortamos a lo largo de su cuerpo, escalamos eso, lo
convierten en el mismo color, usa la herramienta de rectángulo y dibuja un rectángulo para su brazo hasta aquí, y luego escogeré ambas formas. Se ve un poco demasiado flaco. Dibujemos eso un poco más grueso, y luego los escogeré a los dos. Usaré mi pathfinder y combinaré esas dos formas, y luego voy a acercar. Voy a dar clic y mantener este punto de anclaje y sacar una plaza. Usará la herramienta de rotación, volverá a
hacer clic en ese punto de anclaje, girarlo 45 grados, y luego voy a hacer una copia manteniendo presionada la tecla “Opción” y arrastrando hacia fuera hasta que encaje hacia abajo. Para que aquí dos cuadrados, y luego los escogeré a los dos, y ahora mismo las asas para que escale esta cosa son un poco raras. Esto en realidad es algo bueno para venir al azar aquí que no había planeado. Lo que quiero es que la caja limitadora esté fuera de estas cosas. Usaré una tecla rápida de acceso directo para que eso suceda, simplemente
yendo a “Objeto”, “Ruta compuesta”, y “Make” o Apple, 8. Entonces si golpeo Apple, 8, en
realidad transforma estas dos formas en un camino compuesto. Entonces puedo escalar eso hacia abajo con mis nuevas asas que están aquí
arriba en la parte superior derecha para ser exactamente el ancho de esta parte de su brazo. Entonces escalaré esto hasta que me intersecte y golpee justo a lo largo de la parte superior de ahí, y luego escogeré esa forma
y esta forma, y usaremos la llave menos Frente para rematarle las manos aquí. Entonces voy a usar de nuevo la herramienta de rectángulo. Voy a subir justo a este punto donde todo se cruza y voy a sacar este rectángulo. En realidad voy a usar la herramienta de bolígrafo aquí para restar esa forma superior, y luego voy a hacer una copia del brazo, pegarlo delante, recoger mi sombra aquí. Usaré el cruce y me va a decir que no funcionó. El filtro de intersección es extraño. A menudo, cuando combino dos formas o formas múltiples con el pathfinder, convertirá las cosas en un grupo. Para que el filtro de intersección funcionara, necesitaba que volviera a ser un camino compuesto. Entonces si alguna vez te encuentras con el error donde dice que no produjo resultados, solo golpea Apple, 8, haz de esa cosa un camino compuesto, luego escoge ambos objetos, golpea “Intersect”, y debería conseguir esa forma para que Puedo conseguir esa sombra exactamente dentro de esta forma aquí. Entonces voy a escoger ambos. Usaré Apple, C, y Apple, F. Utilizaré la herramienta de reflexión. Si sostengo la tecla Comando, puedo pasar el ratón sobre otros objetos y puedo encontrar aquí el punto central de la boca. Si configuro mi punto de reflexión en el centro, y reflejo esa copia exactamente a través, debería alinearse de nuevo hacia donde estaba. Dos cosas más para ir. En primer lugar, sumemos algunos dientes dibujando un cuadrado, girándolo 45 grados a la derecha, restando uno de los puntos con la herramienta de pluma para obtener mi triángulo. Usemos Command, A para que mis asas vuelvan a donde quiero que estén. Entonces haré dos copias de estas cosas que se superponen ligeramente, y luego escogerlas a las tres,
agruparlas , y me aseguraré de que estén alineadas al centro aquí. Entonces haré una copia de mis dientes, usaré la herramienta de reflexión sobre el centro de esto y voltearé mis dientes ahí abajo. Ahora, su boca y sus dientes tienen una forma ligeramente diferente porque mi rectángulo redondeado tiene esquinas ligeramente redondeadas en éste que en éste pero, para esto, estoy de acuerdo con eso. Lo último que necesito hacer es agregar mi poco de sombreado aquí. Para ello, solo voy a recoger su forma de cabeza y cuerpo, haré una copia, pegaré al frente. Usaré mi herramienta de segmento de línea para dibujar desde el centro, y luego usaré el pathfinder de división, que corta esa forma a la mitad. Eliminaré la mitad, y luego podré escoger a ambos,
enviarlos a la parte de atrás, y recoger esto, que en realidad es negro, multiplicarlo por 15 por ciento. Ahí está mi monstruo. Si fui demasiado rápido durante cualquiera de estos, por favor siéntase libre de publicar preguntas en la sección de preguntas y respuestas. Pero asegúrate de que pases por los tutoriales que publiqué también porque te explicarán un poco más en profundidad algunas de las cosas básicas por las que he estado atravesando aquí. Quería crear algo que esté ligeramente entre principiante e intermedio. Entonces si estabas confundido en algún momento, solo avísame y arreglaremos las cosas con seguridad. Eso es todo para este video. En el siguiente, estaré hablando de algunos de los principios de la Gestalt, y luego, después de eso, pasaremos a construir una paleta de colores para que, al final de la segunda sección, debas estar en bastante buena forma trabajando en tu serie de insignias o iconos.
5. Principios de la Gestalt: El último video sobre dibujo duró un poco, y me disculpo por eso, pero tenía mucho que cubrir. Esperemos que este próximo par de videos sea un poco más rápido y al grano. En este video, vamos a cubrir algunos de los principios de Gestalt, que son principios del diseño visual y cómo el cerebro humano interpreta las cosas que ve, y cómo podemos usar algunos de esos como herramientas para crear algo un poco más único o interesante. Saltaríamos en un Illustrator aquí, veremos el primero, y quiero mostrarles es similitud. Tengo algunos ejemplos aquí, algunos son de las insignias que hice y algunos son reales otros logotipos. En este caso, las formas similares que tengo viniendo por los lados aquí de los rayos del sol que también ordenan para conformar las plumas del cuello en esta forma de águila, las formas comparten similitud tanto en tipo de forma, también en escala de forma, y también en color. Cuando empecemos a ver esas similitudes, nuestro cerebro interpretará estas formas tanto como parte de los rayos
del sol como también parte del cuello de la cabeza del águila aquí. Eso puede ser bastante interesante, bastante rápido. Uno de estos principios Gestalt que podemos utilizar para hacer estanques visuales o trucos. Agregar esos pequeños momentos aha para las personas cuando lo
descubren hace que las cosas sean aún mejores y aún más interesantes. El segundo que tengo ilustrado aquí se llama anomalía. Este es el principio de que algo que es
diferente de un grupo más grande de cosas se destacará de ese grupo. Puedo usar esto, en realidad, para ayudar a construir composiciones dentro de estos iconos o para crear un punto focal. En este caso, tengo una anomalía ocurriendo aquí, que es Saturno o este planeta, cualquiera que sea el planeta que pueda ser. En primer lugar, en el área del cielo nocturno, es una anomalía porque es más grande que cualquier otra cosa. También es una anomalía porque es amarillo o naranja, amarillo y rojo aquí donde no hay nada más. También es lo único que tiene anillos a su alrededor. Entonces cuando tenga todas estas cosas que son una anomalía entre este grupo de otros ítems, este único ítem va a tener precedencia o convertirse en el punto focal, lo que me da este lugar para empezar a buscar mientras examinaba toda esta insignia o icono. Para ilustrar el tercer principio Gestalt aquí, que es la continuación, realidad
tengo un sorteo de la insignia del Salón de la Fama de los Deportes de Kansas que creé. Si volteas y miras el proyecto de ejemplo que he creado, verás que terminé yendo una dirección totalmente diferente donde mostré la arquitectura real, el frente
del Salón de la Fama Deportiva aquí. Pero inicialmente, traté de hacer algo con esta copa trofeo aquí en el medio y estos diferentes artículos deportivos todos combinados en uno. El principio que aquí se ilustra es el hecho de
que todas estas cosas continúan en una sola línea, aunque más o menos, la línea en realidad no está ahí, sino sólo la forma en que están organizadas y la forma en que
escalan arriba juntos hace este movimiento que dirige tu ojo en este círculo alrededor la composición a donde empiezo de nuevo aquí y luego termino aquí con el basquetbol entrando en la portería. Esto se puede utilizar para implicar una dirección de movimiento. Puedes usar esto para conectar dos cosas, dos o más cosas incluso. Hay muchas otras formas en las que podrías aplicar continuación dentro de tus iconos. El cuarto, que he ilustrado con el logotipo de World Wildlife Foundation, es el cierre. Este principio básicamente establece que, “El ojo humano seguirá construyendo una forma tal como la ve aunque esa forma no esté ahí”. Al igual que esto, el cuerpo y la cabeza del oso panda aquí, no
hay un contorno real de esto. Pero debido a que estas líneas se están curvando y hacia llenar esas formas, tu ojo realmente se llenará y verá esa cabeza, verá el cuerpo sin
que tengan que estar ahí los
que, lo que hará que esto sea un poco más interesante, y baja en la cantidad de masa visual que está aquí porque me permite tener más espacio en blanco en estas áreas, lo cual es agradable y da un alivio para los ojos. Miro por encima de todo el logo. Puedo usar el principio del cierre para crear formas que ni siquiera existen. El siguiente elegido para ilustrar aquí es la proximidad. Básicamente el principio de proximidad dice que, “Cuando las cosas estén más cerca, tu ojo las formará como grupo o como objeto”. Esto parece bastante sencillo, pero es solo una herramienta que podemos usar para ayudarnos a construir cosas diferentes. En este caso, tengo estas flores aquí. Tengo estas formas diferentes,
muchas formas diferentes ahí dentro, pero cuando miro los pétalos de las flores, si no están cerca el uno del otro Bueno, podrían tener alguna relación con el hecho de que son de la misma forma simplemente giran de manera diferente, son del mismo color, y están dentro del mismo lienzo o plano de imagen. Todavía no forman una flor hasta que llegan a la cercanía entre sí. Podrías incluso imaginar esto como un pétalo de flor, pero incluso la forma sigue un poco abierta terminada. Lo que necesitas es que esas formas estén cerca unas de otras,
que formen algo más. El cerebro reconocerá esa forma más fácilmente cuando esas cosas estén en la proximidad correcta entre sí. Para el último, tenemos aquí el logotipo de FedEx. Este es el principio Gestalt más probable y comúnmente utilizado, o entendido, o reconocido. Esa es la idea de figura y suelo. El concepto de figura y suelo, o primer plano, o fondo, o dominación o relieve es básicamente la idea de que no sólo puedo crear formas con el primer plano donde estoy dibujando una forma encima del plano de imagen o fondo. Pero también puedo dibujar formas con el fondo solo creando los contornos de la forma con las formas de primer plano. En el logotipo de FedEx aquí, ustedes probablemente todos han visto o reconocido que hay una flecha dentro del espacio negativo. Tenemos un ejemplo un poco mejor aquí, donde lo he llenado con morado. Mucha gente podría no ver esto de inmediato. Pero una vez que has visto esa forma en el espacio negativo, vuelve a ser ese momento aha el que realmente deja una impresión con la gente. Usando esta idea de figura ground, si podemos crear ese momento aha, hará que tu trabajo
sea más impactante que alguien que solo esté mirando las cosas y luego no recordando eso. Figura/suelo se utiliza mucho en el diseño de logotipos. Todos estos principios en realidad se utilizan mucho en el diseño de logotipos. Pero figura/tierra, de nuevo, probablemente se usa con más frecuencia que algunos de los otros. Puede ser una idea bastante poderosa. Lo último que quiero mostrarles en este video no es exactamente un principio Gestalt, pero es la idea de dominio y alivio. Para estas insignias donde he creado una ilustración, aunque en una ilustración bastante pequeña y una cantidad mínima de espacio, todavía
tengo una composición aquí. Algunos de ustedes podrían estar haciendo iconos que solo son objetos, y hay una necesidad un poco menos deseable de la idea de dominación y alivio, porque básicamente tienes un icono dominante y eso es todo lo que necesitas. Pero si estás haciendo algo un poco más involucrado, probablemente
querrás pasar un poco más de tiempo
pensando en lo que es dominante dentro de eso, y ¿cuál es el alivio que se proporciona en la composición? En mi insignia del Museo de Aviación de Kansas aquí, tengo una cosa que es dominante, y ese es el avión. Es dominante no solo basado en la posición, también
es la complejidad y luego el espacio negativo que lo están rodeando, lo convierte en el objeto dominante dentro de toda esta insignia. Entonces el resto de ella se convierte en el alivio. Pero incluso después de eso, tengo en general, tengo un dominio de la figura aquí y un relieve del suelo o del fondo. El fondo, el cielo aquí se convierte en mi alivio. Es ese descanso visual para el ojo ya que estoy mirando a través de esta cosa. También, al mirar más de cerca, tengo dominio en este edificio, en esta torre, pero luego tengo el relieve de la parte superior de la torre, el relieve aquí abajo de la otra parte de este edificio. Aquí abajo en la pasarela, tengo el dominio de las rayas que suceden aquí. Tengo este relieve de este espacio en el medio. Tu ojo desea ese alivio. Cuando solo inundo todo con información visual, se pone a ser agitado, se pone a ser confuso. Es como si mucha gente te gritara a todos de una vez y tu ojo querrá un descanso. Entonces si tienes algo donde estás construyendo una composición, podrías pensar en cómo estructurar ese dominio y alivio. Pero aunque estés dibujando solo un pequeño icono, como tal vez un lápiz y un trozo de papel, podrías pensar en lo que es maldición. ¿ Es el lápiz o es el papel? ¿ El lápiz está escribiendo una línea en el pedazo de papel y es eso lo que es dominante? ¿ Hay espacio negativo a su alrededor
para proporcionar alivio a los ojos cuando miras por encima de todo el asunto? Desearás tener alguna estructura dentro de lo que creas aquí. Una vez más, los principios Gestalt en los que
puedes estar pensando mientras estás elaborando estas cosas son similitud, anomalía, continuación, cierre, proximidad, figura/tierra, e idea de dominio y alivio. Les animo a pensar en esto tanto como sea posible ya que empiecen a traducir sus ideas del boceto al formulario de computadora. Cualquier cosa que puedas agregar aquí hará que
las cosas sean un poco más interesantes para tu espectador. De eso se trata para este video. En la siguiente, te mostraré sobre elegir una paleta de colores y hablaremos sobre cómo elegir una paleta de colores que te
ayude a mantener las cosas consistentes pero también intrigante a través de toda una serie de iconos.
6. Creación de una paleta de colores: Oigan a todos. Bienvenido al último video de la segunda sección de este curso sobre color. Hoy voy a estar hablando de construir una paleta de colores para tu serie de iconos o insignias, un poco sobre la teoría del color y luego te mostraré cómo se me ocurrió la paleta de colores para la serie de insignias que creé. Por lo que nos adentramos en Illustrator aquí. Lo primero de lo que quiero hablar es simplemente ideas básicas reales de la teoría del color, y esto es algo que ustedes probablemente todos recuerdan desde segundo o tercer grado. Pero la rueda de color aquí con el tono más brillante en la parte superior, el tono más oscuro en la parte inferior, que son amarillos y morados, consiguió los colores primarios de rojo, amarillo y azul, secundario de verde, morado y naranja y luego los colores terciarios entre todos esos. Sé que esto es un poco remedial pero sigue siendo importante pensar exactamente cómo estás usando esta rueda de color para construir tu paleta de colores. Para tu serie de iconos, es posible que quieras algo donde los colores estén todos estrechamente relacionados. Es posible que necesites un poco más de versatilidad como lo hice yo. Por lo que necesitaba colores de toda la rueda de color. Entonces, a medida que piensas en construir una paleta de colores, podrías explorar algunas de las diferentes paletas de colores que hay por ahí. El primero de los cuales es análogo. Un esquema de color análogo solo significa que los colores que estás eligiendo están muy juntos en la rueda de color. Esto se puede utilizar para algunos efectos de tono o tono frescos y
también puede ayudarte a mantener tus iconos en una sensación general, como si tuvieras iconos de comida, por ejemplo, podrías pensar en mantenerlos calientes o si tienes iconos sobre el clima o algo, podrías pensar en mantenerlos fríos y tonos de cielo aquí o cualquier otra cosa en el medio. El segundo tipo de esquema de color es un esquema de color split-complementario. Por lo que sabemos que los colores de cortesía están a través de la rueda de color uno del otro. Tan como amarillo y morado o rojo y verde o azul y naranja. Los colores de cortesía también tienen el contraste más alto en comparación entre
sí y muchas veces si solo usáramos un esquema de color de cortesía directo, terminaríamos con los colores siendo demasiado contrastantes y dominando los iconos o insignias. Por lo que un esquema de color split-complementario en realidad neutralizará algo de eso al en lugar de tomar el morado desde directamente al otro lado, tomará azul y rojo-morado, usará esos juntos para elogiar el amarillo, y eso va ayudar a marcar las cosas un poco abajo. El tercer esquema de color es una tríada o un esquema de color triádico y eso básicamente es simplemente tomar el triángulo equilátero desde cualquier parte de la rueda de color y usar los colores a los que apunta. En este caso, estoy señalando todos los colores secundarios, morado, naranja y verde. Si fuera a rotar esto, está ligeramente girando hacia fuera del centro aquí, pero probemos esto. Puedo señalar fácilmente los colores primarios o cualquiera de los colores terciarios. Entonces, a medida que avanzas, debes pensar en la idea de que necesitas algún esquema de color a través de estos iconos. También debes pensar en la idea de que el color puede tener significado. rojo puede significar amor, verde puede significar envidia, los colores
cálidos pueden hacerte hambriento, los colores
fríos pueden hacerte calmar y todo lo que hay entre aquí. Todo color tiene significado asociado a él y debes elegir colores que
tengan un significado que se alince con lo que es la idea detrás de tu serie de iconos. También debes tener en cuenta la idea de que el color puede tener un significado histórico en cómo lo usas. Diferentes periodos de tiempo y estilos de arte a lo largo de los años han utilizado color de manera diferente y eso los define. Entonces tengo algunos ejemplos aquí, sólo tres rápidos. El primero, esta es una imagen Art Nouveau y se pueden ver algunos colores naturales reales y formas
naturales dentro de aquí donde usan tonos
realmente desaturados y neutros de este naranja y marrón, e incluso el verde es un bastante natural verde aquí dentro. Cuando pretendes usar este look desaturado, las cosas tienden a parecer más viejas. El segundo que tengo es un vitral del periodo Art Deco. Durante este periodo en el arte, los artistas usaron el color hasta el extremo. Hablé de tener colores de cortesía realmente brillantes aquí. Tenemos amarillo y morado y luego azul. Estas cosas tienen un contraste realmente alto y se siente no tan viejo como nuestro Nouveau por cualquier medio pero
sin duda puede empezar a sentirse un poco anticuado en mi opinión. El Art Nouveau ocurrió a finales del siglo XIX. El Art Deco es hacia mediados o hacia principios del siglo XX. Hacia mediados de siglo se tiene diseño de mediados de siglo. Tengo algunos sellos jalados aquí, una sensación de mediados de siglo para ellos. Personalmente me inspira mucho el diseño de mediados de siglo y creo que tenían la teoría del color correcta. Cuando digo eso, quiero decir, las cosas son brillantes y divertidas, animadas e interesantes pero no son dominantes como el Art Deco, verdaderamente sobre la vida moderna y la cultura popular. Entonces tenemos esquema de color split-complementario aquí entre el rosa y el rojo y el verde sucediendo, y un neutro de blanco y negro dentro de esto. Si me sigues en Pinterest, verás que guardo una colección bastante buena de cosas solo coloreadas. Cosas que me gustan, cosas que agradezco cómo se usa el color, y muchas veces usaré esto como un cuadro de resonancia para que yo construya ideas para el color. Entonces como sabemos un poco sobre la teoría del color y tenemos algo de inspiración para el color, echemos un vistazo a cómo he construido la paleta de colores para mi serie de insignias. Cuando decidí la idea de hacer atracciones de zona local en Wichita, tuve la idea de empezar con algo del branding para la Ciudad de Wichita que es este logo, así
como el sitio web y colores aquí. Por lo que originalmente acababa de tirar de su logo y tiré de estos colores. Tiene un tacto muy art deco. Mi opinión personal es que los colores son bastante horribles en este punto. El amarillo es demasiado brillante, este azul es demasiado oscuro. Todo se siente como si fuera de 1992, y tiene demasiado contraste en él. Pero empecé aquí y avanzé hacia esta paleta de colores, todavía
estamos tirando de sus colores básicos aquí. Pero estoy silenciando un poco los colores hacia atrás, estoy respirando un poco más de vida en este azul, estoy oscureciendo un poco el amarillo solo así no es tan llamativo y construye estos tres colores. Entonces supe que necesitaría algunos colores adicionales a lo largo de esta cosa y construí este naranja y rojo y verde para que coincida con estos. Por lo que terminó siendo un poco, no lejos de donde terminé pero aun así hay un poco demasiado rango dentro de estos colores y había demasiada varianza entre cómo se estaba aplicando en algunas cosas. Así que traté de volver a marcar eso un poco. Entonces tomé ese azul y esta naranja y luego le agregué un tono rojo ligeramente más oscuro a esa naranja y jalé en morado como color oscuro aquí, y luego incluso añadí en este azul más oscuro y empecé a experimentar un poco con eso. Añadamos este azul más oscuro a esta paleta de colores. Si viste mi trabajo en curso en el proyecto de muestra que hice, ya
has visto esto y la versión mucho peor que vino justo antes de esto. Entonces después de que me di cuenta de que necesitaba unos cinco colores aquí y me di cuenta de ordenar aplicarlo, no
estaba sintiendo los colores generales que había seleccionado. El color morado y el color naranja sintió pastel. Es casi un poco demasiado historias, muy poco kiddish, y así terminé tomando cómo se aplicó este color y tratando de construir algo un poco más útil y un poco menos caprichoso. Entonces para hacer eso tomé
las ideas de este azul y amarillo desde el logotipo original de Wichita hasta azul oscuro y amarillo. Sólo he hecho el amarillo un amarillo-naranja, he traído el azul al azul cielo y he añadido este azul más oscuro, y luego he añadido este rojo aquí también para construir un esquema básico de color primario que podría usar a lo largo de toda la serie de insignias. Siempre disfruté de los colores primarios pero pensé que parecía aplicable aquí porque estoy mostrando información primaria justo sobre la Ciudad de Wichita. También me ayuda a mantenerlo divertido e interesante sin ser demasiado caprichoso como la última paleta de colores. Además de eso, la razón por la que estoy escogiendo estos colores que tienen una gama, tienen una luz y una oscura, y luego una luz y una oscura de dos colores diferentes aquí para que pueda agregar estas cosas como sombras y destaca dentro de aquí. Entonces si le echamos un vistazo a esta insignia de lugar de exploración, se
puede ver que estoy usando el amarillo-naranja y el rojo como forma de dar forma a esta estructura del edificio, también
estoy usando el azul del otro lado
como sombra para darle alguna dimensión a estas cosas, y yo soy capaz de hacer eso con estos diferentes colores de tono claro y oscuro. También tengo una paleta de colores bastante amplia la cual sabía que necesitaba poder mantener las cosas interesantes de insignia a insignia y poder variarlas a medida que iba. A pesar de que tenía estos cuatro colores sabía que iba a necesitar unos cuantos más, y por unos cuantos más sé lo que busco son algunos neutrales. Una vez que hayas construido tu paleta de colores básica, podrías pensar en cómo puedes agregar algunos colores neutros para ayudar a redondear las cosas. En este caso estoy agregando un neutro de este azul-gris oscuro y este blanco. Hasta entonces realmente estoy agregando reflejos de blanco y luego usando este color oscuro como sombras aún más para aumentar el contraste aquí, y luego también solo para darme unos colores más y un poco más de rango ahí dentro. Entonces, por último, agregué este color de fondo neutro solo para dejar que las insignias se sientan ahí
atrás para que el blanco se desprenda del fondo en lugar de mezclarse. Entonces de eso se trata para este video. Esperemos que no te dé una base de cómo elegir colores, cómo construir una paleta de colores, cómo elegir algo que sea apropiado y tal vez incluso históricamente correcto, pero también divertido e interesante y lo suficientemente animado como para darte lo suficiente para poder aplicarlo a una variedad de diferentes insignias sobre tu serie. En este punto deberías tener un buen comienzo en las versiones vectoriales de tus iconos o insignias. Así que adelante y publíquelos a tus proyectos a medida que los
haces para obtener retroalimentación de otras personas y de mí mismo. Los veré en la tercera sección de esta clase.
7. Unidad y variedad: Oigan a todos. Bienvenido a la tercera sección de videos para esta clase. En esta última sección, vamos a estar hablando de formas de rematar una serie de iconos o insignias en las que has estado trabajando. Antes de empezar, sólo
quiero decir que hay una cantidad demencial de trabajo de buena calidad en todos sus proyectos. Creo que hasta ahora tenemos más de 110 proyectos, lo cual es genial. Es impresionante para mí ver la gama de diferentes ideas que están sucediendo
así como las diferentes formas en que la gente está visualizando las cosas que están haciendo. Si no has estado participando mucho, por favor sumérgete, echa un vistazo al trabajo de otras personas, agrega comentarios, y sé social al respecto, y sigue trabajando en tu proyecto también. En este video, vamos a estar hablando la idea de unidad y también variedad en tu diseño. Cosas de las que hablamos en todo tipo de diseño pero son especialmente importantes en esta serie en la que estamos trabajando. Voy a hablar en primer lugar de los elementos del diseño y luego hablar de cómo utilizar las ideas de unidad y variedad con esos elementos dentro de tu diseño. Te mostraré algunos ejemplos con las insignias que he creado. Vamos a sumergirnos en Illustrator aquí. Lo primero que voy a repasar son justamente cuáles son los elementos del diseño. Son opiniones ligeramente diferentes de las personas sobre cómo esto se descompone pero en general, cuando tomas todas las partes y piezas de diseño bidimensional, estaban hablando de diseño 2D plano, podemos simplificarlo en los elementos que incluyen línea, forma, color, espacio, he agrupado textura y patrón juntos para nuestros propósitos aquí, y luego forma. La forma es normalmente un elemento de diseño tridimensional, pero podemos implicar forma con sombreado, o resaltado, o perspectiva, todos modos para agregar dimensión a los vectores planos y formas que tenemos. De verdad rápido, sólo quiero darles algunos ejemplos y hablar a través de algunas de estas cosas. No uso mucha línea en mucho de mi trabajo, aunque me he estado presionando para usar más recientemente. Definitivamente no tengo mucho en ninguna de estas insignias que tengo como ejemplos. Utilizo principalmente la forma justa. Me encanta la forma y solo me gusta ver cuánto puedo hacer con ella. Pero sí tengo este ejemplo que es el guardián de las llanuras. Tengo las líneas que están conformando el puente aquí así como la línea que he usado para crear estas formas de pájaro en el cielo. Cuando he usado esas líneas, las he mantenido el mismo peso y al mantener el peso del trazo igual en sus elementos de línea dentro de cada insignia o icono, podemos agregar a esa idea de unidad dentro del diseño. También tengo un poco de variedad. Tengo estos pesos de línea aquí. Estoy usando estos como rectángulos y formas, la forma en que se están modificando así, y es más para darle a esta pantalla transparente de casi medio tono de línea aquí. Esas son ligeramente diferentes, pero aún tengo otras líneas dentro de aquí que agregan alguna variedad entre estas dos cosas. El siguiente elemento de diseño del que podemos hablar es la forma y ya hemos hablado mucho de forma. Apenas pasando rápidamente por todo aquí. Mantengo un sentido bastante unificado de la forma al
pegarme a la mayor geometría posible usando rectángulos, círculos, cuadrados, triángulos para dibujar tanto como pueda normalmente. Entonces incluso dentro de cada uno diferente, tengo algunos elementos recurrentes que están sucediendo. Tengo un círculo aquí dentro, y una forma de globo de círculo, y este círculo sucede en éste, y un círculo aquí arriba, y un círculo para el sol y un círculo para el baloncesto dentro de éste, y luego me dieron algunas nubes sucediendo en las donde puedo ver el cielo azul, este chorro que ayudan a crear un sentido consistente de forma a lo largo de todo. Por supuesto, no tengo esta cosa menguada para estar
solo en círculos o solo estar en plazas o algo por el estilo. Tengo esta variedad de formas dentro de aquí también. Todo tipo de tipos diferentes desde cómo creo este trofeo, hasta este telescopio, hasta la moto, hasta la jirafa dentro de aquí, y así eso me da una variedad dentro de este grupo unificado de formas que ayuda a crear interés pero cohesión también. El siguiente elemento que tenemos es el color. El modo en que mantengo las cosas unificadas en toda la serie aquí es mediante el uso de una paleta de colores establecida. Hablé de cómo construí y definí esa paleta de colores en un video de la sección 2. Pero de lo que no hablé es de cómo he creado variedad a través de cada una de estas cambiando la forma en que he aplicado el color. Una de las cosas principales aquí es que las insignias son de diferentes colores. Tengo azul, rojo y amarillo,
y luego las pancartas que cruzan el frente están alternando azul, rojo y amarillo. Algunos de ellos, incluso donde tengo como rojo y una pancarta azul al otro lado del frente en éste tengo rojo y amarillo. Aquí tengo azul y amarillo, y luego azul
y rojo, amarillo y rojo, amarillo y azul, etc. Dentro de las insignias reales, también
estoy editando exactamente cómo aquí el suelo es amarillo, aquí el suelo es rojo , aquí es negro, aquí el cielo es azul, aquí es negro, aquí es amarillo. Por mí agregando esta variedad a cómo estoy aplicando el color a través esta serie agrega de nuevo ese interés que mantiene intrigada a la gente mientras atraviesan toda la serie. El cuarto elemento aquí es el espacio. Hablamos del espacio como el lienzo que sostiene los elementos de diseño en los que estamos trabajando y también como el espacio negativo que está rodeando las formas. Una de las formas en que he creado la unidad a lo largo de todo esto es establecer esta línea de horizonte a través de cada una y esta es la misma en todas ellas. He añadido uno aquí que tiene alguna variedad a ella. nuevo el Guardián de las Llanuras. Tengo la línea del horizonte ligeramente más alta y luego la tengo rota de este lado. Originalmente había planeado hacer algunos más de estos y pensé que tal vez podría traer algo más de
esta ruptura de la línea del horizonte para agregar un poco más de eso para que éste no se sintiera tan aleatorio, pero aún no he tenido tiempo de llegar tan lejos. Entonces cuando los veo a todos juntos, realmente no siento que éste sobresale demasiado. Todavía te queda la línea del horizonte que estás viendo y aún así consiguió la división entre el cielo y el agua en este caso, y parece encajar bastante bien con el resto de ellos. Entonces por supuesto, a medida que avance con cada uno de estos, estoy agregando variedad por la forma en que estoy tratando el espacio que les rodea. Tengo este enfoque frontal o tengo este espacio negativo aquí y este terreno
aquí y es similar a éste pero ligeramente diferente y tal vez incluso similar a éste, pero ligeramente diferente aquí. Entonces tengo este que es un poco más pesado en el espacio negativo de este lado, que es un poco más parecido a éste pero diferente esos y alguna otra variedad entre estos otros como cómo la Ciudad Artes uno es tratado o el Guardián de las Llanuras o el Zoológico del Condado Central es un poco más pesado aquí en el lado izquierdo. Nuevamente, obtuve la idea de unidad con una línea de horizonte unificada y variedad con las diferentes formas en que estoy tratando este espacio creado por esa línea de horizonte. El siguiente es textura y patrón. Realmente no tengo ningún ejemplo dentro de este conjunto particular de insignias porque no usé textura en absoluto dentro de aquí. Pero de nuevo, querrías pensar en la textura de una manera que normalmente
mantendría la aplicación de la textura igual pero luego variaría exactamente donde podría estar aplicando esa textura. Por lo general hago esto con un conjunto de pinceles o formas dentro de Illustrator que está definido y luego repitiendo cómo uso esos pinceles o formas para aplicar esa textura, le da la sensación cohesiva pero sigue siendo interesante mirar como lo aplicado en diferentes lugares. Tengo un poco más sobre textura y también sombreado y los toques finales video, que es después de éste. Hablaré un poco más de textura ahí. El final aquí es la forma, y ya he hablado de eso un poco, en esa forma se suele describir como un elemento de diseño tridimensional. Pero también lo estoy usando aquí de varias maneras. En primer lugar, estoy tratando todo plano y así estoy quitando la forma o la dimensión de ella y realmente aplanando esas formas. Eso lo he hecho con todo y es justo la forma en que me gusta trabajar con normalidad. Pero luego vuelvo a entrar y estoy agregando alguna dimensión agregando sombras como esta sombra de edificio o la sombra de axila en este monstruo, o la sombra debajo del toldo del edificio aquí o aquí. También estoy agregando algunos resaltes adicionales y sombreado alrededor de la mala forma y en el fondo, esta aplicación de dos tonos, y luego también la forma que tengo esta perspectiva y sombreado en este banner. Le da sólo un poco de dimensión pero no demasiado. Entonces lo he usado de manera similar en todos ellos. Tengo esta división por la mitad con fondo, color está cambiando un poco. Tengo lo más destacado en todas las insignias, y luego tengo el mismo sombreado en todos los pancartas de las insignias. Esos son los elementos del diseño y cómo puedes usarlos para mantener todo unificado especialmente a medida que construyes esta serie. Pero también seguir agregando variedad para que cada vez que tengas una nueva insignia, estés trayendo algo nuevo al juego aquí y las cosas son ligeramente diferentes a la última insignia y diferentes a todos los demás, pero aún así sienten como si estuvieran en la misma familia. De eso se trata para este video. Los veré en la siguiente
donde te explicaré algunas técnicas de dibujo más avanzadas, y luego la última donde hablamos de toques finales. ganas de ver cómo ustedes comienzan a construir su serie de diferentes iconos e insignias.
8. Técnicas de dibujo avanzadas: Oigan a todos. Bienvenido al segundo video de la tercera sección, donde voy a estar hablando de algunas técnicas de dibujo más avanzadas; tengo todo un montón de cosas que mostrarte, voy a cubrir dibujo con trazos, voy a cubrir diferentes efectos de enmascaramiento, voy a hablar de usar la función de trayectoria de desplazamiento, y luego voy a hablar de solo crear algunas formas más complejas con formas geométricas como puntos de partida para esas. Yo sólo voy a saltar directamente a Illustrator porque aquí tenemos mucho que cubrir. Lo primero que realmente quiero mostrarte, hazlo al archivo correcto aquí es una técnica que uso para enmascarar cosas dentro de cosas. He recibido un par de preguntas solo preguntándome, ¿cómo creo un icono circular o un icono dentro de una forma? Normalmente, a medida que empiezas a dibujar cosas, podrías terminar con algo como esto, y siempre existe la posibilidad de que puedas crear una máscara y así lo que he hecho es duplicar la forma del círculo central en la parte superior aquí, y acabo de escoger todo sólo para mostrarles un ejemplo. Entonces si vienes a objeto y en algún lugar de aquí, creo que es máscara de recorte, y luego haces, verás que hace una
máscara de recorte con el objeto superior y pone todo dentro de ahí. Esto puede ser bastante útil, pero me resulta bastante difícil trabajar con porque cuando uso la herramienta de selección, la flecha negra aquí, Si quiero recoger objetos enteros dentro de aquí, no funciona. Sólo recoge la máscara de recorte como un objeto gigante. Puedes hacer doble clic en esto para entrar de aquí para editar y mover las cosas como de costumbre si quieres. Pero me parece un dolor hacer doble clic dentro, hacer doble clic afuera y las cosas y siempre termina con estos bordes extraños a veces y máscaras de recorte. Lo que prefiero hacer es en realidad usar solo otra capa y es una capa de Whiteout, y así para mostrarte un ejemplo aquí, mi capa es paleta. Tengo esta otra capa encima de estas dos capas, y todo lo que hay en esta capa es una forma blanca. Si echamos un vistazo a esta forma, verás que tiene un agujero perforado a través de ella. El modo en que hago esta forma es simplemente tomando una copia del exterior de mi objeto marcador de mapa aquí, y voy a pegar eso, y luego voy a dibujar un gran rectángulo blanco y moverlo detrás de esa forma, y entonces usaré el pathfinder para usar menos frente para perforar un agujero en esa forma. Utilizo el comando X y el comando F para pegarlo en una nueva capa, y lo haremos blanco. Entonces camino por ese camino. Ahora, tengo total libertad para entrar aquí, moverme, recoger objetos, trabajar como normalmente, decidir si quiero que se coloque dentro del círculo o fuera del círculo, etc. Eso tiene que ser un poco complejo ya que agregué el sombreado el anillo exterior por aquí y luego el estandarte al otro lado del frente así que terminé deshaciéndome de eso. La mayoría de ellos sólo traté de dibujar dentro de esta forma exterior, y por suerte tenía una forma lo suficientemente grande alrededor del borde de mi insignia que podía ocultar muchas cosas. Siéntete libre de probar de cualquier manera mientras trabajas con este diseño de insignia. Puedes probar máscaras de recorte. Puedes probar esta cosa del blanco fuera o puedes probar cualquier otro método que puedas averiguar para ocultar esa cosa. De lo siguiente de lo que quiero hablar es simplemente dibujar con trazos, y por lo general mucha gente usará trazos como contornos para las cosas. Cada forma tiene un relleno también tiene un trazo y luego puedo cambiar el peso del trazo por aquí, añadiré este trazo azul y lo haré un poco más grueso. Normalmente, aconsejo a la gente que no use estas cosas en absoluto. Porque todo lo que realmente hacen es empezar a agregar contraste a las formas innecesariamente, y también podrán cambiar la forma en que aparecen las formas. Yo quiero mostrarles exactamente lo que quiero decir aquí. Tengo esta forma de flor. Lo haré un poco más grande. Tiene cierta proporción de arriba a abajo, al ancho, a la altura y este punto llega a través de un punto y una cierta distancia del centro. medida que empiezo a agregar un trazo a eso, el trazo en realidad, déjame escoger un color diferente aquí, iremos con el verde, el trazo realmente se arrastra y cambia la proporción. Ahora bien, esto parece mucho más largo y más delgado de lo que era antes. No estoy pensando en la forma, solo
estoy usando el trazo para agregar detalles innecesarios. Normalmente, animo a la gente a no usar trazos cuando dibujan en absoluto. Pero puedo usar un trazo como forma. Aquí tenemos un par de ejemplos de cómo lo he hecho. El primero es esta moto de la insignia de dueno que hice y esta cosa está hecha prácticamente, esta es una forma, esta es una forma, los pedales son formas y estos círculos rellenados más pequeños son formas, pero el resto de esta cosa es un derrame cerebral. He hecho esto para que pueda asegurar la consistencia. El peso del trazo se mantiene igual aquí y soy yo solo usando la herramienta de segmento de línea y la herramienta de rectángulo. Yo vengo aquí y hago esta forma de bicicleta. Utilizo mi cuentagotas para recoger esa coyuntura cuadrada, y configuro aquí mi paralelogramo. Tiene que ser solo un poco más amplio. Entonces solo estoy usando la herramienta de segmento de línea para agregar estas otras partes del marco. Entonces eventualmente agregas las llantas y esta forma de círculo para cubrir las esquinas ahí, y pasas por ahí y añades la cadena y los engranajes también. Todo dibujado justo con trazos. Pero aquí estoy usando los trazos no para agregar un contorno alrededor de mi forma, pero literalmente los estoy usando como formas rectangulares en diferentes ángulos para construir las diferentes partes de este cuadro de bicicleta. Además, hay algunas cosas bastante útiles dentro de trazos donde puedes usar pinceles alrededor de trazos, y puedes crear pinceles personalizados para hacer patrones y diferentes tipos de cosas. También puedes usar las capacidades de línea discontinua de trazos. Yo lo he hecho aquí en esta agua desde la insignia de jardines botánicos que hice. De vuelta aquí atrás, tenemos esta fuente de agua, y luego estoy haciendo el agua con las capacidades de la línea de tablero en el panel de trazos. Para mostrarte un poco más, solo
seguiré adelante y haré un par de estas cosas. Lo que he hecho para crear este efecto de arco es simplemente comenzar con un círculo, y voy a eliminar ese punto inferior seleccionando sólo ese punto y borrándolo, usa la herramienta de lápiz para conectar y alargar los diferentes lados aquí, y luego cambia esta cosa a un trazo usando shift X. Cambiarla de amarillo a blanco, y luego tengo esta forma aquí abajo de esta agua que viene y otra vez. Ahora, para hacer la parte punteada de esta línea, tengo que entrar en el panel de trazos y lo
desconectaré para que puedas verlo un poco mejor aquí. Si no puedes ver esto del todo, puedes subir a Ventana y marcar el panel Stroke aquí mismo. Si no ves bien la línea del guión de inmediato, posible
que tengas que hacer clic en el pequeño desplegable para ver las opciones de presentación. Pero entonces deberías ver esta línea discontinua, y yo solo puedo comprobar eso y realmente tirar algo que está bastante cerca aquí. Probablemente porque había seleccionado esto antes, y así se pone automáticamente y tengo un guión de dos píxeles aquí. Puedo editar los guiones para que sean más cortos o más largos, y luego puedo editar el espacio entre esos guiones para darles ya sea más espacio o menos espacio en medio para cambiar la apariencia de cómo esta cosa está mostrando este patrón punteado . También puedes por supuesto, cambiar el peso del trazo, para cambiar el grosor de los puntos. Vamos incluso a salir esto sólo un poquito más. Usa aquí un píxel de dos y un de tres. Entonces tengo este efecto de trazo de guión que se siente como agua saliendo de una fuente para mí, y así entonces puedo empezar a usar otras versiones de esto. Solo estoy copiando y pegando y tipografiando uno nuevo, y usando la herramienta Reflect para voltearlo y poner uno de estos en el medio. Puedo agrupar esto juntos, y luego escoger los tres y alinearlos juntos, y entonces puedo empezar a agregar más detalles a medida que avanzas y mantener el mismo patrón que ya has construido en todos estos trazos. Añadamos este pequeño medio círculo aquí arriba, y luego nos sentiremos bien al respecto. Ahora tengo esta cosa, y parte del problema es que aquí abajo, esta cosa deja estas partes y pedazos de los guiones. Hay una forma de corregir eso, y es esta opción en el panel Trazo aquí mismo. Esto conservará la longitud exacta del guión o alineará los guiones con los puntos finales. Una vez que haces eso cambia para ser un poco mejor, y aún podemos dejar que C, aún cortando esta parte. Normalmente esto sólo toma un poco de ajuste manual. Vuelvo a cambiar al uso trazo exacto o longitud exacta del guión, y luego solo escojo un punto y lo muevo a donde esta cosa está alineada como quiero que esté, entonces normalmente no tendrás ese problema. Un poco de ajuste manual, pero no demasiado grande de un trato ahí. Es así como uso Strokes para dibujar a veces. Una de las otras cosas que quería mostrarles es sólo el Offset Path, y en realidad no tengo un buen ejemplo aquí, pero es una herramienta bastante útil que viene en la que uso bastante a menudo. Lo que tengo aquí es mi mala forma original, y lo que quiero hacer es empezar a crear diferentes colores ya que esta cosa se irradia. Podría agregar un trazo y empujarlo hacia el exterior aquí. Incluso puedo entrar en la paleta de apariencia ahí. Si arrastro y duplico esto, puedo agregar otro efecto de trazo que sea más grande, y sea de un color diferente. Si lo posicionamos debajo de éste, puedes empezar a ver a qué voy aquí. Pero la otra forma de hacer esto que en realidad prefiero para que no me preocupe trabajar con Trazos, es simplemente hacer nuevas formas usando la función Offset Path. Esto se puede encontrar en Object, Path, Offset Path. Cuando hago clic en esto, obtengo un pequeño cuadro de diálogo y puedes previsualizar lo que está pasando aquí. Se puede ver que simplemente empuja el camino hacia fuera en todas direcciones, una cierta cantidad de distancia. Puedo controlar la cantidad de distancia aquí en este panel. Probemos 0.25, haga clic en “Ok”, y eso me da una nueva forma aquí. Hagámoslo un color que se vea bien. ¿Qué tal este azul? Entonces incluso puedo hacer eso de nuevo, Objeto, Trayectoria, Offset Path, 0.25, y agregar amplitud por aquí. Simplemente siento que puede venir bastante útil cuando estás creando un tipo de pegatinas. De verdad rápido voy a pedir prestado este avión y te
voy a mostrar algunas otras cosas de dibujo sobre. Si tan solo tomo este avión, haré una copia de todo, lo pegaré al frente. Voy a usar el Pathfinder y unir todos estos objetos. En realidad necesito entrar aquí y limpiar unos puntos muy rápidamente. Hagámoslo solo para estar del lado seguro. Entonces si tomo esto y voy a Object, Path, Offset Path, estamos demasiado altos para lo grande que es esta cosa ahora mismo. Probemos 0.04 o 0.03 tal vez. Entonces volveré a golpear rápidamente la función Pathfinder unite. Cortaré la forma superior usando el comando X, eliminaré esta otra forma, pegaré esa forma de nuevo en el frente aquí y la enviaré a la parte trasera. Entonces puedo cambiar esto a blanco, y puedo empezar a crear este efecto de pegatina. Veo que tengo bastantes problemas aquí. Tengo un poco de forma extra aquí, y probablemente no necesito este espacio extra aquí. Es bastante pequeño y tienes un montón de cosas extra pasando aquí arriba pero en realidad no significa que suceda. Vamos a suavizar eso sólo un poco. Entonces todo un montón de cosas aquí atrás en la aleta cola por todos estos rectángulos extra que tengo aquí dentro. Esto va a tomar un poco más de lo necesario para mostrarte, pero puedes tener la idea de que aún necesito ir por ello y suavizar esto. Pero rápidamente tengo esta pegatina como efecto expandiendo el exterior de esto en todas direcciones. Esa es la función de trayectoria de desplazamiento, y hemos hablado de dibujar trazos. De lo siguiente de lo que quiero hablar es simplemente dibujar formas un poco más complejas, donde estás partiendo de formas geométricas reales, y luego también usando fotos como referencia para dibujar. Lo que tengo aquí es la insignia del Museo de Aviación de Kansas que creé. Vamos a ver sólo el avión, y cómo llegué a eso. De hecho dibujé bocetos para un pequeño avioncito como este, y probé algunas versiones diferentes de este tipo. Pudiste haber visto los bocetos para esto en mis bocetos, y acabo de escanear e importar el boceto, y luego rastreé eso y luego empecé a agregar algunos detalles aquí y allá. Pero simplemente no salía de la manera que yo quería. Lo que terminé haciendo fue raspar esta cosa, y luego entré a buscar imágenes de Google aquí, y acabo de escribir avión de los años 50, y empecé a navegar por ahí, mirando diferentes aviones y tratando de descifrar lo que no estaba haciendo bien, o lo que no me gustaba. Muchas cosas en las que me asenté fue que no me gustó la proporción, no
me gustó esta cosa burbujeante del espacio grande en la parte superior, se sentía todo raro. Después tuve algunas cosas que sólo sabía que estaban apagadas. Después de hacer esta búsqueda rápida, en realidad
terminé encontrando uno que me gustó bastante bien justo en la parte superior. Al mirar esta cosa, se
puede ver cómo he adaptado esto y combinarlo con algunos de los elementos aquí para convertirme en esto. Lo que en realidad haré a veces es configurar esto para que pueda ver ambas cosas con bastante facilidad. Aquí tengo mi imagen y tengo mi dibujo original, y puedo ver que están pasando bastantes temas. Conforme empiezo a atravesar y construir este nuevo avión basado en esta imagen de referencia, y mi viejo avión, una cosa que me gusta tener en cuenta y luego hago casi todo el tiempo es dibujar cosas a 90 grados, o ángulo horizontal, o vertical. Siempre puedo rotar las cosas más adelante en la vida, y se puede ver que tengo el mismo tipo de inclinado hacia atrás en esta rueda inferior aquí. Pero lo principal es que estoy dibujando esto directamente al otro lado inicialmente, y lo hago porque me ahorra mucho tiempo. Puedo usar rectángulos como este, y copias de esos rectángulos. No tengo que preocuparme de que se queden en el mismo ángulo. Echemos un vistazo aquí y cómo he creado algunas de las formas que están involucradas con esta cosa. Empujemos un poquito a este tipo. Ahí vamos. Es bastante sencillo. Empiezo con un rectángulo grande, y voy a cambiar a un contorno aquí para que veas lo que está pasando. Estoy agregando un punto a este rectángulo. Déjame en realidad seguir adelante y bloquear esta forma hacia abajo. Vuelve a esto, consigue la herramienta de bolígrafo, agregaré un punto aquí mismo, agarraré esto y lo deslizaré de vuelta a aquí, y luego la aleta de cola aquí es una de las formas más complejas. El modo en que estoy creando esto es comenzar con una elipse, y me dieron una elipse, solo estoy escogiendo un punto. Estoy dibujando desde el centro, bajando y lo estoy chasqueando hasta el punto de la parte inferior de este rectángulo, por lo que se alinean bastante bien y lo estiré un poco. Ahora, en cualquier momento que dibuje una forma, por supuesto, en cualquier momento que hagas puntos dentro de ilustrador, puedes volver atrás y editar esos puntos. Esta es la parte donde estoy
hablando, de más que tratar de establecer un punto y dibujar este camino sobre todo cuando estoy haciendo curvas, me gusta empezar con una elipse porque ya tiene proporciones de curva bien balanceadas, y tiene asas que son exactamente perpendiculares entre sí,
y a lo largo del camino aquí. Eso es realmente lo que me va a ayudar a hacer curvas más lisas. Empiezo con solo esos y solo agarraré este punto, puedes editar cualquier punto por supuesto en cualquier momento, y cambiar a la herramienta de lápiz. Empieza a editar un poco esta forma, y tal vez saca esto solo un poco más allá, e intenta arrastrar una vez más hasta que consiga una forma que sea suave con la que estoy contento. Entonces uso el truco que les mostré antes chicos usando una línea, y esta opción dentro del pathfinder donde dividimos los diferentes objetos, y me deshago de ese. Entonces todo lo que me enfrento es al otro lado de este avión, esta aleta de cola aquí. Cuando miras esta cosa, es bastante sencillo. Además, en realidad sólo voy a duplicar mi forma aquí otra vez. Voy a escoger este punto de aquí afuera, arrastrarlo, y luego sólo voy a manipular las asas también. Vamos a arrastrar esa hacia fuera, luego arrastraré esta forma hacia abajo, y estoy sosteniendo el turno mientras arrastro el mango con la herramienta de lápiz. Se hacen broches a ángulos de 45 grados, y luego puedo empezar a manipular un poco
la forma de la aleta caudal en base a estos pocos puntos. El resto de esto es bastante sencillo. Entra aquí y dibuja un rectángulo para el front end, usaremos Apple C, Apple F para hacer una copia de eso. Vamos a reducir esto hacia abajo, usar Apple C y Apple F otra vez, y arrastrar hacia arriba este rectángulo, y luego voy a arrastrar a este tipo hacia abajo para estar alineado con la mitad de este rectángulo. Entonces entramos aquí y movemos un poco este punto. Entonces este es un truco que uso mucho. Si realmente escojo el otro punto y presiono retorno en un teclado, voy a abrir el cuadro de diálogo de movimiento, y automáticamente rellena el último movimiento, para que veas que moví ese punto 0.0098 pulgadas. Simplemente entraré aquí y borraré el aspecto negativo, y se moverá en la dirección opuesta. Si fuera positivo, lo haces negativo, si es negativo, lo
haces positivo, y eso mueve estos puntos en la misma cantidad. Entonces solo tomaré esto, haré una nueva copia de ella, usaré la herramienta Reflect, agarraré ambas formas, usaré el Pathfinder, retrocederé esta cosa, lo estiraré un poco, así que se conecta sobre esto, y luego dibujaré desde el punto central otra vez con un círculo, salgo aquí, y luego tomaré este punto y lo sacaré un poco más lejos para hacer ese empuje. Más o menos las mismas cosas que suceden aquí. Simplemente haz un rectángulo, escoge los dos puntos inferiores, arrástralo sobre. Agarramos un círculo aquí, lo
pegamos al frente, hacemos un círculo más pequeño. Les estoy mostrando esto chicos rastreándolo, solo para ahorrar tiempo aquí. Bueno, lo que estaba haciendo en realidad era volver atrás y mirar esto y comparar esto. Entonces cuando miras el tamaño aquí, puedo ver que tengo una rueda bastante más grande en la parte delantera que en la parte trasera, y así esa fue una de las grandes diferencias en esta de aspecto raro, porque no tenía del todo la porción de rueda derecha la distancia de la pierna aquí para la rueda, y así volví a entrar y solo estoy mirando
la vista aquí y luego tratando de igualar la proporción. Muchas veces no trazo directamente de una foto ni nada, sólo porque no quiero sentir que estoy copiando demasiado. Definitivamente no quieres trazar diseño de
nadie más ni los elementos de nadie más ni nada por el estilo, pero puedes ver cómo estoy usando esto como referencia para construir una proporción para esta cosa. Entonces sólo voy a volver a entrar y añadir mi propio sabor a esta cosa. Ya has visto cómo estoy dibujando todo con rectángulos. Incluso haremos esta forma de triángulo con un rectángulo, lo
estamos dibujando y simplemente quitando un punto. Haré esta forma con un rectángulo arrastrando ese punto hacia abajo y luego usando la herramienta de lápiz para conseguir un mango para darle a esto una ligera curva. Entonces usaré esa forma y usaré el frente menos para cortar la puertita aquí. Entonces puedes ver el mío es mucho más grande que el suyo, me fastidia tomar la decisión de agregar un poco más de espacio negativo aquí para que las cosas no se vuelvan demasiado locas. Ya tengo casi todo el avión dibujado, excepto las alas. Para ello, solo estoy dibujando una elipse y cortando mitad y luego
duplicándola, bajándola hasta aquí, y luego haciendo un rectángulo más delgado, arrastrándolo, luego duplicaré eso y lo ajustaré a el frente de este tipo. Entonces me quedan dos elementos. Se puede ver que estoy tomando prestado este patrón rayado. Simplemente disfruto de verdad la forma en que se veía esta cosa, y así que quería agregar ese patrón rayado ahí dentro. Después agregué mi propia estrella y se puede ver que la proporción en el patrón despojado es totalmente diferente. Adelante y sumamos la estrella y ampliamos eso, haré blanca. Ahora tengo casi todas las formas básicas que necesito aquí. Rápidamente voy a volver a entrar y sólo añadir el color, hacer las alas rojas, y voy a hacer esta parte roja, y esta parte de rojo. Entonces para agregar las rayas aquí, ya que ya conseguimos la forma, es relativamente fácil. Yo sólo voy a dibujar un rectángulo, lo voy a hacer blanco. Entonces sosteniendo opción, haré una copia de la misma. Después arrastraré la segunda copia y luego usaré el comando D o editaré la función Duplicar. En algún lugar de aquí debería decir Duplicar. Entonces solo tomaré esta cosa y haré otra copia usando esa primera copia como mi espaciado, y luego solo usaré el comando D u Object,
Transform, Transform Again, No sé por qué lo llaman Transform Again. Creo que solía llamarse Duplicate, que es de donde vino ese comando D, me tiene mucho más sentido simplemente duplicar esa copia aquí. Entonces tomaré todos estos y les haré un camino compuesto con el mando 8. Haré una copia de esa primera forma, luego usaré el Pathfinder de intersección que te he mostrado antes para hacer las rayas en la aleta de cola aquí. Ya puedes ver necesito un poco más de ajuste para que los problemas de espaciado sean correctos. Esto es un poco demasiado pequeño aquí abajo y no me gusta cómo sale el blanco por ahí. las últimas cosas que hacer, empezaré a sumar algunos de los detalles más pequeños. Estos son bastante simples, y el hecho de que estoy agregando algo de sombreado aquí solo
haciendo copias de formas. Pegaré uno nuevo al frente o quitaré éste y luego haré ese negro para agregar ese tono ahí dentro. Entonces en realidad haré una copia del cuerpo principal aquí y arrastraré hacia fuera la línea otra vez, use la división Pathfinder, borre la parte superior, haremos este negro también. Entonces sólo voy a llevar mis alas al frente. Tenemos una forma más aquí, necesita ser negra. Tenemos que añadir un poco
de sombras aquí y aquí. Entonces, por último, añadiré esta última sombra haciendo una copia y pegándola en este ala delantera. Entonces subiré y te mostraré el truco que acabo de mostrarte. Vamos a Object, Path, Offset Path. Vayamos a 0.25 pulgadas, se ve bien. Por lo que tengo un camino un poco más grande. Entonces voy a copiar y pegar estos dos rectángulos o mandar 8 ellos en un camino compuesto. Entonces escogeré mi más grande, usaré el Pathfinder de intersección. Haré esos negros, luego traeré mi original forma roja ahí arriba, y eso me pone este efecto de sombra debajo de aquí. Ahora tengo mi avión. El último pedacito aquí que
seguramente son algunas de estas cosas antes es con la herramienta de rotación, y así que solo te daré una referencia aquí, es como un gran campo de oro aquí. Lo último que hago es agarrar la herramienta de rotación, decirle que gire en este punto de anclaje y que se asiente en el suelo. Por lo general es bueno guardar una copia de estas cosas porque una vez
que hago esta rotación, me cuesta rotarla de nuevo y se me hace más difícil hacer ediciones fácilmente. Se puede ver cómo cuando dibujo en este ángulo de 90 grados o plano, es rápido y bastante indoloro. Voy a tratar de dibujar esa cosa en este ángulo, es mucho más difícil y lleva más tiempo. Eso es rápido, una modificación de forma un poco más avanzada, un poco más sobre el Pathfinder y puedes ver cómo estoy haciendo algunas de estas formas más complejas, empezando por esas formas geométricas básicas y usando esta imagen como mi referencia. De eso se trata para los temas avanzados de dibujo. Tengo un video más para compartir con ustedes chicos, se trata de retoques finales. Hablaremos un poco de sombreado e iluminación y textura, luego simplemente construir cosas y sacarlas para sus destinos finales. Los veré en el último video.
9. Toques finales: Bienvenido a lo que tristemente es el último video instruccional de este curso. Espero que ustedes hayan aprendido mucho en el camino. Tengo algunas cosas finales que quiero mostrarles. Apenas algunas técnicas de acabado o toques que puedes hacer y luego también cómo preparar tu obra de arte para exportarla para su destino final. A la computadora vamos. lo primero de lo que quiero hablar son sólo las sencillas, pequeñas técnicas de sombreado que he añadido para darle a esta cosa sólo un poco más de dimensión. Se puede ver que tengo esta sombra interior ocurriendo dentro de este círculo. Este sombreado completo para empujar el centro hacia adelante, y luego un punto culminante alrededor de la insignia, y luego algo de sombra en esta cinta también. Antes de hablar de eso, solo
quería volver a tocar rápidamente el hecho de que construí una paleta de colores que ya tenía algunas capacidades de sombreado dentro de ella. Podría usar cosas como este azul y el color casi negro sin tener que hacer ningún sombreado adicional. Solo estoy usando los de mi paleta de colores, que luego me ayuda a construir las relaciones de forma porque ese color es el mismo que este color. No solo estoy sombreando las cosas al azar. Lo mismo con el rojo siendo una sombra de amarillo y como te mostré antes, incluso
hay algunas capacidades más ahí dentro con como el azul siendo la sombra para el rojo o el amarillo, etc. Fuera de esos aunque, ya puedes ver también estoy agregando estos otros toques. Estas son algunas cosas bastante simples en las que se puede pensar. El modo en que estoy haciendo esto es sólo con diferentes formas que son o bien negras, y ver que se trata de un verde azulado negro o blanco. Entonces estoy usando la paleta de transparencia para cualquiera de las pantallas si esto es blanco o multiplicar si estos son negros, y los estoy dejando atrás alrededor del ocho por ciento. El pantalla en los aspectos más destacados al 10 por ciento. Todas las sombras entonces se multiplican con negro al 15 por ciento. Entonces solo estoy usando diferentes formas encima de esas otras formas. De verdad rápidamente aquí. Si solo tomo mi círculo muy interior y copiaré y pegaré dos copias al frente, y luego muevo la copia superior un poco, y la escala hacia arriba un poco, y luego las escogemos a los dos, y usaremos el frente menos. Entonces haz que esto sea mi negro oscuro, ponlo a multiplicar, y pon esto abajo 15 por ciento, obtengo esa apariencia de sombra interior aquí. Entonces en lo más destacado aquí en el exterior, elimino eso. Escogeré mi mala forma, haré una copia de la misma. Se puede ver que estoy usando este truco para dividir todo por la mitad. Toma mi original, y entonces en realidad he agarrado esto. Utilizamos la herramienta de báscula desde el centro. Escala hacia abajo apenas un poco. Copia eso, deshazlo, pega esos. Usa el filtro de intersección para obtener esa forma un poco más pequeña. Después se metió en el lugar correcto, en este caso sólo voy a hacer eso y llevar la cinta a la parte superior. Entonces pondré esta cosa en blanco, estableceré el modo de transparencia, la pantalla, y dejaré esto de nuevo como un 10 por ciento. Entonces tengo un par de esos, uno en el fondo pasando y luego esas formas aquí abajo en la cinta también. Siempre que sombrees las cosas ten en cuenta que son
el resaltado y la sombra los que se agregan en la dimensión, por lo que puedes pensar en cómo agregar ya sea el resaltado, o la sombra, o generalmente ambas. Eso es eso. Segunda cosa de la que quería hablar es el uso de la textura. Me han preguntado esto un par de veces, y así que quería asegurarme de que lo muestro aquí. No tenía ningún ejemplo de la serie de insignias que hice, pero sí tenía estos otros ejemplos para
estos pequeños iconos de ilustración de spot que están en la sección info de la clase. Tengo este trabajo textural sucediendo y solo quería hablar rápidamente de cómo trabajo con esa textura como forma para aplicar ese sombreado. Lo que tengo aquí es una versión sin textura de esta cosa dibujada con sólo las formas básicas. Entonces tengo este gran gigante de una forma aquí. Es algo que creé solo usando un pincel de puntilla y tinta, y luego en vivo rastreándolo. Aquí tengo esta gigantesca figura y voy a usar esto para aplicar este trabajo textural aquí. Lo primero que voy a hacer, y esto es algo que vas a querer tener en cuenta en cada vez que aplique estas texturas para usar caminos compuestos. Hemos hablado de ellos en varios de los otros videos, puedes venir a Object, Compound Path, y Make or Release aquí. Pero ahora mismo esta cosa después de que vivo trazo es un grupo, y lo que quiero que sea esto es un camino compuesto. Voy a usar el Comando 8 para convertirlo en un camino compuesto. En primer lugar seguiré adelante y bajaré en el de atrás. Esto es realmente simple, es algo que ya he hecho, enviaremos a la parte de atrás. Yo escogeré esto. Seleccionaré el color naranja, y en este caso en lugar de pantalla, o blanco, o sombra de negro, todo lo que voy a hacer en realidad es establecer este color para que sea un poco más ancho. Necesitamos sólo un mechero de pelo que eso. Ahí atrás está el principal sombreado textural. Simplemente caminaré esos. Entonces el único otro trabajo textural que tengo es alrededor de los bordes de este objeto. Voy a escoger eso, mantenga presionado Shift, haga clic y arrastre todo para que anule la selección de esa forma y escoja todo lo demás, y luego camine esos. No tengo que preocuparme por ellos. Estas cosas se pueden poner bastante agitado para mirar bastante rápido, y así que si puedo caminar por algunas de esas formas que no necesito estaremos mejor. Entonces todo lo que necesito hacer, vamos a seguir adelante y establecer el color que quiero usando el cuentagotas y mi otra forma. Entonces solo entraré aquí y redondearé los bordes, y duplicaré esta cosa un par de veces. Hasta que siento que he conseguido la cantidad correcta de textura en esa forma. Ocasionalmente, utilizaré la herramienta “Rotar” solo para ayudar a evitar cualquier patrón que se repita. Podemos empujar a este tipo para que se ponga un poco más, y tal vez un poco más en esta esquina estaría bien. Lo que puedes hacer desde aquí es crear una máscara de recorte como ya he hablado antes. Pero una de las cosas que sucede es cuando trabajo con estas formas realmente complejas, ilustrador empezará a empantanarse y empezará a correr un poco más lento, y así me gustaría tratar de mantener esto lo más limpio posible. Yo lo hago sumando todos estos, ven al Pathfinder, los
uniré, para deshacerme de todos los millones de pequeños puntos donde se superponen. Tomará un segundo aquí, tal vez dos segundos, y eso ayudará a deshacerse de algunos de los puntos. Pero entonces lo grande es que tomo copia de esto, lo
pegamos al frente. Lo haré del mismo color que estos porque cuando escojo ambos objetos,
y uso el filtro de intersección y el Pathfinder, usará el color de la forma superior. Lo que debería pasar es, voy a recibir este error. En realidad planeé esto, dice que el pase de intersección no han producido ningún resultado basado en este filtro Pathfinder. El motivo de eso es porque cuando uso la función de unir, hace de este camino compuesto un grupo de nuevo. Eso es un problema para algunos de los modos Pathfinder especialmente la función de intersección. Necesito hacer de esto un camino compuesto golpeando de nuevo “Comando ocho”, escoge esa forma superior una vez más. Usaremos el filtro de intersección, y recortaremos ese exceso de millones o dos millones de puntos y quedaremos con sólo esta forma. Hay un sombreado textural dentro de esta otra forma. Es más difícil volver atrás y editar esto, pero te ahorrará más tiempo a la larga tener a illustrator corriendo más rápido en el front end. Entonces di, si necesito volver aquí y añadir más sombreado, solo
volveré y añadiré más. Si necesitas quitar algunos, puedo entrar aquí y borrar algunos o simplemente puedes plano empezar de nuevo. Porque me tomará menos tiempo remodelar esto que para que me
quede sentada aquí y espere dos o tres segundos cada vez que estoy tratando de hacer algo dentro de ilustrador. Entonces eso es sombreado y texturizado, que son dos, en mi opinión, toques
finales para diseñar cosas. Me gustaría empezar y construir forma,
y dar forma a las relaciones y la composición, y diseñar todas esas cosas primero y luego agregar iluminación o sombreado o texturizado. No tienes que guardarlo hasta el final, pero para mí es más fácil y entonces puedo asegurarme de que pase más tiempo realmente diseñando la insignia, o icono, o elemento primero. Lo último que quiero mostrarte es prepararte esta cosa para prepararte para exportar. Para nuestros propósitos aquí, lo que les voy a mostrar es usar esta cosa en pantalla. Creo que muchos de ustedes probablemente están diseñando insignias para sitios web o blogs, o algo por el estilo. Te voy a mostrar algunos trucos aquí para esta
cosa esté lista para exportar como archivo PNG. La gente que va a imprimir, no tiene que preocuparse tanto por esto. Pero a veces puede venir bastante útil solo para asegurarse que todo en él esté en su lugar correcto antes de ir a la producción. Ahora mismo, normalmente, lo que quiero hacer es “Archivo” y “Exportar” y haremos un PNG. Seguiré adelante y usaré aquí el tablero de arte y lo guardaré en mi Escritorio. Exportaremos este PNG. La resolución de pantalla está bien. Normalmente, lo dejo caer a Art Optimized Superampling, en lugar de Tipo Optimizado. No he visto realmente mucha diferencia entre los dos, sobre todo trabajando en esta clasificación de iconos más pequeños. Pero sigo adelante y lo hago de todos modos la mayor parte del tiempo, así que eso hará que ese archivo PNG. Entonces puedo entrar a Photoshop y echaré un vistazo a esto. Ahí está mi PNG final. Ahora, desafortunadamente, hay algunos problemas con esta cosa y muchas de las líneas son difusas. Se puede ver cuando realmente zoom para que me guste esta forma, es como un poco borroso por aquí. Algunos de los anti-aliasing que está sucediendo cuando genera ese archivo
PNG está empezando a hacer que todo no se vea tan bien. Hay dos formas de combatir esto. El primer camino es si miras o lees a través del tutorial perfecto de pixel que se publican en la segunda sección, puedes ver cómo puedes configurar una cuadrícula de píxeles y encaja todo a esa cuadrícula de píxeles, y eso debería eliminar la mayor parte de estos problemas. No obstante, como algunos de ustedes han experimentado, eso a veces puede hacer de dibujar cosas, un dolor. El resto de las formas que hago es simplemente sacar esto primero. Entonces si llegas al menú “Ver” en illustrator,
en la parte superior, está esta opción Pixel Preview. Tenemos un atajo de opción “Comando Y”. Cuando haga eso te dará esta vista de Pixel Preview. Cuando estoy acercando, puedo empezar a ver algunos de esos problemas anti-aliasing. A pesar de que esto parece píxeles, todavía
tengo todos mis caminos que puedo seleccionar aquí. Puedo solucionar la mayoría de los problemas eligiendo estas rutas y ajustándolas al píxel. Cuando estoy en el Pixel Preview y tenemos Snap to pixel checado, también en el menú Ver, realidad
puedes simplemente elegir estas cosas y moverlas rápidamente, ya sea toda la forma que puedes ver. Solucionar el problema que estaba teniendo con la parte superior o quitar la parte inferior, sólo la parte inferior. Cuando lo muevas, se chasqueará a un píxel. A veces hay que salir y luego volver, y luego vamos a derribar eso. Lo mismo aquí, justo fuera en este caso, justo ahí fuera. Subiremos uno ahí, arriba uno, y luego abajo uno sobre todos. Voy a traer este de ida y vuelta una vez allá, ven a este tipo y lo traigo para arriba. Este abajo, mira nuestra forma azul que es un problema bastante grande. Sube y baja, y luego puedes mirar nuestra lámpara de calle incluso, y las formas que se construyen en eso. Entonces muy fondo de este azul, es un problema. Un cartel callejero de este lado también es un problema. Al igual que nuestros estos detalles aquí. Usar ese Pixel Preview y simplemente moverlos, un píxel arriba o un píxel abajo, chasquear estas cosas, debería darte una vista previa mucho más
nítida, más nítida dentro de ilustrador. Entonces podemos seguir adelante y volver a exportar un archivo PNG. Déjame hacer eso una vez más y usar el tablero de arte. Sobrescribiré mi anterior, escogeré “Art Optimize”, reemplazaré eso, y luego volveré a abrirla. Podemos ver ahora las cosas son mucho más nítidas dentro de Photoshop. Las cosas van a quedar mucho mejor en pantalla. Eso es todo por estos videos. Como dije, espero que ustedes hayan aprendido bastante. Esperemos que estas técnicas de acabado y las cosas cubiertas en la tercera sección de la clase
te ayuden a terminar tu serie de
una manera única e interesante y a prepararla para el mundo real. Si ustedes tienen alguna pregunta, por favor sigan publicándolas en la sección de preguntas
y respuestas, y las responderé tan rápido como sea posible. Entonces estaré pasando y comentando tus proyectos tanto como pueda también. Realmente estoy deseando ver cómo salen las cosas. Probablemente haré un video de recapitulación también al final de clase,
así que los veré ahí chicos. Gracias.