20 dicas de gradiente no Illustrator em 20 minutos — um curso Graphic Design for Lunch™

1. Design gráfico para almoço 20: Olá, sou Helen Bradley. Bem-vindo a este episódio de design gráfico para o almoço, 20 dicas de gradiente em 20 minutos. 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 analisando gradientes no Illustrator e analisaremos uma variedade de técnicas e dicas e truques para trabalhar com gradientes no Illustrator. Agora, enquanto você está assistindo a esses vídeos, você verá um prompt que permite recomendar essa classe a outras pessoas. Por favor, se você está gostando da aula e aprendendo coisas com ela, você faria duas coisas para mim? Em primeiro lugar, responda sim ao fato de que você recomendaria aos outros e, em segundo lugar, escreva apenas algumas palavras sobre por que você está curtindo a aula. Essas recomendações ajudam outros alunos a ver que esta é uma aula da qual eles também podem desfrutar e aprender. Se você gostaria de me deixar um comentário ou uma pergunta, por favor faça-o. Eu leio e respondo a todos os seus comentários e perguntas, e olho e respondo a todos os seus projetos de classe. Se você está pronto agora, vamos começar com nossas 20 dicas de gradiente em 20 minutos ou menos. 2. Primeiros cinco dicas: Localize e instale um gradiente fornecido com o Illustrator. Eu tenho minha forma selecionada aqui. Vou preenchê-lo com um gradiente. Agora, quando o painel Gradiente for aberto, você verá que há apenas um subconjunto muito pequeno de gradientes disponíveis, e o painel Fly-out não tem acesso a mais gradientes. Para acessar mais gradientes, acesse o painel Amostras. No painel Amostras, você pode clicar no menu suspenso e escolher “Abrir biblioteca de amostras” e, em seguida, “Gradientes”. Há toda uma série de gradientes que você pode selecionar, eu vou escolher Gemas e Jóias. Agora, cada gradiente que eu testar nesta forma é adicionado automaticamente ao painel Amostras para este documento, não para nenhum outro documento no futuro, apenas para este. Eu posso clicar aqui para ver o próximo conjunto de gradientes, estes são metais, e passar e ver neutros e alguns outros. Novamente, cada um desses gradientes testados em uma forma é adicionado automaticamente ao painel Amostras apenas para este documento. Excluindo uma parada de cor em um gradiente, de duas maneiras. Eu tenho um gradiente aplicado a esta forma aqui, e eu quero tirar esta cor muito clara. Bem, posso deletar de duas maneiras. Em primeiro lugar, eu posso apenas clicar nele no painel gradiente aqui e clicar na tecla “Delete Stop”, e isso vai tirar essa cor. Vamos colocá-lo de volta. Vou pressionar “Control” ou “Command Z” para desfazer isso. Você também pode simplesmente pegar o Gradient Stop e apenas retirá-lo do controle deslizante gradiente e ele irá desaparecer dessa maneira também. Adicione cores adicionais a um gradiente, há algumas maneiras de adicionar cores adicionais a um gradiente. Uma delas é selecionar uma das paradas de cor já no gradiente e, em seguida, você pode simplesmente clicar abaixo do controle deslizante de gradiente para adicionar outra parada. Se você clicar duas vezes na parada, poderá selecionar uma cor para torná-la. Há um fly-out aqui, que permite que você escolha cores Tons de cinza, RGB, HSB, CMYK ou Web Safe RGB. Você também pode selecionar cores no painel Amostras. Também é possível adicionar cores a um gradiente no painel Amostras, basta pegar a cor e colocá-la no controle deslizante de gradiente onde você deseja que ela apareça. Salve um gradiente para que você possa reutilizá-lo repetidamente. Eu tenho uma forma aqui com um gradiente personalizado e o preenchimento está em primeiro plano aqui. Posso adicionar esse gradiente ao painel Amostras de algumas maneiras. Posso arrastá-lo da área Cor de preenchimento e simplesmente soltá-lo no painel Amostras. Também posso clicar aqui em “New Swatch” e, em seguida, basta clicar em “Ok” e é adicionado novamente. Agora, se eu quiser salvar isso para que eu possa usá-lo a qualquer momento no futuro, eu vou ter que primeiro remover todas as outras cores que eu não preciso mais. Eu vou clicar longe dele e eu vou remover essas cores. A única coisa que estou deixando é o Nenhum, o Registro e a minha amostra. Agora vou salvá-lo clicando no menu suspenso. Vou escolher Salvar biblioteca de amostras como IA. Agora posso dar um nome e clicar em “Salvar”. Isso agora é guardado como uma amostra na minha coleção. No futuro, eu posso clicar no menu suspenso, escolher “Abrir biblioteca de amostras”, ir para “Definido pelo usuário”, aqui está o meu gradiente para que eu possa ter acesso a ele em qualquer documento futuro. Entenda a função do Ponto Médio do Gradiente. Eu tenho uma forma preenchida por gradiente aqui, e este é o gradiente com que está preenchido. Há três cores na parte inferior do gradiente e dois pequenos diamantes aqui. Estes diamantes são pontos médios. Eles me dizem onde o ponto médio entre as transições desta cor para esta cor está ocorrendo. Eles podem ser movidos. Vou selecionar este diamante e empurrá-lo para mais perto da laranja. Você pode ver que agora temos uma transição muito mais íngreme. Há muito mais azul e muito menos laranja, então as transições muito mais rápidas, muito mais íngremes. Podemos fazer o mesmo aqui e arrastar o ponto médio para a posição. vez, temos apenas uma faixa muito pequena de laranja e uma faixa muito grande de azul. Usando esses pontos médios, você pode criar seu gradiente para fazer o que quiser em sua forma. 3. Segundo 5 dicas: Como fazer uma amostra de uma cor de um gradiente. Eu tenho uma forma de preenchimento gradiente aqui e uma forma que não tem preenchimento aplicado a ele em tudo. Eu vou para a ferramenta conta-gotas e quando eu clicar nesta forma para provar a cor dela, eu estou amostrando todo o gradiente. Mas e se eu quiser apenas uma única cor, não um gradiente? Se eu segurar a tecla Shift enquanto faço uma amostra, então eu vou obter a cor abaixo do cursor. Enquanto eu arrasto sobre o cursor, se você der uma olhada na cor de preenchimento na amostra de cores aqui, você verá que eu estou experimentando as cores. Posso visualizar essas cores até obter a cor que eu quero. Solte o botão esquerdo do mouse, e essa é a cor que é usada para preencher esta forma. A tecla Shift me permite limitar minha amostragem a uma cor dentro de um gradiente. Entenda por que a opacidade em gradientes pode importar. Eu tenho uma forma aqui que está preenchida com um gradiente radial. É amarelo no meio, e fica em direção à borda. Parece que este é um gradiente amarelo a transparente, mas não é. Vamos pegar essa forma e movê-la sobre o topo deste gradiente. Podemos ver que as bordas deste gradiente são totalmente opacas. Então não estamos recebendo uma mistura muito agradável dessas duas formas juntos. Se você quiser que seus gradientes se misturem com as formas abaixo, você precisa se certificar de que a borda externa do gradiente é transparente. Altere a opacidade de uma parada de gradiente. Na última dica, analisamos esse problema e decidimos que precisávamos mudar a opacidade da cor externa nesse gradiente. Com a forma selecionada, este é o gradiente. Esta é a cor do traçado externo. É branco. Vou ajustar a opacidade para que seja zero por cento. Você pode ver agora que a forma tem uma borda transparente, e por isso está se misturando com a forma por baixo. Estamos vendo alguns haloing branco aqui porque esta cor é branca. Se fosse este amarelo, então não estaríamos vendo o mesmo efeito haloinizante. Exiba e use o Anotador de gradiente. Eu tenho uma forma selecionada aqui. Tem um gradiente radial aplicado a ele. Este é o painel gradiente que existe com os outros painéis deste lado da interface do Illustrator. Aqui está uma ferramenta de gradiente. Vou clicar na ferramenta de gradiente, e isso mostra o que é chamado de Anotador de gradiente. Se você não vir o seu, você vai para o menu Exibir e clique aqui onde ele diria, mostrar Gradient Anotator. Agora, o Anotador de gradiente permite desenhar um gradiente nas formas. Eu só vou para este canto inferior desta forma, e eu vou clicar e arrastar com ele. Eu posso colocar o gradiente onde eu quero que ele esteja usando o anotador. Vamos e selecione esta forma. Este é o gradiente aplicado a esta forma. Vamos clicar no Anotator. Agora, eu vou arrastar para posicioná-lo de forma diferente dentro da forma. Eu posso arrastá-lo para onde eu quiser que ele apareça, e ao fazê-lo, eu vou mudar como o gradiente afeta essa forma. Noções básicas sobre o Anotador de gradiente. Com essa forma selecionada, vamos dar uma olhada no Anotador de gradiente. Abaixo dele aqui há paradas de cor, e cada uma dessas paradas de cor corresponde a essa parada de cor aqui. Se eu selecionar uma parada de cor e mudar sua posição, também mudarei sua posição no painel de gradiente. Com o Anotador de gradiente, posso clicar e arrastar aqui para nivelar a forma do gradiente. Eu posso movê-lo para dentro ou movê-lo para fora. Eu também posso girá-lo. Na parte superior, aqui estão os pontos médios, cada um desses pontos médios coincide com um ponto médio no gradiente aqui. O Anotador de gradiente para esta forma funciona de forma semelhante. Isto não é um ponto de movimento, é o fim da rotação. Estas são as paradas de cor correspondentes a essas paradas de cor, e estes são os pontos médios correspondentes aos pontos médios aqui. As alterações feitas aqui ou aqui serão refletidas na outra ferramenta. O Anotador de gradiente e o painel de gradiente são praticamente intercambiáveis. Você pode usar o que funciona melhor para você. 4. Terceira 5: Aplicando gradientes a uma linha ou traçado. Desde o Illustrator CS6, conseguimos aplicar gradientes a um traçado, então eu tenho uma forma aqui com um traçado. Vou ao painel Amostras. Vou clicar para aplicar um gradiente a este traçado e posso fazer a mesma coisa a esta linha aqui. Vou usar um gradiente ligeiramente diferente. Agora você pode controlar também a maneira como o gradiente é aplicado a esse traçado. Vamos selecionar essa forma e vamos para o painel Gradiente. Aqui em cima, porque estamos olhando para um gradiente aplicado a um acidente vascular cerebral, temos três opções aqui. Podemos aplicar o gradiente dentro do traçado, podemos aplicar o gradiente ao longo do traçado, o que nos dá uma aparência diferente, e podemos aplicar o gradiente ao longo do traçado, o que nos dá uma aparência diferente novamente. Vamos dar uma olhada nesta linha. Isto está dentro do acidente vascular cerebral, este é ao longo do acidente vascular cerebral, e provavelmente este é o que você está mais interessado. Este é aquele em que você está aplicando o gradiente ao longo do traçado, e então você está recebendo esse visual metálico para esta linha. Crie um gradiente de ângulo no Illustrator. Semelhante a um gradiente de ângulo no Photoshop, essa é uma solução alternativa para criar um no Illustrator e criar um círculo com 500 pixels de diâmetro, não tem preenchimento e aplicarei um gradiente linear regular ao traçado. Vou definir a largura do traçado para exatamente o mesmo tamanho do meu círculo. Meu círculo é 500 por 500. Meu derrame agora vai ser 500 de largura. Este é um gradiente linear aplicado a esse traçado. Aqui no painel Gradiente, se eu optar por aplicar o gradiente ao longo do traçado, então eu obtenho esse gradiente de ângulo. É claro que agora pode ser cortado a qualquer forma que queremos aplicar esse gradiente. Eu tenho uma forma retangular aqui. Vou selecionar ambas as formas, clicar com o botão direito do mouse e fazer uma máscara de recorte e agora tenho um retângulo com esse gradiente de ângulo aplicado a ela. É muito fácil criar uma esfera dimensional usando gradientes. Vou arrastar um círculo aqui. Vou desligar este traço e vou preencher o círculo com um gradiente. O gradiente aqui tem branco no centro e tons de vermelho amarelado saindo dele. Vou ao Anotador de Gradiente. Vou começar na parte inferior do meio da forma e arrastar para cima para substituir o meu gradiente centrado na parte inferior da forma. Agora vou criar uma elipse plana. Vou preenchê-lo com o gradiente preto para branco fornecido com o Illustrator. É um gradiente linear, vou girá-lo para menos 90. Vou pegar esta forma e colocá-la sobre o topo do meu círculo. Com ela selecionada, irei ao painel Aparência. Vou clicar em “Opacidade”. Isso me permite definir o modo de mesclagem para esta forma para tela. Quando eu clicar de distância, você verá que eu tenho uma esfera dimensional toda criada usando gradientes. Aplique um gradiente em várias formas. Eu tenho uma série de formas aqui. Quero substituir o sólido preenchido por um gradiente. Vou clicar aqui no gradiente que já selecionei para usar. Você verá que cada uma dessas formas tem uma única versão do gradiente usado para preenchê-lo. Vamos fazer a mesma coisa aqui em baixo. Mas desta vez vamos para o Anotador de gradiente e eu vou clicar e arrastar através dessas formas e eu vou manter a tecla Shift pressionada, então eu estou clicando e arrastando em uma linha reta. Quando eu soltar o botão do mouse, desta vez você pode ver que o gradiente foi aplicado de forma diferente. Foi aplicado como se todas essas formas fossem uma única forma. Se você estiver trabalhando com uma versão anterior do Illustrator e se essa técnica não funcionar para você, desfaça-a. Selecione suas formas e escolha Objeto, Caminho composto, Criar. Em seguida, clique para preenchê-lo com um gradiente. Um caminho composto funcionará como um único caminho e, portanto, seu gradiente será aplicado ao longo desse caminho. Criar texto preenchido com gradiente. Tenho aqui um texto que acabou de ser digitado no documento. É totalmente editável. Não fiz nada de especial. Com o texto selecionado, vou tentar preenchê-lo com um gradiente. Isto não funciona. Vou desfazer isso. Para preencher o texto com um gradiente e ainda tornar o texto editável, selecione o texto, vá para o painel Aparência e clique aqui para adicionar um novo preenchimento. Ao adicionar um novo preenchimento, agora você pode aplicar um gradiente como esse preenchimento. Depois de aplicar seu gradiente, vá para o painel Gradiente, onde agora você pode fazer alterações no gradiente, por exemplo, girá-lo. 5. 5 dicas finais: Por que você deve usar um gradiente preto e branco para um efeito de realce. Quando criamos essa esfera dimensional, criamos uma forma aqui que é preenchida com um gradiente linear preto a branco. Está configurado para o modo de mesclagem de tela aqui no painel de aparência. Fizemos isso por uma razão. Eu vou selecionar a forma subjacente e eu vou mudar o gradiente que é aplicado a ele, então eu vou torná-lo laranja. O destaque está mudando para mostrar laranja. Quando eu faço azul, o destaque é mostrar azul. Um gradiente preto para branco misturado em uma forma abaixo usando modo de mesclagem de tela sempre refletirá a cor subjacente. Não precisamos fazer alterações em nosso destaque, tudo o que precisamos fazer é mudar o gradiente aplicado à forma subjacente e o destaque funciona perfeitamente. Crie texturas simples com gradientes. Eu tenho um círculo aqui que está cheio de uma cor. Não tem derrame. Vou ao painel Aparência, vou adicionar um segundo preenchimento. Vou clicar em “Adicionar novo preenchimento” e selecionar o gradiente preto a branco que é moldado com o Illustrator. Vou clicar no painel Gradiente e transformá-lo em um gradiente radial. Eu vou empurrar o preto para fora para as bordas deste gradiente, e eu vou certificar-me de que a opacidade da parada central aqui é de volta a zero. É transparente no meio preto ao redor da borda. Vou escolher “Efeito” e depois “Textura” e depois “Grain”. Eu vou configurá-lo para estippled e eu vou ajustar o contraste ea intensidade para obter o olhar que eu quero, eu vou clicar em “Ok. Voltarei ao painel Aparência. Eu vou misturar este preenchimento para a camada abaixo usando o modo de mesclagem multiplicada, e eu tenho este efeito de textura pontippled agradável na minha forma. Fazendo um gradiente com a ferramenta de mesclagem. A ferramenta de gradiente não é a única maneira de criar gradientes no Illustrator e a ferramenta de mesclagem é outra opção. Eu tenho um par de círculos aqui, eu vou selecionar a ferramenta de mesclagem, e eu vou clicar em cada um desses círculos. Um ilustrador vai criar uma mistura perfeita de um círculo colorido para o outro. Ele faz um par de coisas que não só combina as cores, mas também combina a forma. Mas uma vez que esta forma é a mesma em qualquer extremidade com apenas dizer um gradiente contínuo, qualquer uma dessas cores pode ser alterada selecionando a forma e apenas mudando a cor. Um ilustrador atualiza a mesclagem. Agora você pode fazer uma mistura com mais de uma forma, então vamos pegar a ferramenta de mesclagem e clicar nas formas, cada uma por sua vez. Neste caso, a mistura é através todas as três formas que vai do amarelo ao vermelho, e depois do vermelho ao azul. Às vezes, seu melhor gradiente no ilustrador pode realmente ser uma mesclagem. Crie um efeito de meio-tom de gradiente falso usando misturas. Eu tenho uma forma de coração aqui com um preenchimento escuro e um com um preenchimento claro. Vou criar uma mistura de um para o outro para criar um gradiente em forma de falso. Vou clicar na ferramenta Mesclar e, em seguida, clicar em cada uma das formas por sua vez. Clique duas vezes na ferramenta Mistura, ative a Visualização. Eu vou escolher passos especificados, ele vai reduzir o número de passos até que eu consiga ver as formas reais do coração porque, para este efeito, eu quero ver esses corações. Vou clicar em “Ok”. Agora vou repeti-lo no documento com ele selecionado, vou escolher “Efeito”, “Distorcer e Transformar” e depois “Transformar”. Ative a Visualização. Vamos movê-lo alguns pixels. Eu estou pensando que provavelmente cerca de 40 ou 45 pixels vai ficar bem, e então eu vou aumentar o número de cópias até que nós esticar através do documento. Vou clicar em “Ok”. Esse é um efeito de gradiente de classificação usando formas e uma mistura com, em última análise, uma transformação para percorrer o documento no Illustrator. Crie gradientes detalhados usando a malha de gradiente. Quando um gradiente não é detalhado o suficiente para um projeto que você tem em mente, você pode usar a malha de gradiente. Vou selecionar sobre este alvo de forma, a ferramenta de malha de gradiente. Eu só vou clicar para adicionar algumas grades de malha sobre esta forma particular. Posso alterar a posição deste usando a ferramenta de seleção direta. Em seguida, qualquer um deles pode ser colorido selecionando o ponto e, em seguida, aplicando uma cor a ele. Dessa forma, você poderá adicionar efeitos de degradê de detalhes a uma forma, e cada uma das cores aplicadas a qualquer um desses pontos será misturada perfeitamente com cores adjacentes. Com um pouco de tempo e esforço, é possível obter resultados quase realistas usando este gradiente. 6. Projeto e envolvimento e: Seu projeto para esta classe será me dizer na seção de projetos de classe, qual dessas dicas realmente falou com você? Quais dessas dicas você acha que usará muito mais agora no Illustrator que você sabe como fazê-lo? Espero que tenha gostado desta aula e que tenha aprendido coisas sobre o Illustrator que ainda não sabia. Agora, enquanto você estava assistindo a esses vídeos, você verá um aviso perguntando se você recomendaria esta aula a outros. Por favor, se gostasse da aula e aprendesse coisas com ela, faria duas coisas para mim? Em primeiro lugar, responda sim ao fato de que você recomendaria aos outros e, em segundo lugar, escreva apenas algumas palavras sobre por que você gosta da aula. Estas recomendações são úteis para outros alunos, para dizer que esta é uma aula que eles também podem desfrutar. Se você gostaria de me deixar um comentário ou uma pergunta, por favor, faça-o. Eu leio e respondo a todos os seus comentários e perguntas, e olho e respondo a todos os seus projetos de classe. Meu nome é Helen Bradley. Muito obrigado por se juntar a mim neste episódio de Design Gráfico para o Almoço. Estou ansioso para vê-lo em um próximo episódio em breve.