Transcrições
1. Introdução e visão geral do curso: do maioria das vezes,
até mesmo os designs
baseados em gradiente mais complexos Illustrator são muito fáceis de criar, e você pode obter resultados impressionantes usando uma combinação inteligente das ferramentas básicas do Illustrator e olhando para além de sua funcionalidade óbvia. Ei pessoal, eu sou Evgeniya Righini-Brand, um designer gráfico da Attitude Creative e um fanático por gradientes. Eu ensino uma classe popular de Skillshare sobre Mastering Gradients no Illustrator e tenho uma série contínua de Estudos de Gradiente, que é minha busca pessoal explorar diferentes técnicas para criar designs
baseados em gradiente vetorial explorando todo o potencial das ferramentas do Illustrator. Muitas vezes me perguntam como criei certas peças na minha série de Estudos de Gradiente, e nesta aula estou animado para dissecar para vocês uma seleção de desenhos que apresentam alguns dos meus truques e técnicas favoritos, e compartilhar algumas dicas e ideias sobre como você pode usar uma combinação das ferramentas do Illustrator em seus projetos futuros para criar trabalhos interessantes de forma mais fácil e rápida. Essa classe foi projetada para usuários intermediários e avançados do Illustrator que conhecem bem o programa e são usuários proficientes das
principais ferramentas e funcionalidades do Illustrator , incluindo recorte e opacidade Máscaras, ferramenta
Mistura, Atributos de aparência e efeitos. Se você é um ilustrador, artista
gráfico ou designer que precisa visualizar rapidamente conceitos para apresentar ideias aos clientes ou a uma equipe interna, ou criar trabalhos finais para uso impresso ou digital, espero que esta aula desencadeiam algumas novas ideias visuais e ajudam você a criar designs atraentes de forma mais eficiente. Então vamos mergulhar!
2. Efeitos de fading-out coloridos e personalizados: Os gráficos vetoriais geralmente são associados a contornos rígidos,
mas, no Illustrator, você pode criar efeitos de desvanecimento emocionantes ou uma aparência etérea de gradientes coloridos com níveis de
transparência em mudança gradual e mesclar objetos perfeitamente juntos ou com o fundo, e ambos os objetos e a forma como eles desaparecem podem ser tão complexos ou tão simples quanto você deseja! Adoro criar esse efeito no meu trabalho, então vamos dar uma olhada em como consegui isso neste design sem sair do Illustrator ou usar filtros. Como este design é bastante simples, você pode pensar que ele é criado usando algum tipo de efeito Desfoque. Bem, não, não é. Todos os efeitos de Desfoque no Illustrator fazem com que os objetos se desfoquem de forma linear, modo que eles não permitiriam criar nem mesmo algo tão simples como isso. Então, em vez disso, para criar esse tipo de efeitos e ter mais opções para explorar em termos de como os objetos desaparecem você pode usar a Máscara de Opacidade, que é uma ferramenta fantástica, mesmo que um pouco inquieta. Então aqui eu tenho esses dois círculos mascarados, vamos manter apenas um deles visível junto com o fundo, e ver o que é o que. Então isso já é uma Máscara de Opacidade. Vamos liberá-lo rapidamente, e aqui está. Então esses dois objetos estão dentro da minha máscara, e esta é a própria máscara. Vamos escondê-lo por enquanto, e dar uma olhada no que foi colocado dentro da máscara. Então aqui eu queria criar este gradiente multidirecional onde a cor rosa se
misturaria com a cor laranja e ambos também desapareceriam na cor branca. E para conseguir esse efeito, usei dois círculos preenchidos com gradientes lineares básicos. Então o gradiente inferior aqui é esse gradiente linear de laranja a rosa a roxo, e não importa o que está aqui, porque você não pode ver essa área quando o gradiente branco está no topo. E aqui eu tenho o meu segundo círculo com o gradiente de desvanecimento branco, que é um gradiente linear a partir deste ponto de cor branca transparente para a parada de cor branca opaca do outro lado, e colocando-o em cima do outro gradiente, ajuda a misturar tudo. Às vezes, crio efeitos semelhantes aplicando gradientes de
preenchimento como vários atributos de preenchimento a um objeto. Mas, neste caso, eu acabei de aplicá-los a dois objetos separados, porque desta forma eu posso trabalhar muito rapidamente através do painel Camadas e não me preocupar em ir ao painel Aparência toda vez que eu precisar selecionar um dos gradientes. E como estou trabalhando com gradientes lineares, posso facilmente mudar o ângulo dos gradientes. e a aparência desta forma mudará drasticamente imediatamente. E você pode perguntar por que eu não usei um gradiente de forma livre ou uma malha de gradiente para criar esse efeito, e é exatamente por isso. Porque se eu usasse a malha de gradiente, é claro, eu poderia criar o mesmo tipo de efeito, mas eu não seria capaz de mudar facilmente a aparência da forma, por exemplo, girando um dos círculos ou alterando o ângulo dos gradientes. E se eu usasse o Gradiente de Forma Livre, sim, novamente, eu poderia alcançar o mesmo efeito, mas levaria muito mais tempo para fazer tudo parecer tão suave. Então, às vezes, as ferramentas mais básicas criam os melhores resultados e são mais rápidas de usar. Então isto é o que foi colocado dentro da máscara. E a máscara em si é esse círculo, que é exatamente do mesmo tamanho que os outros dois, e é colocado em cima deles, e é preenchido com gradiente radial branco a preto. E neste caso, a parada de cor branca é opaca e o preto é transparente. E para criar uma transição mais interessante, eu também desloquei o Ponto de Origem neste gradiente, então o gradiente é mais opaco e mais esmagado deste lado, e é mais suave e desaparece mais do outro lado. Então vamos aplicá-lo novamente como uma máscara, e vamos dar uma olhada novamente em nosso gradiente de máscara. Por isso, ao compensar o Ponto de Origem, fiz este lado desaparecer desta forma. E se eu movê-lo, você pode ver como ele muda todo o olhar. E é por isso que usar Máscaras de Opacidade é muito legal, e em comparação com o efeito Desfoque, eles permitem muito espaço para experimentação e também são muito rápidos de usar. Também neste gradiente, eu usei uma parada de cor transparente preto. E este é um truque que costumo usar ao criar Máscaras de
Opacidade porque permite criar transições mais suaves. E se eu definir para 100%, você pode ver que a transição não é tão dramática, então ter esse nível extra de transparência no gradiente permite criar esse visual divertido de desvanecimento. Então esta é a nossa primeira máscara. E o segundo círculo mascarado é na verdade apenas uma cópia do primeiro, e é deslocado e girado 180 graus, então essas duas formas se misturam bem. E quanto aos elementos restantes neste design, aqui eu também tenho essa linha com um gradiente de traçado radial ao longo do traçado. E tem apenas duas paradas de cor. E como ele é definido para o tipo Radial, ele se parece com um gradiente refletido. E eu usei essa cor roxa no final, que é uma cor semelhante à encontrada no fundo, então essa linha meio que se mistura com o fundo, mesmo que não haja transparência nele. Abaixo de todos esses elementos, eu tenho meu objeto de texto. E por causa das Máscaras de Opacidade, em alguns lugares você pode ver mais das letras e em algumas outras áreas elas estão quase totalmente escondidas. Mas para trazer o texto um pouco mais, eu costumo adicionar a cópia do mesmo objeto de texto, colocá-la acima de todos os outros elementos, e reduzir sua opacidade para cerca de 10 a 20 por cento. Isto permite tornar este texto um pouco mais visível, mas ainda manter esta agradável sensação translúcida de todo o design. Embora isso pareça muito bom, eu sempre adiciono algum grão ao meu trabalho, e neste caso, o grão está contido em uma camada separada. E ele é aplicado a um retângulo que está cobrindo toda a minha prancheta, e este retângulo é preenchido com uma cor cinza, seu modo de mesclagem é definido como Luz suave, Opacidade para 35%, e tanto quanto o efeito Grão é em questão, ele é definido como Grau Pontilado com Intensidade é definido como 20, e Contraste definido como 50. E isso é algo que eu costumo usar no meu trabalho e apenas brincar com a Intensidade, se eu precisar adicionar mais ou menos grãos aos meus projetos. E usando o Modo de Mistura de Luz Suave permite misturar grãos com o design muito bem, e eu posso controlar a intensidade com a configuração de Opacidade, e na maioria dos casos, eu defino para 35% porque produz bastante sutil, bom olhar ou o grão. Mas se eu quisesse fazer grãos mais pronunciados, eu poderia apenas aumentar o valor de Opacidade, e haveria consideravelmente mais grãos no meu trabalho. Em alguns projetos, ele realmente funciona para adicionar mais grãos e criar uma aparência mais partícula, mas neste design 35% criou o melhor resultado. Então é assim que, usando Máscaras de Opacidade você pode trazer alguma translucidez e uma sensação etérea para seus projetos, e misturar as coisas juntas. E a coisa legal sobre Máscaras de Opacidade é que você pode colocar qualquer coisa dentro de sua máscara, e você pode usar qualquer coisa como uma máscara, incluindo gradientes básicos de preenchimento linear ou radial, gradientes de
forma livre de qualquer complexidade, Gradientes de traçado, malhas de gradiente, misturas, o que quiser. Portanto, há muitas oportunidades para criar elementos com diferentes níveis de transparência,
de algo bem simples como eu mostrei aqui, a composições multielementos mais complexas com um número de máscaras. Portanto, tenha em mente as Máscaras de Opacidade para quando quiser criar gradientes de desvanecimento
suaves ou misturar objetos entre si.
3. Translucidez e dimensão com uso do desfoque: Embora seja menos do que ideal usar o efeito Desfoque para criar gradientes de desvanecimento ou dispersão, o efeito Desfoque tem muitos usos
ao trabalhar com obras de arte baseadas em gradiente. Por exemplo, você pode usá-lo para criar transições suaves e
sedosas quando você não consegue alcançar este visual de outra forma ou se você quiser apenas acentuar a suavidade para criar uma espécie de aparência metálica ou líquida. Ou se você quiser adicionar alguma profundidade de campo ao seu trabalho. Mas outra coisa que você pode fazer com o efeito Borrão é usá-lo criativamente para imitar elementos translúcidos, por exemplo, vidro, plástico, água ou gelo, e particularmente vidro fosco acetinado enevoado, ou vidro de privacidade, que obscurece os objetos por trás dele. Isso permite adicionar uma sensação de volume ao seu trabalho, criar um efeito de camadas e também há muitas oportunidades para usar isso conceitualmente. Por exemplo, neste design eu usei o efeito Desfoque para comunicar uma sensação de privacidade. Mas há um pouco mais do que apenas borrar uma parte de uma imagem, então vamos dar uma olhada em como essa imagem é construída. E vamos começar com o fundo, que neste caso é um gradiente linear bastante simples girado em um ângulo que cobre todo o formato prancheta. E então eu tenho alguns outros elementos aqui, e vamos dar uma olhada neste grupo de Clipping para começar. Então, dentro deste grupo de recortes, que está dentro de um retângulo que cobre metade da minha prancheta, eu tenho um círculo com um gradiente multicolorido agradável e meu texto. Nesse caso, esse efeito multicolorido dentro do círculo é obtido usando vários preenchimentos de gradiente de desvanecimento, que são todos gradientes radiais definidos para cores diferentes e posicionados de forma diferente dentro desse círculo. E juntos, eles criam transições super suaves, e há muitas maneiras de personalizar esse tipo de gradientes muito, muito rapidamente, alterando a ordem
dos atributos Preenchimento no painel Aparência ou alterando sua mesclagem Modos. Esta é uma das minhas técnicas favoritas que remontam aos dias antes de gradientes de Forma Livre existirem, e foi assim que eu criei originalmente meus gradientes não-lineares multicoloridos. Abaixo deste grupo de recortes tenho esta elipse que cria uma sombra debaixo do meu círculo. E isso é algo que eu realmente amo fazer no meu trabalho, apenas para adicionar um pouco mais de dimensão a ele e fazer objetos aparecerem como se estivessem suspensos ou apenas descansando sobre uma superfície e há alguma fonte de luz. Esta sombra em particular é criada usando este gradiente radial de desvanecimento, com ambas as paradas de cor definidas para a mesma cor, e esta é uma das cores que é encontrada no meu design. Ao criar meus designs sempre tento usar cores que podem ser encontradas na minha arte para criar alguns sombreamentos ou destaques. E particularmente, no que diz respeito ao sombreamento, eu sempre me esforço para criar sombras coloridas, e eu sempre evito criar sombras acromáticas, menos, é claro, que eu esteja trabalhando com algum design preto e branco para começar. Então, devido às cores usadas nessas sombras e porque é um gradiente de desvanecimento, esta é a principal maneira como ele se mistura com o fundo. Portanto, o modo de mesclagem deste objeto é definido como Normal e é definido como 100% de opacidade. Em seguida, aqui eu tenho outro grupo de Clipping, e é aí que a diversão começa. Então este é outro grupo de recortes com uma Máscara de recorte mascarando a outra parte do design. E dentro desse grupo, eu tenho uma cópia do meu círculo, e abaixo dele tenho um retângulo no tamanho da prancheta, que não tem nenhum atributo Preenchimento ou Traçado. Então, e este é o grupo ao qual eu apliquei o efeito Borrão Gaussiano. Nesse caso, o raio de desfoque gaussiano é definido como 200 pixels. E a razão para ter este retângulo extra abaixo do meu objeto, que é suposto ser desfocado, é que ele permite evitar algumas falhas com o efeito Borrão, que às vezes pode criar um tipo de arestas duras e atingir algum tipo de limite, porque quando o efeito Desfoque é aplicado, ele leva em consideração o tamanho original do objeto que você está desfocando. Então, ter este espaço vazio ao redor do meu círculo me permite borrá-lo tanto quanto eu quiser. Como meu círculo desfocado é colocado dentro de uma máscara de recorte com bordas duras, ele imediatamente cria um efeito de ter uma superfície translúcida fosca na frente deste círculo. Em seguida, eu tenho outro grupo de recortes, e neste caso, ele contém o meu texto que é desfocado separadamente. O raio de desfoque gaussiano aqui é definido como 40 pixels. E desfocando o círculo e o texto separadamente permite criar ainda mais profundidade dentro do trabalho, pois permite
imitar diferentes profundidades de campo usando diferentes raios de desfoque para diferentes objetos. A opacidade deste texto desfocado é definida como 95%, o
que é exatamente o mesmo que a opacidade do meu texto nítido aqui. Mas, embora eu realmente goste da aparência quase branca do texto nítido, eu pensei que, por uma questão de realismo o texto borrado precisa ser um pouco mais escuro. Mas, em vez de reduzir a opacidade do texto desfocado, criei uma cópia do meu círculo desfocado e coloquei-a acima da minha camada de texto desfocada. E defina a opacidade deste segundo grupo de clipes para 50% aqui. Assim, ter uma cópia extra permite esconder o texto um pouco mais e faz parecer que está atrás desta superfície. Pode parecer um monte de elementos e que você poderia alcançar um efeito semelhante apenas reduzindo a opacidade,
mas na realidade, ter cópias extras permite um controle
mais minucioso sobre a aparência de cada elemento. E isso realmente não aumenta o tempo para criar esses elementos porque eles já existem, e você só precisa copiá-los e brincar com seus modos de mesclagem e configurações de opacidade. Para fazer isso parecer ainda mais como uma folha de vidro separada, eu decidi que eu preciso adicionar algum gradiente extra ao longo desta borda aqui. E eu resolvi criar um semi-círculo como este, e preenchê-lo com um gradiente radial desvanecedor desta cor rosa, que pode ser encontrado neste design, para esta parada de cor quase branca, que é definida como 0% Opacidade. O modo de mesclagem deste semicírculo é definido como Luz suave, e é isso que permite criar esse efeito de realce e combinar perfeitamente esse gradiente com as cores aqui. E ao brincar com o gradiente radial e a posição dessa parada de cor, eu poderia controlar até onde esse destaque se espalha. Neste caso, eu não fui muito longe e decidi terminá-lo na borda da forma turva, então parece assim quando é aplicado. E ele destaca essa borda sobre o círculo, e esse é exatamente o olhar que eu estava atrás, já que eu não queria destacar a borda indo de cima para baixo da prancheta. Adicionar um semicírculo realmente ajudou a destacar essa forma. Mas eu queria torná-lo um pouco mais brilhante, então eu criei uma cópia deste semi-círculo e coloquei logo acima dele, e defini a Opacidade para 50% enquanto mantinha o modo de mesclagem definido como Luz suave. E juntas essas duas formas criam uma borda mais pronunciada. E novamente, isso é algo que eu gosto de fazer no meu trabalho, em vez de ajustar cores em todos os elementos para uma eternidade. Então, para intensificar, iluminar ou modificar as cores eu apenas crio cópias e jogo com os modos de mesclagem e opacidade até ter o visual que eu gosto. Então estes são os elementos gerais de design, e acima de todos eles eu tenho uma camada separada com um retângulo com o efeito Grão. Este retângulo é preenchido com a amostra cinza padrão, seu modo de mesclagem é definido como Luz suave e Opacidade para 35%. E no que diz respeito à intensidade do grão, neste caso, é definido para 10 por cento, o que torna este grão um pouco mais sutil. Mas, além disso, novamente, o Contraste é definido como 50% e o Tipo de grão é definido como Stippled. E você pode ver que quando este grão é misturado com este design, ele faz parecer ainda mais como vidro fosco fosco nesta área. Você pode combinar essa abordagem de usar elementos
desfocados nas Máscaras de recorte com outros objetos, por exemplo, algumas linhas ou gradientes de traçado finos para destacar as bordas, ou alguns gradientes de desvanecimento para criar uma sensação de sombreamento. Portanto, há muitas coisas diferentes que você pode fazer com o efeito Desfoque gaussiano criativamente, então tenha isso em mente e experimente com ele para criar efeitos de translucidez e camadas.
4. Elementos dimensionais com o uso de degradês de traçado: Criar vários gradientes que seguem a direção dos caminhos nunca foi tão fácil, e um dos meus truques favoritos é usar gradientes de traçado com transparência para adicionar uma sensação 3D ao meu trabalho e criar detalhes 3D
complexos que podem seguir caminhos de qualquer complexidade. Por exemplo, neste design eu usei um conjunto de gradientes de traçado para criar uma impressão de ter cortes na superfície colorida. Então vamos dar uma olhada em como eu criei esse efeito. Para começar, criei esse gradiente de forma livre, que serve como plano de fundo e cobre todo o formato da prancheta. Depois disso, criei este padrão de linha para ser usado como base para a estrutura dos cortes no meu design. E então comecei a pensar como eu poderia estilizar todas essas linhas para fazê-las parecer tridimensionais e criar um efeito de sombreamento sob as linhas e alguns destaques no topo, para fazer
parecer que a superfície é um um pouco em levantou. Então aqui está o grupo com todos os meus caminhos estilizados. E cada um desses cortes é criado exatamente da mesma maneira, então vamos dar uma olhada neste aqui. Para cada corte eu usei duas cópias dos meus caminhos originais e os estilizei com gradientes de traçado, de
modo que um deles criaria um efeito de sombreamento em um lado
da linha, e outro criaria um destaque no outro lado. E eu também coloquei o par desses elementos dentro uma Máscara de Opacidade para fazer essa mistura de gradiente com o fundo nas extremidades. Então vamos soltar esta máscara, e voltaremos a ela em breve. Mas primeiro, vamos dar uma olhada em como criei esses efeitos de sombra e destaque. Comecei criando o efeito de sombreamento, e como eu sabia que minha sombra precisa começar do caminho, eu configurei esse tipo de gradiente de traçado. Portanto, é um gradiente de traçado linear através do traçado e começa a partir do meio ou do controle deslizante. E metade é totalmente transparente, e outra metade cria esse efeito de desvanecimento. Costumo usar este truque no meu trabalho para criar gradientes de traçado previsíveis, que posso usar para adicionar realces ou sombreamento às bordas de qualquer forma, e como meu gradiente está configurado dessa forma, ele ficará exatamente o mesmo, se ele é aplicado a um caminho aberto ou fechado. E não depende do uso de nenhuma das configurações de Traçado, por exemplo, como Alinhamento de traçado, que funciona apenas com caminhos fechados. E também oferece muito espaço para experimentação com os Perfis de Stroke. E enquanto você pode criar esse tipo de efeito configurando um perfil que não teria traçado em um lado do caminho, usando esse tipo de gradiente como base torna muito mais fácil experimentar diferentes perfis de traçado e também a ferramenta Largura para configurar sombreamento ou realces em qualquer forma e criar alguns efeitos emocionantes em seu trabalho, por exemplo, como este. E é consideravelmente menos exigente quando você está apenas brincando com o Perfil de Traçado sem se preocupar com o que está acontecendo do outro lado, e apenas controlando essa borda com o gradiente. Então esta é uma técnica que eu costumo usar no meu trabalho para criar algumas sombras divertidas. Mas neste design, eu queria ter uma sombra simétrica muito simples, então eu apenas usei este perfil de traçado padrão simples, que diminui em ambas as extremidades. E para criar esse tipo de gradiente, o truque que eu uso é que eu tenho minha parada de cor opaca e eu tenho sua cópia transparente, e definir o local da cópia transparente e a parada de cor opaca para exatamente 50%, assim. Para criar esse efeito de sombreamento, o Modo de mesclagem desse gradiente de traçado é definido como Multiplicar. E depois de configurar esse gradiente de sombreamento, eu o copiei, depois inverti o gradiente e substitui as cores no gradiente pela cor branca para criar o efeito de realce. Nesse caso, defino o Modo de mesclagem desse gradiente como Sobreposição. Mas ao criar esse tipo de efeitos muitas vezes passo e
confiro os modos Tela, Clarear , Luz
suave e Sobreposição, e escolho o que funciona melhor com as cores com as quais estou trabalhando. E além disso, estruturalmente este gradiente é apenas uma versão refletida daquele que cria sombreamento. E novamente no meio aqui eu tenho um par de paradas de cor para criar esta borda aqui. Depois de configurar esses dois gradientes para este primeiro elemento, eu precisava aplicar os mesmos gradientes para o resto das linhas. E para torná-lo mais fácil e rápido, eu fui em frente e criei Estilos Gráficos: um baseado no gradiente de traçado usado para sombreamento, e o outro que cria destaques. E isso é algo que costumo fazer quando preciso replicar o mesmo estilo
dos elementos dentro de um documento ou em vários designs. E depois de criar esses estilos gráficos, eu poderia aplicá-los a qualquer outro elemento em apenas alguns cliques. Por exemplo, assim ou assim. E eu também poderia aplicar ambos os estilos gráficos a um elemento mesclando-os ao aplicá-los
e, em seguida, acessar esses gradientes através do painel Aparência. Mas nesse design decidi aplicar sombreamento e realces a dois caminhos separados para facilitar o acesso aos elementos através do painel Camadas e ajustar seus modos de mesclagem no painel Transparência. Depois de criar esses pares de gradientes de destaque e sombreamento, eu queria levá-los um passo adiante e fazer suas extremidades se misturarem melhor com o fundo. E para isso, copiei essas linhas mais uma vez e apliquei esse tipo de gradiente de traçado a cada uma delas. Então este é um gradiente de traçado ao longo do traçado, que é definido como gradiente radial que o torna refletido. E como eu estava planejando usá-lo como uma Máscara de Opacidade, eu defini essa cor para que cores
ambas as extremidades do meu gradiente de traçado para preto. E eu também defini como 0% Opacidade para ter mais translucidez no meu gradiente. E como é outro gradiente de traçado,
defini o peso do traçado exatamente o mesmo peso que os outros dois gradientes,
então, quando eles são mascarados, eles são totalmente cobertos. Eu apliquei o mesmo gradiente para cópias de todas essas linhas. E, em seguida, aplicou cada um desses gradientes como Máscaras de Opacidade aos respectivos grupos, que contêm gradientes de sombreamento e realce. Então todos esses elementos foram criados exatamente da mesma maneira. E então eu os agrupei todos juntos, e neste caso, o modo de mesclagem desse grupo é definido como Normal e Opacidade é definida como 100%. Mas agrupá-los juntos me permitiria
explorar outras opções de mesclagem se eu quisesse. Embora neste caso, toda a mistura está acontecendo dentro dos grupos e é aplicada apenas a elementos individuais. Acima de todos esses elementos eu tenho meu objeto de texto, que é definido como 95% Opacidade e é apenas colocado sobre tudo. Em alguns casos, quando eu estou criando esse tipo de desenhos que implicam volume, eu mascaro meu texto inteiro ou
letras individuais para fazer parecer que eles estão vindo através dos cortes. Mas neste caso, eu queria mantê-lo simples e apenas colocar o texto no topo. E em cima de todos esses elementos, coloquei minha camada de grãos, com um retângulo preenchido com essa amostra cinza padrão. E eu usei minhas configurações favoritas de grãos sutis, com a Intensidade definida como 10, e a Opacidade do retângulo granulado definida como 35%, e o Modo de Mistura definido como Luz suave, como de costume. E quando é aplicado, estes grãos fazem com que este design pareça mais tangível e mais gráfico. Usar gradientes de traçado de desvanecimento desta forma é realmente divertido e fácil, e em combinação com Estilos Gráficos há uma tonelada de potencial para um estilo muito rápido de diferentes elementos. Tudo que você precisa fazer é desenhar alguns caminhos, estilizá-los, colocá-los em cima de um fundo colorido ou um objeto, e misturá-los juntos. E você vai ter uma impressão de um tipo de forma 3D. Ele pode ser tão complexo ou tão simples quanto você quiser, e você pode destacar ou sombrear as bordas de qualquer forma sem recorrer ao uso de outras técnicas mais trabalhosas para criar volume, como malhas de gradiente ou gradientes de forma livre. Usando gradientes de traçado em traçados você pode fazer com que qualquer coisa pareça tridimensional de forma muito rápida e fácil, e junto com os Perfis de traçado e a ferramenta Largura eles podem ajudar a definir formas e adicionar detalhes à sua trabalhar de muitas maneiras divertidas.
5. Colorir de forma orgânica com camadas e mesclagem: Um dos meus truques favoritos para empurrar gradientes um pouco mais longe no Illustrator é manter os elementos que definem formas e estrutura, e potencialmente sombreamento, separados dos elementos que são usados para colorir. Por exemplo, eu recebo muitas perguntas sobre como eu criei esse design, porque ele se parece com uma malha de gradiente, mas a coloração não é algo que você esperaria de uma malha de gradiente, mas é algo que você pode ver em um Gradiente radial, mas não é um gradiente radial também. E nem é um gradiente de forma livre. Então, o que é? Vamos dar uma olhada. Na verdade, o elemento inferior no meu documento é esta malha de gradiente distorcida que é bastante básico. Eu usei apenas um par de cores nele, e empurrei os pontos ao redor para criar este tipo de forma de chama desvanecida que eu estava atrás. Por isso, é bastante afiado deste lado, mas desaparece bem do outro lado. E depois disso, eu comecei a pensar como eu posso fazer coloração mais divertido, porque adicionar mais paradas de cor para esta malha não
me permitiria alcançar este efeito colorido divertido que eu estava atrás. Então eu comecei adicionando este retângulo separado em uma forma da minha prancheta, preenchido com este gradiente radial azul super sutil. E eu defini o modo de mesclagem deste objeto para Luz
suave para modificar as cores em minha malha de gradiente um pouco. E eu costumo usar esse truque no meu trabalho porque ele permite adicionar alguns ajustes realmente
finos às cores sem realmente tocar nas malhas de gradiente, que você pode alterar usando, por exemplo, a ferramenta Recolorir arte . Mas se é algo um pouco mais complexo, poderia ser mais demorado e mais difícil. Então, usar uma camada modificadora separada como esta torna apenas um pouco mais fácil ajustar as cores. Depois de adicionar este retângulo eu pensei como eu poderia distribuir as cores nesta forma. Então, primeiro de tudo, eu adicionei um círculo que é preenchido com este rosa ou magenta degradê radial. Portanto, ambas as paradas de cor são definidas para a mesma cor e a da borda é definida como 0% de opacidade. E eu tenho deslocado um Ponto de Origem neste gradiente apenas para fazer este gradiente funcionar um pouco melhor com esta forma. Então é um pouco mais esmagado deste lado, e é um pouco mais longo deste lado, mesmo que você não possa realmente vê-lo. E então eu brinquei com diferentes modos de mesclagem. Na maioria dos casos, eu assento no modo Sobreposição ou Luz suave, mas dependendo das cores com as quais estou trabalhando, também
posso usar o modo Tela ou Multiplicar. Mas na maioria dos casos, sim, eu uso o modo Overlay porque permite trazer cores brilhantes de uma maneira mais agradável. E ao trabalhar dessa maneira, você também pode usar a configuração Opacidade para ajustar a intensidade dessa cor que você está adicionando. Então, se você quiser adicionar uma coloração um pouco mais suave, você pode diminuir a opacidade, por exemplo, assim. E neste caso, eu queria usar 100% de opacidade para torná-lo brilhante. E por causa de como esse gradiente se mistura com a malha de gradiente abaixo dele, você pode imediatamente ver esse destaque aqui. E depois há esta bela propagação de cores
nesta cor mais escura. Então eu precisava adicionar um pouco mais de coloração na ponta da minha chama. E para isso, usei outro gradiente radial. Neste caso, ele está realmente contido dentro de um retângulo grande, porque ele apenas permite mover o gradiente radial dentro dele e não se preocupar com quaisquer arestas. Então, neste caso, é um gradiente radial deste bege fora da cor branca, que está no centro do gradiente. Depois, há essa cor amarela brilhante. E na borda há outra parada de cor amarela brilhante, mas novamente, a opacidade dessa parada de cor de borda é definida como 0%. E é isso que permite misturar esse gradiente com os gradientes abaixo dele. E o modo de mesclagem real deste objeto é definido como Normal. Então, toda a mistura está acontecendo por causa da transparência. Neste gradiente novamente eu tenho este offset Origin Point, que permite adicionar este destaque aqui. E se eu arrastá-lo até aqui, você vê como esse gradiente realmente parece. Mas movendo-o para cá, cria este tipo de efeito de brilho. E faz com que pareça bastante dinâmico. E é por isso que eu amo usar esse tipo de gradientes de desvanecimento, particularmente gradientes radiais, porque eles tornam tão fácil adicionar pontos adicionais de cor. E, claro, você pode distorcê-los de qualquer maneira, redimensioná-los e colocá-los no local desejado. Então, há muito espaço para experimentação. Então, esta é a base para esse efeito de coloração. Mas aqui eu também tenho um gradiente radial adicional, que é um gradiente de desvanecimento radial direto com duas paradas de
cor definidas para a mesma cor, e uma na borda novamente definida para 0% Opacidade. E o modo de mesclagem deste gradiente radial é definido como Luz suave, o que ajuda a unir todas essas cores. E novamente, eu tenho controlado a intensidade com as configurações de Opacidade que é definido para 60%. Então é isso para as formas reais. E, claro, em cima deles, tenho a minha mensagem. E em cima de tudo isto, tenho a minha camada de grãos. O retângulo ao qual o efeito Grão é aplicado é definido para esta cor azul escuro. E neste caso o grão é um pouco mais intenso. Assim, a configuração Intensidade é definida como 44, em comparação com os meus 10 ou 20 habituais. E para tornar o grão ainda mais pronunciado, eu também defini a Opacidade desta camada para 70%, o que é novamente um pouco maior do que em meus outros projetos. Mas você pode ver que, por ter este grão intenso, esse design começa a ter esse tipo de aparência de partícula, que faz com que essa forma pareça ainda mais flamejante. E neste caso, adição de grãos também ajudou a aumentar o contraste no design geral. E também ajudou a amarrar todas as cores juntas e criar esse visual acabado. E assim é assim que você pode criar algum efeito colorido complexo combinando uma série de elementos diferentes: alguns que definem a forma, e alguns que ajudam a colorir diferentes áreas do seu trabalho de maneiras diferentes. Então eu realmente encorajo você a tentar jogar com as formas e colorir separadamente em seu trabalho e ver o que novos efeitos divertidos e únicos que permitirá que você crie! Usando a mesma técnica você também pode adicionar alguns efeitos de iluminação ao seu trabalho, por exemplo, em uma forma de destaques. Portanto, há muito espaço para experimentação, e você também pode criar algo um pouco mais chique adicionando gradientes de forma livre desbotados, se os gradientes radiais forem um pouco simples demais!
6. Colorir de forma divertida e visual 3D: Criar vários desenhos ou ilustrações com base em formas abstratas ou geométricas que têm um visual 3D para eles é uma das minhas coisas favoritas para fazer no Illustrator. E é muito mais fácil do que parece! E em muitos casos, quando você precisa criar algo rapidamente e
não é algo super complexo em termos de sua estrutura, isso pode ser feito no Illustrator em vez do software 3D, onde você precisaria configurar formas, luzes, sombreamento, materiais e coloração. Então, se você quiser criar algo rapidamente, que, por exemplo, é feito para impressão ou para uso digital estático, ou se você precisa criar um projeto de proposta que será então levado para algum outro software e animado ou recriado em 3D, você pode fazê-lo no Illustrator, e é muito rápido, divertido e fácil! Por exemplo, este design tem todos estes tubos aqui que têm uma sensação 3D para eles e este tipo de coloração orgânica, que não segue nenhum padrão linear. Então vamos ver que tipo de elementos eu usei neste design. Em primeiro lugar, trabalhei na criação destes tubos aqui. E era assim que eles pareciam para começar. Todos estes tubos são Misturas entre pares de
círculos preenchidos com gradientes lineares preto a branco. E cada uma dessas misturas segue uma espinha personalizada. E para criar esses Espinhos
eu usei a ferramenta Lápis e rapidamente
desenhei-os e, em seguida, organizando-os neste padrão aqui. Como todas essas Misturas seguem Espinhos de Mistura personalizados e são baseados em círculos preenchidos com gradientes lineares preto a branco, ele permite criar esse efeito de sombreamento. E eu posso controlar a aparência do sombreamento simplesmente alterando o ângulo dos gradientes formando as Blends. E para criar essa aparência suave dessas misturas nas opções de mesclagem eu usei um número bastante alto de etapas e defini o método de espaçamento para etapas especificadas aqui. Então esta é a base para os tubos no meu design, e é o que os faz parecer tridimensionais. E depois de ter configurado todas essas Blends comecei a pensar como eu poderia colorir elas de uma forma não linear interessante. E para isso em primeiro lugar
eu criei este gradiente de forma livre dentro de um retângulo que cobre toda a minha prancheta, que eu estava pretendendo usar como um fundo para começar, mas também reutilizá-lo para colorir todos os meus elementos. E para poder aplicar meu gradiente de Forma Livre a cada uma dessas Blends ,
mantive as Blends originais como backup e criei duas cópias de cada Mistura. Em cada par de cópias eu mantive uma das Blends como estava, e eu peguei a segunda cópia, expandi-a, uni todas as formas resultantes em uma forma maior, e então usei como uma máscara de recorte para conter uma cópia do meu Gradiente de forma livre. Todos esses tubos coloridos aqui são criados usando exatamente o mesmo princípio. Então vamos dar uma olhada neste aqui. Então aqui está um caminho de recorte baseado na forma que é formada pela mistura. E aqui está um gradiente de forma livre dentro dele. E para criar um efeito de coloração emocionante e dinâmico, peguei o gradiente de forma livre e escalei, rodei e às vezes refletia esse gradiente, e o posicionei dentro de cada máscara. E ao transformar esse gradiente de forma livre, prestei atenção em como as cores dentro da máscara e as cores no fundo funcionam juntas. E eu também me certifiquei de que não há confrontos de cores entre diferentes formas nos lugares onde elas se sobrepõem. Então é assim que esta coloração é criada. E para torná-la tridimensional usei uma cópia da Mistura original, coloquei-a acima do respectivo grupo de recortes, e defini o modo de mesclagem desta mesclagem como sobreposição, que cria esse tipo de efeito de sombreamento. Embora assim você possa usar outros modos de mesclagem para obter efeitos ligeiramente diferentes, eu prefiro usar Overlay porque ele não afeta a tonalidade das cores e apenas cria esse tipo de efeito
de sombreamento tornando algumas áreas mais claras e um pouco mais escuro. E novamente, esta é uma abordagem semelhante, apenas um pouco mais complexa porque estamos usando Máscaras de Recorte, para a que eu mostrei anteriormente, porque eu estou mantendo meu sombreamento e forma separadamente dos objetos que são usados para colorir, e misturá-los juntos para alcançar o efeito desejado. Então todos esses outros tubos são criados exatamente da mesma maneira. E o gradiente de forma livre dentro de cada máscara é posicionado de forma diferente a cada vez. E para criar um efeito de camadas mais complexo em alguns casos eu também copiei os caminhos formando máscaras de recorte e cortá-los uns dos outros para criar máscaras de recorte
adicionais para colocar as formas inteiras para fazer eles aparecem como se eles estão atrás de alguns dos objetos, mas na frente de alguns outros. Por exemplo, como aqui ou aqui. Enquanto você pode criar os objetos que são usados para colorir todos os elementos cada vez, reutilizar gradientes de forma livre é super rápido e fácil. E como o gradiente de forma livre por sua natureza já é bastante complexo, ele permite criar muita variação dentro do design. Além de girar, dimensionar, refletir e posicionar o gradiente de forma livre dentro da Máscara de recorte, se houver necessidade de fazer alguns pequenos ajustes no gradiente, você sempre poderá editar as paradas de cor dentro dele para criar a propagação desejada de cores e fazer o efeito de coloração e camadas ainda mais emocionante. Eu gosto muito deste olhar 3D bastante simples, mas ao trabalhar em seus projetos, você também pode considerar adicionar alguns sombreamento atrás das formas, ou alguns destaques em cima deles. Então é assim que esta coloração é criada. E para fazer tudo parecer limpo, todos esses tubos são colocados dentro de uma máscara de recorte no tamanho da minha prancheta. E acima de todos esses elementos, eu também tenho meu objeto de texto, que neste caso está definido para 90% de Opacidade para adicionar mais transparência a ele e criar um pouco mais de um efeito de camadas. E também é colocado dentro de uma Máscara de Recorte, novamente para fazê-la parecer como se estivesse atrás de um dos elementos. Mas devido ao meu estilo geral de incorporar texto em meus projetos, eu tenho outra cópia do texto completo, que é colocado acima de todos os outros elementos. E sua opacidade está definida para 20%. Assim, ele o torna legível através desta forma e novamente adiciona um pouco mais de transparência a este design. Então estes são todos elementos de design. Mas, como de costume, eu também tenho minha camada separada de grãos aqui. E, nesse caso, o retângulo ao qual o efeito Grão é aplicado é preenchido com essa amostra de cor cinza. Seu modo de mesclagem é definido como Luz suave, como de costume, e sua opacidade é definida como 35%. E o efeito Grão é configurado de forma semelhante aos meus outros designs com Intensidade definida como 10, Contraste definido como 50 e Tipo de grão definido como Stippled. E este grão sutil funciona muito bem com estas cores pastel claras neste design. Então, é assim que você pode criar esse efeito. E ele permite que você crie muitas coisas e
formas divertidas , dependendo do tipo de elementos que você usa em suas Blends, como você molda seus Espinhos de Mistura
e, claro, das cores que você usa. E usando a mesma técnica, você também pode colorir qualquer objeto criado usando as ferramentas 3D do Illustrator, ou qualquer malha de gradiente distorcida abstrata complexa, ou ilustrações realistas criadas usando malhas de gradiente, que precisa de um pop adicional de cor. Então brinque com esta técnica e veja o que você pode criar!
7. Dicas finais e conclusão: Muitas vezes acho que, para criar algo emocionante você só precisa brincar e encontrar formas
mais experimentais de usar ferramentas muito básicas. E espero que esta aula tenha dado algumas novas idéias como você pode usar essas ferramentas familiares para criar efeitos diferentes. Ficarei animado para ver como você implementa essas técnicas em seu trabalho e ouvir qual técnica você mais gosta ou gostaria de explorar em seus projetos futuros. Para o seu projeto de classe, experimente criar um design, ilustração ou arte usando qualquer das ferramentas e técnicas que você não usou antes ou não usou da mesma maneira que eu compartilhei com você nesta classe, e compartilhe algumas palavras sobre seu processo experimental e o que você aprendeu. Certifique-se de compartilhar seu trabalho na seção Projetos para esta classe, e se você estiver indo para compartilhar seu trabalho no Instagram,
por favor, marque @attitudecreative e use a
hashtag #attitudeskills para que possamos facilmente encontrar suas postagens! Se você tiver alguma dúvida, por favor deixe um comentário na guia Discussões para esta aula e eu responderei com prazer e fornecerei feedback! Se você quiser me ver dissecar qualquer outro dos meus designs de gradiente, todos os quais você pode encontrar nos projetos no meu perfil do Behance, por favor deixe um comentário com o nome
e o número do projeto no quadro de discussões para esta classe, e eu vou ter certeza de considerá-lo ao fazer aulas futuras. Se você quiser aprender mais detalhadamente sobre o uso das ferramentas e técnicas que mencionei nesta aula Ou geralmente aprender mais dicas, truques e técnicas para criar gradientes vetoriais, não
deixe de conferir minha aula Dominar gradientes no Illustrator. Então, isso é tudo para esta aula! Espero que tenha gostado e aprendido algo novo. Se você achou esta aula útil, por favor deixe um comentário para que mais pessoas possam descobri-la! E não se esqueça de nos seguir aqui no Skillshare para ser o primeiro a saber sobre nossas novas aulas, atualizações e anúncios. Também não hesite em seguir nossa página no Facebook para ver o que estamos fazendo, obter todas as atualizações mais recentes, enviar-nos mensagens privadas se você precisa entrar em contato sobre algo e não perder se você está em destaque em nosso Student Spotlight Galeria! Obrigado por assistir a esta aula, e espero vê-lo em nossas outras aulas!
Evgeniya & Dominic Righini-Brand, Graphic Design & Photography
