Como personalizar ícones de redes sociais com um clique de botão: estilos gráficos no Adobe Illustra

1. Apresentação do curso: Os ícones de mídia social estão por toda parte nos dias de hoje Eles são uma parte essencial dos negócios em nossa sociedade. No entanto, com todos usando os mesmos ícones simples, como você pode se separar? Você pode fazer isso dando aos seus ícones seu próprio toque pessoal, usando estilos gráficos no Adobe Illustrator. Ei pessoal, meu nome é Kyle Aaron Parson. Sou designer gráfico e ilustrador baseado em Edmonton, Canadá. Nos últimos 15 anos, me afastei como designer gráfico e ilustrador freelancer. Ao longo da minha carreira, trabalhei em muitos projetos, como designs de logotipos premiados e designs de pôsteres. O Adobe Illustrator tem sido uma pedra angular da minha prática criativa e não é difícil acreditar que eu peguei muitas dicas e truques que aceleram imensamente meu fluxo de trabalho. Criar continuidade entre suas marcas nunca foi tão fácil com a ajuda do painel de aparência e estilos gráficos no Adobe Illustrator. Com um clique de um botão, você pode criar um conjunto de ícones personalizado que se adapte ao seu estilo pessoal. Ao longo desta aula, guiarei você por três estilos diferentes que você pode aplicar ao seu conjunto de ícones. Acredito que isso lhe dará uma boa base para que você possa experimentar e criar algo exclusivo para você. Seu projeto para essa classe é criar um conjunto personalizado de ícones de mídia social no Adobe Illustrator. Esta aula é perfeita para todos os níveis de habilidade . Se você está apenas entrando no Adobe Illustrator, vou orientá-lo passo a passo pelo processo que uso para criar ícones de mídia social. Se você é um usuário intermediário ou avançado, definitivamente encontrará algumas dicas e truques úteis para acelerar seu fluxo de trabalho. Eu forneci planilhas de classe no Painel do projeto para que você possa acompanhar passo a passo à medida que passamos pela aula. Como bônus, haverá um conjunto de ícones de mídia social que você pode usar mesmo depois da aula. Se você estiver pronto para deixar seu ícone se destacar, faça o download dos recursos do projeto , e eu o verei na sala de aula. [MÚSICA] 2. Configurando seu documento: Ei pessoal, bem-vindos à aula. A primeira coisa que queremos fazer é configurar nossos documentos. Então, número um coisa a fazer é baixar as planilhas da classe para que você possa acompanhá-las. Nas planilhas da classe, temos três módulos diferentes. Primeiro, começaremos com o Glossy Button e vou orientá-lo sobre como criar esse design. Em seguida, passaremos pelo design de listras retrô e, finalmente, passaremos pelo efeito de brilho de néon legal. Também adicionei um conjunto de ícones com muitos ícones de mídia social diferentes aos quais você pode aplicar seus estilos gráficos. Então, vamos entrar no documento e ver o que precisamos configurar. A primeira coisa que precisamos fazer é abrir algumas janelas que usaremos na classe. A primeira janela que eu quero que vocês abram é o Painel de Aparência. Se você não conseguir encontrar isso, vá para Janela e Aparência e, em seguida, abra isso. A próxima coisa que eu quero que você abra é o Painel de Estilos Gráficos, porque é aqui que salvaremos nosso estilo gráfico e poderemos aplicá-lo a todos os nossos conjuntos de ícones com um clique de um botão. A próxima coisa que eu quero que você abra também é o Painel de Amostras, porque usaremos amostras personalizadas para criar gradientes e designs de listras. Além disso, podemos usar o painel de cores e o painel de gradiente. Além dessas coisas, se houver algum painel que você me veja usando, mas você não o tem aberto em seu documento. Você sempre pode ir ao Window e encontrá-lo aqui. Algo talvez parecido com o painel Stroke. Tudo bem, depois de configurar seu documento, vamos pular para a próxima aula e aprender a criar o efeito legal Botão Brilhante. 3. Efeito de botão lustroso: Tudo bem pessoal. Bem-vindo ao nosso primeiro módulo, onde aprenderemos como criar este efeito de botão brilhante brilhante. A primeira coisa que você precisa saber é que vamos usar muito o painel de aparência nesta classe. Não vou passar por todos os detalhes do painel de aparência, mas vamos aprender um a um. Se você quiser saber uma explicação detalhada sobre Estilos gráficos e o painel de aparência, criei uma classe chamada o poder dos estilos gráficos que o orientará exatamente o que estilo gráfico é e como você pode tirar proveito dele para criar texto dinâmico legal. Se você quiser conferir essa aula, definitivamente vá conferir essa aula aqui no Skillshare. Para esta aula, não vou passar por todos os detalhes e detalhes como esse. Vamos pular direto para ele. A primeira coisa que você precisa saber é que, no painel de aparência, você pode construir suas formas como o painel de camadas. No entanto, tudo está contido em uma forma. Deixe-me explicar isso muito brevemente para você. Nesta página aqui, você pode ver que existem muitos ícones diferentes do Instagram. Você pensaria que se eu entrasse no modo de contorno, você veria tantas formas porque se eu construir isso no painel de camadas, cada um desses elementos seria sua própria forma individual. No entanto, eu construí isso no painel de aparência. O que você só vê, vamos conferir, é o logotipo do Instagram. No modo de contorno, a única forma que está lá, acordo com o Adobe Illustrator, é o logotipo do Instagram. Tudo o resto está contido nessa única forma. Esse é o poder do painel Aparência e dos estilos gráficos. Você pode construí-lo como o painel de camadas , mas dentro da própria forma. Agora vamos pular aqui e vamos recriar esse efeito de botão brilhante. Abra o painel de aparência e vamos mergulhar diretamente. A primeira coisa que vamos fazer é criar a elipse. Como fazemos isso? No painel de aparência aqui você pode ver que apliquei um preenchimento de branco e nenhum traço a ele. A próxima coisa que eu quero fazer é no painel de aparência, posso adicionar um novo preenchimento, para que eu possa ter vários preenchimentos em minha única forma. Vou mudar essa cor para talvez um azul. Isso é muito legal, mas você não consegue ver nada lá. Por quê? Porque esse preenchimento está embaixo do meu preenchimento branco. Mas se eu mudar a localização, você poderá ver que o preenchimento azul é mostrado primeiro. Funciona como o painel de camadas, que o que estiver no topo será visto primeiro, e o que for por baixo será visto em segundo lugar. Tenha isso em mente enquanto estamos criando nossos estilos gráficos no Adobe Illustrator. Vou mover isso de volta para baixo e o mais legal sobre o painel de aparência é que você pode pegar um dos campos, isolá-lo e aplicar um efeito somente a essa parte específica da forma. Vamos aplicar isso a esse preenchimento azul. Vamos para os efeitos, converter em forma e elipse. As opções de forma surgem. Você pode ver que você tem algumas opções diferentes, você pode convertê-lo em um retângulo, um retângulo arredondado ou uma elipse. Vamos usar a elipse para este exemplo. Você tem duas opções aqui, você tem absoluto ou relativo. Relative funcionará de acordo com a caixa delimitadora da forma original. Ele mudará dependendo da forma que você tem. Como temos muitos ícones diferentes com muitas formas e variedades diferentes, não queremos usar relativo porque ele irá distorcê-lo de maneiras que não queremos. Na verdade, vamos clicar no botão absoluto. Agora você pode ver que está encolhido um pouco, mas vamos mudar isso. Vamos aumentar o tamanho para 165 e 165, algo assim. Agora podemos ver que temos um círculo perfeito em torno do nosso logotipo do Instagram. Vamos clicar em “Ok”. A próxima coisa que eu quero fazer é que eu quero ter um derrame em torno desse círculo. Vou adicionar um traço no meu painel de aparência e vou dar-lhe um azul claro. Vou dar-lhe um azul claro também, mas o que você pode ver aqui, ele realmente criou o traço em torno do meu logotipo do Instagram, mas eu não quero isso. Se eu pular no meu preenchimento e você puder ver que eu tenho a elipse de efeito aplicada a ele. Se eu segurar Alt e trazê-lo para o meu traçado no meu painel de aparência, ele aplicará esse efeito ao meu traçado, então se eu aumentar o tamanho, você poderá ver que ele aumenta. Vamos mudar a cor apenas por enquanto. Em vez de cercar meu logotipo do Instagram, ele agora tomou a forma da elipse que criamos, e vamos mudar isso de volta para o azul claro. A próxima coisa que eu quero fazer é adicionar um pouco de profundidade a isso. Quero criar alguma sombra em torno de todo o objeto. É uma forma tridimensional. Como faço isso? O que vou fazer é pegar essa elipse ou esse preenchimento e vou duplicá-lo duplicando o item selecionado. A próxima coisa que vou fazer é mudá-lo para branco e vou trazê-lo acima de tudo, exceto pelo derrame. Agora eu quero aplicar um efeito a ele. Vou “Efeito”, Stylize, Inner Glow. Agora, normalmente está na tela e é branco. Mas eu não quero isso. Quero que ele se multiplique e preto. É um pouco pequeno, então preciso aumentar o tamanho até lá. Isso parece muito bom para mim. Está lhe dando um pouco de profundidade e fazendo com que pareça mais tridimensional, vou bater em “Ok”. Agora, o que eu quero fazer com isso, é que eu quero entrar no meu preenchimento e posso realmente alterar as propriedades de opacidade desse preenchimento específico. Vou entrar e mudar este para multiplicar. Agora, se eu desclicar, você pode ver que ele está obtendo uma forma mais tridimensional e está afetando tudo por baixo dela. Quero adicionar alguma dimensão ao meu traçado também. Vou aumentar o tamanho apenas um pouco, e o que vou fazer é entrar no meu preenchimento e vou pegar esse brilho interior, segurar Alt, e trazê-lo para o meu golpe. Mas isso não parece muito bom, então vou abrir essa propriedade e vou diminuí-la um pouco até obter um pouco desse brilho interior. Dois pontos ou um ponto, talvez dois pontos pareçam os melhores. Isso já está parecendo muito legal. A próxima coisa que eu quero fazer é aplicar o efeito brilhante frio a ele. Você quer ter seus itens selecionados e, em seguida, você pode adicionar um novo preenchimento, e eu vou mantê-lo branco por enquanto, e vou aplicar o convertido em forma e elipse. Eu quero isso absoluto e seguro. Pode ser assim. Mas não quero que seja um círculo perfeito. Quero que seja um pouco mais largo do que estreito ou alto, então vou mudar isso para talvez 50. Vou visualizar isso. Talvez eu mude para 60. Revise isso. Isso pode parecer bom. Não posso dizer contra isso. Mas o que posso fazer com esse campo que tem a elipse de propriedade anexada a ele. Posso entrar em fx, distorcer, transformar e transformar. Agora tenho a capacidade de movê-lo para onde quiser. Vou movê-lo para cá e também vou girá-lo um pouco assim. Vou clicar em “Ok”. A próxima coisa que eu quero fazer é aplicar um gradiente a isso. Vou entrar em minhas amostras aqui e vou aplicar um gradiente preto e branco. Agora posso entrar no meu painel de gradiente. Vou arrastar isso para fora para poder ver o que está acontecendo e eu queria branco e quero que ele desapareça para branco. Mas eu quero mudar a opacidade de um dos nós para zero. Vou mudá-lo para um círculo. Assim mesmo. Agora você pode ver o que está acontecendo. Se eu “clicar nisso novamente”, certifique-se de que o traço seja afetado, eu posso clicar em “G” no meu teclado e decidir para onde isso irá. Agora, como criamos um gradiente como esse, podemos “clicar em nosso gradiente atual” e podemos duplicá-lo. Então, temos outro. Podemos pular para o efeito de transformação, e então podemos mover este. Vamos movê-lo para o outro lado e virar este todo o caminho. Talvez aumente a escala e depois traga volta assim. O que vou fazer com este aqui é que vou mudar a opacidade. Só vou deixá-lo cair um pouco para que não seja tão duro. Está parecendo muito bom. A próxima coisa que posso fazer com isso, é que posso duplicar meu primeiro e vou dar-lhe um preenchimento perfeitamente branco e vou mudar a escala. Eu posso reduzi-lo ou você pode mudar a elipse e eu vou torná-la perfeita. Só vou descobrir onde o destaque deve estar. Isso parece bom para mim. Agora, o que vou fazer é mudar essa propriedade aqui. Acho que quero que seja um pouco mais duro, então vou para o brilho interior. Vou aumentar um pouco o tamanho . Assim mesmo. Você pode ver que começamos com um logotipo simples do Instagram, mas agora criamos um efeito de botão brilhante muito legal. Temos mais algumas coisas a adicionar a isso para torná-lo completo. A primeira coisa que vamos adicionar é que vamos pegar nossa folha inferior. Vamos duplicá-lo e vamos dar-lhe um preenchimento preto. A próxima coisa que vamos fazer é adicionar um efeito. Go Blur, desfoque gaussiano. Vou diminuir isso um pouco. Vou clicar em “Ok”. Vou aplicar o efeito de transformação a ele. Vou movê-lo ligeiramente para baixo e um pouco para fora. Isso dará um pouco de sombra e aumentará um pouco o tamanho. Dê uma pequena sombra do lado de fora. Vou dar um borrão gaussiano, mudar o borrão gaussiano, aumentar isso um pouco mais. Isso é bom. Vou mudar a opacidade para multiplicar. A última coisa que podemos fazer com este é, em vez de mantê-lo uma cor sólida, podemos mudar o preenchimento interno e podemos alterá-lo para talvez algum tipo de gradiente que esteja bem legal. Então nosso traço azul, podemos mudar e combinar isso com uma laranja. Passamos de uma forma muito simples, ícone simples para um ícone de botão muito legal. Mas agora é aqui que está a parte legal, é que podemos pegar isso que acabamos de construir e podemos entrar em nosso painel de estilos gráficos e podemos adicioná-lo como um novo estilo gráfico. Temos seis ícones na parte inferior aqui e eles são todos simples. Agora, desde que criamos o efeito de botão brilhante legal em um deles, e o salvamos como um estilo gráfico. Confira isso. Podemos entrar em nossos Estilos gráficos, “clique em nosso estilo gráfico recém-criado”, aplicá-lo e cada um dos ícones chega ao chiado aplicado a ele. Agora, o que é realmente legal é que podemos personalizar isso um pouco mais. Podemos “clicar no ícone do Twitter”. Podemos ir até este menu aqui, a arte de re-colorir e o que podemos fazer é brincar com a cor desse indivíduo. Podemos vincular a harmonia de cores e podemos arrastar as cores ao redor da roda de cores e podemos mudar instantaneamente a cor. Sei que o Twitter é um pouco mais azul. Essa é a sensação que você quer ter. Vou desvinculá-lo e vou trazer a maioria das cores para o tom azul. Traga isso do verde, assim. Isso está parecendo muito legal. Agora podemos pegar o Snapchat e podemos fazer o mesmo com isso. Podemos vincular as harmonias de cores e podemos arrastá-lo, talvez arrastá-lo para o outro lado. Altere instantaneamente todos esses ícones com um clique de um botão e personalize nosso efeito de botão brilhante. Mais uma, confira isso. Vamos desvincular as cores aqui e vamos longe ícone do estilo arco-íris. Isso parece muito legal. Tudo bem pessoal, para esta aula, não quero que recriem o efeito de botão brilhante. Vá para o painel de aparência, confira, brinque com ele, veja quais outros efeitos você pode aplicar a eles e crie algo novo, algo interessante e publique-o no painel do projeto. Tudo bem pessoal, te vejo na próxima aula. 4. Estilo retrô: Saltando direto para o Módulo 2, vamos recriar esse design retro legal. Podemos ver nosso logotipo do Twitter aqui. É um logotipo do Twitter muito simples. No entanto, vamos enfeitá-lo em um estilo retro. A primeira coisa que queremos fazer é criar uma paleta de cores personalizada. Podemos entrar em nossas amostras e você pode ver que eu já escolhi algumas paletas de cores retrô que gosto de usar. Mas como você pode fazer isso é pular on-line, ir para color.adobe.com e encontrar algumas paletas de cores retrô e salvar isso em sua biblioteca da Creative Cloud. Foi exatamente o que eu fiz. Procurei por paletas de cores retrô e encontrei algumas das quais gostava. Tudo o que fiz foi clicar com o botão direito do mouse e adicioná-los temas a amostras. Agora eu tenho todas essas paletas de cores no meu painel Amostras, e isso será muito útil à medida que criamos nossos designs retrô. A primeira coisa que vamos fazer é ir para o painel Appearance. Vamos dar a isso um preenchimento usando uma de nossas paletas de cores. Vou usar essa paleta de cores inferior aqui. Vou usar o amarelo básico lá. Para este, vamos usar muitos traços. Vamos abrir nosso painel Strokes e vamos usar talvez esse traço azul. Agora vou aumentar um pouco. Vou entrar no meu painel Stroke. Vou abri-la aqui. Agora o que queremos clicar é que queremos clicar na tampa arredondada e nos cantos arredondados. Isso apenas arredonda os cantos para que não tenhamos esses pontos difíceis. Nós não queremos isso. Vou aumentar o tamanho mais uma vez, e isso deve ser bom. A próxima coisa que eu quero fazer é que ele não parece muito bom porque ele empurra para o nosso logotipo em si. Queremos que nosso logotipo permaneça o mesmo. Em nosso painel Aparência, podemos arrastar nosso traçado por baixo do nosso preenchimento. O preenchimento aparece primeiro e, em seguida, nosso derrame fica atrás dele. Isso parece muito bom. Depois disso, queremos duplicar nosso derrame. Agora temos um golpe em cima de outro traço. Em nosso traçado inferior, o que queremos fazer é aplicar o efeito de distorção e transformação. Vamos aplicar um efeito de distorção e transformação e vamos criar várias cópias, colocando-as em camadas para criar um efeito de faixa de sombra de gota legal. Vamos ver como fazemos isso. O que podemos fazer é mover esse traço horizontal e verticalmente. Agora, o mais legal disso é que se o empurrarmos sobre um pixel, ele não muda muito agora. No entanto, se chegarmos a esse recurso aqui chamado Cópias, podemos aumentar a quantidade de cópias ou camadas que serão aplicadas a essa transformação. Vamos ver o que isso faz. Vamos adicionar 10. Visualize isso. Isso está parecendo muito legal. O que isso fez aqui é que se aumentarmos muito de perto, podemos ver que há várias camadas copiadas uma em cima da outra. Mas é um pouco acidentado. O que queremos fazer, vamos saltar para isso. Vamos diminuir isso de um ponto para 0,5 pontos e 0,5 na vertical também. Isso suaviza um pouco mais e vou bater em “Ok”. Agora ele criou um pequeno efeito de sombra de gota legal para ele. Mas eu quero colocar minhas cores uma em cima da outra. Vou dar esse golpe que acabamos de criar com um efeito de transformação aplicado a ele e vou duplicar isso. Vou dar uma nova cor. No meu painel Cor, vamos com a cor amarela. Agora vou abrir o efeito de transformação nesse traçado e vou adicionar mais 10 cópias. Um total de 20 cópias. Você pode ver exatamente o que isso fez. Por baixo deste traço verde, ele só permitiu que ele fosse 10 passos mais longe do que o traçado verde, colocando-o em camadas e criando um design de listra legal. Vamos continuar fazendo isso e construir nosso design. Isso está parecendo muito legal. Temos um design de listras retrô legal acontecendo lá. A próxima coisa que queremos fazer, queremos adicionar algumas listras a isso. Como vamos fazer isso? Vou parar para lá por enquanto. Vou arrastar meu painel Gradiente. Primeiro, selecione nosso ícone e, em seguida, vá para nosso painel, aplique um gradiente a isso. Não parece ótimo agora, mas o que podemos fazer é que se tivermos nosso painel Amostras aberto, podemos pegar as cores de nossas amostras selecionadas e aplicá-las diretamente ao nosso gradiente. Vamos aplicar nosso verde, arrastá-lo para lá. Podemos nos livrar do branco. Aplique nosso amarelo, aplique nossa laranja, aplique nosso vermelho claro, aplique nosso vermelho escuro e podemos arrastar nosso preto. Agora, temos todas as nossas cores uma após a outra em nosso painel Gradiente. Isso não parece muito bom ainda. Mas o que vamos fazer é usar um gradiente para criar um design de listras. Como fazemos isso? Muito fácil. O que precisamos fazer é fazer várias cópias de nossos nós. Vamos segurar Alt e clicar e arrastar nosso nó para fazer dois deles. Vamos fazer isso com esse e com o verde. A próxima coisa que queremos fazer é criar uma linha. Temos que encaixar os nós um contra o outro para que não haja gradação entre os dois e é uma boa linha nítida. Vamos arrastar o verde e arrastar sobre o amarelo até que ele faça uma bela linha afiada. Para facilitar o trabalho, vamos expandir nosso painel. Agora vou arrastá-lo até que ele toque. Agora você pode ver que é uma boa linha nítida em nossa imagem. Em seguida, vou duplicar minha laranja e vou brotá-la com o amarelo ali mesmo. Vou duplicar meu vermelho. Vou brotá-lo com o amarelo ou o laranja ali mesmo. Vou duplicar o vermelho escuro, e vou ligá-lo com o vermelho claro ali. Agora você pode ver que o gradiente original que se desvaneceu em cada cor agora se tornou um design de faixa retrô legal. Agora podemos clicar em G em nosso teclado e podemos controlar como nosso gradiente aparece em nosso ícone. Eu gosto desse visual diagonal legal para esses e algo assim. A próxima coisa que eu quero fazer é fazer algum contraste entre essa linha que está por baixo daquela que tem um efeito de transformação para ela, para a que está no topo. Quero que todas essas cores permaneçam as mesmas. No entanto, quero que tudo o que se transforma esteja na sombra. Como posso fazer isso? Vou duplicar o traçado inferior que tem a transformação aplicada a ele e vou trazê-lo logo abaixo do meu traçado superior. Mas a próxima coisa que vou fazer é, vou dar-lhe um preenchimento preto. Em vez de mantê-lo 100% de opacidade e normal, vou mudá-lo para multiplicá-lo e alterá-lo para talvez 50 ou 30% por aí. Parece que está na sombra e há algum contraste entre o que está aqui embaixo e o que está por cima. Criamos nosso efeito retro. Agora queremos salvá-lo como um estilo gráfico. Podemos pegar todos os nossos ícones na parte inferior e podemos aplicar um estilo gráfico a ele. Agora, o que podemos fazer é pegar nosso ícone do Instagram aqui, e podemos entrar no Editar ou Recolorir arte, e podemos ir para as Opções Avançadas. Agora, o mais legal é que, como temos cores específicas aplicadas a ele, um painel de cores específico, posso selecionar outra paleta de cores retro e aplicá-la instantaneamente à minha paleta de cores atual. Vamos ver como isso funciona. Posso clicar e posso brincar com todas as paletas de cores legais e retrô como essa. Isso parece muito legal para o Instagram. Vamos mudar o Snapchat. Vamos para Recolorir arte. Lá vai você. Você pode ver como você pode transformar um ícone simples em um design retro realmente legal usando o efeito de transformação, usando gradientes para criar um preenchimento de faixa legal e usando modos de mesclagem para criar uma sombra efeito. Para este módulo, eu só quero que você tente recriar o design retro legal. Eu quero que você use o efeito de transformação para construir as camadas e criar um efeito de sombra de gota reta legal e, em seguida, use o painel Gradiente para criar um preenchimento de listras legal usando uma paleta de cores retro . Pessoal, vejo vocês na próxima aula. 5. Efeito de brilho neon: [MÚSICA] Ei, pessoal, bem-vindos ao terceiro módulo onde aprenderemos como criar esse efeito de néon legal. Saltando bem aqui você pode ver que vai de um ícone simples para um simples traçado para um traçado de gradiente e acumulando até obtermos esse efeito de néon legal. Vamos ver como isso é feito. Vamos pular direto para aqui. Estamos usando o logotipo ou ícone do Google Plus aqui e vamos aplicar alguns recursos para criar um efeito de néon legal. A primeira coisa que vemos aqui, tem um preenchimento. Mas para esse design, não vamos usar nenhum preenchimento. Vamos remover esse preenchimento apenas entrando nele, clicando nesse preenchimento, exclua esse preenchimento. Agora não vemos nada, mas queremos adicionar um traço. Aplicamos um golpe a ele e queremos mudar isso para branco. Agora você pode ver o que está acontecendo. Agora, o que eu quero que você faça é no seu painel Stroke, se abrirmos a janela do Stroke Panel, “Stroke”, queremos mudar nossos cantos para redondos e nossas tampas para arredondar também. Isso será importante à medida que construímos nosso design. A próxima coisa que eu quero fazer é manter esse preenchimento branco ou esse traço branco porque este será o ponto mais brilhante do nosso efeito néon. Agora, o que vamos fazer é criar um novo preenchimento. Vamos aplicar um gradiente a ele. Vou usar o gradiente laranja e amarelo. Agora, você pode ver nada realmente aconteceu porque lembre-se, no Painel de Aparência, o que estiver no primeiro será visto primeiro. Exceto quando aumentamos o tamanho. Porque wen aumentamos o tamanho agora podemos ver o que está por baixo e você já pode ver que parece que está brilhando porque temos o branco mais brilhante no centro e depois temos o gradiente por baixo. Queremos aplicar um efeito simples. Vamos selecionar o “Traçado de gradiente”. Agora aplique nosso Blur, Gaussian Blur. É um pouco demais, vou derrubá-lo. Para este primeiro, eu só quero que seja um pouco borrão. Agora já está parecendo um pouco de néon. A próxima coisa que vou fazer é duplicar este. Com este, vou aumentar o tamanho. Lembre-se de clicar no seu “Ícone”, duplicar, aumentar o tamanho e depois vou entrar no meu desfoque gaussiano e vou aumentar o desfoque gaussiano um pouco e depois vou para duplicar este. Vou entrar, aumentar o tamanho, aumentar o desfoque gaussiano um pouco mais. Olhe para isso. Passamos de um simples golpe para um efeito de néon muito limpo e agradável. A próxima coisa que eu quero fazer é dar esse último golpe, certeza de que temos nosso ícone selecionado e, em seguida, vamos duplicar nosso último gradiente e vamos dar um preenchimento preto, não está parecendo muito bom. Agora, vou entrar nisso e vou mudar a opacidade para multiplicar e diminuir a opacidade para talvez 62%. Está parecendo bom. Vou aplicar um pequeno efeito a ele. Vamos aplicar o efeito de transformação. Vou movê-lo horizontalmente um pouco e movê-lo verticalmente um pouco. Isso está dando uma pequena sombra por baixo e está realmente fazendo essas cores aparecerem como se estivessem longe da parede um pouco. Isso está parecendo muito legal. Vou fechar todos esses traços. Se é aqui que você quer deixá-lo, isso é perfeitamente bom. Isso é incrível. Parece muito legal e muito limpo. No entanto, vamos dar um passo adiante, e eu quero mostrar isso a vocês. Tenha seu ícone selecionado e vamos duplicar nosso primeiro traço. Agora, vamos usar nosso painel Stroke para fazer alguns ajustes nele. Antes de fazermos isso, vamos aplicar um efeito chamado “Caminho de deslocamento”. Estamos aumentando o caminho em talvez dois pixels. Vai ser um pouco mais longe, bem, talvez três, talvez cinco. Vamos ver como isso é. Talvez quatro eu acho que serão suficientes para nós. Vou clicar em “Ok”. Vou diminuir o tamanho deste um pouco porque não será nosso foco principal, será uma peça de destaque menor. Vou entrar no meu painel de traçados e vou mudar isso um pouco. Em vez de manter uma linha sólida, vou criar uma linha tracejada. Mas eu não quero que sejam traços curtos, quero ser longos traços, então vou aumentar isso para talvez 50 e então eu poderia mudar isso para 25. Talvez este precise ser um pouco menor. Talvez ainda menor. Vamos ver o que está acontecendo lá, 20, 25, 22, 30. Estou apenas brincando com os traços e as lacunas e criando algo único. A próxima coisa que eu quero fazer é brincar com os traços e as lacunas da minha linha tracejada para criar variedade dentro dela. Esse será o meu efeito base para outro brilho de néon. Uma coisa que esqueci de fazer é no meu caminho de deslocamento, quero mudá-lo de esquadria para redonda e pré-visualizar isso e dá cantos arredondados para que pareça um pouco mais suave, um pouco mais limpo. Vamos seguir em frente. Agora, com este segundo, vamos construí-lo exatamente da mesma maneira. Mas para este, vou mantê-lo com uma cor. Vou duplicar esse derrame e vou mudar este para talvez amarelo. Vou aumentar o tamanho e vou “Desfoque de efeito de arquivo”, “Desfoque gaussiano”. Eu não preciso disso tão grande porque é muito pequeno. Então vou duplicar este, aumentar isso e vou desfocá-lo um pouco mais. Agora estamos construindo o efeito néon. Agora temos o efeito interno e, em seguida, temos o efeito externo frio para dar um pouco mais de dimensão. Pessoal, então esse é o nosso efeito de brilho de néon legal. Agora, o que podemos fazer novamente é entrar em nossos estilos gráficos, salvá-lo como um estilo gráfico, e podemos aplicá-lo ao nosso ícone definido aqui com um clique de um botão. Boom, temos efeitos de brilho de néon legais. Mais uma vez, o que podemos fazer com isso? Podemos selecionar nosso item, podemos entrar em obras de arte re-coloridas e podemos ajustar nossas cores de qualquer maneira, de que maneira. Agora é um efeito neon rosa e azul muito legal. Vamos passar para o Facebook. Vamos mudar esse. Vamos torná-lo talvez verde e amarelo, algo assim. Isso parece muito legal. Vamos até Behance, faça essa mudança um pouco. Vamos desvincular as cores e brincar e ver quais coisas podemos criar. Agora esse é muito legal, como um efeito arco-íris. [MÚSICA] Para este módulo, quero que você recrie o efeito de brilho de néon legal. Brinque com o Desfoque Gaussiano, brinque com o Painel de Traçado, o Caminho de Deslocamento e crie algo realmente exclusivo para você. Você tem muitos conjuntos de habilidades agora para criar seu próprio conjunto de ícones personalizado. Eu definitivamente quero ver tudo o que vocês criam, então experimente tudo e crie um conjunto de ícones personalizados que seja exclusivo para você e publique-o no painel do projeto. Eu realmente estou ansioso por isso. Vejo você na próxima aula, onde eu só quero agradecer. 6. Obrigada!: Ei pessoal, só quero agradecer muito por terem feito essa aula. Ao longo desta aula, trabalhamos com o painel de aparência para pegar um ícone de mídia social antigo e criá-lo em algo muito único. Agora você tem o conjunto de habilidades para desenvolver seus ícones da maneira que quiser. Definitivamente brinque com todas as ferramentas e explore algumas que nem passamos nesta aula. Eu definitivamente estou ansioso para ver tudo o que vocês criam. Não se esqueça de publicar seu projeto no painel do projeto. Se você tiver alguma dúvida sobre qualquer coisa discutida nesta aula, ou tiver uma sugestão para futuras aulas de algo que você pode querer aprender, definitivamente deixe um comentário nas discussões painel, e ele voltará para você assim que eu puder. Se você aprendeu algo ou gostou dessa aula, definitivamente considere deixar uma breve revisão. Isso realmente ajuda a promover essa classe para outras pessoas no futuro. Obrigado novamente, e estou ansioso para viajar com você ao longo sua jornada criativa [MÚSICA].