Efecto neón en Adobe Illustrator: una clase de Graphic Design for Lunch™

1. Efecto de neon en Illustrator: un diseño gráfico para la clase de Lunch™: Hola, soy Helen Bradley. Bienvenido a esta clase de Diseño Gráfico para Almuerzo, Crea un Efecto Neón en Adobe Illustrator. diseño gráfico para el almuerzo es una serie de clases que imparten una gama de consejos y técnicas para crear diseños y para trabajar en aplicaciones como Illustrator, Photoshop, y Procreate. Hoy estamos creando un efecto neón en ilustrador, y en el camino vamos a aprender un poco sobre crear estilos gráficos reutilizables y hacerlo de una manera inteligente para que cuando vengas a usar el estilo, tengas la cantidad mínima de cosas a cambiar en ella. También vamos a ver aplicar un efecto neón al texto, que va a implicarnos romper el texto. Ahora como estás trabajando a través de estos videos, es posible que veas un prompt que te permita recomendar esta clase a otros. Por favor, si estás disfrutando de la clase, dale un pulgar arriba. Estas recomendaciones me ayudan a conseguir mis clases frente más personas igual que tú que quieren aprender más sobre Illustrator. Si deseas dejar un comentario o una pregunta, por favor hazlo. Leí y respondo a todos tus comentarios y miro y respondo a todos tus proyectos de clase. Si estás listo, ahora empecemos a crear efecto neón en Illustrator. 2. Efecto de neón: parte 1: Antes de empezar con este proyecto, vamos a necesitar un par de cosas de la web. El primero que necesitaremos es una imagen de un flamenco. Si no tienes confianza en dibujar las formas tú mismo, entonces encuentra una foto del objeto con el que quieres trabajar y luego úsalo como objeto de rastreo. Eso es exactamente lo que vamos a hacer. Ahora bien, archivo de la morgue ha cambiado recientemente, se ve un poco diferente a lo que solía parecer, pero te voy a dar el enlace de descarga para este pájaro. Siempre puedes ir al archivo de la morgue y solo buscar flamencos y encontrar un montón de ellos ahí. Otra cosa que necesitarás es una fuente de neón. Ahora, he ido al sitio 100001fonts.com, y he encontrado una fuente de neón aquí ahora esto es sólo para uso personal. No es de uso comercial a menos que se ponga en contacto con el autor y realice un pago. Pero creo que esta es una fuente realmente bonita de usar y se llama música club de neón. También te daré el enlace de descarga para eso. desea descargarlo e instalarlo en su computadora. Entonces estamos listos para ir a ilustrar nuestro abrir nuestro flamenco y empezar. Vamos a empezar en ilustrado con un nuevo documento, elegiré archivo y luego nuevo. Yo quería un documento de orientación de retrato. Los ajustes aquí son buenos para mí, 750 píxeles de ancho o 1000 píxeles de alto. Tendrás que crear una imagen y sobre estas proporciones y sobre este tamaño de imagen, porque eso lo hará un poco más fácil cuando vengas a crear tus efectos de Neón porque puedes usar los mismos valores que voy a usar, estamos utilizando el modo de color RGB. Ahora la selección de efectos de Rostra aquí es un poco importante porque vamos a estar usando un efecto ráster. Tengo mentalidad a un bajo valor de 72 PPI. Si estás trabajando en una computadora más rápida, entonces podrías usar 150 o 300. Eso te dará mejores efectos en la pantalla. Pero para mí, porque estoy tratando de hacer video al mismo tiempo, sólo me voy a conformar con un valor menor. Voy a dar click bien, para crear mi nuevo documento. Necesitas ir a conseguir nuestra imagen de flamenco, Así que elijo archivo y luego colocaré. Vamos a localizar mi foto de flamenco en mi carpeta Descargas click lugar. Voy a colocarlo bastante alto en el documento aquí, porque creo que las piernas de este pájaro porque la forma que le han disparado o un poco en el lado corto, quiero poner un poco más de acción alrededor del fondo del flamenco, por lo que estoy viviendo mucho espacio para hacerlo. Voy a la última tarima aquí y voy a abrir esto y cerrar el flamenco No se moverá aunque esté trabajando por encima de ella. Ahora voy a añadir una nueva capa y voy a poner el propio flamenco en esta nueva capa, el dibujo que voy a hacer. A continuación, necesitamos dibujarnos flamencos estilizados. Para esto puedes usar tu elección de herramientas, si realmente vas con la herramienta de lápiz, adelante y usa la herramienta de lápiz. Voy a asumir que la herramienta Pluma te hace un poco de miedo. Usemos la herramienta lápiz. Voy a dar click en la herramienta de lápiz. Entonces selecciona eso, voy a hacer doble clic en él para solo decir cuáles son sus ajustes. Yo quiero que esté operando este [inaudible] Quiero que se suavizen cualquier tambaleo en la herramienta lápiz, ese ajuste realmente bueno para usar aquí. Yo sólo voy a dar click bien. Ahora necesitamos algo con lo que pintar. Voy a voltear estos dos colores para que estemos trabajando con nuestro color de trazo. Vamos a buscar algo que se vaya a presentar en contra de este pájaro de aquí. Estoy pensando que este azul ahora mismo será un buen color de usar. este momento mi trazo es de un punto, así que lo voy a aumentar a cerca de tres puntos. Ahora voy a dibujar las formas para mi pájaro. Ahora quieres recordar como estás dibujando esto, que esto sería vidrio, las cosas tienen que ser bastante curvas. He ido adelante y dibujado mi flamenco usando líneas muy, muy simples. Esta es la interpretación estilística que querrás. Por supuesto, dije antes que quería que el mío fuera un poco más alto y he ido y dibujado exactamente del tamaño correcto. lo que voy a hacer es ir a la herramienta de selección directa aquí. Voy a seleccionar ya sea los nodos en la parte inferior de este pie y simplemente estirarlos. Eso le dará una pierna más larga, también lo puedo hacer aquí. Probablemente voy a agarrar la última historia alta aquí va a ser más fácil de agarrar. Esta porción del flamenco. presiona V para la herramienta de movimiento y simplemente mueve un poco su pierna hacia abajo. Voy a mover esta porción en fila. Entonces esta parte de la pierna simplemente se puede estirar. En este punto, probablemente querrás desactivar la visibilidad de la capa más inferior para que estés trabajando solo con las formas que has creado. Puedes pasar un poco de tiempo trabajando en las formas. Una de las cosas que quieres asegurarte es que no tienes ninguna papelera realmente tipo. Este ritmo aquí es demasiado apretado de una banda. No es algo que pasaría si estuvieras trabajando con vidrio de neón. Vamos a tener que redondear eso, por lo que parece un poco más como si hubiera podido estar hecho de vidrio de neón. Para ello, solo estoy agarrando la herramienta de selección directa, seleccionando este punto para poder acceder a las asas y simplemente moverlas. En cualquier momento los ángulos forman una línea recta sobre la parte superior de un punto como este, vas a conseguir una curva muy suave. Control o Comando cero para alejar el zoom. Podrás seguir trabajando en tu pájaro. Una vez que tengas el pájaro estilizado creado remontada y le vamos a añadir los efectos de neón. 3. Efecto de neón: parte 2: Ahora he ido adelante e hice algunas alteraciones menores a mi pájaro, lo que hice fue sacarle un poco estas garras de su pie para que quedaran más separadas de su pie. Ahora, aquí arriba en la línea de la mandíbula solo quiero mostrarles lo que está pasando aquí y cómo lo resolveremos. He terminado con dos líneas en esta línea de mandíbula y me gustaría que fueran una sola línea así que voy a ir y conseguir el punto final para esta línea, y voy a crearla mucho más de cerca al punto final de esta línea. Estos dos puntos de muy cerca juntos, voy a seleccionar sobre ellos, voy a elegir ruta de objeto unir y eso los unirá en una sola ruta. Ahora se van a comportar como una sola forma y si necesito alterar la curva del camino, lo puedo hacer. Control o comando cero para alejar el zoom. Ahora, ahora mismo cada una de estas líneas tiene un extremo plano así que voy a seleccionar cualquiera de ellas con la herramienta de selección, y voy a hacer que las líneas sean más curvas al final. Para ello voy a ir al panel de trazos y voy a hacer sus gorras redondas, eso les dará un final más suave. También voy a aumentar el ancho de las líneas, lo voy a llevar hasta siete puntos. Da click de distancia y solo comprueba cómo se ve todo, ahora como resultado probablemente querré empezar a sacar un poco estas piezas para que estén un poco más separadas del cuerpo del pájaro. Porque típicamente el neón no se superpondrá, podrías tener dos piezas de [inaudibles] si me he ido, todo estará un poco más separado. Ahora que lo hemos hecho, vamos a añadir un fondo negro detrás del pájaro para poder ver los efectos que estamos creando un poco más fácilmente. Voy a hacer clic en la capa uno en el último palé y hacer clic en nueva capa, eso agregará una nueva capa debajo un neón y encima de la imagen que ya no estamos usando. En esta vuelta, voy a agregar mi rectángulo relleno negro, voy a la herramienta de rectángulo, voy a dar click una vez en mi documento y ahora puedo escribir las dimensiones de mi documento que tenía 750 píxeles de ancho por 1000 píxeles de alto. Yo quiero llenar esto de negro así que voy a ir a ponerme negro, y sólo voy a voltear mi trazo y llenar colores. Ahora en el panel de alineación, si voy a Alinear ventana, si hago clic aquí y hago clic en mostrar opciones puedo ver a qué se está alineando todo actualmente. Es bastante importante que sepas cómo funcionan tus herramientas de alineación, voy a hacer clic en este desplegable aquí y todo está alineado con el tablero de arte. Si voy a la herramienta de selección, selecciono en mi forma, ahora puedo hacer clic en estas dos opciones aquí, alinear horizontal centro y alinear vertical centro y mi rectángulo se va a alinear perfectamente a mi tablero de arte. Después haga clic en el último palé y voy a bloquear eso también porque no quiero que empiece a moverse sobre mí. Para crear un neón, lo vamos a crear usando los paneles de apariencia así que voy a tomar la parte más grande de este ave con la que podemos trabajar en este momento y ese es su cuerpo. Ahora mismo es azul, probablemente debería ser rosa, así que voy a ir a conseguir un color rosa. Voy al panel de apariencia aquí, si no puedes ver tu panel de apariencia ve a Ventana y luego a apariencia, y vamos a trabajar con el panel de apariencia para acumular este efecto neón. El primero que queremos hacer es volar esta línea, los siete puntos es un ancho bastante bueno para este efecto neón, lo que no es bueno es en este momento tenemos rosa sólido donde nos gustaría que fuera un poco más fuzzier si quieres. En el panel de apariencia dirás cuando los triángulos enfrentan de esta manera que todos los ajustes están colapsados. Si las abres aquí, dirás que hay cosas como otra configuración de opacidad para este trazo individual. Puedes hacer las cosas con un trazo en lugar de con toda la forma, esto es realmente importante en esta etapa porque necesitas hacer lo que vamos a hacer a continuación con esta línea rosa, no quieres hacerlo con toda la forma o es no va a funcionar correctamente. Entonces vamos a dar click en esta línea rosa aquí, y luego vamos a efecto, desenfocar, desenfocar gaussiano y vamos a desenfocar esta línea. Voy a encender la vista previa para que pueda ver lo que está pasando y solo puedes elegir un desenfoque que te guste, creo que alrededor de 3.5 es un desenfoque bastante bueno para esta línea, quieres la impresión de una especie de resplandor de neón Voy a dar clic en “Ok”. A continuación vamos a añadir otra línea a esta forma así que vamos a dar click aquí en este trazo y vamos a dar click aquí en añadir nuevo trazo, que va a añadir un segundo trazo encima del primero. Ahora este trazo queremos ser gris, voy a entrar aquí, abrir el panel y vamos a usar un gris que es 204, 204, 204, esto es más o menos un gris neutro claro. Entonces vamos a disminuir su peso de línea a unos tres puntos, y vamos a ajustar su modo de mezcla a pantalla, y luego vamos a tener una charla sobre por qué acabamos de hacer lo que hicimos. Ahora, lo que va a pasar en unos minutos es que vamos a tomar este look de neón y vamos a guardarlo como estrella gráfica, así que queremos poder aplicarlo a cualquier cosa en el futuro. Si le agregamos muchos trazos rosados a esta forma, en cualquier momento que quisiéramos hacer neón rojo o neón amarillo, habrá que entrar en el panel de apariencia y empezar a cambiar un montón de cosas. Es mucho más sencillo si sólo tenemos que cambiar una cosa y esto es lo que vamos a tener que cambiar, si queremos hacer neón rojo, vamos a tener que hacer bien esto si queremos hacer, azul neón vamos a hacer este azul, pero todo lo demás que estamos construyendo en este panel de apariencia es neutral, es un gris neutro. Va a tener exactamente el mismo efecto en el azul que en los amarillos, como lo está en el naranja, así que ser inteligente sobre cómo estamos construyendo las cosas. Entonces hasta este final lo que hemos hecho, es que hemos agregado una línea de tres puntos gris claro, más delgada que la línea rosa por lo que aún podemos decir la línea rosa pero esta es una línea gris claro. Configurándolo en modo de mezcla de pantalla solo lo hace más ligero, un modo de mezcla de pantalla siempre alivia las cosas así que si apago esto, puedes decir que no hay rayos, aquí tenemos un aligeramiento estrecho en medio de la línea y lo vamos a hacer otra vez. Por lo que voy a dar click en esta línea más alta, click en añadir nuevo trazo. Esta vez lo voy a hacer blanco así que voy por un color muy brillante, casi blanco aquí. Voy a bajar la línea blanca a una y me voy a sentar el modo de mezcla a pantalla para que se aligere todo. Ahí está mi look rosa neón, ahora si no estoy contento con el rosa, esto es lo que lo está controlando, así que puedo entrar aquí y elegir un color rosa mucho más caliente. Eso es todo lo que necesito hacer para cambiar el color de mi neón, así que estamos diseñando el efecto neón de una manera inteligente. Ahora que lo hemos hecho y lo hemos diseñado de manera inteligente, vamos a guardarlo para que podamos reutilizarlo, voy a seleccionar la forma que tiene aplicado el neón, voy a ir a los estilos gráficos que están aquí. Si no dices ahí los estilos gráficos, ve a Ventana y elige estilos gráficos. Lo que vamos a hacer es arrastrar y soltar el cuerpo del pájaro en esto así que cójalo con la herramienta de selección, tírelo aquí y déjalo ir. No vemos cuerpo de pájaro, lo que vemos es el estilo, este es el estilo de neón rosa que acabamos crear y es un staff permanente de este documento en particular. Ahora voy a hacer clic lejos del cuerpo del pájaro y seleccionar su cabeza. Voy a dar click aquí una vez en el estilo gráfico y el efecto de color neón se aplica a esa forma. Yo quería hacer lo mismo aquí, así que voy a seleccionar ambas piezas aquí y las voy a hacer rosa por ahora. Pero sabes qué, se ven mucho mejor si en realidad se leyeran, así que con ellos todavía seleccionados voy al panel de apariencia para las formas, voy a dar clic en este rosa de aquí y lo voy a convertir en un rojo brillante. Voy a hacer click de distancia. Se puede decir que el estilo neón ahora se ha aplicado a esa forma y pudimos fácilmente recolorear simplemente seleccionando una opción de color en particular que está en esta parte inferior más trazo y podemos hacer lo mismo por las piernas. Hazlos rosados, cambia de opinión sobre el color a cualquier cosa que nos guste, en realidad voy a hacer esos rojos también. Ahora al pájaro le vendría bien un ojo y un poco de verdor y tal vez algo de agua azul a lo largo del fondo aquí. Entonces voy a rematar al pájaro con sólo hacer esas pedacita extra, no voy a hablar como hago esto pero vamos a volver en el siguiente video e ir a crear algún texto de neón y una de las cosas que vamos a confrontar es el hecho de que tenemos que sacar, toma la olla antes de que podamos realmente hacerla neón. 4. Efecto de neón: parte 3: Ahora que hemos creado un Flamingo en Neón, vamos, y echemos un vistazo a los problemas que rodean crear tipo con este efecto Neón. Voy a hacer clic en la herramienta “Texto” aquí, voy a escribir la palabra Flamingo. Ahora, está en negro ahora mismo, así que lo voy a hacer blanco para que podamos verlo. Voy a aumentar el tamaño de la fuente aquí, y me voy a ir, a conseguir una fuente Neon. Estoy haciendo clic en la herramienta “Texto”, seleccionando sobre el texto, y me voy a ir, y conseguir la fuente Neon que descargamos, y que he instalado. Ahora, obviamente es un poco grande para este proyecto en este momento, solo voy a disminuir un poco el tamaño. Ahora, antes de poder aplicar nuestro efecto Neón a este texto, vamos a necesitar convertir el texto de texto en contornos. Voy a elegir Tipo, y luego Crear contornos. Entonces voy a desagrupar estos objetos con Object, Ungroup. Ahora entremos, y echemos un vistazo y veamos qué obtenemos cuando obtenemos contornos de texto. Lo que obtenemos es una forma dimensional. Tenemos contornos alrededor de una forma rellena. Lo que aprendimos sobre el Flamingo fue que nuestro estilo gráfico se tiene que aplicar a una sola línea. Tenemos demasiadas líneas aquí. Lo que vamos a necesitar hacer es deshacernos de ellos. Ir a empezar con una forma fácil, en primer lugar, este L. Lo que voy a hacer, es que voy a mantener la línea exterior, pero deshacerme de la línea interior. Con la herramienta Lasso, solo voy a arrastrar por el medio de esta letra, asegurándome de que atrape todos los nodos que están en el interior de esta forma, y solo presionaré “Eliminar” y lo que me queda es esta línea. Todo lo que necesito hacer ahora es con él seleccionado es voltear el trazo y el relleno. Ahora, tengo una línea de trazo. Voy a pasar por estas otras formas, las formas fáciles, la N, la G, y la O, y simplemente deshacerme de las formas internas. En el yo, voy a deshacerme de la forma de la derecha, y mantener la de la izquierda, y volveremos en un minuto y agarraremos estas otras formas. Con la F por aquí, voy a tomar la línea exterior, y la línea superior aquí. los otros pedacitos, me voy a deshacer. Con la A, voy a tomar la línea exterior, y después probablemente voy a tomar esta línea de arriba. Con la M, voy a tomar la línea exterior, y esta línea de izquierda aquí, deshaciéndome del resto. Lo que me estoy asegurando de que no voy a eliminar es nada que sea un punto de anclaje para cualquiera de las líneas que realmente quiero conservar. Ahora que tengo las letras reales del texto, estoy listo para seguir adelante, y para aplicarles mi efecto Neón. Puedo tomar letras individuales seleccionando sobre ellas con la herramienta Selección, yendo al panel de apariencia para ellas. Parecen haber perdido mi panel de apariencia, así que voy a elegir Ventana, Apariencia, y luego simplemente cambiar el color del texto. Hay una forma fácil de crear un efecto de Neón en Illustrator, y también has aprendido cómo puedes curvar una fuente para crear una sola línea a la que luego podrías aplicar un efecto de Neón. Tu proyecto para esta clase va a ser crear un efecto Neón, algo así. Puedes ir, y usar el Flamingo que utilicé, o puedes usar cualquier imagen de tu elección, o simplemente puedes dibujarlo a mano alzada si lo prefieres. Añádele algo de texto también, para que obtenga algo de práctica trabajando con estilos gráficos, y aplicándolos a esos elementos de texto una vez que los haya extraído de la fuente real. Cuando hayas terminado con tu proyecto, publícalo en el área del proyecto de clase. Espero que hayas disfrutado de este curso, y que hayas aprendido mucho sobre trabajar con estilos gráficos, y con fuentes, y formas en Illustrator. Si sí disfrutaste de este curso y si ves un prompt para recomendarlo a otros, por favor dale un pulgar arriba. Esto ayuda a otras personas a identificar esto como una clase que tal vez quieran tomar. Si quieres dejar un comentario, por favor hazlo. Leí y respondo a todos tus comentarios, y miro y respondo a todos tus proyectos de clase. Me llamo Helen Bradley. Muchas gracias por acompañarme en este episodio de Diseño Gráfico para Almuerzo, y espero verlos en un próximo episodio.