Efeito neon no Adobe Illustrator — um curso de Graphic Design for Lunch™

1. Neon Effects no Illustrator - introdução - Um design gráfico para Neon: Olá, sou Helen Bradley. Bem-vindo a esta aula de Design Gráfico para Almoço, Criar um Efeito Neon no Adobe Illustrator. Design gráfico para almoço é uma série de aulas que ensinam uma variedade de dicas e técnicas para criar designs e trabalhar em aplicativos como Illustrator, Photoshop e Procreate. Hoje estamos criando um efeito néon no ilustrador, e ao longo do caminho vamos aprender um pouco sobre a criação estilos gráficos reutilizáveis e fazê-lo uma maneira inteligente para que quando você vier a usar o estilo, você tenha a quantidade mínima de coisas para mudar nele. Nós também vamos olhar para a aplicação de um efeito néon ao texto, que vai envolver a separação do texto. Agora, enquanto você está trabalhando nesses vídeos, você pode ver um prompt que permite recomendar essa classe a outras pessoas. Por favor, se está gostando da aula, dê um polegar para cima. Essas recomendações me ajudam a colocar minhas aulas na frente de mais pessoas como você que querem saber mais sobre o Illustrator. Se quiser deixar um comentário ou uma pergunta, faça-o. Eu leio e respondo a todos os seus comentários e olho e respondo a todos os seus projetos de classe. Se você estiver pronto, agora vamos começar a criar o efeito neon no Illustrator. 2. Neon Neon - parte 1: Antes de começarmos com este projeto, vamos precisar de algumas coisas da web. A primeira coisa que precisaremos é uma foto de um flamingo. Se você não estiver confiante em desenhar as formas , encontre uma foto do objeto com o qual deseja trabalhar e use-a como um objeto de rastreamento. É exatamente o que vamos fazer. Agora, o arquivo do necrotério mudou recentemente, parece um pouco diferente do que costumava ser, mas vou te dar o link de download deste pássaro. Você sempre pode ir ao arquivo do necrotério e procurar o Flamingo e encontrar muitos deles lá. A outra coisa que você vai precisar é de uma fonte de néon. Agora, eu fui para o site 100001fonts.com, e eu encontrei uma fonte de néon aqui agora isso é apenas para uso pessoal. Não é para uso comercial, a menos que você entre em contato com o autor e faça um pagamento. Mas eu acho que esta é uma fonte muito boa para usar e é chamada de música Neon Club. Eu também lhe darei o link de download para isso. Você deseja baixá-lo e instalá-lo em seu computador. Então estamos prontos para ilustrar nosso flamingo e começar. Vamos começar em ilustrado com um novo documento, vou escolher arquivo e depois novo. Eu queria um documento de orientação retrato. As configurações aqui são boas para mim, 750 pixels de largura ou 1000 pixels de altura. Você vai querer criar uma imagem e sobre essas proporções e sobre este tamanho de imagem, porque isso vai torná-lo um pouco mais fácil quando você vem para criar seus efeitos de néon porque você pode usar os mesmos valores que eu vou usar, nós estamos usando o modo de cor RGB. Agora a seleção de efeitos Rostra aqui é um pouco importante porque vamos usar um efeito raster. Tenho uma mentalidade para um valor baixo de 72 PPI. Se você está trabalhando em um computador mais rápido, então você poderia usar 150 ou 300. Isso lhe dará melhores efeitos na tela. Mas para mim, porque estou tentando filmar ao mesmo tempo, vou me contentar com um valor menor. Vou clicar em OK, para criar meu novo documento. Tens de ir buscar a nossa imagem de flamingo, por isso escolho o ficheiro e depois o coloco. Nós vamos localizar minha foto flamingo na minha pasta Downloads clique lugar. Eu vou colocá-lo bastante alto no documento aqui, porque eu acho que as pernas deste pássaro porque a maneira como ele foi filmado ou um pouco no lado curto, eu quero colocar um pouco mais de ação em torno do fundo do flamingo, Então eu estou vivendo muito espaço para fazer isso. Vou para a última palete aqui e vou abrir isto e trancar o flamingo. Não se mexe mesmo que eu esteja trabalhando acima dele. Agora eu vou adicionar uma nova camada e eu vou colocar o próprio flamingo nesta nova camada, o desenho que eu vou fazer. Em seguida, precisamos desenhar um flamingo estilizado. Para isso, você pode usar sua escolha de ferramentas, se você realmente ir com a ferramenta caneta, vá em frente e use a ferramenta caneta. Vou supor que a ferramenta Caneta te deixa um pouco assustada. Vamos usar a ferramenta de lápis. Vou clicar na ferramenta de lápis. Então selecione isso, vou clicar duas vezes sobre ele para apenas dizer quais são suas configurações. Eu quero que ele esteja operando este [inaudível] Eu quero qualquer oscilação na ferramenta de lápis para ser suavizado para fora, que realmente bom ajuste para usar aqui. Vou só clicar em “ok”. Agora precisamos de algo para pintar. Vou virar essas duas cores para que trabalhemos com a cor do traçado. Vamos pegar algo que vai aparecer contra esse pássaro aqui. Acho que este azul agora será uma boa cor para usar. agora meu acidente vascular cerebral é um ponto, então eu vou aumentá-lo para cerca de três pontos. Agora vou desenhar as formas para o meu pássaro. Agora você quer se lembrar enquanto você está desenhando isso, que isso seria vidro, as coisas precisam ser bastante curvas. Eu fui em frente e desenhei meu flamingo usando linhas muito, muito simples. Esta é a interpretação estilística que você vai querer. Claro, eu disse antes que eu queria que o meu fosse um pouco mais alto e eu o desenhei exatamente do tamanho certo. o que eu vou fazer é ir para a ferramenta de seleção direta aqui. Vou selecionar os nós na parte inferior deste pé e esticá-los. Isso vai dar uma perna mais longa, eu também posso fazer isso aqui. Eu vou provavelmente pegar a última história alta aqui vai ser mais fácil de agarrar. Esta porção do flamingo. pressione V para a ferramenta de movimento e mova a perna um pouco para baixo. Vou colocar esta parte na linha. Então esta parte da perna pode simplesmente ser esticada. Neste ponto, você provavelmente vai querer desativar a visibilidade da camada mais inferior para que você esteja trabalhando apenas com as formas que você criou. Você pode passar um pouco de tempo trabalhando nas formas. Uma das coisas que você quer ter certeza é que você não tem nenhum tipo de compartimentos. Este ritmo aqui é muito apertado de uma banda. Não é algo que aconteceria se trabalhasse com vidro de néon. Teremos que arredondar isso, então parece um pouco mais que poderia ter sido feito de vidro de néon. Para fazer isso, eu estou apenas pegando a ferramenta de seleção direta, selecionando este ponto para que eu possa ter acesso às alças e simplesmente movê-las. Sempre que os ângulos formam uma linha reta sobre o topo de um ponto como este, você vai ter uma curva muito suave. Controle ou Comando zero para diminuir o zoom. Você pode continuar a trabalhar no seu pássaro. Uma vez que você tem o pássaro estilizado criado retorno e nós vamos adicionar os efeitos de néon a ele. 3. Neon Neon - parte 2: Agora eu fui em frente e fiz algumas pequenas alterações no meu pássaro, o que eu fiz foi eu puxar essas garras de seu pé para fora um pouco para que eles fossem mais separados do seu pé. Agora, aqui na linha da mandíbula eu só quero mostrar a vocês o que está acontecendo aqui e como vamos resolver isso. Eu acabei com duas linhas nesta linha de mandíbula e eu gostaria que eles fossem uma linha então eu vou ir e obter o ponto final para esta linha, e eu vou criá-lo muito mais perto do ponto final desta linha. Estes dois pontos de muito perto juntos, Eu vou selecionar sobre eles, Eu vou escolher o caminho do objeto junção e que irá juntá-los em um único caminho. Agora eles vão se comportar como uma única forma e se eu precisar alterar a curva do caminho, eu posso fazê-lo. Controle ou comando zero para diminuir o zoom. Agora, agora cada uma dessas linhas tem uma extremidade plana, então eu vou selecionar qualquer uma delas com a ferramenta de seleção, e eu vou fazer as linhas mais curvas no final. Para fazer isso eu vou para o painel de traçado e eu vou fazer suas tampas redondas, que vai dar-lhes um final mais suave. Eu também vou aumentar a largura das linhas, eu vou levá-lo até sete pontos. Clique fora e apenas verificar como tudo parece, agora como resultado eu provavelmente vou querer começar a mover essas peças para fora um pouco mais para que eles estão um pouco mais separados do corpo do pássaro. Porque normalmente o néon não se sobrepõe, você pode ter dois pedaços de [inaudível] se eu sair, tudo será um pouco mais separado. Agora que fizemos isso, vamos adicionar um fundo preto atrás do pássaro para que possamos ver os efeitos que estamos criando um pouco mais facilmente. Vou clicar na camada um no último palete e clicar em nova camada, que irá adicionar uma nova camada abaixo um néon e acima da imagem que não estamos mais usando. Nesta volta, vou adicionar meu retângulo preto preenchido, vou para a ferramenta de retângulo, vou clicar uma vez no meu documento e agora posso digitar as dimensões do meu documento que tinha 750 pixels de largura por 1000 pixels de altura. Eu quero preencher isso com preto, então eu vou ficar preto, e eu vou virar meu traço e preencher cores. Agora, no painel de alinhamento, se eu for para Alinhar janela, se eu clicar aqui e clicar em mostrar opções, eu posso ver o que tudo está alinhando atualmente. É muito importante que você saiba como suas ferramentas de alinhamento estão funcionando, eu vou clicar neste menu suspenso aqui e tudo está alinhado com o quadro de arte. Se eu for para a ferramenta de seleção, selecione na minha forma, agora posso clicar nessas duas opções aqui, alinhamento horizontal centro e centro de alinhamento vertical e meu retângulo vai ser alinhado perfeitamente ao meu quadro de arte. Em seguida, clique no último palete e eu vou bloquear isso também porque eu não quero que ele comece a se mover em mim. Para criar um néon, vamos criá-lo usando os painéis de aparência, então eu vou pegar o maior pedaço deste pássaro com que podemos trabalhar agora e esse é o seu corpo. Agora é azul, provavelmente deveria ser rosa, então eu vou pegar uma cor rosa. Eu estou indo para o painel de aparência aqui, se você não pode ver seu painel de aparência, vá para Janela e depois aparência, e nós vamos trabalhar com o painel de aparência para construir esse efeito neon. A primeira coisa que queremos fazer é explodir esta linha, os sete pontos é uma largura muito boa para este efeito de néon, o que não é bom é agora temos rosa sólido onde gostaríamos que fosse um pouco mais fuzzier se você quiser. No painel de aparência, você dirá quando os triângulos estiverem assim que todas as configurações serão recolhidas. Se você abri-los aqui, você vai dizer que há coisas como outra configuração de opacidade para esses traços individuais. Você pode fazer as coisas com um traço em vez de com toda a forma, é realmente importante nesta fase porque você precisa fazer o que vamos fazer a seguir com esta linha rosa, você não quer fazê-lo com toda a forma ou é não vai funcionar corretamente. Então nós vamos clicar nesta linha rosa aqui, e então nós vamos fazer efeito, borrão, borrão gaussiano e nós vamos borrar esta linha. Eu vou ativar a visualização para que eu possa ver o que está acontecendo e você pode simplesmente escolher um borrão que você gosta, eu acho que em torno de 3.5 é um borrão muito bom para esta linha, você quer a impressão de uma espécie de brilho de néon eu vou clicar em “Ok”. Em seguida, vamos adicionar outra linha a esta forma, então vamos clicar aqui neste traçado e vamos clicar aqui em adicionar novo traçado, que vai adicionar um segundo traçado em cima do primeiro. Agora este traço que queremos ser cinza, eu vou entrar aqui, abrir o painel e vamos usar um cinza que é 204, 204, 204, 204, isto é aproximadamente um cinza neutro claro. Então vamos diminuir seu peso de linha para cerca de três pontos, e vamos definir seu modo de mesclagem para tela, e então vamos ter uma conversa sobre por que fizemos o que fizemos. Agora, o que vai acontecer em alguns minutos é que vamos pegar esse visual de néon e vamos salvá-lo como uma estrela gráfica, então queremos ser capazes de aplicá-lo a qualquer coisa no futuro. Se adicionarmos muitos traços cor-de-rosa a essa forma, a qualquer momento que quiséssemos fazer néon vermelho ou néon amarelo, teremos que entrar no painel de aparência e começar a mudar muitas coisas. É muito mais simples se só temos que mudar uma coisa e esta é a coisa que vamos ter que mudar, se quisermos fazer néon vermelho, vamos ter que fazer isso direito se quisermos fazer, azul neon nós vamos fazer este azul, mas tudo o resto que estamos construindo neste painel de aparência é neutro, é um cinza neutro. Vai ter exatamente o mesmo efeito no azul como nos amarelos, como é na laranja, então ser inteligente sobre como estamos construindo as coisas. Então, até este fim, o que nós fizemos, é que nós adicionamos uma linha cinza claro de três pontos, mais fina que a linha rosa então nós ainda podemos dizer a linha rosa, mas esta é uma linha cinza claro. Configurá-lo para o modo de mesclagem de tela apenas torna mais leve, um modo de mesclagem de tela sempre iluminar as coisas, então se eu desligar isso , você pode dizer sem relâmpagos, aqui temos um brilho estreito no meio da linha e Vamos fazer isso de novo. Então eu vou clicar nesta linha superior, clique em adicionar novo traçado. Desta vez eu vou torná-lo branco então eu estou indo para uma muito brilhante, quase branco cor aqui. Eu vou trazer para baixo a linha branca para um e eu vou sentar o modo de mistura para tela para que ele vai iluminar tudo. Aí está meu olhar rosa néon, agora se eu não estou feliz com o rosa, isso é o que está controlando, então eu posso vir aqui e escolher uma cor rosa muito mais quente. Isso é tudo que preciso fazer para mudar a cor do meu néon, então estamos projetando o efeito néon de uma maneira inteligente. Agora que fizemos isso e projetamos de uma maneira inteligente, vamos salvá-lo para que possamos reutilizá-lo, vou selecionar a forma que tem o néon aplicado a ele, vou para os estilos gráficos que estão aqui. Se você não disser os estilos de gráfico lá, vá para Janela e escolha estilos de gráfico. O que vamos fazer é arrastar e soltar o corpo do pássaro para isso, então pegue-o com a ferramenta de seleção, solte-o aqui e solte-o. Nós não vemos o corpo de um pássaro, o que vemos é o estilo, este é o estilo néon rosa que acabamos criar e é uma equipe permanente deste documento em particular. Agora vou clicar longe do corpo do pássaro e selecionar sua cabeça. Vou clicar aqui uma vez sobre o estilo gráfico e o efeito de cor néon é aplicado a essa forma. Eu queria fazer o mesmo aqui, então eu vou selecionar as duas peças aqui e eu vou fazê-las cor-de-rosa por enquanto. Mas você sabe o que, eles parecem muito melhor se eles foram realmente lidos, então com eles ainda selecionados eu vou para o painel de aparência para as formas, eu vou clicar neste rosa aqui e eu vou transformá-lo em um vermelho brilhante. Vou clicar de distância. Você pode dizer que o estilo neon foi agora aplicado a essa forma e fomos facilmente capazes de recolorir, apenas selecionando uma opção de cor particular que está neste fundo mais traçado e podemos fazer o mesmo para as pernas. Faça-os cor-de-rosa, mudar de idéia sobre a cor para qualquer coisa que gostamos, eu vou realmente fazer aqueles vermelhos também. Agora o pássaro poderia usar um olho e um pouco de vegetação e talvez um pouco de água azul ao longo do fundo aqui. Então eu vou terminar o pássaro fazendo apenas aqueles pequenos pedaços extras, eu não vou falar como eu faço isso, mas nós vamos voltar no próximo vídeo e ir e criar algum texto de néon e uma das coisas que nós estamos indo confronto é o fato de que precisamos retirar, o pote antes que possamos realmente torná-lo néon. 4. Neon Effects - parte 3: Agora que criamos um Flamingo em Neon, vamos lá, e dar uma olhada nos problemas que envolvem a criação de tipo com este efeito Neon. Vou clicar na ferramenta “Texto” aqui, vou digitar a palavra Flamingo. Agora, está em preto agora, então eu vou torná-lo branco para que possamos vê-lo. Vou aumentar o tamanho da fonte aqui, e vou pegar uma fonte Neon. Eu estou clicando na ferramenta “Texto”, selecionando sobre o texto, e eu vou, e pegar a fonte Neon que baixamos, e que eu instalei. Agora, é obviamente um pouco grande para este projeto agora, eu só vou diminuir um pouco o tamanho. Agora, antes de aplicarmos nosso efeito Neon a este texto, vamos precisar transformar o texto do texto em contornos. Vou escolher Tipo e, em seguida, Criar contornos. Em seguida, vou desagrupar esses objetos com Object, Ungroup. Agora vamos entrar, uma olhada e ver o que temos quando recebemos esboços de texto. O que temos é uma forma dimensional. Temos contornos em torno de uma forma preenchida. O que aprendemos sobre o Flamingo foi que nosso estilo gráfico tem que ser aplicado a uma única linha. Temos muitas falas aqui. O que precisamos fazer é nos livrar deles. Vou começar com uma forma fácil, em primeiro lugar, este L. O que eu vou fazer, é manter a linha externa, mas me livrar da linha interna. Com a ferramenta Laço, eu só vou arrastar pelo meio desta letra, certificando-se de que eu aprisionar todos os nós que estão no interior desta forma, e eu vou apenas pressionar “Delete” e o que me resta é essa linha. Tudo o que preciso fazer agora é com ele selecionado virar o traço e o preenchimento. Agora, eu tenho uma linha de traço. Eu vou passar por essas outras formas, as formas fáceis, o N, o G, e o O, e apenas me livrar das formas internas. No I, eu vou me livrar da forma à direita, e manter a da esquerda, e nós vamos voltar em um minuto e pegar essas outras formas. Com o F aqui, eu vou pegar a linha externa, e a linha de cima aqui. As outras partes, eu vou me livrar. Com o A, eu vou pegar a linha externa, e então eu provavelmente vou pegar essa linha superior. Com o M, eu vou pegar a linha externa, e esta linha esquerda aqui, me livrando do resto. A coisa que estou me certificando de que não vou apagar é qualquer coisa que seja um ponto de ancoragem para qualquer uma das linhas que eu realmente quero manter. Agora que eu tenho as letras reais do texto, eu estou pronto para ir em frente, e para aplicar meu efeito néon a elas. Posso pegar letras individuais selecionando sobre elas com a ferramenta Seleção, indo para o painel de aparência para elas. Parece ter perdido meu painel de aparência, então eu vou escolher Janela, Aparência e, em seguida, apenas mudar a cor do texto. Há uma maneira fácil de criar um efeito de néon no Illustrator, e você também aprendeu como dobrar uma fonte para criar uma única linha à qual você poderia aplicar um efeito de néon. Seu projeto para esta aula será criar um efeito neon, algo assim. Você pode ir, e usar o Flamingo que eu usei, ou você pode usar qualquer imagem de sua escolha, ou você pode apenas desenhá-lo à mão livre, se você preferir. Adicione algum texto a ele também, que você tenha alguma prática em trabalhar com estilos gráficos e aplicá-los a esses elementos de texto depois de extraí-los da fonte real. Quando terminar o projeto, publique-o na área do projeto da classe. Espero que você tenha gostado deste curso e que tenha aprendido muito sobre como trabalhar com estilos gráficos e com fontes e formas no Illustrator. Se você gostou deste curso e se vir um prompt para recomendá-lo a outros, por favor, dê um polegar para cima. Isso ajuda outras pessoas a identificar isso como uma classe que eles podem querer fazer. Se você gostaria de deixar um comentário, por favor faça-o. Eu leio e respondo a todos os seus comentários, e olho e respondo a todos os seus projetos de classe. Meu nome é Helen Bradley. Muito obrigado por se juntar a mim para este episódio de Design Gráfico para Almoço, e estou ansioso para vê-lo em um próximo episódio em breve.