Personalización de iconos de redes sociales con un clic de un botón: estilos gráficos en Adobe Illus

1. Introducción a la clase: Los iconos de las redes sociales están por todas partes en estos días. Son una parte esencial del negocio en nuestra sociedad. No obstante, con todos usando los mismos iconos simples, ¿cómo puedes diferenciarte? Puedes hacer esto dando a tus iconos tu propio toque personal, mediante el uso de estilos gráficos en Adobe Illustrator. [ MÚSICA] Hola chicos, mi nombre es Kyle Aaron Parson. Soy diseñadora gráfica e ilustradora con sede en Edmonton, Canadá. En los últimos 15 años, he dejado de lado como diseñador gráfico e ilustrador freelance. A lo largo de mi carrera, he trabajado en muchos proyectos como galardonados diseños de logotipos y diseños de carteles. Adobe Illustrator ha sido una piedra angular de mi práctica creativa y no es difícil creer que he recogido muchos consejos y trucos que aceleran mi flujo de trabajo inmensamente. Crear continuidad entre tus marcas nunca ha sido tan fácil con la ayuda del panel de apariencia y estilos gráficos en Adobe Illustrator. Con un solo clic de un botón, puedes crear un conjunto de iconos personalizado que se adapte a tu estilo personal. A lo largo de esta clase te guiaré por tres estilos diferentes que puedes aplicar a tu conjunto de iconos. Creo que esto te dará una buena base para que puedas experimentar y crear algo único para ti. Tu proyecto para esta clase es crear un conjunto personalizado de iconos de redes sociales en Adobe Illustrator. Esta clase es perfecta para todos los niveles de habilidad.Si solo estás saltando a Adobe Illustrator, te guiaré paso a paso por el proceso que utilizo para crear iconos de redes sociales. Si eres un usuario intermedio o avanzado, definitivamente encontrarás algunos consejos y trucos útiles para acelerar tu flujo de trabajo. He proporcionado hojas de trabajo de clase en el Panel de Proyectos para que puedas seguir paso a paso a medida que pasamos por la clase. Como bono, habrá un conjunto de iconos de redes sociales que puedes usar incluso después de la clase. Si estás listo para dejar que tu ícono destaque, ve a descargar los recursos del proyecto , y te veré en clase. [ MÚSICA] 2. Configuración de tu documento: Hola chicos, bienvenidos a clase. Lo primero que queremos hacer es que queremos configurar nuestros documentos. Entonces lo número uno que hay que hacer es descargar las hojas de trabajo de clase para que puedas seguir junto con estas. En las hojas de trabajo de clase, tenemos tres módulos diferentes. Nosotros primero, comenzaremos con Glossy Button y te acompañaré a través de cómo crear este diseño. Después pasaremos por el diseño de rayas Retro y luego finalmente pasaremos por el efecto de brillo de neón fresco. También he agregado un conjunto de iconos con muchos iconos de redes sociales diferentes a los que puedes aplicar tus estilos gráficos. Así que simplemente saltemos al documento y veamos qué necesitamos configurar. Lo primero que tenemos que hacer es abrir unas cuantas ventanas que vamos a usar en la clase. La primera ventana que quiero que abran es el Panel de Apariencia. Si no puedes encontrar eso, ve a Ventana y Apariencia, y luego abre eso. Lo siguiente que quiero que abras es el Panel de Estilos Gráficos porque aquí es donde guardaremos nuestro estilo gráfico y podremos aplicarlo a todos nuestros conjuntos de iconos con un clic de un botón. Lo siguiente que quiero que abras también es el Panel Muestras, porque usaremos muestras personalizadas para crear gradientes y diseños de rayas. Además, podemos utilizar el panel de color y el panel de degradado. Además de esas cosas, si hay algún panel que me veas usando, pero no lo tienes abierto en tu documento. Siempre puedes ir a Window y encontrarlo aquí. Algo tal vez como el Panel de Trazo. Muy bien, después de que tengas configurado tu documento, saltemos a la siguiente clase y aprenda a crear el genial efecto Glossy Button. 3. Efecto de botones brillantes: Muy bien chicos. Bienvenido a nuestro primer módulo donde aprenderemos a crear este genial efecto de botón brillante. Lo primero que hay que saber es que vamos a estar usando mucho el panel de apariencia en esta clase. No voy a pasar por todos los detalles del panel de apariencia, pero lo aprenderemos uno por uno. Si quieres conocer una explicación detallada sobre Estilos gráficos y el panel de apariencia, creé una clase llamada el poder de los estilos gráficos que te guiará a través exactamente lo que un el estilo gráfico es y cómo se puede aprovechar para crear texto dinámico fresco. Si quieres revisar esa clase, definitivamente ve a ver esa clase aquí en Skillshare. Para esta clase, no voy a pasar por todos los detalles y detalles como ese. Simplemente saltaremos justo en ella. Lo primero que debes saber es que en el panel de apariencia, puedes construir tus formas como el panel de capas. No obstante, todo está contenido en una sola forma. Permítanme explicarle eso muy brevemente para usted. En esta página aquí, se puede ver que hay muchos iconos diferentes de Instagram. Pensarías que si entrara en el modo de contorno, verías tantas formas porque si construyo esto en el panel de capas, cada uno de esos elementos sería su propia forma individual. No obstante, construí esto en el panel de apariencia. Lo que solo ves, vamos a comprobarlo, es el logotipo de Instagram. En el modo contorno, la única forma que en realidad está ahí, según Adobe Illustrator, es el logotipo de Instagram. Todo lo demás está contenido dentro de esa sola forma. Este es el poder del panel Apariencia y los estilos gráficos. Puedes construirlo como el panel de capas pero dentro de la forma misma. Ahora vamos a saltar justo aquí y vamos a recrear este efecto de botón brillante. Ten tu panel de apariencia abierto y vamos a bucear justo en. Lo primero que vamos a hacer es que vamos a crear la elipse. ¿ Cómo hacemos eso? En el panel de apariencia aquí se puede ver que le he aplicado un relleno de blanco y sin trazo. Lo siguiente que quiero hacer es en el panel de apariencia, puedo agregar un nuevo relleno, para que pueda tener múltiples rellenos en mi sola forma. Voy a cambiar este color a tal vez un azul. Eso es bastante guay, pero en realidad no se puede ver nada allí. ¿ Por qué? Porque este relleno está debajo de mi relleno blanco. Pero si cambio la ubicación, se puede ver el relleno azul se muestra primero. Funciona como el panel de capas, que lo que esté en la parte superior se verá primero, y lo que debajo se verá en segundo lugar. Ten eso en cuenta ya que estamos construyendo nuestros estilos gráficos en Adobe Illustrator. Voy a mover eso hacia atrás por debajo y lo genial del panel de apariencia es que puedes tomar uno de los campos, aislarlo y aplicar un efecto solo a esa parte específica de la forma. Apliquemos eso a este relleno azul. Vamos a los efectos, conviértete en forma y elipse. Surgen las opciones de forma. Puedes ver que tienes un par de opciones diferentes, puedes convertirlo en un rectángulo, un rectángulo redondeado, o una elipse. Vamos a usar la elipse para este ejemplo. Tienes dos opciones aquí, tienes absoluta o relativa. Relativo funcionará de acuerdo con el cuadro limitador de la forma original. Cambiará dependiendo de la forma que tengas. Ya que tenemos muchos iconos diferentes con muchas formas y variedades diferentes, no queremos usar relativa porque lo distorsionará de maneras que no queremos. En realidad vamos a hacer clic en el botón absoluto. Ahora se puede ver que se ha encogido un poco, pero vamos a cambiar eso. Vamos a aumentar el tamaño a 165 y 165, algo así. Ahora podemos ver que tenemos un círculo perfecto alrededor de nuestro logotipo de Instagram. Vamos a golpear “Ok”. Lo siguiente que quiero hacer es que quiero tener un trazo alrededor de este círculo. Voy a añadir un trazo en mi panel de apariencia y le daré un azul claro. Yo también le voy a dar un azul claro, pero lo que puedes ver aquí, en realidad creó el trazo alrededor de mi logotipo de Instagram, pero no quiero eso. Si salto a mi relleno y se puede ver que tengo el efecto elipse aplicado a ella. Si sostengo Alt y lo llevo a mi trazo en mi panel de apariencia, aplicará ese efecto a mi trazo, por lo que si aumento el tamaño, se puede ver que aumenta. Cambiemos el color solo por ahora. En lugar de rodear mi logotipo de Instagram ahora tomó la forma de la elipse que creamos, y vamos a cambiar eso de nuevo al azul claro. Lo siguiente que quiero hacer es agregar un poco de profundidad a esto. Quiero crear alguna sombra que rodea todo el objeto. Es una forma tridimensional. ¿Cómo hago eso? Lo que voy a hacer es que voy a tomar esta elipse o este relleno y la voy a duplicar duplicando elemento seleccionado. Lo siguiente que voy a hacer es que lo voy a cambiar a blanco y lo voy a llevar por encima de todo excepto por el trazo. Ahora quiero aplicarle un efecto. Voy a ir “Efecto”, Estilizar, Resplandor Interior. Ahora, normalmente está en la pantalla y es de color blanco. Pero no quiero eso. Quiero que se multiplique y negro. Es un poco pequeño, así que necesito aumentar el tamaño hasta allá. Eso me parece bastante bien. Te está dando un poco de profundidad y haciendo que parezca más tridimensional, voy a golpear “Okay”. Ahora lo que quiero hacer con esto, es que quiero ir dentro de mi relleno y en realidad puedo cambiar las propiedades de opacidad de este relleno específico. Voy a entrar y cambiar éste para multiplicarse. Ahora si deshago clic, se puede ver que está recibiendo una forma más tridimensional y está afectando todo lo que hay debajo de ella. Quiero añadir alguna dimensión a mi trazo también. Voy a aumentar el tamaño solo un poco, y lo que voy a hacer es que voy a entrar en mi relleno y voy a agarrar ese resplandor interior, sostener Alt, y llevarlo a mi golpe. Pero eso no se ve muy bien así que voy a abrir esa propiedad y voy a encogerla un poco hasta que me dé un poco de ese resplandor interior. Dos puntos o un punto, tal vez dos puntos se ve mejor. Eso se ve realmente genial ya. Lo siguiente que quiero hacer es que quiero aplicarle el efecto cool brillante. Quieres tener tus artículos seleccionados y luego puedes agregar un nuevo relleno, y yo lo voy a mantener blanco por ahora, y voy a aplicar el converso a forma y elipse. Lo quiero absoluto y seguro. Puede ser así. Pero no quiero que sea un círculo perfecto. Quiero que sea un poco más ancho de lo que es estrecho o alto, así que voy a cambiar esto a tal vez 50. Voy a prever eso. Tal vez lo cambie a 60. Revisar eso. Eso podría verse bien. Realmente no puedo decir en contra de esto. Pero lo que puedo hacer con este campo que tiene la elipse de propiedad adjunta a él. Puedo entrar en fx, distorsionar, y transformar y transformar. Ahora tengo la capacidad de moverlo donde quiera. Voy a moverla aquí arriba y también voy a rotarlo un poco así. Voy a golpear “Está bien”. Lo siguiente que quiero hacer es aplicar un gradiente a esto. Voy a entrar en mis muestras aquí y sólo voy a aplicar un degradado en blanco y negro. Ahora puedo entrar en mi panel de degradado. Simplemente arrastraré esto para poder ver lo que está pasando y quería blanco y quiero que se desvanezca a blanco. Pero quiero cambiar la opacidad de uno de los nodos a cero. Lo cambiaré a un círculo. Así como eso. Ahora puedes ver lo que está pasando. Si “vuelvo a hacer clic en esto”, asegúrate de que el trazo se vea afectado, puedo golpear “G” en mi teclado y decidir a dónde irá esto. Ahora, desde que creamos un degradado así, podemos “hacer click en nuestro degradado actual” y podemos duplicarlo. Entonces tenemos otro. Podemos saltar al efecto de transformación, y luego podemos mover éste por ahí. Vamos a moverlo al otro lado y darle la vuelta a éste . Tal vez aumentar la escala de la misma y luego traerla de vuelta así. Lo que voy a hacer con éste es que voy a cambiar la opacidad. Sólo voy a dejarlo caer un poco para que no sea tan duro. Eso se ve bastante bien. Lo siguiente que puedo hacer con esto, es que puedo duplicar mi primero y le voy a dar un relleno perfectamente blanco y voy a cambiar la escala. Yo lo puedo bajar o puedes cambiar la elipse y voy a hacer que sea el lugar perfecto. Sólo voy a encontrar dónde debe estar el punto culminante. Eso me parece bien. Ahora lo que voy a hacer es que voy a cambiar esta propiedad aquí. Creo que quiero que sea un poco más duro, así que voy a ir al resplandor interior. Sólo voy a aumentar un poco el tamaño . Así como eso. Se puede ver que empezamos con un sencillo logo de Instagram, pero ahora creamos un efecto de botón brillante realmente genial. Tenemos un par de cosas más que agregar a esto para que se complete. Lo primero que vamos a añadir es que vamos a tomar nuestra hoja inferior. Lo vamos a duplicar y vamos a darle un relleno negro. Lo siguiente que vamos a hacer es que vamos a añadir un efecto. Ve Desenfoque, desenfoque gaussiano. Voy a disminuir eso un poco. Voy a golpear “Está bien”. Voy a aplicarle el efecto transformado. Voy a moverlo ligeramente hacia abajo y ligeramente hacia fuera. Esto dará un poco de sombra y aumentará un poco el tamaño. Dale un poco de sombra por fuera. Voy a darle un desenfoque gaussiano, cambiar el desenfoque gaussiano, aumentar eso un poco más. Eso es bueno. Voy a cambiar la opacidad para multiplicar. Lo último que podemos hacer con éste es en lugar de mantenerlo de un color sólido, podemos cambiar el relleno interior y podemos cambiarlo a tal vez algún tipo de gradiente que se vea bastante cool. Entonces nuestro trazo azul, podemos cambiar y emparejar eso con una naranja. Pasamos de una forma muy simple, ícono simple a un icono de botón muy cool. Pero ahora es aquí donde está la parte cool, es que podemos tomar esto que acabamos de construir y podemos entrar en nuestro panel de estilos gráficos y podemos agregarlo como nuevos estilos gráficos. Tenemos seis iconos en la parte inferior aquí y todos son lisos. Ahora desde que creamos el efecto de botón genial brillante en uno de ellos, y lo guardamos como un estilo gráfico. Echa un vistazo a esto. Podemos entrar en nuestros Estilos Gráficos, “haga clic en nuestro estilo gráfico recién creado”, aplíquelo, y cada uno de los iconos llega al siseo que se le aplica. Ahora lo que es realmente genial es que podemos personalizar esto un poco más. ¿ Podemos “hacer clic en el ícono de Twitter”. Podemos subir a este menú aquí, la obra de recolor y lo que podemos hacer es que podamos jugar con el color de este individuo. Podemos vincular la armonía del color y podemos arrastrar los colores alrededor de la rueda de color y podemos cambiar al instante el color. Sé que Twitter es un poco más azul. Esa es la sensación que quieres conseguir. Lo voy a desvincular y voy a traer la mayoría de los colores al tono azul. Saca esto del verde, así. Eso se ve bastante guay. Ahora podemos tomar el Snapchat y podemos hacer lo mismo con eso. Podemos vincular las armonías de color y podemos arrastrarla alrededor, tal vez arrastrarla al revés. Cambia al instante todos estos iconos con un clic de un botón y personaliza nuestro efecto de botón brillante. Uno más, echa un vistazo a eso. Vamos a desvincular los colores aquí y vamos a ir muy lejos icono de estilo arco iris. Eso se ve realmente genial. Muy bien chicos, para esta clase, no quiero que recrear el efecto de botón brillante genial. Entra en el panel de apariencia, compruébalo, juega con él, mira qué otros efectos puedes aplicar a estos y crear algo nuevo, algo interesante, y publicarlo en el panel del proyecto. Muy bien chicos, los veré en la próxima clase. 4. Estilo retro: Saltando a la derecha en el Módulo 2, vamos a recrear este genial diseño retro. Podemos ver nuestro logotipo de Twitter aquí. Es un logotipo de Twitter muy sencillo. No obstante, lo vamos a picar en un estilo retro. Lo primero que queremos hacer es crear una paleta de colores personalizada. Podemos saltar a nuestras muestras y se puede ver que ya he escogido unas paletas de colores retro que me gusta usar. Pero como puedes hacer eso es que puedes saltar online, puedes ir a color.adobe.com y encontrar algunas paletas de colores retro y puedes guardarlo en tu creativa biblioteca Cloud. Eso es exactamente lo que hice. Busqué paletas de color retro y encontré algunas que me gustaron. Todo lo que hice fue hacer clic derecho y les agrego temas a muestras. Ahora tengo todas estas paletas de colores en mi panel Muestras, y esto será muy útil ya que creamos nuestros diseños retro. Lo primero que vamos a hacer es que vamos a ir al panel Apariencia. Demos a esto un relleno usando una de nuestras paletas de colores. Voy a usar esta paleta de colores de fondo aquí. Simplemente usaré el amarillo básico ahí. Para éste, vamos a usar muchos golpes. Vamos a abrir nuestro panel de Trazos y vamos a usar tal vez este trazo azul. Ahora voy a aumentar un poco. Voy a entrar en mi panel de Stroke. Voy a abrirla aquí arriba. Ahora en lo que queremos hacer click es que queremos dar click en gorra redondeada y esquinas redondeadas. Esto acaba de redondear las esquinas para que no tengamos esos puntos duros. No queremos esos. Voy a aumentar el tamaño una vez más, y eso debería ser bueno. Lo siguiente que quiero hacer es que no se vea demasiado genial porque empuja en nuestro propio logotipo. Queremos que nuestro logo se mantenga igual. En nuestro panel Apariencia, podemos arrastrar nuestro trazo debajo de nuestro relleno. El relleno aparece primero y luego nuestro trazo va detrás de él. Eso se ve muy bien. Después de eso, queremos duplicar nuestro derrame cerebral. Ahora tenemos un golpe encima de otro trazo. En nuestro trazo inferior, lo que queremos hacer es que queremos aplicar el efecto de distorsión y transformación. Vamos a aplicar un efecto de distorsión y transformación y vamos a crear múltiples copias, colocándolas en capas para crear un fresco efecto de raya de sombra paralela. Veamos cómo hacemos eso. Lo que podemos hacer es que podamos mover este trazo horizontal y verticalmente. Ahora, lo bueno de esto es si lo empujamos por encima de un píxel, no cambia demasiado en este momento. No obstante, si bajamos a esta característica aquí llamada Copias, podemos incrementar la cantidad de copias o capas que se aplicarán a esta transformación. Veamos qué hace eso. Agreguemos 10. Preview eso. Eso se ve realmente genial. Lo que eso hizo aquí es si acercamos realmente de cerca, podemos ver que hay múltiples capas copiadas una encima de otra. Pero es un poco lleno de baches. Lo que queremos hacer, vamos a saltar a eso. Vamos a disminuir esto de un punto a 0.5 puntos, y 0.5 en la vertical también. Eso lo alisa un poco más y voy a golpear “Ok”. Ahora le creó un pequeño efecto de sombra paralela. Pero quiero poner en capas mis colores uno encima de otro. Voy a tomar este trazo que acabamos de crear con un efecto transformado aplicado a él y voy a duplicar eso. Voy a darle un nuevo color. En mi panel Color, vamos con el color amarillo. Ahora voy a abrir el efecto de transformación en ese trazo y voy a sumar 10 copias más. Un total de 20 ejemplares. Se puede ver exactamente lo que eso hizo. Debajo de este trazo verde, solo le permitió ir 10 pasos más allá del trazo verde, colocándolo en capas y creando un diseño de rayas fresco. Sigamos haciendo eso y construyamos nuestro diseño. Eso se ve realmente genial. Tenemos un genial diseño de rayas retro pasando ahí. Lo siguiente que queremos hacer, queremos agregar algunas rayas a esto. ¿ Cómo vamos a hacer eso? Voy a salir por ahí por ahora. Voy a arrastrar por mi panel Degradado. Primero selecciona nuestro ícono, luego entra en nuestro panel, aplica un degradado a eso. No se ve a lo grande en este momento, pero lo que podemos hacer es si tenemos nuestro panel Muestras abierto, podemos tomar los colores de nuestras muestras seleccionadas y aplicarlo directamente a nuestro gradiente. Apliquemos nuestro verde, arrástrelo hasta ahí. Podemos deshacernos del blanco. Aplica nuestro amarillo, aplica nuestra naranja, aplica nuestro rojo claro, aplica nuestro rojo oscuro, y podemos arrastrar nuestro negro. Ahora, tenemos todos nuestros colores uno tras otro en nuestro panel Degradado. Esto aún no se ve muy bien. Pero lo que vamos a hacer es que vamos a usar un degradado para crear un diseño de rayas. ¿ Cómo hacemos eso? Muy fácil. Lo que tenemos que hacer es que necesitamos hacer múltiples copias de nuestros nodos. Vamos a sostener Alt y hacer clic y arrastrar en nuestro nodo para hacer dos de ellos. Lo vamos a hacer con ese y con el verde. Lo siguiente que queremos hacer es crear una línea. Tenemos que brotar los nodos justo uno contra el otro por lo que no hay gradación entre los dos y es una bonita línea crujiente. Vamos a arrastrar sobre nuestro verde y arrastrarnos sobre nuestro amarillo hasta que haga una bonita línea afilada. Para que sea más fácil trabajar, ampliemos nuestro panel. Ahora voy a arrastrarlo hasta que toque. Ahora puedes ver que es una bonita línea nítida en nuestra imagen. A continuación, voy a duplicar mi naranja y voy a brotar con el amarillo ahí mismo. Voy a duplicar mi rojo. Voy a brotar con el amarillo o la naranja ahí mismo. Voy a duplicar el rojo oscuro, y voy a brotar con el rojo claro ahí mismo. Ahora puedes ver que el degradado original que se desvaneció en cada color ahora se ha convertido en un diseño fresco de rayas retro. Ahora podemos golpear G en nuestro teclado y podemos controlar cómo aparece nuestro gradiente en nuestro ícono. Me gusta este look diagonal genial para estos y algo así. Lo siguiente que quiero hacer es que quiero hacer algún contraste entre esta línea que está debajo la que le tiene un efecto transformado, a la que está encima. Quiero que todos estos colores sigan siendo los mismos. No obstante, quiero que todo lo que se transforme esté en una sombra. ¿Cómo puedo hacer eso? Voy a duplicar el trazo inferior que ha aplicado la transformación y lo voy a subir justo debajo de mi trazo superior. Pero lo siguiente que voy a hacer es voy a dar un relleno negro. En lugar de mantenerla 100 por ciento de opacidad y normal, voy a cambiarla para multiplicarla y cambiarla a tal vez 50 o 30 por ciento por ahí. Parece que está en sombra y hay algún contraste entre lo que hay aquí abajo y lo que está encima. Creamos nuestro efecto retro. Ahora queremos guardarlo como un estilo gráfico. Podemos agarrar todos nuestros iconos en la parte inferior y podemos aplicarle un estilo gráfico. Ahora lo que podemos hacer es que podamos tomar aquí nuestro ícono de Instagram, y podemos entrar en la Obra de Arte Editar o Recolor, y podemos ir a las Opciones Avanzadas. Ahora lo genial es que como tenemos colores específicos aplicados a ella, un panel de color específico, puedo seleccionar otra paleta de colores retro y aplicarla instantáneamente a mi paleta de colores actual. Veamos cómo funciona eso. Puedo hacer click y puedo jugar por ahí con todas las paletas de colores cool, retro así. Eso se ve bastante genial para Instagram. Vamos a cambiar Snapchat. Vamos a Recolor Artwork. Ahí vas. Puedes ver cómo puedes transformar un icono simple en un diseño retro realmente genial usando el efecto de transformación, usando gradientes para crear un relleno de rayas fresco, y usar modos de fusión para crear una sombra efecto. Para este módulo, solo quiero que intentes recrear el cool diseño retro. Quiero que uses el efecto de transformación para construir las capas y crear un efecto de sombra paralela recta fresca, y luego uses el panel Degradado para crear un relleno de rayas fresco usando una paleta de colores retro . Chicos, los veré en la próxima clase. 5. Efecto brillo de neón: [ MÚSICA] Hola chicos, bienvenidos al tercer módulo donde aprenderemos a crear este genial efecto de neón. Saltando justo aquí puedes ver que va de un simple ícono a un simple trazo a un trazo degradado y construyendo hasta que consigamos este genial efecto de neón. Veamos cómo se hace eso. Vamos a saltar justo aquí. Estamos usando el logotipo o icono de Google Plus aquí y vamos a aplicarle algunas características para crear un efecto de neón genial. Lo primero que vemos aquí, tiene un relleno. Pero para este diseño, no vamos a usar ningún relleno. Vamos a eliminar ese relleno solo entrando en él, haciendo clic en ese relleno, eliminaremos ese relleno. Ahora no vemos nada más que queremos sumar un trazo. Le aplicamos un trazo y queremos cambiarlo a blanco. Ahora se puede ver lo que está pasando. Ahora lo que quiero que hagas es en tu panel Trazo, si abrimos la ventana Panel de Trazo, “Trazo”, queremos cambiar nuestras esquinas a redondear y nuestras tapas a redondear también. Esto será importante a medida que construimos nuestro diseño. Lo siguiente que quiero hacer es que quiero mantener este relleno blanco o este trazo blanco porque este será el punto más brillante de nuestro efecto neón. Ahora lo que vamos a hacer es que vamos a crear un nuevo relleno. Vamos a aplicarle un gradiente. Sólo voy a usar el degradado naranja y amarillo. Ahora, se puede ver que realmente no pasó nada porque recuerda, en el Panel de Apariencia, lo que esté primero se verá primero. Excepto cuando aumentamos el tamaño. Porque wen aumentamos el tamaño ahora podemos ver lo que hay debajo y ya podías ver que parece que está brillando porque tenemos el blanco más brillante del centro y luego tenemos el gradiente debajo. Queremos aplicar un efecto simple. Vamos a seleccionar el “Trazo de Gradiente”. Ahora aplica nuestro Desenfoque, Desenfoque gaussiano. Es un poco demasiado, voy a derribarlo. Para este primero, solo quiero que sea un poco borrosa. Ahora ya está mirando un poco de neón. Lo siguiente que voy a hacer es duplicar éste. Con éste, voy a aumentar el tamaño. Recuerda pincha en tu “Icono”, duplica, aumenta el tamaño y luego voy a entrar en mi Desenfoque gaussiano y voy a aumentar el desenfoque gaussiano solo un poquito y luego me voy para duplicar éste. Voy a entrar, aumentar el tamaño, aumentar bastante más el Desenfoque gaussiano . Mira eso. Pasamos de un simple trazo a un efecto de neón realmente limpio, agradable. Lo siguiente que quiero hacer es que quiero tomar este último trazo, asegurarme de que tengamos nuestro ícono seleccionado y luego vamos a duplicar nuestro último gradiente y vamos a darle una relleno negro, no se ve demasiado grande. Ahora, voy a entrar en esto y voy a cambiar la opacidad para multiplicar y bajar la opacidad a tal vez 62 por ciento. Eso se ve bien. Voy a aplicarle un poco de efecto. Apliquemos el efecto de transformación. Voy a moverlo horizontalmente solo un poco y moverlo verticalmente solo un poco. Esto está dando un poco de sombra debajo y realmente está haciendo que esos colores salgan como si estuviera lejos de la pared un poco. Eso se ve bastante guay. Voy a cerrar todos esos golpes. Si es aquí donde quieres dejarlo, esto está perfectamente bien. Esto es impresionante. Se ve realmente genial y realmente limpio. No obstante, vamos a dar este un paso más allá, y quiero mostrarles eso. Haz seleccionado tu ícono y vamos a duplicar nuestro primer trazo. Ahora, vamos a usar nuestro panel Trazo para hacer algunos ajustes en él. Antes de hacer eso, vamos a aplicar un efecto llamado “Offset Path”. Estamos aumentando el camino en tal vez dos píxeles. Va a estar un poco más lejos, bien camino tal vez tres, tal vez cinco. Veamos cómo es eso. A lo mejor cuatro creo que serán suficientes para nosotros. Voy a golpear “Está bien”. Voy a disminuir un poco el tamaño de éste porque no va a ser nuestro foco principal, va a ser una pieza de acento más pequeña. Voy a entrar en mi panel de trazos y voy a cambiar esto un poco. En lugar de mantener una línea sólida, voy a crear una línea discontinua. Pero no quiero que sean guiones cortos, quiero ser largos guiones, así que voy a aumentar eso a tal vez 50 y luego podría cambiar esto a 25. A lo mejor éste necesita ser un poco más pequeño. Tal vez incluso más pequeño. Veamos qué está pasando allá, 20, 25, 22, 30. Solo estoy jugando con los guiones y los huecos y creando algo único. Lo siguiente que quiero hacer es que jugué con los guiones y los huecos de mi línea discontinua para crear variedad dentro de ella. Ese va a ser mi efecto base para otro resplandor de neón. Una cosa que olvidé hacer es en mi camino offset, quiero cambiarlo de inglete a redondo y previsualizar eso y le da esquinas redondas por lo que se ve un poco más suave, un poco más limpio. Vamos a seguir adelante. Ahora con este segundo, vamos a construirlo exactamente de la misma manera. Pero para éste, sólo voy a mantenerlo con un solo color. Voy a duplicar este trazo y voy a cambiar éste a tal vez amarillo. Voy a aumentar el tamaño y voy a ir “File Effect Blur”, “Desenfoque gaussiano”. No lo necesito tan grande porque es muy pequeño. Entonces voy a duplicar éste, aumentar eso y voy a difuminarlo un poco más. Ahora estamos construyendo el efecto neón. Ahora tenemos el efecto interno y luego tenemos el efecto exterior frío para darle un poco más de dimensión. Chicos, así que ese es nuestro genial efecto de brillo de neón. Ahora lo que podemos hacer de nuevo es que podemos entrar en nuestros estilos gráficos, guardarlo como un estilo gráfico, y podemos aplicarlo a nuestro icono establecido aquí abajo con un click de un botón. Boom, tenemos efectos de resplandor de neón fresco. De nuevo, ¿qué podemos hacer con esto? Podemos seleccionar nuestro artículo, podemos entrar en ilustraciones de recolor, y podemos ajustar nuestros colores de todos modos, en qué camino. Ahora es un efecto de neón rosa y azul realmente genial. Pasemos a Facebook. Vamos a cambiar esa. Hagámoslo tal vez verde y amarillo, algo así. Eso se ve realmente genial. Pasemos a Behance, hagamos que cambie un poco. Vamos a desvincular los colores y jugar alrededor y ver qué cosas podemos crear. Ahora que uno es realmente genial, como un efecto arcoíris. [ MÚSICA] Para este módulo, quiero que recrear el efecto de brillo de neón fresco. Juega con el Desenfoque gaussiano, juega con el Panel Trazo, el Trazado Offset, y crea algo realmente único para ti. Ahora tienes muchos conjuntos de habilidades para usar para crear tu propio conjunto de iconos personalizados. Definitivamente quiero ver todo lo que crean, así que experimenta con todo y crea un genial conjunto de iconos personalizados que sea único para ti y publícalo en el panel del proyecto. De veras espero con interés. Te veré en la próxima clase donde solo quiero agradecerte. 6. ¡Gracias!: Hey chicos, sólo quiero agradecerles tanto por tomar esta clase. A lo largo de esta clase, hemos trabajado con el panel de apariencia para tomar un viejo icono de las redes sociales y crearlo en algo muy único. Ahora tienes el conjunto de habilidades para desarrollar tus iconos de la manera que quieras. Definitivamente juega con todas las herramientas y explora algunas que ni siquiera repasamos en esta clase. Definitivamente espero ver todo lo que ustedes crean. No olvides publicar tu proyecto en el panel del proyecto. Si tienes alguna pregunta respecto a algo discutido en esta clase, o tienes una sugerencia para futuras clases de algo que podrías querer aprender, definitivamente deja un comentario en las discusiones panel, y te responderá tan pronto como pueda. Si aprendiste algo o disfrutaste de esta clase, definitivamente considera dejar una breve reseña. Realmente ayuda a promover esta clase a los demás en el futuro. Gracias de nuevo, y realmente espero viajar contigo a lo largo tu viaje creativo [MÚSICA].