Transcripciones
1. Introducción: Hola, soy Anne Bracker y soy diseñadora gráfica e ilustradora. Trabajo en una pequeña agencia en Kansas City, y también soy freelance por el lado. Tengo una tienda de Etsy, tengo un canal tutorial de YouTube. También hago imágenes de stock para sitios web de stock. hoy, les voy a hablar de ilustrador. Cómo configurar tu espacio de trabajo y luego alrededor de la mesa de trabajo. Cómo usar las herramientas y luego saltaremos directo a crear formas, y usar caminos y trabajar con tipo. Una vez que aprendas esos tres, realmente
podrás crear lo que quieras en Illustrator. En cada lección, estará creando un nuevo gráfico. Si estás siguiendo y creando estos gráficos, al final de la clase, tendrás muchos gráficos diferentes en diferentes estilos que puedes agregar a tus propios proyectos. En mis años de trabajo con illustrator, he aprendido mucho sobre personalizar mi flujo de trabajo, y usar muchos atajos de teclado para acelerar el proceso y repasaremos esas cosas también. No necesitas ningún conocimiento previo de ilustrador para tomar esta clase. Pero, si eres un usuario intermedio o avanzado, hay muchos consejos y trucos que estaremos cubriendo en el camino. Te garantizo, aprenderás algo. Estoy súper emocionado de estar enseñándote sobre ilustrador. Empecemos.
2. Configura tu espacio de trabajo: El primer paso para crear un nuevo gráfico en Illustrator es crear un nuevo documento. Entonces, hagámoslo ahora. Está bien. Entonces, primero, iremos a Archivo, Nuevo. También puedes pulsar Command N en tu teclado. Esto subirá la nueva ventana del documento. Un gran lugar para empezar con Illustrator es solo tu carta aquí mismo. Lo tengo bajo Recientes y luego puedes ir a Imprimir y elegir Carta aquí. Me gustaría empezar con el tamaño de letra porque siento que tengo mucho espacio para trabajar. No es demasiado pequeño, así que puedo usar todas mis capacidades de zoom, pero no necesitas ir realmente enorme con él, tampoco porque siempre puedes escalar tu vector sin perder desigualdad. Illustrator automáticamente lo pone en puntos, pero como vamos a estar usando este gráfico probablemente en la web en algún lugar, vamos a dejar usar píxeles. Seiscientos píxeles por alrededor de 800 píxeles es un buen tamaño. No es demasiado pequeño, no es demasiado grande, y no va a ralentizar tu computadora ni nada por el estilo. Cuando abras tu documento por primera vez, verás herramientas por aquí a la izquierda. Aquí arriba, tendrás tu panel de control, y si no ves eso, debes seguir adelante y abrirlo, ve a Ventana, y luego Control. Entonces, por aquí a la derecha, verás muchas ventanas. Estos pueden ser realmente personalizados para que se ajusten a su flujo de trabajo. Estas son las tres secciones principales, así que vamos a repasar cada una individualmente. Existen cuatro herramientas esenciales que
te ayudarán a crear casi todo en Illustrator. Ellos son las herramientas de selección las cuales están justo aquí arriba. En realidad, voy a sacar esto
así, para que tenga dos filas en lugar de una. Es sólo un poco más fácil para mí trabajar. Estas cuatro herramientas te ayudan a seleccionar partes de tu obra de arte en la que trabajar. El siguiente es la Herramienta Pluma. Con esta herramienta, puede hacer clic y arrastrar para tirar de los tiradores para crear formas. Definitivamente vamos a repasar esta herramienta mucho más en profundidad después. A continuación, iremos a la Herramienta Tipo. Puedes mantener pulsado el ratón y ver variaciones de las herramientas de tipo. El principal que estarás usando es ese top sin embargo. Cuando veas una pequeña flecha en la esquina inferior derecha de una herramienta, eso significa que tiene variaciones debajo y puedes mantener
pulsado el ratón y ver cuáles son esas variaciones. El último grupo de herramientas esencial es el Shape Tools. Estos son tu rectángulo, un rectángulo redondeado, elipse y sigue. Entonces, definitivamente cubriremos los con más detalle más adelante también. Todavía hay muchas herramientas secundarias que
también a medida que voy por el proceso de creación de gráficos. El panel de control aquí arriba que acabamos de abrir te
mostrará propiedades de lo que has seleccionado. Entonces, si lo destacamos con nuestra Herramienta de Selección, puedes ver que ésta tiene un trazo de un punto sobre ella, un relleno blanco, un contorno negro. Te da muchos detalles diferentes sobre ese gráfico. Si decidimos escribir algo con la Herramienta Tipo, toda esta información cambiará. Parte de ella se mantiene igual que el relleno y el trazo, pero ahora tenemos el tamaño de punto de la configuración de párrafo de tipo y muchos detalles diferentes como ese, esto cambiará en función de qué herramienta hayas seleccionado. Cuando abres tu documento por primera vez, estas tres ventanas son lo que surgen. Estos son muy personalizables. Yo personalmente no uso algunos de estos, así que vamos a seguir adelante y deshacernos de ellos. Propiedades parecen redundantes para el panel de control. Te va a mostrar información muy similar a lo que hay aquí arriba. Entonces, voy a seguir adelante y sacar esto y sólo X fuera de él. Lo mismo con las bibliotecas, sé que esto es algo que la gente usa realmente, y si este mensaje o flujo de trabajo por todos los medios lo mantienen ahí. Pero para mí las bibliotecas no es muy útil, así que voy a seguir adelante y X fuera de eso fue a. El apartado de ventana es una de las partes más personalizables de Illustrator. largo de los años, realmente resolví lo que me funciona mejor en cuanto a qué ventanas necesitan estar afuera. Ellos son los que más uso. Entonces, si encuentras que estás usando mucho alguna ventana, necesitas tenerla arriba en todo momento. Entonces, vamos a personalizar este espacio de trabajo después de mi propio espacio de trabajo, pero si encuentras que estas ventanas no están funcionando muy bien para ti,
por todos los medios, cámbialo para que coincida con tu flujo de trabajo. Lo primero que voy a hacer es simplemente abrir todas las ventanas que usé con más frecuencia. Entonces, subiremos aquí a Ventana. Voy a levantar carácter y color. El personaje está bajo Tipo. Entonces, tiraremos esa ventana hacia arriba. A continuación, obtendremos la ventana Color. Entonces, también uso realmente Muestras todo el tiempo. Entendemos que eso subió. Eso viene ya con pinceles y símbolos, que también uso bastante. También abriremos los tableros de arte y los enlaces. Subiremos la paleta de transformación, que también tiene el Align y el Pathfinder en ella. Por supuesto, ya tenemos capas arriba. Otro que me encuentro usando mucho es el trazo. Entonces estilos gráficos y apariencia. Ahí está Apariencia y los Estilos Gráficos. ¿ De acuerdo? Ahora, tenemos todas las ventanas arriba. Ahora, solo es cuestión de romperlos donde necesitan ir. Entonces, voy a mover personaje todo el camino hasta la parte superior, encima de las capas, y se puede ver cómo hace una pequeña línea azul. Si consigues un rectángulo azul alrededor de esa caja, eso significa que lo vas a soltar en la misma ventana que las capas y eso no es lo que quiero. Yo quiero que ponga la pequeña línea azul en la parte superior y eso la pondrá encima de las capas. Párrafo está bien para mantenerse abierto, pero no necesito de tipo abierto así que solo arrastraré ese y X fuera de él. A continuación, montaremos las muestras. Quiero esos justo debajo de mi paleta de caracteres y párrafos. Entonces, esperaré a que vuelva a tener esa pequeña línea azul y encaja eso. Entonces, tengo carácter, muestras, y capas. A continuación, haremos la paleta de transformación. Sólo lo moveré justo aquí. Yo quiero esto en la parte inferior así que esperaré hasta que haya uno azul subrayado ahí, y pondré eso ahí. Ahora, me he olvidado de mis tableros de arte. Yo quiero poner esos entre las capas y la transformada. Entonces, solo voy a flotar hasta que consiga el subrayado azul. Entonces, creo que decidí que quiero que mis capas estén en la otra fila. Entonces, haré clic en capas y sacaré eso. Ahora, solo puedo ponerlo justo en contra de esa fila hasta que consiga una línea vertical azul y solo suelte en esos snap. Los estilos gráficos y la apariencia realmente funcionan bien juntos,
así que me gusta tenerlos separados. Entonces, voy a sacar los estilos gráficos, y entonces simplemente lo haremos al fondo de éste. Entonces, tiraré todo el asunto hacia abajo y lo partiré hasta el fondo de esta fila. Eso nos deja sólo con derrame cerebral. Voy a poner eso justo aquí. Está bien. Entonces, ahora nuestra ventana está configurada y estamos listos para ponernos a trabajar. Algunas de las ventanas tienen opciones extra y creo que es una buena idea expandirlas para que puedas verlas. Todo lo que necesitas para hacer eso es hacer doble clic justo en la palabra; por ejemplo, trazo. Cada vez que hagas doble clic en
eso, te mostrará diferentes opciones de la paleta de trazos. Entonces, queremos tenerlo ampliado para que podamos ver todas estas opciones aquí. ¿ De acuerdo? Entonces, ahora tenemos todo configurado, exactamente donde necesitamos ser lo más eficientes posible. Esto es algo realmente grandioso de hacer. Al principio, sé que parece mucho trabajo pero
realmente puede ayudar a que tu carga de trabajo se acelere tanto como sea posible.
3. Optimiza tu flujo de trabajo: Entonces, lo último de Illustrator es el lienzo real, esta área blanca donde estás creando ilustraciones. Yo como que pienso en el área blanca como los pintores Lienzo. Entonces, esto es todo lo que quieres incluir en tu obra de arte. El área gris afuera, puedes hacer lo que quieras con. Si decidiste que tenías una forma que ya no querías, pero quieres mantenerla ahí fuera como referencia, esto no se imprimirá, pero esta voluntad. Entonces, esa es una buena manera de pensar en las mesas de trabajo. Otra forma de orientarse dentro la Mesa de Trabajo es abrir sus gobernantes, que es Comando-R. El gobernante te mostrará qué tamaño tiene tu Mesa de Trabajo en este momento en cualquier unidad que elijas. Por lo tanto, puedes Control-click y ver otras unidades. Si querías cambiarlo a pulgadas, puedes hacerlo aquí mismo. Lo volveré a cambiar a pixeles por ahora. Una vez que tengas tus reglas R, puedes arrastrar fácilmente guías de tu regla a tu mesa de trabajo, y de esa manera, puedes alinear objetos a lo largo de esas guías, y eso puede ser útil. Si ya no quieres ver a los guías, puedes hacer Command-Semicolon, y también puedes conseguir que vuelvan de la misma forma que simplemente los alterna. Si quieres ver tu Mesa de Trabajo en una vista diferente, solo
puedes golpear la letra F. Si la golpeas una vez, ocultará el nombre del archivo y te dará un poco más de espacio para moverte por tu Mesa de Trabajo. Si lo vuelves a golpear, lo ocultará todo excepto tu Mesa de trabajo. Si tienes una pantalla pequeña, esa es una manera realmente buena de verlo todo a la vez. La mejor manera de moverse por tu Canvas es con una herramienta Mano, pero en lugar de ir por aquí y hacer clic, una forma realmente rápida de hacerlo es simplemente mantener presionada tu barra espaciadora y luego hacer clic y arrastrar, y puedes moverte por tu Canvas de esa manera. De hecho, realmente recomiendo hacerlo de esa manera, es mucho más rápido. Otra forma de moverse por tu Mesa de trabajo es con la herramienta Zoom. Entonces, puedes presionar Z en tu teclado o bajar aquí a la herramienta Zoom, y luego simplemente dibujar una caja alrededor de cualquier cosa que quieras ver de cerca. También puedes usar las teclas Comand-Menos y Comand-Plus para acercar un poco y alejar un poco. Illustrator es personalizable. Entonces, hacen que sea realmente fácil cambiar tus preferencias. Vamos a golpear Command-K, y puedes ver exactamente qué preferencias están disponibles para ti. Entonces, tenemos todos estos aquí, pero el que uso constantemente es este Incremento de Palabras Clave. este momento, se establece en 0.4 píxeles. Diré que está bien. Destacaré esto, y luego lo moveré. Apenas se puede decir que se está moviendo porque es un incremento tan bajo. Voy a golpear Command-K, y lo cambiaremos a tres píxeles. Ahora, cuando me muevo, es bastante diferente. Entonces, si encuentras que las cosas no se están moviendo lo suficientemente rápido para
ti, puedes cambiar esta preferencia y puedes ir y venir. Encontré a lo largo de los años que ciertas preferencias y ajustes realmente me han funcionado bien. Por lo tanto, he cambiado las preferencias basadas en Illustrator para que coincidan con mi flujo de trabajo, y puedes cambiarlo a las tuyas dependiendo de lo que más utilices. Entonces, quiero entrar en los atajos de teclado, que es la opción Mayús Comando-K. También puedes llegar desde Editar y luego hasta todo el camino los atajos de teclado de abajo. Para cambiar estos, todo lo que tienes que hacer, si quieres algo diferente para la selección de grupos, puedes cambiarlo a una letra diferente y luego solo decir Ok, y ese será tu atajo de teclado para eso. Hay dos razones principales por las que los ilustradores
y diseñadores profesionales utilizan Illustrator para crear sus gráficos. El primer motivo es que Illustrator se basa en vectores, y eso significa que se puede hacer un logotipo, este tamaño, para una tarjeta de visita o escalarla todo el camino hasta una cartelera y nunca perder calidad. El segundo es que Illustrator está diseñado para gráficos vectoriales. Otros programas tienen algunas capacidades vectoriales, pero Illustrator tiene todas las capacidades fácilmente disponibles para que pueda crear cualquier gráfico que desee. A modo de ejemplo, he incluido el gráfico vectorial y ráster en sus recursos. Entonces, voy a levantar eso ahora. Entonces, aquí están nuestras imágenes ráster y vectoriales de cerca. Si hace clic en el ráster, puede ver que todo esto es solo una imagen y si nos acercamos realmente aquí, se
puede ver que esta imagen está conformada por diminutos cuadrados de píxeles de información. Esto es lo que hace que pierda calidad ya que se incrementa en tamaño. Si miramos nuestro vector uno y si hacemos clic en eso, se
puede ver que está conformado por puntos y caminos. En realidad, si nos acercamos realmente aquí, se
puede ver que está absolutamente limpio, y esto se mantendrá a sí mismo. Incluso volado hasta un tamaño de
cartelera, todavía tendrá estos bordes limpios. Entonces, las imágenes vectoriales se hacen con ecuaciones matemáticas. No te preocupes, no tendrás que hacer ninguna matemática para crear estos, pero es por eso que son capaces de aumentarse al tamaño que son. Está bien. Entonces, ahora tenemos un laico de la tierra. Empecemos realmente a crear algunas formas.
4. Crea y edita formas: Las formas son la base de Illustrator. Hay formas rápidas y fáciles de crear formas simples, y luego hay formas más complejas de crear formas personalizadas, por lo que primero echaremos un vistazo a las formas simples. La forma más fácil de crear formas es con la herramienta Forma. Si pulsas y mantienes pulsado, podrás ver las otras opciones debajo de la herramienta Rectángulo. los que nos vamos a preocupar hoy son la herramienta Rectángulo, la elipse y la herramienta Polígono, y la herramienta Estrella un poco más tarde. Entonces, vamos a conseguir ahora nuestra herramienta Rectángulo. Simplemente puedes hacer clic en tu lienzo y arrastrar para obtener un rectángulo, o puedes mantener pulsada la tecla Shift para obtener un cuadrado perfecto, y luego solo suelta. Está bien. Entonces, volvamos aquí y agarremos la herramienta Elipse, y haremos lo mismo. Puedes hacer clic y arrastrar para obtener un óvalo o presionar Shift y mantener pulsado Shift para obtener un círculo perfecto, y luego soltar. Está bien. Ahora, vamos a buscar la herramienta Polígono, y podría estar pensando: “Bueno, ¿por qué querría alguna vez usar una herramienta Polígono?” Simplemente no es algo que necesites muy a menudo, pero éste es realmente genial para crear triángulos. Entonces, a medida que haces clic y arrastras, mientras aún estás arrastrando, usa tus teclas de flecha, y puedes mover el número de lados hacia arriba y hacia abajo. Entonces, esta es una manera realmente genial de conseguir un triángulo, y mantener pulsado Shift y automáticamente se quedará perfectamente cuadrada para el mundo. Está bien. Entonces, estas son la forma más fácil de crear nuevas formas, pero hay otra forma de crear una forma, y ese es el duplicado de forma que ya has hecho. Entonces, para hacer esto, solo
puedes hacer clic en una de las formas y mantener pulsada Opción, y creará una nueva, y luego podrás liberar. Por supuesto, puedes resaltar y copiar y pegar, y conseguir una nueva forma de esa manera. Entonces, esas son las formas más fáciles de crear formas básicas como estas. Pathfinder es una de las herramientas de Illustrator realmente esenciales que te
permiten crear gráficos complejos a partir de formas simples, y puedes ver aquí abajo con los modos de forma, qué exactamente va a pasar con los gráficos que tienes. En realidad sólo uso tres de estos, éste que es Unite, Menos Front, y Dividir. Entonces, voy a resaltar estos y arrastrarlos hasta aquí para duplicarlos, con Option retenida, y los uniremos. Entonces, acaban de convertirse en una sola forma aquí. Simplemente deshago, Comando Z. Cuando selecciones algo, tendrás estas asas aquí afuera y en
realidad puedes simplemente ponerte al borde de uno de esos y mantén presionado Shift y cambiarás proporcionalmente ese objeto de esa manera arrastrando. Entonces, suelte ahora. Yo quiero mostrarte lo que pasa cuando golpeas el Frente Menos con Pathfinder. Entonces, ven aquí a Pathfinder y haz clic en Menos Frente. Ahora, tenemos una cosa con aspecto gráfico de tarta, que es impresionante. Es algo así como Pac-Man. Está bien. Voy a deshacer eso para poder mostrarte lo que pasa con el pathfinder Divide. Entonces, para mostrarte cómo funciona realmente la Dividir, y entraremos en las herramientas de Selección un poco más después, voy a usar la herramienta Selección de Grupos para resaltar esta pieza y separarla, veas
lo que está pasando aquí, mismo aquí. Entonces, esto en realidad son tres piezas separadas. Otra herramienta que tiene mucha de la misma funcionalidad que el Pathfinder es la herramienta Shape Builder. Yo lo uso porque es un poco más rápido que el Pathfinder. Entonces, si resaltamos todas estas formas, y luego presionamos Shift M, eso nos llevará a la herramienta Shape Builder. Entonces, podemos mantener pulsada la tecla Shift y seleccionar todos esos, y los combinará en una sola forma. Para mostrarte otra propiedad de la herramienta Shape Builder, vamos a ver el Relleno y el Trazo. El Relleno es el color que está llenando cada una de estas formas, y el Trazo es el contorno. Entonces, voy a resaltar todas estas formas, y luego golpear Shift X, y lo que eso hace va a voltear estas. Vamos a tener un relleno negro y un contorno blanco. También puedes hacer esto con esta pequeña flecha de aquí, y Shift X. Ahora, vuelve a tu herramienta Shape Builder pulsando Shift M, y luego usaremos la tecla Opción. Mantén presionada la tecla Opción y puedes hacer clic en estas áreas para restarlas. Entonces, esta herramienta te permite ser un poco más selectivo con lo que quieres eliminar de tus formas, en lugar de usar Minus Front, donde tienes que preocuparte por cómo se apilan las cosas unas encima de otras. Entonces, entre la herramienta Pathfinder y la herramienta Shape Builder, puedes crear casi cualquier objeto a partir de estas formas simples.
5. Elabora objetos con formas simples: Está bien. Entonces empecemos en nuestro primer mini-proyecto el cual está creando un telescopio. Para eliminar todo en mi pantalla, voy a presionar Comando A, que es seleccionar todo y solo voy a presionar Eliminar. Entonces para crear este telescopio, voy a conseguir la herramienta M, que es mi herramienta de rectángulo. Después pincharemos y arrastraremos un pequeño rectángulo aquí. Esto tiene un relleno negro y un trazo blanco porque eso es lo último que usé. Pero cambiemos eso golpeando, Shift X. Entonces, ahora tengo un relleno blanco y un contorno negro. Ahora voy a solo, voy a acercarme un poco golpeando la herramienta Z. Entonces seleccionaré esto con mi herramienta V, que es la herramienta de selección, y esa es la herramienta de selección aquí arriba. Entonces, me pondré justo en ese borde y mantendré presionado Shift y Option para arrastrar esto. Me pondré justo en el borde otra vez en una de las plazas en el medio, y cuando pase el cursor sobre este pequeño cuadrado blanco superior, obtengo un pequeño botón de flecha y voy a dar clic y arrastrar para hacer eso un poco más alto. Está bien. Entonces vamos a hacer clic y arrastrar esto para que sea más largo. Se puede ver que está cambiando el tamaño de mi trazo cuando hago eso y este es un ajuste que puedes cambiar bajo la herramienta de escala así que pulsa S y pulsa Retorno, y eso traerá estos trazos y efectos de escala. Puedes hacer click en esto si quieres que eso se mantenga igual. Ahora mismo lo voy a dejar como está y decir “OK”. Está bien. Entonces volveré a hacer lo mismo, golpearé V y empezaré a arrastrar y luego tocaré Shift y Option para obtener otra copia de esto. Usaremos la barra espaciadora para movernos, y ésta va a ser solo un poco más alta y un poco más corta. Está bien. Eso lo haré una vez más. Golpea V para obtener tu herramienta de selección. Empieza a arrastrar y luego mantén pulsado Mayús y Opción para obtener una copia. Este lo haré sólo un poco más alto. Está bien. Ahora voy a Comando menos para que podamos ver todo nuestro telescopio y usaré la barra espaciadora para arrastrar por encima para que podamos poner todo el asunto en la vista del tablero de arte. Entonces, comandemos A para seleccionar todos, y bajaremos aquí a la ventana Alinear. Ahora la ventana Alinear Objetos tiene muchas opciones
diferentes para la alineación y la que queremos está justo aquí. El Centro de Alineación Vertical, así que basta con hacer clic en eso. Esto está empezando a parecerse mucho a un telescopio ahora, pero quiero que todos mis trazos sean del mismo tamaño. Entonces, voy a golpear mi herramienta Ojo que es el cuentagotas y está justo por aquí. Quiero que todos sean este ancho de trazo más grueso. Por lo que voy a dar clic derecho en el borde allá y hace que todo tenga el mismo trazo y relleno de ese objeto seleccionado. Está bien. Ahora bien, esto no se puso justo en el borde así que voy a acercar aquí, voy a golpear V para agarrar ambos objetos. Ahora voy a cambiar al modo Preview que es Comando Y, y esto realmente te ayuda a ver un marco de alambre de lo que estás trabajando y puedo ponerme justo en ese borde y tirar de esto, mantén pulsado Shift para que puedas quedarte justo en ese avión y luego déjalo caer. Entonces ahora están todos exactamente alineados así que no
parece que un golpe sea más grande que el otro, y acabo de golpear Comando Y para volver a nuestra vista regular. Comando menos para alejar. Después la herramienta Mano para centrarlo hacia arriba en el área del marco. Está bien. Alejemos un poco más con Command menos. Está bien. Ahora voy a seleccionar todo. Comando A, y vamos a rotar con la herramienta Rotar. Ahora esta herramienta puedes presionar R en tu teclado para llegar a ella o simplemente
puedes hacer clic en este botón por aquí. Cuando hagas eso tendrás un ancla que está justo en medio del telescopio y
siempre estará en el centro de los gráficos en los que estés trabajando. Eso está bien. Podemos hacer click y arrastrar aquí para rotarlo. Voy a deshacer. Si querías rotar desde aquí, puedes hacer click una vez para restablecer ese punto de anclaje. Así que basta con hacer clic una vez para restablecer el ancla, y luego podrás tirar y girará en ese punto de anclaje. Entonces eso es realmente útil a veces si quieres que sea exacto desde un punto. Está bien. Porque me estoy acercando un poco al borde y no sé por qué pero me molesta, solo
moveremos todo hacia abajo. Está bien. Por lo que necesitamos dibujar un pequeño soporte para nuestro telescopio, y para ello voy a usar la herramienta Línea, y para conseguir la herramienta Línea necesitas usar la barra delantera en tu teclado o ir justo aquí en la barra de herramientas. Entonces, sólo tomaremos un punto aquí y dibujaremos una línea hacia abajo desde él. Está bien. Ahora vamos a querer reflejar esta línea para que sea exactamente la misma pero terminada en esta zona. Entonces voy a copiar pegar al frente y luego voy a golpear O que
nos va a dar la herramienta Reflect aquí arriba y luego voy a golpear Return. Aquí podemos decidir de qué manera queremos que refleje queremos que sea vertical así que elegiré eso y luego diremos OK. Ahora, se lo va a poner por aquí si tenemos aquí nuestro punto de anclaje, y les voy a mostrar cómo cambiar eso en un minuto pero vamos a seguir adelante con esto. Voy a golpear V y dar click en esto y luego nos pondremos justo en el borde y lo moveremos hacia donde tenga que ir. Otra forma de hacerlo y en realidad tiene un poco más de sentido, vamos a eliminar eso, es hacer clic en Copiar, que es Comando C, pegar al frente, que es Comando F, y luego llegar justo aquí en ese punto superior luego golpearemos O para obtener la herramienta Reflect, y vamos a dar clic aquí arriba en la parte superior y mantener pulsada Opción mientras hacemos esta Opción click allá arriba. Tendremos ese mismo reflejo pero tenemos el punto de anclaje justo ahí
arriba en el medio donde tiene que ir y luego se puede ver qué pasa cuando golpeamos OK. Va justo exactamente en el lugar correcto sin tener que moverlo. Entonces eso es un plus pero solo tienes que recordar a Opción click ese punto de anclaje para que eso funcione. Está bien. Consigamos de nuevo nuestra herramienta Línea golpeando la barra delantera, y subiremos aquí mismo y dibujaremos una línea desde el centro, sostén Shift para asegurarnos de que esté absolutamente recta arriba y abajo y entonces estamos listos para irnos. Ahora bien, creo que debemos añadir algunas estrellas. Entonces volvamos a la herramienta Forma, y bajaremos aquí a la herramienta Estrella. Basta con hacer click y arrastrar y podrás ver esas estrellas. Existen dos tipos de estrellas con la herramienta estrella. Ahí está esta estrella más gorda y también hay una estrella delgada, si sostienes Opción puedes ver qué pasa ahí. Entonces voy a tener una estrella grande o estrella gorda y
una estrella flaca y luego vamos Opción click en esto y nos pondremos justo en el borde esta es otra forma de rotar sin entrar realmente en la herramienta de rotación. Solo tienes que acercarte a esa esquina y luego se
convertirá en una pequeña flecha de rotación y podrás girarla así. Ahora, con esta gráfica realmente no me gustan todos los rincones duros de todo. Entonces voy a redondear los trazos de todos estos. Entonces vamos a golpear Comando A para seleccionar todo, y subiremos aquí a la paleta de trazos, y aquí tenemos algunas opciones diferentes. Primero es el peso de nuestro derrame cerebral, podemos aumentar eso. Creo que me gustan las tres. También podemos cambiar la tapa. El gorro es cualquier línea que no sea un camino completo como estas líneas aquí abajo, tienen gorras en ellas. Entonces, para redondear esa gorra, seleccionaremos la media, y podrás ver si hacemos zoom con la herramienta Z y dibujamos un cuadro que ahora es un borde redondo. Voy a alejar el zoom, pero estas esquinas de aquí arriba donde están formas completas no están redondeadas todavía. Eso se puede cambiar justo aquí debajo de la parte de esquina de un trazo. Simplemente puedes dar la vuelta únete y eso redondeará todo lo demás. Está bien. Entonces, creo que nuestro telescopio está hecho.
6. Agrega colores y muestras: Entonces, ahora que tenemos un gráfico creado, el siguiente paso es colorearlo. Algo que es realmente genial de Illustrator es que puedes tomar jpegs que encuentres online de colores que te gusten y luego muestrear esos colores en tus propias imágenes. Entonces, voy a ir a mi carpeta de recursos y sacar los archivos finales para este proyecto, y eso tiene la paleta de colores que hoy quiero mostrarles. Entonces, solo voy a dar click en esto. Este es un jpeg de algunos colores que creé, y quiero mostrarles cómo podemos usar estos colores que son un archivo ráster no un archivo vectorial, pero sí podemos muestrear en esta ilustración. Entonces, acabo de copiar y pegar esto con el comando C, y luego viniendo aquí en este documento y golpeando el comando V. Ya que en realidad no queremos que imprimamos, lo
voy a poner justo fuera del lienzo así. Está bien. Ahora, quiero que partes de esto sean del color azul claro. Entonces, voy a utilizar mi herramienta de selección para hacer click en este y en éste y estoy sosteniendo turno para que pueda conseguir a ambos seleccionados al mismo tiempo. Entonces, ahora podemos golpear ojo para conseguir la herramienta cuentagotas que está justo por aquí y luego asegurarnos de que tu color de relleno esté en el frente y que puedas mantener pulsado shift y dar click en este color azul y de esa manera solo cambiará el relleno y no el derrame cerebral. Cambiará lo que sea que esté enfrente por aquí. Entonces, si quisieras que cambiara el trazo, solo
podrías dividirlos. Está bien. Ahora, haremos lo mismo con este. Mantenga el turno y haga clic en este, y voy a conseguir el color azul más oscuro para estos y mantenga pulsado shift y click y ahora, todo lo que queda por hacer bien con las píldoras es recolorear las estrellas. Entonces, resaltaré todos estos con mi herramienta V para la herramienta de selección y le pegaré yo, para cuentagotas, shift-click el amarillo. Está bien. Tenemos todos los phils que queremos construir hechos. Seleccionemos todo, comando A, y ahora puedes ver tenemos un signo de interrogación aquí en el color de relleno y también un signo de interrogación en el trazo y eso se debe a que algunos de estos tienen billetes y trazos diferentes. Entonces, pongamos el trazo al frente golpeando a X. Ahora, ese trazo aunque sea un signo de interrogación está en el frente. Ahora podemos conseguir nuestro cuentagotas, shift click en este azul oscuro, y eso cambia todos los trazos al color azul oscuro. Entonces, vamos a acercar y echar un vistazo. Pulsa Z en tu teclado, y puedes decir ahora que los trazos son todos del mismo color azul, y es tan fácil como eso. Yo quería plantear, si estás trabajando con gráficos web, vas a estar trabajando en RGB. momento, este documento está en CMYK, y esos son los cuatro colores que usas cuando estás trabajando con la impresión. Pero creo que mucha gente también trabaja con imágenes Web, así que es una buena idea simplemente cambiar tu documento en RGB porque eso es lo que funciona mejor en la Web. Entonces, subamos aquí y te mostraré cómo hacer ese archivo, modo de color de documento, y color RGB, y en realidad cambia un poco el aspecto de tus colores. Puede que no lo hayas notado en la pantalla, pero sí lo cambió un poco. Es una muy buena idea que tu modo de pantalla coincida con la salida que quieres y así, si estamos trabajando con gráficos Web y estos terminarán en la Web, nos gustaría usar RGB y como acabamos de cambiar nuestro documento para ser RGB, nosotros subirá aquí al modo color y haga clic en el vuelo para elegir RGB por aquí solo para que coincidan y podamos mantenerlo todo igual. Si quieres cambiar todos los colores tu documento con bastante rapidez y llegar a una paleta de colores totalmente nueva, es realmente fácil hacerlo con una herramienta de arte de minorista. Entonces, agarra tu herramienta V, tu herramienta de selección y dibuja una caja alrededor de todo, y luego subiremos aquí a este pequeño símbolo de arte de recolor de en tu panel de control, haz clic en eso una vez y luego entra directamente a editar, y aquí es donde puedes empezar a arrastrar los colores alrededor. A mí me gusta mantenerlos en el mismo nivel que ya lo son. Entonces, que sean tonalmente similares a lo que eran. Entonces, tiraremos de esto por aquí y tal vez podamos hacer este tipo de naranja y si no te gustan los colores de aquí, solo
puedes hacer clic en esta pequeña herramienta cuentagotas arriba en la esquina y volverá por completo a tus colores originales, pero no puedes deshacer a medida que avanzas. Disculpa esta línea para traerte eso a tu atención y diremos que está bien, y ese es un pequeño cambio de color bastante rápido a nuestro paladar. Si quieres hacerte aún más específico con tus valores de color son, tienes muchas formas de hacerlo. Seleccionaremos este color y luego podrás
venir aquí a tu relleno y hacer doble clic en eso. El recolector de color es donde voy a realmente hacer algunos cambios de afinación fina a mis colores. Tengo muchas opciones aquí. En realidad puedo elegir un color aquí mismo, puedo usar el deslizador para subir y bajar y elegir un tono
completamente diferente, o realmente puedo ingresar valores aquí. Entonces, puedo obtener exactamente el color que quiero RGB, CMYK, o HSB o incluso el valor hexadecimal para Web. Ahora bien, si querías todos los colores que hay en este gráfico en tu paleta de muestras, todo lo que tienes que hacer es solo seleccionarlos todos así y luego
bajar aquí y hacer un nuevo grupo de colores que es una pequeña carpeta en la parte inferior de la paleta de muestras. Normalmente mantengo la ilustración seleccionada, convertir proceso ese cuadro global marcado porque de esa manera si cambias esa muestra, actualizará todos esos colores a través de todo tu gráfico. Entonces, como puedes ver se agregan ahí mismo y ahora, si anulo la selección y elijo uno de esos colores, elige todas las estrellas y las haremos verdes. Todos tienen actualizados. Entonces, esta es una manera realmente buena de acelerar tu flujo de trabajo si estás usando muchos de los mismos colores en diferentes proyectos. Ahora, que hemos creado formas sonoras simples y conseguido algo de color ahí dentro, veamos crear formas más complejas y trabajar con caminos.
7. Crea trazados: Entender los caminos es crítico en Illustrator. Prácticamente todo en Illustrator se basa en caminos y puntos. Todos los pasos que hemos dado hasta ahora habían sido una combinación de caminos y puntos. Entonces, una vez que aprendamos a crear nuestros propios caminos y puntos, estaremos en el camino de crear gráficos mucho más complejos. Para esta siguiente sección, voy a sacar el telescopio de la obra porque no lo vamos a utilizar en este momento. Entonces, usaré mi herramienta V para dibujar una caja alrededor de todo el asunto, y luego hacer clic y arrastrar y mantenerlo fuera del tablero de arte. Seguiré adelante y pondré ambos en diferentes capas. Entonces, crearé una nueva capa, y luego simplemente bloquearemos esta capa. De esa forma, nunca tenemos que hacer clic accidentalmente en ninguna de estas cosas, a pesar de que sí comandamos A, que es seleccionar todo. El mejor modo de crear nuestros propios caminos es con la herramienta de bolígrafo. Por lo tanto, puedes pulsar P en tu teclado, o subir aquí a la herramienta de lápiz. Ahora, cuando vaya a dibujar realmente con mi herramienta de lápiz, verá que tenemos un pequeño icono de no o detener prohibido ahí, y eso es porque estoy en la capa equivocada aquí, estoy en una capa bloqueada. Entonces, esto probablemente te pasará en algún momento. Basta con hacer clic en una capa que no esté bloqueada, y luego podrás seguir y crear tu gráfico. El modo en que funciona la herramienta de lápiz es que haces clic una vez para obtener un punto, y luego vuelves a hacer clic, y dibujará un camino entre esos dos puntos. Para desseleccionar aquí y simplemente parar en la línea, puedes pulsar Shift Command A. También
puedes crear una forma completa con la herramienta de lápiz, y te mostraré cómo hacerlo. Podemos simplemente hacer click una vez, volver a hacer
clic, y aquí haremos algún polígono. Entonces cuando te acerques bastante, verás un pequeño círculo en la parte inferior derecha de tu pin, y eso significa que va a cerrar el camino. La mayoría de las veces, se quiere tener caminos cerrados, ese es el mejor de los casos escenario. Pero tendrás momentos en los que sí necesitas solo una línea, y eso también está bien. Una de las partes más poderosas de la herramienta de lápiz es el hecho de que puedes crear curvas con ella. Esta es una de las cosas más difíciles de conseguir realmente el ahorcamiento de ella, pero una vez que
lo haces, simplemente todo tiene sentido. Entonces, para hacer eso, primero haces clic una vez, y luego haces clic y arrastra para obtener estas asas onduladas. Estos te ayudarán a manipular ese camino más adelante. Después puedes hacer click en tu siguiente punto y también arrastrar un poco para obtener el ángulo que quieras. Volveré aquí arriba, y arrastraré de nuevo, y finalmente terminaré el camino. Si decides que no te gusta la forma en que está la forma en este momento, puedes ajustar estas curvas bezzier. De la forma de hacerlo, necesitarás ponerte en tu herramienta A, que es tu herramienta de selección directa. Está justo aquí arriba. Entonces solo tienes que hacer click en un punto como este. Ahora tienes dos asas que puedes manipular, incluyendo este mango aquí abajo, así que tres, si quieres conseguir técnico. Podemos arrastrar este mango así, podemos moverlo y traerlo todo el camino hasta el punto para crear un punto de esquina ahí, y lo mismo con éste. Entonces, en realidad no se ha convertido a un punto de esquina, pero da la misma apariencia que un punto de esquina. Si quisiéramos cambiar esta línea, podemos ir todo el camino así. Entonces, realmente creo que deberías meterte con él, y tener una idea de ello, y cómo se pueden comportar esos mangos. Ya que acabamos de mencionar la herramienta A, o la herramienta de selección de arrastre. Ahora es un probablemente un buen momento para hablar de lo que esa herramienta puede hacer. Cuando estás en un punto de anclaje como este, puedes hacer clic y arrastrar solo ese punto de anclaje. También puedes hacer clic a la derecha en un camino, y tienes que estar justo en el borde mismo para que esto funcione,
y luego simplemente arrastra y ajustará el camino entre esos dos puntos. También puedes seleccionar algunos puntos diferentes, vamos a conseguir este, y yo sostendré Shift, y conseguiré este otro, y se moverá sólo esos dos puntos. Entonces, si quisiera hacer este rectángulo más alto, solo
podría sostener A y dibujar una caja alrededor de esos dos puntos, y luego mover eso alrededor. Podría sesgarla. Entonces, la herramienta A es muy poderosa. Una cosa más a mencionar sobre la herramienta de lápiz es que mientras
estás dibujando tus líneas curvas con la herramienta de lápiz, Illustrator va a tratar de ayudarte a crear la línea más suavizada posible, y puedes ver cómo está haciendo eso. Pero a veces en realidad no quieres una línea curva, quieres una línea recta. Entonces para ello, retrocede y haga clic en el punto de anclaje, luego seguir dibujando con línea recta. Ahora tienes una rebanada de pizza. Ya que mi rebanada de pizza no es muy simétrica, voy a usar mi herramienta A, y simplemente dibujar una caja alrededor justo de ese punto, y luego usaré mis teclas de flecha para moverla hacia arriba y otra vez, así que se parece más a una rebanada de pizza.
8. Dibuja con trazados - Parte 1: Ahora, usemos la herramienta de lápiz para crear nuestro propio gráfico. Entonces los sacaré del camino tocando el comando A, y esto no va a seleccionar nada que esté en esta capa bloqueada, pero seleccionará todo en la capa dos que es donde estamos. Ahora solo puedo golpear delete y tengo un lienzo en blanco, todavía tengo mis cosas aquí arriba que quiero conservar, pero puedo empezar de cero. Para este siguiente gráfico, voy a traer un dibujo a mano que hice y escaneé. Por lo que este será un gráfico ráster que quiero crear en formato vectorial. Entonces abre éste con el hombrecito extraterrestre y le daré un clic, copio, y luego me mudaré a mi otro documento y pegaré. Ahora esto es algo que voy a estar dibujando justo encima de así que
no quiero poder seleccionarlo cuando no lo quiero seleccionado. Entonces a la t que voy a desbloquear mi capa, y hay un pequeño cuadrado rojo en la capa dos y voy a dar clic y arrastrar eso a la capa uno. Entonces ahora está en la capa uno y puedo volver a bloquear la capa uno, y ahora no puedo seleccionar ninguna de esas cosas. Entonces vamos a acercarnos al hombrecito alienígena. Entonces, esto es solo un garabato que hice en casa y acabo de tomarle una foto y la subí. Entonces, siéntete libre de usar al alienígena en la carpeta de recursos que dibujé o puedes traer los tuyos propios para trabajar a partir de eso. Ahora, primero tenemos que volver a hacer clic en la capa en la que estamos trabajando de lo contrario vamos a conseguir ese pequeño ícono prohibido. No queremos eso. Ahora, vamos a golpear p para la herramienta de bolígrafo. Voy a empezar justo aquí. Entonces voy a poner un punto de anclaje en la parte superior. Cuando estoy colocando mis puntos de anclaje y tirando para curvas, quiero ponerlos en los puntos más lejanos posibles a la izquierda inferior derecha o lo que sea. Entonces voy a poner uno justo aquí, uno aquí abajo, uno aquí, y luego tengo el de arriba. Esto es algo que quieres hacer con todo lo que estás rastreando. Realmente ayuda con lo suaves que son tus puntos y curvas. Por ejemplo, si acabo de empezar y traté de hacer una curva desde aquí, simplemente no tengo control. No puedo conseguir que coincida muy bien con el costado de su cabeza. Entonces deshace eso, y pondré mi curva justo aquí fuera a un costado. Ahora, puedo conseguir que coincida con el borde que quiero. Ahora mismo, mi relleno es blanco y realmente no
quiero eso porque quiero que puedas ver lo que estoy haciendo. Por lo general si tengo un relleno que no
quiero, solo golpearé la letra D, y eso me dará un relleno blanco y un contorno negro. Eso siempre sucederá si golpeas la letra D. Pero ahora mismo creo que quiero un relleno verde. Entonces solo haremos esto, y he cambiado de opinión una vez más, ¿qué tal sólo el contorno verde? turno X los cambiará. Entonces podemos deshacernos del contorno negro pulsando la tecla de retroceso. La tecla de retroceso borrará lo que sea que sea el atributo seleccionado, si es el trazo de relleno. Entonces, cualquiera que esté arriba básicamente. A continuación nos vamos a bajar aquí en su barbilla y simplemente hacer clic y arrastrar hasta que lleguemos algo bastante cerca de nuestro borde. Cuando estás haciendo esto, en realidad no tiene que
ser exacto porque lo que estás queriendo
hacer es conseguir una versión muy limpia y suave de tu dibujo, no
quieres que tenga todos esos bordes ásperos de todos modos. Entonces de todos modos, ahora mismo voy a dar click en la barbilla para conseguir una línea recta y voy a subir justo aquí
al medio así y cerrar ese camino. Ahora seleccionaré esto y sólo voy a espejo imagen de esto para que coincida en ambos lados. Entonces copiaré, pegaré al frente, ese es el comando F, y luego voy a golpear O para la herramienta de reflexión y luego voy a opción dar click derecho en el medio mismo y hacer un ancho vertical. Entonces no se alineó del todo y voy a mirar al mando Y para ver el alambrado aquí. Se ve bastante bien aquí arriba un poco, pero aquí abajo en la parte inferior no lo está alineando. Entonces, voy a acercarme a esa zona y usaré mi herramienta A para seleccionar ambos de esos puntos y luego tocaré el comando de opción J, que es el promedio, y lo que esto hace tomará ambos puntos y los pondrá en el exacto mismo punto y se puede elegir el eje horizontal, el eje vertical, pero para éste quiero que estén exactamente en el mismo. Entonces, digamos “Ok”. Alejaremos el zoom y luego subiremos a la parte superior. Podemos trabajar con esto. No hemos seleccionado, así que usemos la herramienta constructor de formas para eliminar estos puntos. Voy a acercar de cerca aquí, presionar turno M para llegar al constructor de formas justo por aquí y luego mantener la opción para hacer clic aquí y hacer clic aquí. Podemos seleccionar todo el asunto, mandar A y luego hacer la forma unirnos aquí abajo en el Pathfinder. Eso nos ha dado sólo su cabeza, bien, así que estamos a mitad de camino.
9. Dibuja con trazados - Parte 2: A continuación, haremos la mitad del ojo, haciendo click una vez. Este podría ser capaz de hacer todo a la vez, así. Parece que va a ser bastante bueno. Despejaremos, o cliquearemos, seleccionaremos de nuevo ese verde, copiaremos y pegaremos al frente, y luego reflexionaremos pulsando O, y luego regresaremos. Ya está en la vertical, y golpeando regreso de nuevo. Ahora podemos rotar esto alrededor, así. Ya que vamos a estar trabajando en reflejar casi todo con esta imagen, voy a agarrar una guía de la regla,
así, y ponerla justo por el medio, y vamos a golpear el punto y coma Comando, para tener esa guía aparecer. Está bien. Entonces, tenemos un ojo hecho. Ahora vamos a coger la boca. Yo sólo voy a hacer una línea para su boca. Así que pulsa P, haz clic una vez, y luego vuelve a hacer clic, manteniendo pulsada MAYÚS, para obtener una línea recta. Ya que su cuerpo es bastante simétrico, realidad sólo
voy a dibujar la mitad de él, luego vamos a reflejar la otra mitad, y dibujar en las piezas faltantes. Ahora empezaremos con el color. Voy a golpear P, dar clic una vez, y luego volver a hacer clic. Todas estas son líneas rectas, no
necesitas hacer click y arrastrar, hasta que lleguemos a esta. Ahora vamos a dar clic y arrastraremos un poco así. Yo quiero completar este camino, pero no quiero ir por aquí,
así que voy a dar click en el punto de anclaje, subir aquí, y sólo completar el camino de esa manera. Nos desharemos de esto un poco más tarde, de acuerdo. Para algunas verdaderas curvas locas funcionan. Para estas curvas, empezaremos aquí, pincharemos una vez, y luego arrastraremos así, y los voy a dejar como curvas, pesar de que se vean como puntos duros ahí abajo. este momento podría ser un buen punto para cambiar a la herramienta lápiz, porque la herramienta lápiz es bastante suave, pero es una herramienta de dibujo de forma libre. Entonces vamos a golpear N, y voy a empezar por este camino alrededor así. En realidad necesitas empezar por el camino existente. Hagamos eso. Yo sólo voy a dibujar sus dedos al azar, y vamos a ir hasta aquí. Está bien. Tenemos algunos problemas aquí. Voy a golpear comando Y, a ver cómo arreglarlos. Estos tres dedos se ven bastante bien, pero este dedo tiene un borde duro y tiene una esquina. Redibujaremos esto con la herramienta lápiz. Golpearé N, y empezaré aquí, y terminaré en esa misma línea. Tienes que empezar y dejar de dibujar, en la misma línea yendo de la misma manera, o no va a funcionar. Simplemente quieres recordar, si estás iniciando el camino en una dirección, necesitas terminarlo en la misma dirección, y en el mismo camino. Está bien. Aquí arriba tenemos otra pequeña sección que quiero arreglar, y voy a utilizar la herramienta suave para hacer esto. El instrumento liso es parte de la herramienta lápiz. Está debajo de aquí, así que puedes
aguantar, está justo ahí abajo, pero solo puedes mantener opción cuando estás en la herramienta lápiz. Eso haremos ahora, para suavizar esta sección del brazo. Yo estoy sosteniendo OPCIÓN, y sólo lo repasaremos unas cuantas veces, bien. Todavía quiero que este brazo sea un poco más delgado. Voy a cambiar a mi herramienta A. Agarramos ese punto de anclaje ahí mismo, y voy a... oh, ver hasta dónde se mueve? Eso se debe a que he puesto mis unidades en un valor demasiado alto. Vayamos a cambiarnos esos. Golpea el comando K, y lo bajaremos de nuevo para apuntar cinco píxeles. Ahora cuando lo muevo, funciona mucho mejor. Voy a golpear el comando Y para volver a la vista normal. Ahora mismo, sólo voy a usar la herramienta de lápiz, para completar el resto del gráfico. Ahora tenemos todos los caminos de un lado. Volvamos y reflexionemos estos, para crear el personaje del otro lado. Para ello, voy a golpear V, y voy a seleccionar todo,
excepto la cabeza, excepto la cabeza, y tampoco quiero que le abroche el cinturón, porque ya está completamente dibujado. Copiaré y pegaré al frente, así que comando C y comando F, y luego golpearé O, y luego tocaré Opción, haga clic a la derecha en ese punto central, y luego presione OK, para la reflexión vertical. Está bien. Él su bien centrado hacia arriba- oh me olvidé de hacer sus ojos, sólo
vamos a hacer eso realmente rápido. Copia, pega al frente, y luego pulsa O, Opción. Está bien. Ahí está este ojo. Ocultemos la capa para ver qué hemos hecho. Se ve impresionante. La hebilla del cinturón necesita moverse un poco. En este punto, podemos empezar a combinar formas, para crear todo su cuerpo. Voy a destacar estas partes, y bajar al pathfinder, y unir esas. Ya que ya no quiero ver esos, voy a esconder con el mando tres. Esto nos deja con esta forma, y esta longitud. Los combinaré con el pathfinder, y lo esconderé con el mando tres. hebilla de cinturón necesita estar centrada un poco más, quiero que esté justo a lo largo de este eje, y ahora el color es otro. Esto es algo que necesitamos para acercar. Golpea Z, y estos dos no están tocando. Si no están tocando, no se van a combinar con el pathfinder. Tienen que estar superpuestos de alguna manera. Si golpeamos ahora la herramienta de unir, no pasa nada. Para resolver este problema, podemos usar la herramienta A, y luego dibujar una caja alrededor sólo de estos dos puntos, mantener pulsada Mayús, bajar aquí y dibujar una caja, alrededor de estos dos puntos. Si puedes decir las que se rellenan, son las que se seleccionan. Estos de aquí afuera son blancos. Tienen un relleno blanco, no están seleccionados. Ahora vamos a golpear Opción Comando J, y vamos a elegir vertical. Esto los promediará y los empujará juntos. Cuando hagamos la herramienta de unión, los unirá. Está bien. Vamos a alejar el zoom. Creo que tenemos todo lo que necesitamos, pero ahora quiero mostrar todo, y para ello, es Opción Comando tres. Ahora probablemente estemos listos para algún trabajo de color.
10. Colorea en trazados: Entonces ahora, fui a conseguir unos colores que iban con él, y para ello, voy a volver a la carpeta de recursos y agarrar la paleta de colores del mismo archivo. Entonces, solo voy a subir a la otra pestaña, y para hacer eso, puedes hacer un comando tilda. Agarramos estos colores aquí arriba con la herramienta V. Copiar esos, y pegarlos en. Creo que esta vez, no tendremos ningún esbozo en absoluto. Simplemente haremos todos los rellenos con él. Entonces, voy a golpear V, agarrar la cabeza, y tendremos que sea de este color verde claro. Entonces, me pegué por el cuentagotas y luego llenar eso. Voy a ocultar esto ahora, comando tres. Voy a golpear V para conseguir estos dos ojos, y voy a cuentagotas esos, mando tres. A la boca, quiero también ser el verde oscuro. Entonces, voy a llevar eso al frente golpeando X. Hit I por el cuentagotas. Shift click este green, y la razón por la que tienes que cambiar click esta parte es porque este es un relleno verde aquí arriba. Entonces, va a querer hacer automáticamente un relleno verde en lo que tienes. Si te desplazas click, hará lo que esté delante, y eso es lo que queremos, y eso lo ocultaremos. Ahora, creo que le haremos este rojo más oscuro su collar. Voy a golpear yo, turno click y esconderme, y luego vamos a hacer su cuerpo verde, esconder eso. Voy a deshacerme de uno de esos, resalta esto. Haremos de eso un color más oscuro. Ahora, voy a hacer la hebilla del cinturón. Vamos a pegarle yo, voy a hacerlo este verde más oscuro. Esconde eso. Entonces, haremos el cinturón por sí mismo, y lo haremos el verde más claro. Pero ahora, la hebilla del cinturón está detrás del cinturón, por lo que necesitamos llevarlo al frente, o mandar éste a la parte trasera. Para enviar el cinturón a la espalda es Shift Command soporte izquierdo, y eso nos dará lo que necesitamos. Ahora, voy a mostrarlo todo, y esa es la opción comando tres. Está bien. Entonces, ahí está, todo coloreado. Cuando desocultes algo, seleccionará todo lo que estaba escondido, cual es genial porque ahora mismo, necesito mandar todas esas cosas a la parte de atrás. Entonces, voy a golpear Comando de turno, corchete izquierdo. Ahora, tenemos exactamente lo que queremos. Algo que también noté es que el color está de vuelta detrás de su pecho, por lo que necesitamos llevar eso al frente. Para ello, haremos Shift Command corchete derecho. Ahora, está bien para irse.
11. Trabaja con la tipografía: Type in Illustrator te permitirá crear imágenes y gráficos que puedan expresar cualquier cosa realmente. Un Illustrator hace que sea realmente fácil manipular el tipo dos. Las fuentes se basan en vectores y como Illustrator también se basa en vectores, solo
hace que trabajar con fuentes sea mucho más fácil. Para esta siguiente sección, ya
he movido al pequeño extraterrestre de la mesa de trabajo. Entonces, tenemos un espacio de trabajo limpio. Vamos a hablar de los dos tipos diferentes de
Tipo que son tipo de punto y tipo de área. Para obtener el tipo de punto, solo
tienes que presionar T en tu teclado y hacer clic una vez, y esto pondrá solo una línea de tipo y aquí escribiremos tipo de punto. El motivo por el que utilizarías el tipo de punto es si quieres agregar algún texto a un gráfico, o a un logotipo, o algo así, y tipo muy mínimo a algo. Si tienes más líneas, si has dicho, más de dos líneas de tipo, querrás ir con tipo de área. Entonces para hacer tipo de área, también
haces clic en T en tu teclado y luego simplemente dibujas una caja. Cuando dibujas una caja, se llenará de Lorem Ipsum si estás en la versión más reciente de Illustrator. Esto es realmente bonito, es algo a
lo que realmente me he acostumbrado porque si necesitas texto ficticio o un texto para rellenar el espacio, ya está ahí para ti y si no lo quieres, solo
puedes presionar delete en tu teclado. Ahora, hay muchas formas de editar texto. Entonces, voy a dar clic en el tipo de área, comandaremos A para seleccionar todos, y luego vendremos aquí a la paleta de caracteres. Ahora bien, esto podría no ampliarse hasta el final y si no lo es, basta con hacer doble clic en la palabra carácter unas cuantas veces, y la ampliaré hasta la salida para que puedas ver todas las opciones. Tenemos muchas maneras diferentes de ajustar el tipo aquí. Se puede ajustar el espacio entre las letras y para ello, se
puede presionar opción y flechas derecha e izquierda para agregar espacio o eliminarlo. Cuando haces eso, lo puedes ver cambiando por aquí y este es el rastreo. Entonces, si seleccionas todo un montón de texto y luego cambias en el espacio entre todas las letras, eso se llama seguimiento y puedes ajustarlo aquí mismo, o simplemente puedes escribir un número. Está bien. Voy a acercarme un poco aquí. Si quieres cambiar el espacio entre dos letras, puedes hacer click entre esas dos letras y luego hacer clic
derecho e izquierdo para que ese espacio se mueva. Ahora, voy a venir aquí y menos para alejar un poco. El espacio entre líneas se llama Líder, y puedes usar la opción flechas arriba y abajo para ajustar el tendido. Al estar haciendo esto, puede mirar hacia arriba y ver que este número ha sido cambiado. Entonces, si quieres ajustarlo manualmente, puedes hacerlo aquí. Está bien. Ahora, voy a dar click en el tipo de punto y quiero mostrarte tipo tocado y para ello, voy a conseguir una fuente un poco diferente. Esta fuente, Montserrat-Bold, debe estar en tu carpeta de recursos y esta es una buena fuente para mostrarte cómo funciona Touch-type,. Pero por supuesto, funcionará en cualquier tipo. Entonces, para llegar a la herramienta de tipo táctil, basta con presionar shift + T en tu teclado y es éste de aquí, y luego puedes hacer clic en letras individuales y ajustarlas. Simplemente puedes hacer clic y arrastrar, puedes rotarlas con este poco. Tienes que estar justo en ese pequeño punto de ahí, y luego simplemente girarlo alrededor. No sé por qué estoy girando una O, vamos a rotar este I. Lo voy a girar hacia arriba y luego moverlo un poco hacia arriba, y esto es realmente útil si estás diseñando tarjetas de felicitación. Porque muchas veces, si estás diseñando tarjetas infantiles, si abres esa tarjeta, puedes ver que el tipo ha sido rebotado arriba y abajo y le da una especie de sensación caprichosa.
12. Personaliza la tipografía: Despejemos nuestro Lienzo. Voy a golpear la herramienta V luego seleccionar todo el comando A y luego eliminar. Ahora, vamos a empezar nuestro pequeño gráfico espacial. Yo quiero que este gráfico diga: “Mi cohete espacial es impresionante”. Entonces, es para un hombrecito alienígena. Entonces, primero empezaremos con el tipo de punto. Voy a golpear T para llegar a esa herramienta, y dar click una vez, y voy a escribir cohete. Ahora, este expediente será Pacifico. Entonces, voy a hacerlo un poco más grande manteniendo pulsado Shift y luego arrastrando una esquina y cambiaremos la fuente a Pacifico. Está bien. Ahora, quiero convertir esa R en un swoosh que va debajo de la palabra. Entonces, voy a hacer una copia de esto sosteniendo opción, y luego arrastrándola fuera del tablero de arte. El motivo por el que quiero hacer esto es porque, voy a necesitar delinear esta fuente para manipularla. Cuando lo esbozo, pierdo esa fuente o no sabré qué fuente es esa. Entonces, lo tendré aquí arriba si alguna vez necesito hacerle cambios más tarde. Entonces, voy a dar clic en este y presionar Shift, Command, O. También
puedes hacer eso en Type and Create Outline. Entonces, Turno, Comando, O, esto nos dará puntos que luego podremos manipular fácilmente. Entonces, pero primero, voy a dar clic en la R, y como pueden ver estas están agrupadas, así que voy a usar mi herramienta A, haga clic en desactivada, y luego simplemente seleccione la R misma, y luego le pegaré V para redimensionarla arrastrando una esquina. Entonces, lo haremos un poco más grande, y luego lo volveré a mover a un lugar que tiene sentido. Yo quiero tomar esta parte de la R y extenderla de esta manera. Entonces, agarraré mi herramienta P, y solo daré clic aquí y luego voy a dar clic y arrastrar un poco. Entonces, voy a dar clic una vez más por aquí. Como pueden ver, tengo un relleno y no un derrame cerebral, así que voy a golpear Shift, X para cambiar esos dos, y luego tengo un trazo y no un relleno, que es lo que quiero. Ahora, que tengo el trazo, lo
voy a llevar al frente golpeando X, y luego vendré aquí a la aparición y aumentaré el trazo aquí. Ahora hay varias formas de hacer esto. Yo quiero conseguir el trazo casi del tamaño de esta parte de la R, que he hecho. Ahora, creo que esta parte se ve un poco rígida, así que voy a golpear N, que es mi herramienta Lápiz, y luego mantener pulsada Opción y arrastrar sobre esto, y luego cambia mi herramienta Lápiz a una herramienta Suave. Ahora, la herramienta Smooth también está ubicada justo debajo de aquí. Para algunas personas, esto no funcionará. Por lo tanto, tendrás que hacer doble clic en tu herramienta Lápiz y asegurarte que esa tecla de opción Toggle to Smooth tool esté marcada. Entonces, si no lo es, solo checa, y siempre tendrás esa habilidad. Entonces, suavizaremos esto solo repasándolo un par de veces. No creo que necesite este punto aquí, así que voy a golpear P y luego menos, ahora me llevará a la herramienta Pluma menos, y sólo eliminaremos ese punto de anclaje. De acuerdo, ahora esto está bastante cerca de lo que quiero. Pero creo que quiero que esta parte aquí fuera sea un poco más ancha. Entonces, vamos a cambiar a la herramienta Ancho, y para hacer eso voy a golpear Shift, W. Ahora, sólo puedo tirar de aquí y conseguirlo un poco más ancho. Está bien, ahora se ve bastante bien. Creo que suavizaré esto solo un poco más. Perfecto. De acuerdo, ahora mismo, sólo
tenemos un derrame cerebral, y queremos que esto sea un relleno. Entonces, si pulsas Command, Y en tu teclado, puedes ver que es un estilo de camino diferente a estos, y quiero que coincida con estos. Entonces, para hacer eso, necesito ampliarlo. Entonces, subamos a Objeto y Ampliar Apariencia. A veces necesitarás Expandir Apariencia y a veces necesitarás Expandir, yo solo voy de ida y vuelta entre los dos, cualquiera que esté disponible realmente. De acuerdo, y ahora esto es lo que queremos. Si golpeamos Comando, Y, podemos ver que este tipo de forma es similar a este tipo de forma. Golpea Comando, Y otra vez para volver. Ahora, quiero redondear un poco estas esquinas, pero no quiero que sean del mismo tipo de redondeo, así que le pegaré A para elegir justo esa esquina, y luego puedo bajar aquí en este pequeño punto, lo que me permite alrededor de las esquinas como me guste, así que alrededor de éste un poco. Vamos a dar click aquí abajo en esta línea, y voy a redondear mucho esta, así que todo el camino de esta manera. Me gusta mucho la forma en que se ve esto, pero estaba planeando poner algo de texto aquí. Voy a hacer esto un poco más amplio por aquí. Para ello, le pegaré a Q, que es la herramienta Lasso, y ahora podemos dibujar un círculo alrededor de los puntos que quiero mover, solo asegúrate de que no estés consiguiendo ningún punto que no quieras. Ahora, se puede ver que esos son azules y los otros puntos son blancos, y eso significa que esos son seleccionados. Tendremos que cambiar a nuestra herramienta A y ponernos justo al borde de eso, y tirarla hacia abajo un poco así. Está bien, como puedes ver que estropeó esta parte del swoosh. Por lo tanto, suavizará eso con la herramienta Lápiz y mantenga presionada Opción para conseguir este suave. A veces hay que repasar bastantes veces para que funcione. Se ve un poco raro, así que voy a usar mi herramienta A para hacer clic en algunos puntos, y luego mover esos hacia arriba, para que no tengan esa mirada extraña. Ahora, voy a eliminar algunos puntos más, así que obtengo mi herramienta P menos, y los elimino. Ahora, tiraremos este mango hacia abajo en el ancla para suavizar aún más esa línea, y estoy bastante contento con esto, pero tenemos esta cosa extra aquí de la que realmente necesito deshacerme. Entonces, anule la selección de todo con Shift,
Command, A, y voy a acercar esa parte dibujando un cuadro a su alrededor. De acuerdo, entonces tenemos esta pieza, y tenemos esa pieza, pero esta parte no se superpone, esta parte y sí necesitamos que se superponga para que esto funcione bien. Entonces, ahora voy a golpear Command, Y y voy a dar click derecho en ese punto y darle para que se superponga sólo un poquito, y luego voy a Comando Menos. Lo siguiente que quiero mostrarles es la herramienta Shape Builder. Con mi herramienta A, seleccionaré todas estas piezas. No consiguió el resto del grupo porque elegí la herramienta A y así la herramienta V,
la herramienta V seleccionó todo el grupo. Entonces, ahora llegaremos a nuestra herramienta Shape Builder, que es Shift, M. Podemos combinar estas piezas con solo hacer clic y arrastrar. A veces con formas como esta, con algo cortado de ellas, esto sucederá, pero lo arreglaremos en un minuto. Entonces, también tenemos esta pieza aquí fuera que no quiero, así que voy a Option click eso, y eso se deshará de ella. Entonces voy a acercarme muy cerca de esa parte de superposición, y veo otro spot aquí que no quería. Voy a Shift, M para volver a seleccionar esa herramienta, y luego Opción para eliminarla. Vamos a suavizar esto ahora, así que N para la herramienta Lápiz, y luego mantenga presionada la Opción y arrastre para simplemente suavizar un poco. No estoy realmente enfocado en conseguirlo perfecto ahora mismo ya que esto es solo un tutorial, pero sí quiero mostrarte cómo arreglar esta pieza. Si golpeamos Command, Y, podemos ver que esta otra pieza está de vuelta aquí simplemente no se está mostrando, así que voy a golpear Comando, Y otra vez, y usar mi herramienta A para seleccionarlos a ambos, y luego podemos golpear Shift, M, que es el Shape Builder y luego Option and delete esa pieza central, y eso nos lleva a lo que queremos. Entonces, sólo tenemos la palabra cohete. El K me molesta un poco porque creo que se parece demasiado a una h Entonces, voy a acercar esa K, y ahora voy a hacer algunas cosas que le ayudarán a que se pareciera más a un K. Así que, básicamente, quiero tomar esta pieza y hacer que se conecte aquí mismo. Para ello, voy a usar la herramienta N. Cuando se utiliza la herramienta N, necesita comenzar en un camino y continuar por ese mismo camino para que funcione correctamente, Entonces, voy a cambiar esta pieza primero. Empezaré aquí mismo, y luego entraré así y me soltaré y luego seguiré por ese camino, y luego saldré aquí y haré lo mismo. Por supuesto, suavizaremos todo eso con la herramienta Lápiz. Muy bien, lo siguiente que quieres hacer es agregar Mi Espacio sobre la parte superior del K. Así que, para ello, voy a usar Type On A Path, y antes que nada dibujar un círculo. Voy a empezar aquí, de eso se trata. No quiero un relleno ni un trazo en esto. Entonces, voy a golpear la tecla de la diagonal delantera para despejar eso. De acuerdo, voy a mover esto un poco hacia abajo, entonces conseguiremos nuestra herramienta Type On A Path, y pincharemos a la derecha en el borde de eso. Como puedes ver ya lo rellené con texto ficticio, y ahora escribiré, Mi espacio. Ya que esto es Pacifico, no se ve muy bien. Nunca es una gran idea poner una fuente de guión en un camino como este en el círculo. Entonces, cambiaremos esto a Montserrat, que también está en tu carpeta de recursos. De acuerdo, entonces está ahí, pero está un poco fuera de centro como puedes ver. Entonces, pongámonos en nuestra herramienta V, y voy a dar clic y tirar de esta barra alrededor del círculo, voy a moverla hasta aquí. A veces cuando hagas esto, tu texto desaparecerá, y si ese es el caso, intenta subirte al otro de pequeño bar y jalarlo. De acuerdo, generalmente me gusta centrar aquí mi texto, así que voy a golpear Shift, Command, C, y entonces estos dos deberían ser iguales. Entonces, subiré un poco este, para que eso se vea bien. Yo quiero que el swoosh se alinee mejor con cohete. Como puedes ver, hay mucho espacio aquí abajo y solo un poco de espacio aquí. Para que eso funcione, voy a usar Shift, P, que es algo relativamente nuevo en Illustrator y que se llama la herramienta Puppet Warp. Voy a golpear A en mi teclado, y luego sólo seleccionar la forma R. Ahora, conseguiré mi herramienta Shift, P, que es la Deformación de marionetas, y voy a establecer algunos puntos de anclaje con la herramienta Deformación de marionetas, necesitas hacer click en las cosas que quieres mover,
y también dar click en las cosas que no quieres moverte. Entonces, quiero que esta parte se mueva, pero no quiero que estos otros puntos se muevan. Entonces, ahora voy a dar clic a la derecha en medio de ese punto, y sólo lo arrastraré hacia arriba. Está bien, creo que eso se ve mucho mejor, tal vez incluso un poco más, sí, vale. Todo lo que tenemos que hacer en este punto es solo agregar “Is Awesome” en el área pequeña de swoosh de la R. Así que, para hacer eso, voy a golpear T y solo teclear “Is Awesome”. Primero lo trasladaré al swoosh y luego lo voy a cambiar a blanco. Para ello, voy a golpear la letra D, que nos da un relleno blanco y un contorno negro. Voy a traer el contorno negro trasero al frente golpeando X, y luego eliminaré eso golpeando barra delantera. este momento, creo que las letras son un poco grandes, así que vamos a reducirlas pulsando Shift, Command y caret izquierdo, es la que está por encima de la coma. Está bien, eso lo redujo un poco. Ahora, vamos a añadir algo de espacio ahí dentro. Voy a golpear Opción, Flecha
Derecha, y espacio que fuera. Muchas veces en un swoosh como este, realidad
necesitarás rotar el texto, y puedes hacerlo pulsando la letra R y estableciendo un punto de anclaje haciendo clic una vez y puedes rotarlo así. Pero creo que el nuestro se ve bastante bien. Muy bien, entonces ahora tenemos un Type Graphic para nuestro Alien Spaceman.
13. Exporta: Muy bien, así que juntemos todo para ver qué hemos hecho. Voy a subir aquí a mis capas y ver la capa uno y desbloquearla. Después seleccionaremos las cosas que creamos y las moveremos hacia abajo. Alejaré este fondo, agarraré al hombrecito espacial y lo trasladaré. De acuerdo, así que tenemos a nuestro pequeño extraterrestre y tiene un telescopio porque quiere mirarnos aquí en la tierra. También quiere que sepamos que su cohete espacial es impresionante. Ahora, te mostraré cómo guardar estos como JPEG si querías compartirlo en redes sociales o algo así y luego los guardaremos individualmente como PNG con un fondo transparente. Entonces, para que estos se vean un poco mejor en este espacio, vamos a hacer que la mesa de trabajo sea un poco más pequeña. Para ello, pulsa Shift-O y tendrás asas donde podrás arrastrar la mesa de trabajo en un poco. Nos moveremos aquí abajo y arrastraremos esta parte de la mesa de trabajo hacia arriba. De acuerdo, voy a golpear Comando-0 para centrar todo en el espacio de trabajo y luego vamos a presionar Mayús-Opción, Comando-S, y esto es Archivo, Guardar para Web. Un buen tamaño para esto probablemente va a ser alrededor de 1,000 píxeles, y vamos a cambiar esto a JPEG aquí arriba, y eso es todo lo que realmente necesitas hacer. Ahorraremos y lo pondremos en el escritorio y lo guardaremos como gráficos. De acuerdo, entonces vamos a nuestro escritorio y abrimos ese gráfico. Ahí está en formato ráster. Ahora bien, si quisieras usar cada uno de estos gráficos por separado en tus propios proyectos, puedo mostrarte cómo ponerlos en sus propias mesas de trabajo y exportarlos como PNG con fondo transparente, así que hagámoslo. En primer lugar, voy a limpiar mi mesa de trabajo y seleccionar todas estas [inaudibles] aquí y eliminarlas. Entonces bajaremos aquí al panel de mesas de trabajo y crearé dos nuevas mesas de trabajo. Para ello, acabo de golpear este pequeño botón nuevo de mesa de trabajo en la parte inferior de la paleta. Dibujaré una caja con mi herramienta V alrededor de cada gráfico. Pero accidentalmente seleccioné esto por lo que mantendré presionado Shift y pincharé sobre él. Después lo arrastraremos a los
suyos y lo redimensionaremos para que sea un poco más grande para llenar el espacio. Agarré este gráfico con mi herramienta V y lo trasladaré a su propia mesa de trabajo. De acuerdo, y luego cambiaremos el tamaño de este gráfico de cohetes para llenar el espacio, también. Está bien. A continuación, ve a Archivo, Exportar, Exportar como, y aquí, podemos elegir un título, solo
voy a poner espacio. Aquí abajo en Formato, verás Usar mesas de trabajo, y definitivamente quieres tener esto comprobado, y de esa manera, sabrá exportar todas las mesas de trabajo, y después decir Exportar. Aquí, depende de lo que quieras hacer pero para web, Pantalla 72 PPI es lo que querrás ir y el color de fondo será transparente,
para luego decir Ok. Ahora, veamos nuestro escritorio. Aquí, tenemos nuestros tres gráficos espaciales y los nombrará dependientes del nombre de la mesa de trabajo. Entonces, también puedes cambiar los nombres de tus mesas de trabajo y hacer que se actualice de esa manera. Está bien. Entonces, volvamos al archivo y te mostraré cómo guardar esto. Entonces, pulsa Shift-Command-S, y honestamente deberías estar ahorrando a lo largo del proyecto. Es mala idea dejarlo sin título todo el tiempo. Entonces, vamos a guardar esto como gráficos espaciales. Incluso después de haber exportado tus JPEGS y PNG, vas a querer guardar ese archivo AI para que siempre tengas acceso a editarlo más adelante. Entonces ahora que ya tienes tus gráficos listos para usar, puedes compartirlos en la web, en las redes
sociales, o en cualquier lugar que quieras.
14. Reflexiones finales: Está bien. Nosotros lo hicimos. Cubrimos todo, desde trabajar con tareas, trabajar con formas, y crear nuestros propios textos. Al aprender estas habilidades esenciales, realmente
tienes la capacidad ahora de salir y crear casi cualquier cosa que quieras en Illustrator. Ahora que tienes el laico de la tierra con estas habilidades, todo lo que se necesita es practicar para realmente que se convierta en segunda naturaleza. Si has estado creando tus propios gráficos en el camino, sube
absolutamente esos a la galería de proyectos porque me gustaría ver hasta dónde llegas. Espero que hayan disfrutado de la clase, y no puedo esperar a ver lo que ustedes crean.
15. Explora más clases: