Transcrições
1. Introdução e visão geral do curso: As tendências podem mudar, mas os gradientes são tão naturais e diversos, por isso estão aqui para ficar! Ei pessoal, eu sou Jenya da Attitude Creative, e com essa aula eu convido vocês a dominar gradientes no Adobe Illustrator. Sutil ou dramático, complexo ou minimalista, os gradientes criam uma sensação de profundidade e dinâmica e permitem que você altere a sensação de qualquer design, ilustração, arte ou ambiente! Adoro experimentar diferentes maneiras de criar designs baseados em gradiente no Illustrator
e, nesta aula estou animado para mostrar como aproveitar ao máximo uma variedade de ferramentas e técnicas
do Illustrator para criar obras de arte de gradiente vetorial e compartilhar com você um monte de minhas dicas e truques especiais, que eu uso ao criar meus projetos de gradiente! Esta aula foi projetada para todos os que amam gradientes, e eu vou orientá-lo por tudo o que você precisa saber para criar gradientes impressionantes adequados para projetos digitais e impressos. Nesta aula aprofundada, você aprenderá tudo, desde escolher as cores certas para criar belas transições suaves e evitar gradientes escuros e faixas de cores até desbloquear todo o potencial das principais ferramentas relacionadas ao gradiente, bem como minhas técnicas experimentais favoritas para criar gradientes e para levar projetos de gradiente um passo adiante para obter uma coloração perfeita, transições suaves e
sedosas e um belo visual texturizado. E no final da aula eu também vou compartilhar com você como criar e usar ativos de gradiente para acelerar seu fluxo de trabalho e como exportar seus projetos de gradiente para uso impresso e digital. Para ter certeza que você tirar o máximo proveito desta classe eu criei uma série de recursos para download para você brincar com, e eu também forneci um índice detalhado para tornar mais fácil para você navegar através deste Classe! Mal posso esperar para compartilhar com vocês o que aprendi ao longo dos anos experimentando gradientes no Adobe Illustrator
para ajudá-lo a criar designs, ilustrações e obras de arte empolgantes, vibrantes e dinâmicos baseados em gradiente. Então junte-se a mim nesta aula, e vamos fazer algo incrível!
2. Seu projeto do curso e sorteio de 2021: Ei pessoal, bem-vindos à nova edição 2021 desta turma! Desde a primeira publicação desta aula no início de 2017 eu criei uma tonelada de novos projetos baseados em gradiente e aprendi tantas coisas novas ao longo do caminho, então nesta edição da classe eu estou animado para compartilhar com vocês mesmo mais dicas, truques e técnicas que eu uso no meu trabalho, para capacitá-lo a criar gradientes emocionantes e experimentais com facilidade e confiança! E para comemorar esta enorme atualização de classe vamos receber um sorteio no qual você pode ganhar 1 em cada 5 Kits de Design de Gradiente contendo Amostras de Gradiente, Estilos
Gráficos e Pincéis de Gradiente, e um vencedor sortudo também recebe 1 ano de assinatura Premium do Skillshare! Para participar assista à turma atualizada, deixe um comentário para esta aula ou atualize sua avaliação anterior, publique um projeto nesta classe ou atualize seu projeto antigo com alguns novos experimentos, e siga-nos aqui no Skillshare. Se você participou do nosso concurso
original em 2017, quando publicamos a primeira edição desta turma, você é mais do que bem-vindo para participar deste sorteio também! O prazo de entrada é ao meio-dia EST na segunda-feira, 29 de março de 2021. Os vencedores serão sorteados aleatoriamente e anunciados no dia seguinte! Mal posso esperar para ver suas entradas, e boa sorte! Para o seu projeto de classe crie seus próprios projetos de gradiente experimentais usando qualquer uma das técnicas mostradas nesta classe. Os gradientes oferecem muito espaço para experimentação e você pode implementá-los de tantas maneiras diferentes. Eu gosto de coisas abstratas, mas você pode pegar gradientes em qualquer direção que quiser, e mal posso esperar para ver o que você escolhe criar! Compartilhe seus experimentos no projeto para esta aula juntamente com algumas palavras sobre seu trabalho e quais ferramentas e técnicas você usou. Alternativamente, se você quiser trabalhar metodicamente através de todas as técnicas abordadas nesta classe,
vá em frente e não hesite em usar as tarefas no final da maioria dos vídeos como um guia para o que se concentrar em experimentar com ao explorar cada uma das ferramentas e técnicas. E não hesite em compartilhar seu trabalho em andamento em seu projeto para esta aula , e eu ficarei feliz em fornecer feedback ao longo do caminho! Seja qual for a maneira que você decidir abordar seu projeto, ficarei super animado para ver seus experimentos, então não se esqueça de compartilhá-los como seu projeto na guia Projetos e recursos desta classe. Ao trabalhar na classe, lembre-se de que há alguns downloads para você usar e você pode encontrá-los na guia Projetos e Recursos aqui. E também não hesite em baixar e ter pronto o sumário para que seja mais fácil encontrar exatamente o que você está procurando ou anotar quais partes você gostaria de revisitar mais tarde. E agora, vamos continuar com a aula!
3. O que faz bons gradientes: Como designer, acredito que existem gradientes bons e bonitos, mas também há alguns maus e feios. Um bom gradiente é uma mistura natural, harmoniosa, limpa e suave de cores, e é isso que eu sempre me esforço para criar no meu trabalho e considero boa prática, pois ajuda a evitar problemas técnicos ao reproduzir gradientes impressos e isso os torna muito mais empolgantes de olhar na tela. Eu tenho criado projetos baseados em gradiente por um
bom tempo e ao longo dos anos eu tenho acumulado uma coleção de belos gradientes inspiradores na minha placa Gradients no Pinterest, então não hesite em verificá-lo. Para evitar criar gradientes ou gradientes obscuros com faixas de cores visíveis você precisa entender como os gradientes são criados no Illustrator e ter uma compreensão básica da teoria das cores. Claro, você pode obter bons resultados experimentando, mas tendo em mente os seguintes princípios e regras economizarão seu tempo em um longo prazo e permitirão que você crie gradientes emocionantes sempre. Cada cor em um ambiente digital tem um valor numérico e, para trabalhar com gradientes no Illustrator é importante entender o que os valores de cor RGB e CMYK significam e fazem. No RGB, cada cor primária tem um ajuste de intensidade de 0 a 255, desde a falta de cor, que é preto, até a sua intensidade total. E misturar todas as três cores em sua intensidade total cria branco. Em CMYK cada cor tem um ajuste de intensidade em porcentagem, e misturar todos os componentes 100% de intensidade cria o mais profundo registro preto, enquanto mistura apenas ciano, magenta e amarelo a 100% cria este tipo de cor turva, que vai parecer um preto sujo, mas não rico quando impresso. Na mistura RGB, todas as cores primárias em quantidades iguais criarão um tom de cinza, e misturá-las em quantidades próximas, mas não exatamente iguais,
criará todos os tipos de cinza quente e frio. E semelhante é verdade no CMYK, onde você vai acabar com cores acinzentadas sujas. Não há nada de errado com cinza como tal, mas ele pode ser criado no ponto médio de um gradiente por engano e fazer com que seu gradiente pareça maçante e sujo. O ponto médio é o ponto no gradiente onde as duas cores que criam um gradiente são misturadas em proporções iguais. No Illustrator, é calculado como uma média entre os valores numéricos de cada componente de cor em RGB ou CMYK usados em duas cores que se misturam em um gradiente. Essas duas cores são chamadas de paradas de cor. É importante lembrar que os valores de cor no gradiente
não são calculados com base nos valores
de matiz das duas cores ou na sua posição na roda de cores. Portanto, não espere ter um gradiente entre duas cores que estão distantes uma da
outra na roda de cores para seguir todas as transições que você vê na roda de cores. Mantendo este princípio de média em mente, você pode estimar seus pontos médios para evitar ter cores sujas, mas provavelmente é mais fácil recorrer ao princípio básico da teoria da cor neste momento, e seguir uma regra mais visual. Então, estamos lutando contra pontos médios cinzentos. E a teoria da cor nos diz que as cores que se anulam mutuamente e criam cores acromáticas ou sujas quando misturadas são cores complementares. As cores complementares são as cores que ficam opostas umas às outras na roda de cores, por exemplo, azul e laranja. E se você criar um gradiente direto entre essas duas cores, você terá uma transição suja. Assim, para evitar ter um ponto médio sujo ao criar um gradiente entre cores complementares, você precisa adicionar manualmente pelo menos uma nova parada de cor no meio do gradiente e defini-la para uma cor, que está situada entre estes dois cores complementares na roda de cores. Mesmo que você não esteja misturando cores opostas, ao criar gradientes entre cores frias e quentes
ou cores distantes umas das outras em uma roda de cores, com mais de 90º de diferença, considere a introdução de cores adicionais pára e defini-as
para cores que devem ocorrer naturalmente nesses pontos nos gradientes. Isso permitirá que você crie uma transição harmoniosa entre as cores. Uma vez que os gradientes em um ambiente digital são baseados em médias matemáticas, ele apresenta algumas limitações em comparação com a mistura de cores físicas. Se você tem duas cores que são muito semelhantes entre si, você pensaria que você deve ter uma transição muito suave e sutil. Mas isso nem sempre é o caso. Se você tem um gradiente que cobre uma superfície grande e as cores que você usa nela estão muito próximas umas das outras em termos de seus valores numéricos, você pode encontrar um problema chamado faixa de cores. faixa de cores ocorre quando o número de misturas de cores que formam um gradiente entre as duas cores não é suficiente para cobrir suavemente toda a área de gradiente, ou quando você cria gradientes entre cores muito escuras e branco. Cuidado com isso e certifique-se de que você não pode ver listras de cores largas em seus gradientes. Se você vir faixas de cores, considere ajustar as cores das paradas de cor ou adicionar mais paradas de cor para criar uma transição suave. Nos casos em que as cores são muito semelhantes, pode ser difícil ou mesmo impossível evitar completamente faixas de
cores, já que o Illustrator não pode adicionar mais cores a esses tipos de transições. Você pode esconder faixas de cores um pouco usando técnicas de
texturização, e nós voltaremos a isso mais tarde nesta aula. Mas, em qualquer caso é sempre melhor começar com as cores que são otimamente diferentes umas das outras em primeiro lugar. Isto é particularmente importante para qualquer trabalho impressão, uma vez que o CMYK suporta menos cores do que o RGB, por isso há menos variações e a faixa de cores é mais provável. Se você estiver criando trabalhos para visualização digital ou projeção, defina seu documento para o modo de cor RGB e use modelos de cores HSB ou RGB para definir cores. Se você estiver criando trabalhos exclusivamente para impressão usando o processo CMYK, defina seu documento como CMYK e use os controles deslizantes CMYK para definir cores no painel Cores. Se quiser apresentar o seu trabalho tanto digitalmente como em impressão, recomendo começar com RGB
e, se necessário, converta uma cópia do seu documento para CMYK e ajuste as cores, se necessário. Mantenha ambos os arquivos como mestres e exporte o trabalho do
arquivo RGB para uso digital e do CMYK apenas para impressão. Sendo o CMYK um modelo de impressão suporta e reproduz uma gama de cores menor do que o RGB, por
isso cuidado com as faixas de cores. Além de todas essas nuances de mistura de cores, em última análise, o que faz bons gradientes, são as cores que você escolhe para misturar. Não há regras rígidas e o ponto principal aqui é que as cores devem se sentir bem para o humor que você deseja criar, e então você precisa seguir
as regras técnicas acima mencionadas para criar transições agradáveis. Então, tenha todas essas regras em mente e analisaremos algumas abordagens para escolher cores, que fazem bons gradientes em um momento. Mas primeiro, deixe-me compartilhar rapidamente com você as configurações recomendadas do documento para criar designs de gradiente.
4. Configurações de documento recomendadas: Para começar, vamos criar e configurar rapidamente um novo documento que usaremos em toda a classe. Configure o tamanho da prancheta para o que você deseja, embora eu recomendo a criação de arte que é pelo
menos 1200 pixels em seu lado mais curto para poder compartilhá-lo em uma boa qualidade depois. Eu costumo criar meus projetos de gradiente em 2000 por 2000 px pranchetas. Nas Opções avançadas ou através do botão Mais configurações nas versões mais antigas do Illustrator, defina o Modo de cor de acordo com suas intenções. Seria incrível ver você carregar seus experimentos em seu projeto para esta aula, então eu sugiro trabalhar em RGB para desfrutar cores
vibrantes e compartilhar seu trabalho com o mundo depois. Defina Efeitos de Raster para 300 dpi aqui, nós estaremos texturizando nossas obras de arte de gradiente mais tarde nesta classe e ter efeitos de alta resolução será crucial. Então, vamos criar um novo documento. Haverá muitas etapas nesta aula, então eu recomendo que você tenha o hábito de salvar seu trabalho a cada poucos minutos, e comece agora salvando seu novo documento em um local desejado com um nome descritivo. Certifique-se de selecionar o formato AI e clique em Salvar. Agora vamos continuar com as cores!
5. Abordagens para criação de cores para seus gradientes : A beleza de trabalhar com cores digitalmente é que você não precisa ser um especialista em teoria de cores, e existem ferramentas para ajudá-lo a criar combinações de cores
incríveis com base em regras de harmonia de cores. E a primeira ferramenta que usaremos é o Guia de Cores, então abra-o e, se não estiver no seu espaço de trabalho, ative-o através do menu Janela. Então, para começar, no painel Ferramentas configure uma cor que você deseja usar em seus gradientes. Pode ser tão intenso ou sutil quanto você quiser. Eu gosto de usar cores brilhantes para começar , então eu vou definir brilho e saturação para 100%. No Guia de Cores agora você pode ver outras tonalidades e tons da mesma cor. Se você não vir Tons e Sombras aqui, neste menu no canto superior direito do painel,
certifique-se de que você tem Tons e Sombras selecionados. Também no mesmo menu pode configurar o número de variações de cor que o Guia de Cores irá criar. Aceda às Opções do Guia de Cores e configure o número de variantes de Tons e Sombras que pretende utilizar. 4 ou 5 deve ser suficiente. Aqui você também pode configurar a porcentagem de variação, eu vou mantê-lo em 100%, pois ele produz a melhor variedade para o que estamos fazendo. Agora estamos todos prontos aqui, então vamos dar uma olhada em diferentes regras de harmonia, que podem nos ajudar a criar belos grupos de cores para os gradientes. Então, você já sabe que as cores complementares podem ser bastante problemáticas para criar bons gradientes e exigir paradas de cor adicionais para fazê-las funcionar. Então, se você realmente quer ter um gradiente entre duas cores complementares, comece selecionando a regra de harmonia de par complementar superior. Em seguida, no Comando+clique
no Guia de Cores ou Ctrl+clique no Windows, em duas cores ativas no meio para selecioná-las e clique no botão do painel
Salvar croup de cor em amostras na parte inferior do painel Guia de cores. Isto irá adicionar estas duas cores como um novo grupo às amostras do seu documento. Se o painel Amostras não estiver
aberto, abra-o no menu Janela. Agora volte para o Guia de Cores
e, nas Regras de Harmonia vá para a parte inferior da lista e selecione Pentagrama. Em seguida, clique neste botão Editar cores e vá para a aba Editar aqui. Vamos dar uma olhada mais de perto nesta janela com todas essas configurações super úteis mais tarde nesta classe, mas por enquanto vamos usar a roda de cores aqui para ver como as regras Harmony criam cores. A regra do Pentagrama cria um conjunto de cores que são igualmente distribuídas em torno da roda de cores. Por isso, estas 4 novas cores permitirão criar uma transição mais suave entre a cor original e a cor oposta, que estaria algures por aqui. Para algumas cores, a regra Tetrad Harmony, que você pode acessar aqui nesta Janela, também
pode ser usada para criar gradientes agradáveis, mas ter 2 paradas de cor entre as cores complementares permite criar mais transições. Então vamos ficar com a regra do Pentagrama. Vamos ajustar essas cores para ter lacunas
mais uniformes se imaginarmos que a cor oposta está aqui. Então desvincule as cores Harmony, e mova essas cores, de modo que as lacunas entre elas sejam de cerca de 60 graus, assim. E há cerca de 120 graus entre estas duas cores, como a cor complementar estaria entre elas. Quando estiver pronto com estas cores, clique no botão Novo Grupo de Cores aqui para adicionar estas cores às suas Amostras. Agora vamos pressionar Ok para fechar essa janela e ir para o painel Amostras. Aqui arraste a sua cor complementar deste grupo para o seu novo grupo com 5 cores. Eu costumo colocar esta amostra complementar exatamente onde ela pertence entre as outras, apenas para tornar mais fácil ver a ordem das cores em termos de suas tonalidades. Agora vamos excluir rapidamente este grupo redundante com apenas uma cor para manter nossas amostras arrumadas. Então aqui está o nosso primeiro grupo de cores pronto. Agora vamos selecionar a amostra de cor da nossa cor inicial no painel
Amostras e dar uma olhada nas cores análogas. Há um par de regras análogas para escolher, você
possa escolher uma que pareça melhor para você. análogas são as cores que se sentam
um ao lado do outro na roda de cores e compartilham os mesmos componentes. Nas variações de cor Tons & Shades, você pode escolher quantas cores quiser. Eu costumo escolher todas as cores ativas, e depois adicionar algumas tonalidades e tons para a mistura. Se você quiser selecionar algumas linhas ou colunas de cores, você pode Shift+clicar em duas cores nos cantos opostos da seleção desejada, o que é mais rápido do que Command+clicar. E, neste caso, Command+clicar pode ser usado para desmarcar algumas cores que você não deseja usar. Quando estiver satisfeito com a sua seleção de cores, adicione-as como um novo grupo de cores. A grande coisa sobre cores análogas é que, ao oferecer alguma variação de matiz, seus tons e tons se misturam facilmente e você pode usá-los para criar algumas obras de arte de gradiente realmente complexas. Para criar o tipo mais sutil de gradientes você pode usar uma dessas duas regras Monocromáticas aqui ou a regra Sombras. Tal como acontece com as cores análogas, estas cores também se
misturam lindamente à medida que se baseiam em tons semelhantes. E os tons mais claros e os tons mais escuros são muito úteis para criar realces e sombras, respectivamente, e criam transições mais orgânicas e suaves do que quando você usa branco puro ou preto puro como a cor pára. Então escolha tantas ou tão pequenas variações aqui. E, em seguida, crie um novo grupo a partir deles. Portanto, estes são os grupos de cores baseados nas regras de harmonia de cores, que geralmente são um ótimo ponto de partida para criar designs
baseados em gradiente, bem como para criar outros grupos de cores. Mas para ter mais opções para explorar e para ser capaz de criar gradientes vibrantes mais suaves, vamos criar outro conjunto diferente de cores. Comece selecionando seu grupo de 6 cores, aquele que apresenta cores opostas, e clique
no botão Editar grupo de cores no painel Amostras para abrir a janela Editar cores. Aqui, desvincule todas as cores e, em seguida,
arraste-as para que se distanciem cerca de 15 a 30 graus na roda de cores, por exemplo, assim. Em seguida, conecte-os novamente e, se necessário mova todo o lote ao redor da roda para obter o conjunto desejado de tons. Depois disso, se você quiser ajustar as cores separadamente, desvincule-as novamente e defina esses controles deslizantes para HSB através deste menu aqui. Em seguida, selecione a cor que deseja ajustar e ajuste-a usando esses controles deslizantes. Prefiro trabalhar em HSB em vez de outros modos de cor, porque torna muito fácil ajustar a saturação e o brilho de cada cor sem afetar a tonalidade. E, claro, permite fazer pequenos ajustes para matiz separadamente também. Então, se necessário, passe por todas as cores que você está criando e ajuste suas propriedades. Quando estiver pronto, clique no botão Novo Grupo de Cores aqui. Depois que isso for feito, você pode criar muito rapidamente mais grupos com diferentes conjuntos de tons. Para fazer isso, conecte as cores novamente e arraste-as ao redor da roda até que você tenha um novo conjunto que você gosta. E, em seguida, defina um novo grupo de cores. E repita o processo para criar mais alguns grupos da mesma maneira. Quando terminar, clique em OK e certifique-se de que não guarda as alterações no seu grupo de cores original. E agora você tem mais alguns grupos com gradação mais sutil de cores, que podem ser usados para criar gradientes vibrantes emocionantes! Agora, se quiser, pode selecionar um dos seus novos grupos de cores e ir para o Painel de Guia de Cores. Aqui você pode escolher alguns tons ou tons de suas novas cores para ter uma gama mais extensa de cores para brincar. E, em seguida, adicione-as às suas amostras juntamente com o conjunto original de cores que usou para ter as suas amostras organizadas de forma ordenada. Agora você pode excluir este grupo de cores originais como você tem aqui, ou mantê-lo como um grupo separado para ter uma seleção de cores mais condensada como uma opção. Em seguida, vamos preparar rapidamente todas as nossas amostras para uso convertendo-as em cores globais.
6. Criando amostras de cores globais: Depois de criar seus grupos de cores, mas antes de começar a aplicar suas cores ao seu trabalho artístico, é uma boa ideia converter cada cor em uma cor Global, então comece clicando duas vezes na miniatura do seu primeiro no painel Amostras para abrir esta janela. As cores globais são muito úteis quando se trata de recolher o seu trabalho ou fazer pequenos ajustes nas cores, porque quando você ajusta qualquer amostra de cor global através desta janela, a mudança será automaticamente aplicada a todos os objetos que usar esta cor. Então marque Cor global aqui e aplique alterações. amostras de cores globais têm um triângulo branco no canto das miniaturas, para que possa ver facilmente quais são as cores globais e quais não são. Agora, vá através de todas as cores que você criou e converta-as para Global, uma por uma, ou selecione várias amostras dentro de um grupo, clique no botão Opções de Amostras e marque Global aqui. Se os seus grupos apresentarem cópias das mesmas cores ou algumas cores que já foram convertidas para Global, receberá uma mensagem de erro como esta.
Por isso, desmarque as cores repetidas antes de tentar converter um número de cores para Global. E, em seguida, basta arrastar uma cor Global que você quer estar em seu grupo de outro grupo e colocá-la sobre a amostra original que não é Global, como esta. Você pode encontrar todos esses grupos de cores que eu
criei como um arquivo de amostra nos recursos da classe, então sinta-se livre para baixá-lo, mas eu também recomendo fortemente criar seus próprios grupos de cores para refletir sua cor pessoal e ter mais cores para brincar. E quando você terminar com as cores, agora podemos começar a criar alguns gradientes!
7. Configurando gradientes usando o painel Degradê: Illustrator oferece uma série de ferramentas diferentes que podem ser usadas para criar gradientes e trabalhar com eles de forma direta ou experimental,
e cada uma delas pode ser usada para criar desenhos e obras de arte de diferentes tipos e níveis de complexidade. E é importante compreender as capacidades, vantagens e limitações de cada uma dessas ferramentas e utilizar a ferramenta mais adequada para cada tarefa específica. Vamos começar com o básico. Para o primeiro exemplo, vou criar rapidamente um quadrado usando a ferramenta Retângulo, mas você pode usar qualquer tipo de forma ou caminho fechado que desejar. Em seguida, alterarei para a ferramenta Seleção e definirei a cor do traçado como nenhuma, e definirei o tipo de preenchimento como gradiente clicando aqui no painel Ferramentas. Você também pode usar esses atalhos para atribuir diferentes tipos de atributos de preenchimento e traçado aos objetos selecionados, que são super úteis e economizam muito tempo. Quando você aplica um gradiente o painel Gradiente deve abrir automaticamente
e, caso contrário, ele pode ser aberto através do menu Janela. Se você não conseguir ver todas essas configurações aqui, vá para este menu no canto superior direito do painel Gradiente e selecione Mostrar opções. O gradiente que você atribuiu ao seu trabalho através do painel Ferramentas é o último gradiente que você usou ou
selecionou, ou se for o primeiro gradiente que você está criando no documento, ele será definido para o preto padrão e ou a primeira amostra de gradiente das amostras de gradiente que estão listadas aqui. Como vamos criar gradientes a partir de nossos novos grupos de cores, as amostras de gradiente padrão são irrelevantes. Certifique-se de que neste ponto o gradiente é aplicado ao preenchimento e não ao traçado, que é uma história diferente e eu vou passar por isso separadamente mais tarde nesta classe. No Illustrator há dois tipos básicos de gradientes: linear e radial, e há gradientes de forma livre um pouco mais complexos que foram introduzidos na versão 2019 do Illustrator. De certa forma, os gradientes de forma livre são uma ferramenta totalmente diferente que acontece de estar no mesmo painel que estes dois, então eu vou estar cobrindo gradientes de forma livre separadamente mais tarde, e agora vamos nos concentrar no básico. Quando você tem um gradiente linear selecionado, você pode configurar seu ângulo aqui. E se você selecionar um gradiente radial, você também poderá definir a proporção da elipse. Se você defini-lo para 100% você irá criar um círculo, e neste ponto o ângulo não vai fazer qualquer diferença. Mas se o seu gradiente é qualquer outra coisa em vez de um círculo, então modificar o ângulo mudará sua orientação. Então temos um controle deslizante de gradiente que mostra a transição de cores. Neste controle deslizante, há pelo menos duas alternâncias abaixo que representam nossas paradas de cor, e para cada par de paradas de cor, haverá uma alternância acima para o ponto médio para esta transição específica. Como já mencionei nos vídeos anteriores, as paradas de
cor são as cores base entre as quais ocorre a transição de gradiente, e o ponto médio é o ponto onde as duas cores finais são misturadas em proporção igual. Por padrão, cada ponto médio é colocado em 50%, no meio da transição entre as duas paradas de cor, e você pode movê-lo se necessário arrastando-o lado ou inserindo um valor preciso aqui. Desta forma, poderá controlar a transição entre
as duas cores e tornar uma das cores mais dominante, se necessário. As paradas de cor também têm um atributo de localização, e você pode movê-las da mesma maneira. Aqui você também pode definir a opacidade das paradas de cor, e esta é uma característica muito útil. Para um gradiente radial a parada de cor esquerda representa a cor no meio de um círculo ou elipse, e para um gradiente linear esquerda é esquerda e direita é direita, menos que você tenha mudado o ângulo aqui. Clicar no botão Inverter irá reflectir o gradiente e trocar as paragens de cor. Você pode adicionar novas paradas de cor clicando logo abaixo do controle deslizante Gradiente. Isso adicionará automaticamente novas paradas com as configurações corretas para esse local específico no gradiente para manter a transição suave. E você verá novos pontos médios aparecerem acima do controle deslizante entre cada par de paradas de cor. Você também pode duplicar uma parada de cor arrastando-a para o lado enquanto mantém pressionada a tecla Alt. Isso fará com que uma nova cor pare com as mesmas configurações de cor e opacidade que a original. Para excluir uma parada de cor, basta arrastá-la para longe do controle deslizante de gradiente. Para alterar a cor da parada de cor, clique duas vezes nela. Isso abrirá o Seletor de Cores que lhe permitirá selecionar a cor desejada. Como temos nossas cores salvas como Amostras, clique no ícone Amostras aqui e selecione a cor que deseja usar. Vou escolher esta cor deste grupo aqui. Agora vamos selecionar a parada de cor correta e configurá-la para uma cor complementar para a primeira. Então você pode ver, que o ponto médio aqui é meio chato. É por isso que temos mais cores para colocar entre as cores finais para este gradiente. Então, vamos criar duas novas paradas de cor entre elas, e configurá-las para as cores que devem estar entre essas duas cores complementares na roda de cores. Ao atribuir as cores, certifique-se de que as paragens de cor estejam na ordem certa
e, em seguida, ajuste as localizações e os pontos médios para criar a aparência desejada do seu gradiente. Uma das adições recentes ao painel Gradiente é o Seletor de cores aqui que permite que você escolha cores para suas paradas de cor de qualquer trabalho artístico vetorial existente, ou você pode importar uma imagem rasterizada e pegar rapidamente cores a partir dela. Dessa forma, você não precisa criar amostras de cores para começar,
portanto, é um fluxo de trabalho ligeiramente diferente,
mas se você estiver trabalhando com portanto, é um fluxo de trabalho ligeiramente diferente, uma imagem de referência ou precisar adicionar um gradiente a um trabalho artístico existente, isso pode tornar o processo mais rápido. Se você quiser criar um gradiente linear simétrico e refletido, você precisará repetir as mesmas paradas de cor começando do centro para a borda, como este. Então, estas são as configurações básicas de gradiente. Jogue com eles e confira como as cores diferentes funcionam juntas e adicione quantas paradas de cor forem necessárias para criar bons gradientes. Você pode criar os gradientes lineares e
radiais mais básicos usando o painel Gradiente. Mas para poder ajustar a maneira como esses tipos de gradientes estão preenchendo os objetos aos quais são aplicados, você precisará usar a ferramenta Gradiente. Então, em seguida, vamos dar uma olhada em quais opções extras ele oferece.
8. Ajustando gradientes usando a ferramenta Degradê: Para ter mais controle sobre como o gradiente é aplicado a um objeto você precisa usar a ferramenta Gradiente localizada no painel Ferramentas. Quando o objeto é selecionado e a ferramenta Gradiente estiver ativa, você deverá ver um Anotador de gradiente. Se você tiver tudo selecionado e a ferramenta Gradiente estiver ativa, mas você ainda não conseguir ver o Anotador de gradiente, vá para o menu Exibir e clique em Mostrar Anotador de Gradiente. Agora você pode ajustar o gradiente usando este controle deslizante. Funciona absolutamente da mesma forma que o controle deslizante de gradiente no painel Gradiente, para que você possa alterar as cores aqui clicando duas vezes sobre elas e escolhendo cores nesta janela. Aqui você também pode definir a opacidade da parada de cor selecionada. E é claro que você pode mover paradas de cor e pontos médios ao redor. Embora você possa fazer essas coisas através do painel Gradiente, usar o Anotador de gradiente é super útil quando você está trabalhando com um gradiente que apresenta várias paradas de cor e facilita o ajuste da localização do paragens de cor e pontos médios em relação ao objeto real ao qual o gradiente é aplicado. Mas o que torna a ferramenta Gradiente diferente, é que ela permite mover, girar e dimensionar o gradiente em relação ao objeto ao qual é aplicado. Por exemplo, se você arrastar o controle deslizante por esse círculo no início do gradiente linear, moverá o gradiente em relação ao objeto que ele está preenchendo. Por outro lado, se você arrastar o ponto final do outro lado do controle deslizante de gradiente, que é quadrado, você redimensionará o gradiente. Se você mover o mouse para fora do ponto final quadrado, verá o cursor de rotação. Agora você pode manter pressionado o botão do mouse e girar o gradiente. Para alterar o tipo de gradiente, você ainda precisará ir para o painel Gradiente e configurá-lo lá. Quando você estiver usando um gradiente radial, Anotador de
gradiente também permitirá que você altere a proporção do gradiente arrastando este ponto na elipse externa marcando os limites do gradiente. Para redimensionar um gradiente radial use o ponto quadrado no controle deslizante ou o ponto na elipse externa oposta a ele. Arrastar o controle deslizante permitirá mover o gradiente. E você pode girá-lo colocando o cursor em qualquer lugar ao redor da linha tracejada ao redor do seu gradiente. Aqui você também tem este círculo no início do controle deslizante de gradiente, movendo-se o que lhe
permitirá deslocar o ponto de origem do gradiente em relação à sua forma geral. Como o gradiente é criado entre o ponto de origem e a elipse externa marcando a dispersão do gradiente, o
deslocamento do ponto de origem fará um gradiente mais longo de um lado e um mais curto no outro. Quando você trabalha com o gradiente usando a ferramenta Gradiente, o objeto contém o gradiente dentro dele,
portanto, mesmo que você aumente o tamanho do gradiente
ou, em outras palavras, sua dispersão, você afetará somente o que está dentro do objeto , e o resto do gradiente fora dos limites do objeto não estará visível. capacidade de controlar o ângulo
e a posição do gradiente dentro das formas é super útil ao colorir ou sombrear ilustrações e desenhos, e às vezes você não precisa de mais do que isso para adicionar uma sensação 3D emocionante ao seu trabalho. Por exemplo, esse experimento geométrico tem exatamente o mesmo gradiente linear aplicado a cada forma em um ângulo diferente usando a ferramenta Gradiente, como você pode ver em todos os controles deslizantes de gradiente aqui. Embora a criação de gradientes de preenchimento lineares e radiais usando o painel Gradiente e a ferramenta Gradiente seja bastante simples, há muito espaço para experimentação! Se você gosta de coisas simples, tente criar planos de fundo de gradiente ou crie composições de formas separadas preenchidas por gradiente. Você também pode jogar algumas paradas de cor transparentes na mistura
e explorar como você pode misturar suas formas preenchidas com gradiente com o plano de fundo. Ao experimentar paragens de cores transparentes, confira cores diferentes para essas paradas pois isso permitirá que você crie efeitos diferentes. Os gradientes de preenchimento lineares e radiais também podem ser usados como máscaras de
opacidade ou como base para criar designs dinâmicos de aparência 3D usando a ferramenta Mistura, mas mais sobre isso mais tarde. E, em seguida, vamos dar uma olhada em como você pode criar e usar os gradientes de forma livre.
9. Criando degradês de forma livre: Os gradientes de forma livre foram introduzidos na versão 2019 do Illustrator, e eles são muito divertidos de usar quando você aprende todos os diferentes recursos e se acostuma com suas peculiaridades. Você pode aplicar gradientes de forma livre como um atributo de preenchimento a objetos
individuais, excluindo o tipo editável, e não pode aplicá-los ao traçado. Para o próximo exemplo vou mudar para a ferramenta Elipse e desenhar um círculo. Agora vamos aplicar um preenchimento de gradiente a ele e definir seu tipo como Forma livre no painel Gradiente. Ao aplicar pela primeira vez um gradiente de forma livre a um objeto, você verá algum gradiente de forma livre aleatória ou nem mesmo um gradiente, mas apenas uma parada de cor. Ao contrário dos gradientes lineares e radiais que são básicos você pode controlar através do painel Gradiente sem tocar nos objetos que estão sendo preenchidos, os gradientes de
forma livre dependem do trabalho com os objetos reais aos quais são aplicados e da adição a cor pára manualmente para os locais desejados. E você pode especificar se deseja criar pontos ou linhas individuais aqui. Como já temos alguns pontos, vamos começar com o modo de pontos, e vamos adicionar mais algumas paradas de cor. Pode alterar a cor de cada paragem de cor depois de as ter criado clicando duas vezes sobre elas e escolhendo uma nova cor nas suas amostras. Ou você pode selecionar uma parada de cor e escolher uma cor no painel Amostras real, o que é mais conveniente, pois ela não atrapalha a forma. Alternativamente, você pode selecionar uma parada de cor e, em
seguida, ativar a ferramenta Seletor de cores no painel Gradiente e amostrar a cor de qualquer objeto no documento. Se pretender adicionar rapidamente uma nova paragem de cor na mesma cor que já está
a ser utilizada no gradiente de forma livre, seleccione a paragem de cor na cor pretendida
e, em seguida, clique noutro local para adicionar um novo ponto nesta cor. Para ajustar o gradiente, você pode mover as paradas de cor. Quando você seleciona uma parada de cor você verá um círculo de linha tracejada em torno dela, o que indica a propagação de cada cor, e você pode ajustá-la arrastando este círculo preto para aqui. Você também pode controlar a dispersão de uma parada selecionada no painel Gradiente ou no Painel de controle aqui. Então estes são Pontos, e se você selecionar Linhas aqui, você será capaz de criar um gradiente entre as paradas de cor que segue uma linha. Para criar um gradiente em uma curva, você pode continuar criando mais paradas de cor e a curva entre elas será criada automaticamente, ou você pode adicionar outra parada de cor à linha como esta, e então arrastá-la para criar a aparência desejada. E então você pode adicionar ainda mais pontos, se você quiser. Você também pode converter curvas em cantos clicando com a tecla Alt nas paradas de cor, como este. E convertê-los de volta em curvas da mesma maneira. Se você começou com pontos, você pode conectá-los com linhas, como esta. E se você quiser criar uma nova linha separada, basta pressionar Escape ou Command+clique ou Control+clique no Windows, em algum lugar para desmarcar a linha anterior e iniciar uma nova em outro lugar. Se você estiver usando linhas, poderá criar uma forma fechada indo para o ponto de partida, da mesma forma que criaria um caminho fechado com a ferramenta Caneta. Não tenho certeza se há uma maneira de desconectar pontos com a funcionalidade atual da ferramenta de gradientes de forma livre, então tenha isso em mente antes de se comprometer a conectar pontos e fechar loops. Se quiser mover pontos em um gradiente de linha, pressione Escape para desmarcar a última linha e lembre-se de pressionar Escape sempre que mover qualquer um dos pontos finais. Isso pode ser um pouco confuso, então eu costumo mudar para o modo Pontos quando eu quero mover os pontos, e só usar o modo Linhas quando eu precisar criar mais linhas ou conectar pontos juntos. Se você precisar excluir uma parada do gradiente de Forma livre, selecione-a e pressione Excluir ou simplesmente arraste-a para fora dos limites do objeto, assim. Provavelmente a melhor parte sobre os gradientes de forma livre é que eles facilitam a criação de transições multicoloridas não lineares sem recorrer ao uso de malhas de gradiente, mas isso dito, as malhas de gradiente ainda têm seus usos e suas próprias vantagens únicas que veremos mais tarde nesta aula. Mas o que é particularmente bom sobre os gradientes de forma livre é que você pode facilmente mover as paradas de cor e ver como ela muda seu gradiente, e você pode acabar com alguns efeitos
legais imprevisíveis quase esmagando paradas de cor juntos, por exemplo, assim. Por outro lado, se você quiser criar gradientes de forma livre suaves,
mover pontos e linhas um pouco mais distantes pode ajudar a criar transições mais suaves. Outra grande coisa sobre os gradientes de forma livre é que você pode controlar a opacidade de cada parada de cor individualmente, para que você possa criar preenchimentos não uniformes com algumas áreas mais e algumas menos opacas que podem ser úteis para colocá-las em camadas sobre outros elementos, por exemplo, como este. Ser capaz de usar uma combinação de pontos e linhas em gradientes de forma livre é super útil, já que as linhas servem como uma barreira e impedem que os pontos se espalhem ainda mais, e isso permite criar alguns efeitos divertidos e adicionar mais volume ao seu trabalho. Portanto, há muitas coisas para brincar movendo as paragens de cor,
mudando a propagação de paradas de cor ou comprimento e curvatura de linhas,
e, claro, as cores! gradientes de forma livre são super úteis para criar fundos coloridos e elementos de coloração em seu trabalho com várias cores e não de forma linear, e eu adoro usá-los em combinação com outros elementos. Um dos meus truques favoritos é usá-los para adicionar um efeito de coloração divertido a elementos de aparência 3D como este, e eu vou compartilhar técnicas para criar este tipo de elementos e para colorí-los desta forma mais tarde nesta classe. Assim, de certa forma, os gradientes de forma livre permitem
combinar vários gradientes de desvanecimento dentro de um objeto, e embora haja algumas coisas que você pode ajustar, as paradas de cor ainda se misturam de forma semelhante à malha e não podem se sobrepor de forma alguma e você não pode controlar os modos de mesclagem de diferentes paradas de cores. Então, se você está atrás de um pouco mais de diversão, experimentação e flexibilidade, ou se você simplesmente tem uma versão mais antiga do Illustrator que não suporta gradientes de forma livre, você pode usar os vários preenchimentos de gradiente em vez disso. E é isso que vamos olhar a seguir.
10. Criando vários degradês em um objeto: Antes da introdução de gradientes de forma livre, o uso de vários preenchimentos de gradiente dentro de um objeto era principalmente uma técnica para criar coloração de gradiente
complexa e manter todos os atributos de Aparência dentro de um objeto, que tornou-os reutilizáveis através de Estilos Gráficos. E enquanto agora você pode criar alguns efeitos semelhantes usando gradientes de forma livre, usar vários preenchimentos de gradiente tem algumas vantagens únicas, pois permite que você experimente como gradientes se misturam usando cores diferentes, Valores de opacidade, modos de mesclagem e diferentes tipos de gradientes. Então, usando esta técnica, você pode criar algo muito diferente do que pode ser alcançado usando os gradientes de forma livre. Para poder trabalhar com vários preenchimentos de gradiente você precisa ter o painel Aparência na sua frente. Se você não o tiver em sua área de trabalho, vá para o menu Janela e selecione Aparência. vez, vou usar um círculo aqui, e vamos começar atribuindo uma cor de preenchimento sólida a ele, então temos algum tipo de cor de fundo. Então precisamos adicionar um novo preenchimento clicando neste botão. Agora selecione esse novo preenchimento no painel Aparência e defina-o como gradiente. painel Aparência lista todos os atributos que são aplicados ao objeto e podem incluir configurações de preenchimento, traçado, efeitos e opacidade. Observe que, através deste painel você pode controlar a Opacidade e o Modo de mesclagem do objeto em geral, bem
como seus atributos separados de preenchimento e traçado. Agora vamos configurar nosso novo gradiente usando a ferramenta Gradiente e o painel Gradiente. Para poder mesclar preenchimentos de gradiente uns com os outros ou com a cor de fundo do objeto você pode usar as configurações de opacidade para
as paradas de cor do gradiente, ou os Modos de Mesclagem dos preenchimentos separados, ou uma combinação de ambos. Como esta técnica é sobre misturar várias coisas juntas, eu costumo começar com a criação de um gradiente de desaparecimento e desaparecimento. Para isso eu defino ambas as paragens de cor para a mesma cor. E, em seguida, defina a opacidade de um deles como 0. Isto cria uma transição suave desta cor para a transparência. Você também pode usar diferentes paradas de cor, mas neste caso você terá uma transição gradiente da cor , bem
como da opacidade. Se você tem um gradiente mais complexo que tem um número de cores diferentes, você precisará trabalhar cuidadosamente a opacidade que deseja ter ao longo dele. Mas o meu conselho ainda é desvanecer suavemente as cores em transparência na borda. Ao configurar seu gradiente de desvanecimento, selecione a ferramenta Gradiente e ajuste seu tamanho e posição. Então vamos criar outro gradiente de desvanecimento. Vou ajustá-lo para alguma outra cor aqui. E então para ser capaz de criar um efeito que
eu estou atrás eu preciso mover este gradiente para uma posição diferente, e girá-lo, assim. Se você quiser redefinir o alinhamento do gradiente para a posição central padrão, a maneira mais fácil de fazer isso é alterando o tipo de gradiente no painel Gradiente para outro e, em seguida, alterando-o de volta para o que deveria ser. Isso já parece bastante emocionante, mesmo que seja bastante sutil. Se você continuar adicionando mais gradientes, alterando suas cores e movendo-os, você pode criar muitos efeitos incríveis. Certifique-se de selecionar o preenchimento de gradiente que deseja modificar usando o painel Aparência. E também use este painel e arraste os preenchimentos se você precisar alterar a ordem em que eles são aplicados ao objeto. O preenchimento inferior é aplicado primeiro, e o que está na parte superior é aplicado por último. Ao configurar vários preenchimentos de gradiente em um objeto, você também pode experimentar a alteração dos modos de mesclagem no painel Aparência. Certifique-se de abrir o preenchimento de gradiente que deseja ajustar, clique na Opacidade logo abaixo dele e confira diferentes Modos de Mesclagem na lista. Os modos de mesclagem são bastante complexos e os efeitos que criam dependem fortemente das cores do gradiente ao qual o Modo de mesclagem é aplicado e do fundo abaixo dele. Então, para obter um resultado que
você quer que você precisa olhar embora modos diferentes em cada caso particular. Não há atalhos aqui, e a beleza está no inesperado! Se você quiser integrar seu objeto preenchido com gradiente como este com todas essas cores desbotadas com o fundo, você também pode dispensar o preenchimento
de fundo e ter um objeto parcialmente translúcido como este. Há toneladas de oportunidades para experimentação, então brinque com a adição de vários preenchimentos de gradiente a diferentes objetos e veja o que você inventa!
11. Aplicando gradientes à fontes editáveis: Aplicar gradientes a objetos de tipo editáveis é super útil, embora não seja tão simples como se poderia esperar. Vamos começar selecionando a ferramenta 'Tipo', digite algo e digite-o rapidamente usando o painel 'Caractere'. Isto vai servir. Se selecionarmos este texto usando a ferramenta Seleção e definirmos o tipo de preenchimento como Gradiente, nada acontecerá. Aparentemente, o gradiente foi aplicado, mas você não pode ver nenhuma alteração. E se selecionarmos texto usando a ferramenta 'Tipo' e aplicarmos o preenchimento de gradiente, nada acontecerá também. Mas há uma maneira. Selecione o objeto de texto com a ferramenta Seleção e vá para o painel Aparência. E adivinha? Não há atributo de preenchimento aplicado ao tipo, mas quando você seleciona o texto com a ferramenta 'Tipo', há um atributo 'Preenchimento' aqui, mas ele não pode interpretar gradientes. Então, para aplicar gradiente ao seu tipo, primeiro você precisa selecioná-lo com a ferramenta Seleção e definir seu preenchimento como Nenhum. Isso garantirá que você não terá uma cor de fundo proveniente das configurações de texto, e isso é muito importante, então certifique-se de que você definiu o preenchimento como nenhum aqui para todo o objeto. Agora, enquanto você tem o objeto de texto selecionado com a ferramenta Seleção, vá para o painel Aparência e clique no botão Adicionar novo preenchimento aqui. Isso adicionará atributos Preencher e Traçado ao objeto de tipo que agora você pode configurar. Selecione esse preenchimento e defina seu tipo como Gradiente no painel Ferramentas. Agora você pode aplicar um gradiente linear ou radial ao seu tipo e configurá-lo da maneira usual usando o painel Gradiente e a ferramenta Gradiente como se fosse qualquer outro objeto. Como não descrevemos esse tipo, agora
você pode editar o texto ou o estilo de texto tanto quanto quiser. Lembre-se de não editar a cor do seu texto enquanto o tem selecionado ou realçado usando a ferramenta 'Tipo', pois isso irá adicionar uma cor extra abaixo do gradiente. Em vez disso, edite apenas
o preenchimento de texto através do painel Aparência enquanto o tem selecionado com a ferramenta Seleção. E se você quiser adicionar outro preenchimento de gradiente ao seu tipo ou um preenchimento de cor para usar como plano de fundo, você pode fazê-lo aqui e explorar usando vários preenchimentos, como fizemos na parte anterior. Observe que o texto em um objeto de tipo terá um gradiente contínuo aplicado a ele, pois o Illustrator o vê como um objeto e não como caracteres separados. Para aplicar gradientes a caracteres ou palavras separados, você precisará criá-los como objetos de texto separados, que
significa que você precisará digitá-los separadamente e vê-los como objetos separados no painel Camadas. Como alternativa, você pode criar contornos, mas isso impedirá que seu texto seja editável, e o Illustrator o tratará como qualquer outra forma de vetor. Se você criar contornos a partir do tipo que tem um gradiente contínuo aplicado a
ele, ele permanecerá aplicado ao grupo de objetos e você verá o atributo de gradiente no painel Aparência quando tiver o grupo selecionado. E se você desagrupá-lo pressionando Command+Shift+G ou Control+Shift+G no Windows, o atributo de gradiente desaparecerá. E se você aplicar gradiente a esses objetos agora, ele será aplicado a cada objeto individualmente. Se você os agrupar novamente e aplicar gradiente clicando no painel Ferramentas, o gradiente será aplicado dentro de um grupo a cada objeto individual e não ao grupo geral. Então, quando se trata de aplicar um gradiente contínuo ao texto, é melhor feito para o objeto de tipo editável, principalmente porque ele é editável. Mas há algumas maneiras diferentes de aplicar gradientes contínuos a objetos separados, e isso é o que vamos olhar a seguir.
12. Aplicando degradês em vários objetos: aplicação de gradientes a vários objetos pode parecer uma coisa muito óbvia, mas no Illustrator há algumas maneiras diferentes de fazer
isso e cada uma delas permite criar efeitos diferentes. Vamos voltar para este tipo delineado que criamos antes. Como ele é agrupado, você pode aplicar um atributo de preenchimento para todo o grupo, mas antes de fazer isso precisamos ter certeza de que cada objeto individual tem uma cor de preenchimento definida como Nenhum. Portanto, selecione o grupo e defina a cor de preenchimento como nenhuma no painel Ferramentas. Preste atenção ao que você vê no painel Aparência
e, nesse momento, não deve haver nenhum atributo de preenchimento aplicado ao grupo. Assim, as alterações feitas foram aplicadas aos objetos individuais dentro do grupo. Agora, tendo este grupo selecionado, no painel Aparência, clique em Adicionar novo preenchimento e defina-o como gradiente. Agora você pode ajustá-lo da maneira que quiser usando o painel Gradiente e a ferramenta Gradiente, e adicionar quantos preenchimentos de gradiente desejar, da mesma forma que mostrei anteriormente nesta classe. Lembre-se que esta técnica funcionará com quaisquer objetos vetoriais preenchidos e não apenas com o tipo delineado. Se você clicar duas vezes em qualquer objeto dentro de um grupo você entrará no modo Isolamento onde você só pode trabalhar com o conteúdo do grupo, e se você começar a mover o objeto dentro de um grupo você verá o principal benefício de aplicar gradientes a grupos de objetos. Quando você altera a posição de qualquer objeto dentro de um grupo, o preenchimento de gradiente aplicado a ele será
atualizado automaticamente de acordo com o que deve ser neste local específico. Assim, você pode facilmente reorganizar os elementos enquanto tem o gradiente cobri-los continuamente. Para sair do modo Isolamento, clique neste botão de seta na janela do documento ou clique duas vezes em qualquer lugar longe dos objetos no grupo. Embora ter objetos em um grupo possa ser benéfico em alguns casos, no Illustrator você realmente não precisa ter objetos agrupados para poder aplicar um gradiente contínuo em todos eles. Então, digamos que você queira aplicar um gradiente em todas essas formas. Para fazer isso, você precisa selecioná-los todos usando a ferramenta Seleção e, em seguida, definir seu preenchimento como gradiente. Isso aplicará um gradiente a cada objeto dentro da sua seleção. Isso é útil se você quiser aplicar o mesmo gradiente não contínuo a um número de objetos, mas isso não é o que queremos fazer aqui. Assim, enquanto tiver os objetos selecionados, escolha a ferramenta Gradiente no painel Ferramentas, vá até o ponto em que você deseja que seu gradiente comece e crie um gradiente arrastando o mouse até o ponto em que você deseja que ele termine , assim. E o gradiente irá preencher continuamente os objetos selecionados. O resultado será mais previsível quando os gradientes individuais que preenchem todos os objetos selecionados forem os mesmos para começar. Embora tenha tudo selecionado e com a ferramenta Gradiente ainda ativa, você pode editar seu gradiente usando o painel Gradiente. Depois de liberar a seleção, para editar o gradiente aplicado aos objetos posteriormente, você precisará desenhar um novo gradiente novamente. Depois de aplicar o gradiente original, todos os objetos agora terão controles deslizantes de gradiente individuais, que você
possa facilmente reorganizar os elementos para criar efeitos diferentes. Se você quiser incluir um objeto de tipo editável
na mesma seleção e aplicar um gradiente contínuo a ele como parte de uma composição maior, certifique-se de que você atribuiu um gradiente a ele usando a técnica que eu mostrado na parte anterior, e certifique-se de que o gradiente é o
mesmo que o aplicado a outros objetos dentro da seleção. Se tudo estiver bem, você será capaz de aplicar um gradiente a uma mistura de objetos como este. Então, isso é tudo para as técnicas de criação e aplicação gradientes de
preenchimento usando a ferramenta Gradiente e o painel Gradiente. Em seguida, vamos dar uma olhada na adição de gradientes a traços e diferentes maneiras
divertidas usá-los em seu trabalho.
13. Aplicando degradês aos traçados: introdução: Os gradientes de curso fornecem uma tonelada de diferentes possibilidades criativas tanto por conta própria como em combinação com outros elementos e técnicas. E eles tornam super rápido e fácil criar um monte de efeitos incríveis, que de outra forma levaria algum tempo e esforço. O recurso Gradientes de traçado está disponível nas versões do Illustrator CS6 e da Creative Cloud.
Portanto, se
você tiver uma versão mais antiga do Illustrator , precisará usar uma solução alternativa que mostrarei um pouco mais tarde na parte sobre a criação de gradientes pincéis. Mas, em qualquer caso, há certos conceitos que são os mesmos, independentemente de você estar usando a ferramenta de gradiente de traçado ou aplicando gradientes a traçados usando pincéis, e eu vou cobri-los nesta e nas próximas partes. Para ver como diferentes configurações de gradiente de traçado funcionam vamos usar esse círculo, esse semicírculo, esse caminho fechado de forma orgânica e um segmento de linha reta. Agora precisamos selecioná-los, e definir a cor de preenchimento para nenhum e traçar para gradiente. No momento, não podemos ver muito aqui, pois o traço é bastante fino, então vamos ao painel Traçado e aumentar o peso do traçado aqui. Eu também vou definir tampas para redondo, só porque eu gosto que as coisas sejam redondas. Você pode usar a maioria das configurações diferentes neste painel, incluindo maiúsculas, cantos, linhas tracejadas e perfis de traçado, e combinados com gradientes de traçado eles permitirão que você crie algumas coisas legais, então mantenha essas opções em mente quando você começar a experimentar! Se você quiser aprender sobre diferentes possibilidades de estilizar traços usando o painel Traçado, não
hesite em conferir minha classe Criando padrões abstratos modernos no Illustrator que tem uma parte separada dedicada a Configurações de traçado. Agora vamos voltar ao painel Gradiente e dar uma olhada em quais opções temos disponíveis aqui. Ao contrário do uso de gradientes de preenchimento, com gradientes de traçado não é
possível usar a ferramenta Gradiente para ajustar ou posicionar o gradiente. Por outro lado, existem três opções diferentes que lhe permitem
escolher a forma como o gradiente é aplicado aos seus traços e você também pode escolher entre gradientes de traçado linear e radial que irão parecer ligeiramente diferente para todas estas três opções aqui. Vamos ficar com o tipo de gradiente linear por agora, pois é o mais simples dos dois, e vamos dar uma olhada no tipo radial em relação a cada uma dessas opções abaixo separadamente. Então aqui temos três maneiras diferentes de aplicar gradiente a traçados,
incluindo a aplicação de gradiente dentro do traçado, ao longo do traçado e ao longo do traçado. Embora todos pareçam ser bastante simples, existem alguns truques e técnicas que você pode usar para aproveitar ao máximo cada um
desses tipos de gradientes, então vamos conferir!
14. Usando degradês dentro dos traçados: A primeira opção para aplicar gradiente ao traçado está dentro do traçado, como se fosse uma forma e o gradiente a estivesse preenchendo. Quando o tipo de gradiente acima é definido como Linear, a dispersão do gradiente é de um lado para outro, e você pode controlar o ângulo do gradiente por meio do painel Gradiente, mas não é possível alterar a posição ou o tamanho do gradiente porque a ferramenta Gradiente não funciona com gradientes de traçado, como já mencionei. Se você alterar o tipo de gradiente para Radial, o centro do gradiente estará no centro da caixa delimitadora ao redor do caminho, e a maneira como o gradiente preenche o traçado será diferente dependendo da forma do seu caminho e onde o centro da caixa delimitadora cai. Ao trabalhar com caminhos de forma estranha, isso pode tornar o uso desse tipo de gradientes um pouco menos intuitivo. Então eu costumo usar os lineares em vez disso, apenas para ter uma propagação facilmente previsível das cores dentro do traçado. Por outro lado, se você optar por usar gradientes radiais dentro de traçados, você pode brincar com a proporção e
o ângulo de rotação para criar alguns efeitos divertidos. Mas, novamente, você não pode editar a posição ou
o tamanho do gradiente dentro do traçado ou a posição do ponto de origem. Todos os gradientes de traçado são aplicados dinamicamente,
portanto, se você fizer alterações nas configurações de caminho ou traçado, o gradiente será atualizado para cobrir totalmente os traçados. Uma coisa a ter em mente, é que se você girar um objeto com um gradiente de traçado aplicado a ele, o gradiente será girado da mesma maneira,
portanto, se você quiser manter o ângulo original do gradiente, mas alterar o rotação do objeto, você precisará redefinir o ângulo do gradiente separadamente. Se você aplicar um gradiente de traçado a um número de traçados, o mesmo gradiente será aplicado dentro de cada um deles individualmente levando em consideração seus respectivos caminhos. Se você quiser aplicar um gradiente de traçado contínuo em vários caminhos, você pode usar uma técnica semelhante à que usamos anteriormente
nesta classe ao aplicar um preenchimento de gradiente contínuo a vários objetos agrupados. Por exemplo, para aplicar um gradiente dentro de todos esses traços, que ele comece deste lado e termine aqui, em primeiro lugar, você precisa definir traçado como Nenhum para todos eles. Isto é muito importante! Em seguida, agrupe todos esses caminhos
e, com o grupo selecionado, vá para o painel Aparência. Aqui deve dizer Grupo, e não Caminho ou qualquer outra coisa. Agora clique no botão Adicionar novo traçado aqui para adicionar um atributo Traçado a este grupo, aumentar seu peso para que você possa vê-lo
e, em seguida, definir o traçado como gradiente. E agora você pode editar o gradiente da maneira usual. E você pode editar as configurações de traçado por meio desse atributo de traçado aplicado a todos os caminhos do grupo. Você pode editar os caminhos dentro do grupo, movê-los, dimensioná-los ou girá-los, e o gradiente irá preenchê-los de acordo com sua nova posição dentro do grupo, da mesma forma que vimos com os gradientes de preenchimento. gradiente dentro do traçado é o único tipo de gradiente de traçado que permite escolher entre diferentes alinhamentos de traçado para caminho no painel Traçado, se você estiver trabalhando com demarcadores fechados. E você pode aproveitar esse recurso e criar muito facilmente um efeito como este. Comece selecionando um caminho fechado com um gradiente linear dentro do traçado aplicado a ele e vá para o painel Aparência. Aqui selecione o atributo traçado e clique no botão Duplicar Item Selecionado aqui. Agora abra as configurações de traçado para o traçado superior e defina o traçado para alinhamento do caminho para Exterior. Em seguida, vá para o segundo
atributo de traçado e, em vez disso, defina o alinhamento do traçado para Inside. Depois que isso for feito, vá e edite as configurações de gradiente para seus traçados, por exemplo, altere o ângulo de um dos gradientes. E aqui você tem um objeto divertido olhando! Eu costumo parar aqui, mas se você quiser, você pode alterar outras configurações de gradiente para um, ou ambos os gradientes de traçado, experimentar diferentes pesos de traçado e ver o que você pode criar. Como aplicamos dois atributos de traçado a um caminho, ele ainda é apenas um objeto no painel Camadas, então você pode movê-lo facilmente e não se preocupar em desalinhar seus traçados. Mas se você quiser editar seus traçados, você precisará fazê-lo através do painel Aparência, assim como fizemos com os vários preenchimentos. Então, é isso para os gradientes dentro do traçado. Em seguida, vamos passar para coisas ainda mais emocionantes, que você pode criar usando gradientes ao longo do traçado!
15. Usando degradês ao longo dos traçados: A segunda opção para aplicar gradiente ao traçado é ao longo do traçado, e este é um recurso super útil! Com esta configuração você pode colorir muito bem letras monolinas ou desenhos, usá-lo em infográficos ou em qualquer outro tipo de desenhos ou ilustrações que exijam este tipo de coloração lúdica ou dinâmica e transição de cores seguindo junto com a direção dos caminhos. Este tipo de gradientes de traçado só funciona com os traçados alinhados centralmente aos caminhos,
portanto, se você estiver tentando aplicá-lo ao seu caminho, mas nada acontecer, certifique-se de definir o alinhamento do traçado para o centro, e tudo funcionará bem. Se você estiver trabalhando com um caminho aberto e criando um gradiente linear ao longo
do traçado, a transição irá do ponto inicial do caminho para o ponto final e corresponderá diretamente ao controle deslizante de gradiente aqui. E se você definir o tipo de gradiente como radial, essas
duas configurações criarão um gradiente refletido em vez disso, com a cor à esquerda do controle deslizante no centro do caminho e a cor à direita nas extremidades. E como de costume, você pode trocá-los usando este botão. Os pontos inicial e final são óbvios quando você está trabalhando com caminhos abertos, mas qualquer caminho fechado também tem um ponto que atua como o início e o fim de uma só vez, e ao trabalhar com gradientes ao longo do traçado ele determina onde você gradiente começa e termina. É mais óbvio quando você está usando um gradiente linear ao longo do traçado, por exemplo, como aqui. E a menos que você esteja trabalhando com um círculo que você pode simplesmente girar para alterar a aparência do gradiente, se você quiser alterar a localização do ponto no caminho onde os gradientes começam, você precisará fazê-lo em alguns passos. Em primeiro lugar, decida onde deseja que este ponto esteja
e, em seguida, se o caminho não tiver um ponto de ancoragem neste local, mude para a ferramenta Caneta e adicione um ponto ao caminho, como este. Em seguida, mude para a ferramenta Seleção direta, selecione apenas este ponto e, em seguida, vá para o Painel de controle e clique no botão Cortar caminho em pontos de ancoragem selecionados aqui. Seu gradiente deve mudar a maneira como ele percorre seu caminho. Agora desmarque tudo, depois mude para a ferramenta Seleção, selecione seu caminho e pressione Command+J ou Control+J no Windows, para unir os pontos finais. E aqui você tem um caminho fechado com um novo começo e ponto final. Se você estiver trabalhando com um caminho fechado, você pode querer fazer um loop em seu gradiente para ter uma transição suave de cores ao redor. E há duas maneiras de fazer isso. A maneira mais rápida e fácil é definindo o tipo de gradiente para radial aqui, e voilá, você realmente não precisa fazer mais nada. Então, se você quiser ter exatamente as mesmas paradas de cor em ambos os lados do seu gradiente em loop, esta é a técnica a usar. Por outro lado, se você quiser ter cores diferentes ao redor do loop, você precisará usar um tipo de gradiente linear em vez disso, e configurar seu gradiente em loop manualmente. Comece por arrastar com a tecla Alt uma das paradas de cor final para copiá-la e colocá-la na outra extremidade do gradiente. Em seguida, ajuste outras paragens de cor no meio e adicione mais paradas de cor para criar uma transição limpa e
bonita ao redor. Por exemplo, vou usar todas as cores
deste grupo que criamos no início da aula. Então, estes são alguns truques super fáceis para criar gradientes em loop que ficam ótimos em todos os tipos de caminhos fechados! Usando gradientes ao longo de traçados você também pode criar gradientes circulares divertidos, por exemplo, como este ou este. Tudo o que você precisa fazer é criar um círculo, anotar seu diâmetro que você pode ver no painel Transformar, depois definir seu peso de traçado exatamente o mesmo valor que o diâmetro
e, finalmente, definir seu gradiente ao longo do traçado do jeito que você gosta. Se você precisar dimensionar esse círculo para cima ou para baixo, certifique-se de ir até o painel Transformar e marcar Dimensionar traçados e efeitos para dimensionar a espessura do traçado proporcionalmente com o círculo para mantê-lo intacto. Como criar esse tipo de gradientes depende do uso de um círculo como base, para aplicá-lo a qualquer outra forma, você precisará criar uma Máscara de recorte fora da forma que deseja preencher com um gradiente circular, por exemplo, como este. Além de ter algumas transições de cores divertidas
ao longo dos traços, você também pode criar alguns traços de desvanecimento, se você definir a opacidade de uma das paradas de cor para 0%. Ou você pode ter uma parada de cor opaca ou algumas delas no meio
do seu gradiente, e usar paradas de cor transparentes em ambas as extremidades, por exemplo, como esta. Este é um dos meus truques favoritos, e há muito espaço para experimentação! Por exemplo, você pode usar cores diferentes para suas paradas de cor opacas e transparentes, e criar não apenas um gradiente de opacidade simples, mas também uma interessante transição de cores para a transparência. E particularmente se você estiver trabalhando com caminhos abertos, você pode se divertir muito com as configurações de tampa e perfis de traçado. Você também pode experimentar o uso de paradas de cor transparentes ou não 100% opacas dentro de seus gradientes para adicionar alguma transparência ao seu trabalho que pode ser útil para colocar seus traçados de gradiente em camadas sobre um plano de fundo, sobre alguns outros elementos em seu projeto, ou sobre o outro. Então gradientes ao longo dos focos são bastante impressionantes e há tantas maneiras emocionantes que você pode usá-los em seu trabalho! Então experimente e veja o que você inventa! E, em seguida, vamos dar uma olhada no tipo restante de gradientes de traçado e algumas maneiras de usá-los!
16. Usando degradês pelos traçados: A terceira opção de gradiente de traçado aqui permite que você aplique gradiente ao longo do traçado, e pode ser útil para colorir letras de linha ou ilustrações, mas provavelmente a coisa mais emocionante e útil sobre ele é que você pode usá-lo para adicionar tanto para os elementos lineares quanto para quaisquer formas em seu trabalho. Criar uma sensação de volume dentro dos traços geralmente depende do uso de vários atributos de traçado, e vamos olhar para ele na parte seguinte, pois é uma técnica um pouco mais complexa. Por outro lado, usar gradientes através de traços para adicionar uma sombra interna ou externa ou brilho a todos os tipos de formas, independentemente de quão estranhas elas são, é bastante simples e oferece muitas possibilidades criativas! Os gradientes entre traçados podem ser aplicados somente a traçados alinhados centralmente aos caminhos, e você pode usar essa técnica com qualquer tipo de caminhos abertos ou fechados. Vou usar esta forma orgânica aqui. Vamos começar aplicando um gradiente linear ao longo do traçado, e configurar um gradiente com 2 paradas definidas com a mesma cor, e um deles definido como 0% de Opacidade, como este. Como é um traçado, a dispersão desse gradiente pode ser controlada usando a configuração de Peso do traçado, então vamos aumentá-la para ter mais de uma sombra. Como o traçado está alinhado ao caminho centralmente, você pode ver que esse gradiente não começa no caminho mas, nesse caso, dentro da forma. Em algumas situações, isso pode não ser um problema, por exemplo, se você está apenas criando formas
sem preenchimentos e você não está realmente preocupado sobre onde os caminhos realmente estão. Mas, na maioria das vezes, idealmente, você gostaria que seu gradiente começasse a partir do próprio caminho. A forma mais fácil de o fazer é mover esta paragem de cor opaca para o centro e definir a sua localização para precisamente 50%. Em seguida, arraste com a tecla Alt a parada de cor transparente até o outro lado do gradiente para criar uma cópia, como esta. Em seguida, selecione esta nova parada transparente e também defina sua localização para precisamente 50%. E aqui você tem! Agora você pode refletir todo o gradiente clicando neste botão e facilmente ir entre ter sombra interna e externa, ou brilho, se você usou cores claras ou brilhantes. E então você pode preencher sua forma com uma cor, ou um gradiente, ou colocá-la sobre algum plano de fundo, e experimentar diferentes opções de mesclagem, por exemplo, Escurecer ou Multiplicar, se você estiver criando um efeito de sombra, ou Sobreposição ou Luz Suave para ter mais cor, ou Tela, se você estiver criando um brilho. Claro, você também pode adicionar esses tipos de efeitos usando os efeitos reais
do Illustrator, que podem ser encontrados na seção Estilizar do menu Efeito. Mas há alguns benefícios de usar gradientes de curso em vez dos efeitos. Então, sempre que posso, eu uso gradientes de traçado em vez dos efeitos de Brilho Externo ou Interno, primeiro lugar, porque geralmente o Illustrator funciona um
pouco mais rápido quando você não está usando esse tipo de efeitos. Em segundo lugar, porque você pode aplicar gradientes de traçado a formas que não têm qualquer preenchimento, que você
possa se divertir um pouco aqui. Em terceiro lugar, porque você pode acessar e brincar facilmente com as configurações de traçado, incluindo o peso de traçado mais óbvio, mas também perfis de traçado diferentes, ou se você não tiver nenhum perfil divertido personalizado, você também pode use a ferramenta Largura para brincar com a forma do traçado e, portanto, seu gradiente. E, finalmente, porque você pode usar várias cores diferentes em seus gradientes de desvanecimento e criar algumas transições de cores interessantes para a transparência. Minha maneira favorita de usar esse tipo de gradientes é colocá-los sobre outros fundos preenchidos por gradiente, e criar esse tipo de efeito líquido. Então esta é uma técnica bem simples, mas divertida. Em seguida, vamos dar uma olhada em uma maneira diferente de usar gradientes entre traçados e camadas de vários traçados para criar um efeito de volume e sombreamento dentro dos traçados reais.
17. Sombreamento de traçados com degradês: Da mesma forma que adicionamos vários preenchimentos aos objetos, você pode adicionar vários traçados, e isso fornece uma tonelada de novas possibilidades criativas para adicionar volume a elementos baseados em traços em seu trabalho, e pode ser particularmente útil para sombrear letras de
monolina ou desenhos de monolina com áreas sobrepostas. Como exemplo, vou usar este caminho aqui, que já tem um gradiente ao longo do traço aplicado a ele. E vamos começar com a técnica de sombreamento. Selecione um traçado que deseja sombrear e vá para o painel Aparência. Selecione o atributo de traçado que já está aplicado a ele e clique no botão Duplicar Item Selecionado aqui. Certifique-se de que seu novo traçado está acima do que é usado para colorir o traçado, e que suas configurações são absolutamente as mesmas, e eles devem estar, uma vez que duplicamos o anterior. Agora selecione o atributo de traçado superior e vá para o painel Gradiente. Aqui precisamos aplicar um gradiente através do traçado, configurá-lo para linear e configurá-lo para que ele sombree nosso traçado. Para isso, precisaremos de 3 paradas de cor. Defina a opacidade do meio como 0
e, em seguida, vá brincar com as cores das paradas de cor. Prefiro definir todas as paradas de cor para a mesma cor apenas para ter um gradiente de opacidade. Mas você pode brincar com as cores, pois pode permitir que você crie alguns efeitos de coloração interessantes. Ao sombrear com cores mais
escuras, a parada de cor transparente é que o meio será a área mais clara do caminho, então mova-o se quiser ter um efeito de iluminação diferente. Além disso, você pode mover os pontos médios ao redor para controlar a dispersão do gradiente. As áreas de sombreamento podem parecer um pouco ásperas, especialmente se você estiver usando cores muito escuras, então você pode ficar tentado a mudar a opacidade das paradas de cor na borda. É melhor deixá-los sozinhos e voltar
ao painel Aparência e mudar a opacidade de todo esse traçado de gradiente. Isso já parece muito melhor. Mas não se esqueça que aqui você também pode definir o modo de mesclagem deste traçado de gradiente. Escurecer, Multiplicar, Sobreposição ou Luz Suave pode ser bastante bom para diferentes níveis de sombreamento. Então experimente diferentes cores, opacidade e modos de mesclagem e veja o que você pode criar! Se você está atrás de um efeito de brilho interno, em vez de sombreamento, use o mesmo tipo de gradiente de 3 paradas com uma parada transparente no meio e simplesmente defina as paradas de cor para alguma cor clara ou branco, por exemplo, como este. Em seguida, defina o modo Mesclagem desse gradiente de traçado como Tela e ajuste sua opacidade. E então vá e ajuste os locais
da parada de cor do meio e os pontos médios para criar o efeito desejado. Usando uma abordagem semelhante você também pode criar um destaque que será executado ao longo do seu caminho, por exemplo, como este. Para isso, vamos copiar esse gradiente de sombreamento, selecione o que está na parte superior e defina seu Modo de mesclagem como Tela e Opacidade como 100%. E então vá e ajuste o gradiente. Neste caso, você precisará de uma cor opaca
no meio, e de uma cor transparente nas extremidades. Defina as cores para qualquer cor clara ou até mesmo branco
e, em seguida, ajuste as posições das paragens de cor e pontos médios. Como este gradiente tem paradas transparentes nas bordas, você pode até puxar essas paradas finais para dentro, se você quiser ter um gradiente mais curto, por exemplo, como este. Agora você pode ir e ajustar a opacidade
deste gradiente de realce e também explorar outros modos de mesclagem. Dependendo das cores do traçado e das cores usadas no realce, além do modo Tela, considere conferir Clarear, Sobrepor e Luz Suave para criar efeitos diferentes. Se você está atrás de um gradiente refletido muito simples para sombreamento, brilho interno ou realces e não se importa que ele seja simétrico, você também pode usar apenas duas paradas de cor e definir o tipo de gradiente para radial aqui. Pode ser muito rápido de usar, mas eu prefiro usar gradientes lineares em vez disso porque ser capaz de ajustar a posição da parada de cor
do meio no gradiente faz toda a diferença e torna muito mais divertido experimentar com. Então, veja como você pode adicionar sombreamento, brilho
interno e destaques em seus traços. Experimente combinar esses efeitos com diferentes tipos de traços, incluindo traçados de gradiente, mas também com traços de cores
sólidas e até mesmo traços preenchidos com padrões. Então isso é tudo para minhas dicas,
truques e técnicas favoritas para usar Gradientes de traçado. Em seguida, vamos passar para formas mais experimentais de criar gradientes usando algumas outras ferramentas.
18. Criando gradientes usando a ferramenta malha de gradiente: Outra ótima ferramenta para criar gradientes no Illustrator é a ferramenta Malha de gradiente. Ele é projetado para fazer ilustrações fotorrealistas, mas quando ele entra em mãos erradas, projetos experimentais abstratos
emocionantes podem ser criados em vez disso, e é nisso que estaremos nos concentrando nesta classe. Para criar uma malha de gradiente você precisa começar com um objeto. Vou usar este novo quadrado para isso. Há duas maneiras de criar uma malha, dependendo da precisão que você deseja que ela seja. Se você quiser definir pontos de malha manualmente, você pode usar a ferramenta Mesh. Como este quadrado tem uma cor de preenchimento atribuída a ele, eu posso clicar em qualquer lugar dentro dele e criar pontos de malha desta forma. Se você tiver um objeto que tenha uma cor de preenchimento definida como nenhum, você só poderá adicionar pontos de malha no contorno do objeto ou nas linhas de malha quando elas forem criadas. Se você quiser criar uma malha uniforme, você pode fazê-lo automaticamente. Para fazer isso, selecione seu objeto com a ferramenta Seleção, vá para o menu Objeto e selecione Criar malha de gradiente. Nesta janela, marque Visualizar para ver as alterações e definir o número de linhas e colunas. Em seguida, selecione Aparência, vou escolher Plano, pois não quero ter nenhum realce automático que são criados usando as outras duas opções aqui, mas essas opções podem ser úteis, então lembre-se que elas existem. Quando estiver satisfeito com as configurações, clique em OK para gerar sua malha de gradiente. As malhas de gradiente podem ser criadas na maioria dos caminhos preenchidos, além dos caminhos compostos, então tenha em mente que você não está limitado a formas geométricas básicas. Então, de qualquer forma, uma malha de gradiente divide um objeto em um número de células, e cada ponto onde as linhas de malha se cruzam pode ter uma cor diferente atribuída a ele. Você pode selecionar pontos de malha com a ferramenta Malha ou com a ferramenta Seleção direta. Em seguida, escolha uma cor no painel Cores ou nas amostras que você criou. Desta forma, você pode colorir um objeto em um número de cores que se transformam suavemente entre si. Cada ponto na malha é uma espécie de parada de cor, então as transições acontecem entre os pontos e dentro de cada célula. A ferramenta Mesh permite selecionar e trabalhar com apenas um ponto de cada vez. Se você quiser selecionar e trabalhar com vários pontos de malha, use a ferramenta Seleção direta em vez disso e Shift+clique para selecionar vários pontos. Isto irá permitir-lhe colorir vários pontos seleccionados na sua malha na mesma cor e movê-los juntos. Você também pode ajustar as linhas de malha usando a ferramenta Seleção direta ou a ferramenta Malha. Quando você seleciona um ponto com qualquer uma dessas ferramentas, as alças aparecerão que lhe permitirá controlar as curvas e mantê-las suaves girando pares de alças opostas que formam uma linha reta. Além das ferramentas Seleção direta e malha, você pode usar a ferramenta Ponto de ancoragem. Ele permitirá que você ajuste as alças de curva individuais como esta, mas a melhor coisa sobre a ferramenta Ponto de ancoragem é que se você segurar e arrastar o mouse para longe do ponto selecionado, você pode redefinir as alças na cruz padrão posição em quatro direções. Isso torna muito fácil ajustar curvas e alças, se você estragar algo. Se as suas linhas de malha se sobrepõem ou as alças que controlam pontos diferentes
se cruzam , você pode criar este tipo de cumes. Eles parecem legais, mas se você empurrar muito longe e criar loops e forte sobreposição na malha isso pode causar alguns defeitos indesejáveis. Algumas coisas aqui podem ser apenas problemas de suavização de borda do Illustrator, que você não verá depois que tudo for exportado corretamente, mas coisas como essa não são. Portanto, você precisará ajustá-los e mover pontos de malha e linhas separadas se quiser que tudo seja suave. Normalmente eu uso a ferramenta Seleção direta,
pois permite mover vários pontos ao mesmo tempo, mas a ferramenta Malha tem seu próprio recurso exclusivo. Se você pressionar Shift enquanto arrasta um ponto de malha com a ferramenta Mesh, ele seguirá uma das linhas de malha em que fica, que pode ser super útil se você não quiser mover uma das linhas de malha. Você também precisará usar a ferramenta Mesh para adicionar novas paradas de cor à malha. Em alguns casos, quando adicionar uma nova paragem de cor, a cor será definida para a cor que aparece neste ponto específico nesta transição. Por isso, às vezes, pode pretender ajustar suas novas paragens de cor para tornar o seu gradiente mais refinado e para evitar cores dessaturadas ou opacas que podem ser criadas automaticamente na sua malha. Para excluir um ponto de malha Alt, clique nele usando a ferramenta Malha ou selecione-o com a ferramenta Seleção direta e pressione Delete. Se você precisar alterar a Opacidade de um ponto de malha, selecione-o e defina a Opacidade para o valor desejado usando o Painel de controle, o painel Transparência ou o painel Aparência. Usando malhas gradientes e mantendo tudo isso em mente, você pode criar um monte de coisas diferentes, de algo realmente minimalista a algo mais experimental. E se você realmente gosta da idéia de usar malhas gradientes dentro de algumas formas mais complexas que realmente não suportam malhas, você sempre pode falsificá-la mascarando uma malha de gradiente maior dentro de sua forma complexa ou caminho composto, por exemplo, como eu fiz aqui. Você pode encontrar o vídeo completo do processo de lapso de tempo de mim criando este design como um bônus no final desta classe. Ao contrário do uso dos gradientes de forma livre, usar as malhas de gradiente não
é tão rápido ou fácil mover as paradas de cor ao redor, mas, por outro lado, porque a malha é baseada em pontos e linhas ou curvas e as cores são distribuídas entre elas, isso oferece algumas opções diferentes para criar obras de arte experimentais distorcendo a estrutura da malha à medida que as cores seguirão! Então, em seguida, vamos lançar algumas ferramentas de distorção na mistura e ver como elas podem ser usadas para criar projetos ainda mais experimentais.
19. Distorcendo malhas de gradiente para criar designs experimentais: Além de mover manualmente os pontos de malha e criar algumas coisas interessantes dessa forma, você também pode usar algumas outras ferramentas com as malhas de gradiente para distorcê-los e criar obras de arte experimentais. Antes de começar a distorcer sua malha de gradiente, é uma boa ideia criar uma cópia dela e mantê-la como uma cópia de segurança apenas por precaução. Em seguida, selecione a malha de gradiente que deseja distorcer com a ferramenta Seleção. Tendo seu objeto selecionado, vá para este botão e escolha uma das ferramentas aqui. Você pode usar qualquer uma dessas ferramentas, além da ferramenta Largura, pois ela só funciona com traços. Todas essas ferramentas distorcem objetos de maneiras diferentes, e minhas ferramentas favoritas aqui são Warp, Twirl, Crystallise e Wrinkle. Mas as outras ferramentas aqui são legais também, então não se esqueça de verificar todas elas. Cada uma dessas ferramentas pode ser configurada pressionando Enter para acessar esta janela de configuração. Existem algumas configurações que são compartilhadas por essas ferramentas, e também há algumas configurações que são exclusivas para ferramentas específicas. Mas geralmente eles controlam o tamanho, intensidade e nível de distorção. Então experimente todas essas configurações e veja como elas afetam suas malhas de gradiente. E aqui estão algumas dicas para ajudá-lo a ficar longe de problemas. Em primeiro lugar, use um valor de detalhe baixo, como 1 ou 2. Ele determina o número de pontos que serão criados em sua malha distorcida, e é melhor evitar criar muitos deles, porque muitos pontos podem tornar sua malha muito áspera e bagunçada, e eles vão tornar seu gráfico muito complexo o que pode fazer com que o Illustrator congele ou falhe, pois há muitos dados a serem processados. Portanto, se você quiser que a distorção seja mais complexa, controle
melhor com a configuração Complexidade onde ela está disponível, mas tente não ir muito longe aqui também. Se você quiser ter distorções mais controláveis e sutis, reduza o valor de Intensidade: quanto menor
o número, mais lenta será a distorção quando você começar a usar a ferramenta selecionada. O tamanho de cada ferramenta determina a forma dentro da qual os pontos serão movidos, e ele pode ser configurado manualmente para qualquer valor, mesmo que ele só permita configurá-lo para um máximo de 400 px através deste menu suspenso. E você pode se divertir com a criação de pincéis elípticos e brincar com ângulos diferentes aqui. Por favor, note que eu editei este menu de configuração separado filmado neste vídeo, você
possa ver quais configurações estou usando, e você precisará aplicar alterações e fechar este menu de configuração antes de começar a usar qualquer uma das ferramentas de distorção. Ao fechar a janela de configuração, você também pode alterar o tamanho das ferramentas de distorção mantendo pressionada
a tecla Alt e o botão esquerdo do mouse e arrastando o mouse, dessa forma. Ao fazer isso, mantenha pressionada a tecla Shift, se quiser
restringir as proporções do pincel da ferramenta de distorção original. Então, por exemplo, isso é o que a ferramenta Warp pode fazer. Aqui está Crystallise. E aqui está o Wrinkle. Ao usar a ferramenta Wrinkle, você pode definir a quantidade de distorção criada vertical e horizontalmente usando esses atributos. Se você usar a ferramenta Twirl, poderá controlar a rapidez com que ela é aplicada usando a configuração Twirl Rate, que vai entre —180°
e 180°, e quanto mais próxima estiver de 0, mais lenta será. A configuração Twirl Rate também permite alternar entre girar no sentido horário, se você estiver usando valores
negativos e anti-horário, se você estiver usando valores positivos.
00:06:00 .530 —> 00:06:04 .130
Experimente essas ferramentas e, dependendo da quantidade de distorção que você deseja adicionar à sua malha, use cada um deles por conta própria ou combine uns
com os outros em uma ordem diferente e veja o que você pode criar! Os resultados do uso de algumas dessas ferramentas podem ser bastante difíceis e, se você criar distorções muito complexas, isso pode afetar o desempenho do Illustrator.
Por isso, tenha isso em mente antes de se enlouquecer com seus experimentos. Mais uma coisa a ter em mente antes de começar a usar essas ferramentas é se você deseja distorcer toda a malha e suas bordas, ou apenas alguns pontos dentro dela. Claro que você pode escolher os pontos que deseja distorcer usando os tamanhos de pincel menores, por exemplo, como este. Mas pode ter algumas limitações. Portanto, se você quiser distorcer apenas determinados pontos em sua malha, você pode selecioná-los com a ferramenta Seleção direta antes de começar a usar qualquer uma das ferramentas Distorção. Depois de distorcer sua malha, lembre-se de que você pode ajustar pontos e curvas usando as ferramentas Seleção direta, Malha ou Ponto de âncora para ajustar as formas e transições em seu trabalho artístico e eliminar quaisquer defeitos e linhas de desembaraço para criar gradientes suaves e cumes limpas, se é isso que você está procurando. Embora você possa usar malhas de gradiente dentro de diferentes tipos de formas, é melhor começar com o que estiver mais próximo do objeto final que você deseja criar. Por exemplo, se eu quiser criar um plano de fundo ou um design baseado em malha que deve cobrir totalmente todo o formato da minha prancheta, eu começaria com um retângulo no tamanho da prancheta, criaria uma malha dentro dela e em seguida, distorcê-lo. Se eu acabar distorcendo as bordas, eu iria ajustar os pontos e curvas para cobrir completamente a prancheta, ou mesmo simplesmente dimensionar toda a malha para o mesmo propósito. Em alguns casos, eu também gostaria de apenas um fragmento da malha distorcida,
e nesta situação, eu simplesmente colocaria dentro de uma Máscara de recorte no tamanho da minha prancheta
e, em seguida, dimensionar e posicionar a malha dentro dela. Certamente, isso é um monte de dados extras, mas como o processo de distorção pode ser bastante experimental, isso permite que você crie alguma arte divertida sem
se torturar tentando recriar uma distorção desejada dentro de um objeto. Praticamente todos os meus projetos baseados em malha são criados a partir de fragmentos de malhas distorcidas muito maiores, por exemplo, como este ou este. Por outro lado, quando eu quero criar um objeto separado e quero ser capaz de moldá-lo em uma forma orgânica ou distorcer suas bordas, eu costumo começar com um círculo. Isso torna super fácil manter uma borda lisa se eu
quiser e apenas massageá-lo na forma desejada usando a ferramenta Warp, por exemplo, como esta. A ferramenta Warp neste caso é incrível, como você pode simplesmente ir ao redor da forma assim, ou você pode puxar os pontos para fora ou empurrá-los para dentro. E se você usar a ferramenta Wrinkle e distorcer algumas partes ou as bordas de um círculo, você pode criar alguns efeitos divertidos também. Por exemplo, isso parece quase uma paisagem abstrata. Mas é claro que você pode distorcer o conteúdo e as bordas de qualquer objeto de malha gradiente, então há muitas opções. Então é assim que você pode fazer alguns projetos experimentais baseados em malhas gradientes! Jogue com todas essas ferramentas e suas configurações e divirta-se! E, em seguida, vamos dar uma olhada em outra técnica para criar gradientes experimentais.
20. Criando gradientes usando a ferramenta Mesclar: Outra ferramenta para criar gradientes experimentais no Illustrator é a ferramenta Mesclagem. É uma ferramenta super versátil, e quando se trata de gradientes, permite que você faça facilmente certos efeitos, que não
são possíveis ou não são muito fáceis de criar de outra forma, e também torna possível criar pincéis de gradiente. A ferramenta Mistura cria uma transição entre dois ou mais objetos. Para ter um resultado previsível, é uma boa idéia começar com os objetos que são
os mesmos em termos de atributos aplicados a eles,
por exemplo, dois objetos preenchidos, dois caminhos fechados com um traçado ou dois caminhos abertos com um derrame. Para mesclar objetos, selecione a ferramenta Mesclar e clique nos objetos um após o outro. Se você quiser mesclar vários objetos em misturas
separadas, depois de criar a primeira mesclagem, Command+clique ou Ctrl+clique no Windows, longe dos objetos para redefinir a seleção. E, em seguida, prossiga com a criação da próxima mistura. Se você estiver mesclando objetos com um traçado ou caminhos abertos, clique nos caminhos e não nos
pontos Âncora para mesclar objetos sem problemas. Se você quiser misturar mais de dois objetos juntos, clique em todos eles para que eles sejam misturados. Você também pode criar uma mesclagem selecionando os objetos que
deseja mesclar com a ferramenta Seleção e usando o atalho, que é Command+Alt+B ou Control+Alt+B no Windows. Nesse caso, a ordem dos objetos
no painel Camadas determinará em que ordem eles se misturam entre si. E você pode alterar a ordem das camadas aqui para controlar qual objeto está no topo. Você também pode entrar no modo de isolamento clicando duas vezes
na mesclagem, e editar os objetos aqui da maneira usual: por exemplo, alterar suas cores, redimensioná-las, movê-las ou girá-las. Quando terminar de editá-los, lembre-se de sair do Modo de Isolamento para
poder trabalhar com qualquer outra coisa que tiver no documento. Se quiser liberar sua mesclagem, selecione sua mesclagem e vá para o menu Objeto > Mesclar e selecione Liberar, ou use esse atalho, ou arraste os objetos para fora do grupo de mesclagem no painel Camadas. Por padrão, o Illustrator cria misturas de cores suaves, e isso funciona bem com qualquer objeto com uma cor de preenchimento sólida. Mas quando você tenta mesclar objetos preenchidos com gradiente ou traçados ele pode não funcionar tão bem quanto precisamos. Então, se você não quiser esse efeito, que por sinal também é muito legal, você precisará selecionar a mesclagem que deseja editar, alternar para a ferramenta Mistura e pressionar Enter. Nesta janela de diálogo, marque Visualizar para ver as alterações, altere o método de espaçamento para Etapas especificadas e aumente o número. O número máximo aqui é 1000, mas não enlouqueça, pois esses são muitos dados para o Illustrator processar. Então ajuste tudo o que você quer aqui e clique em Ok. Se você estiver mesclando traçados juntos, também
poderá aumentar o peso do traçado para evitar lacunas entre as etapas de mesclagem. Talvez não seja possível evitar completamente as faixas de lacunas ou cores, que terá de decidir se pode viver com ela ou continuar a ajustar as definições de Mistura
e o peso do traçado até obter uma transição suave. A coisa super legal que não é tão óbvia sobre a ferramenta Mistura, é que você pode controlar o caminho que a mistura segue. Esse caminho é chamado de Espinha de Mistura. Você deve ser capaz de vê-lo na parte superior dentro do grupo de mesclagem
e, para alterar a forma como a mesclagem é formada você pode editá-la como faria com qualquer outro caminho usando a ferramenta Seleção direta ou Caneta. Mas isso não é tudo. Você também pode criar sua lombada de mistura separadamente e, em seguida, substituir a lombada existente de qualquer grupo de mesclagem. Para fazer isso, selecione o grupo de mesclagem e o novo caminho, vá para o menu Objeto > Mesclar e selecione Substituir lombada. Isso pode permitir que você crie muitos projetos interessantes. Mas geralmente eu aconselho você a ficar em caminhos abertos não muito longos. Se você estiver lidando com algum caminho elaborado para sua lombada, você também pode brincar com as configurações de orientação aqui, que permitem alinhar
objetos misturados à página, o que os mantém como estão, ou alinhar eles para o caminho, que os gira para serem perpendiculares ao caminho a cada passo do caminho. Se você acessar o menu Mesclar novamente, você encontrará algumas funções mais úteis. Um deles é a coluna reversa, que inverte a ordem dos objetos ao longo da coluna vertebral. E então há outra opção chamada Inverter frente para trás, que controla qual extremidade da mistura está no topo. Ao mesclar objetos baseados em gradiente, experimente a alteração do ângulo dos gradientes em preenchimentos ou traçados. Mesmo que você esteja usando apenas dois objetos e misturando-os em uma linha reta, isso permitirá que você crie diferentes efeitos! Você pode criar algumas misturas muito legais a partir de cores sólidas, de objetos preenchidos com gradiente ou até mesmo traçados por gradiente, como estes. Então experimente diferentes formas e elementos
sobrepostos para criar alguns projetos interessantes de aparência 3D. Em seguida, vamos verificar como você pode criar Máscaras de
Opacidade e usá-las com gradientes para criar alguns efeitos interessantes!
21. Usando gradientes em máscaras de opacidade: Além de usar gradientes para criar coisas vibrantes e coloridas, você também pode usá-los como Máscaras de Opacidade para criar transições suaves de elementos mascarados em transparência em vez de Máscaras de recorte que funcionam com caminhos e, portanto, criar hard- máscaras de borda. Trabalhar com Máscaras de Opacidade é um pouco confuso, e ajuda se você tiver o painel Transparência à sua frente, bem
como os painéis Camadas, Aparência e Gradiente. Para criar uma Máscara de Opacidade você precisa de um objeto que deseja colocar dentro ,
você precisa de um objeto que deseja colocar dentro
da máscara e do objeto que deseja usar como máscara. Por exemplo, eu quero mascarar esse círculo preenchido com um gradiente de forma livre e usar esse outro círculo preenchido com o gradiente radial preto e branco como uma máscara. O mesmo que ao criar uma máscara de recorte regular, o objeto que você deseja usar como uma máscara de opacidade deve estar em cima do que você deseja mascarar, Para aplicar este gradiente preto e branco como uma máscara para o círculo abaixo, vamos selecionar ambos os objetos e, em seguida, ir para o painel Transparência e clique no botão Criar máscara aqui. Assim que você criar uma Máscara de Opacidade, no painel Camadas dois objetos se tornarão um. E no painel Transparência você verá o objeto e as miniaturas
da máscara, e você poderá selecionar uma delas de cada vez. Se essas miniaturas não forem exibidas, acesse o menu no canto superior direito
do painel Transparência e selecione Mostrar miniaturas. Quando a miniatura do objeto estiver selecionada aqui, você verá seus atributos de aparência
no painel Aparência e poderá fazer os ajustes da maneira usual. Por exemplo, posso mover os pontos no meu gradiente de Forma Livre, assim. Por outro lado, se você clicar na máscara aqui, você iniciará o Modo de Edição de Máscara de Opacidade e poderá ajustar a máscara. Por exemplo, você pode alternar entre diferentes tipos de gradientes de preenchimento ou ajustar as propriedades de gradiente usando o painel Gradiente ou a ferramenta Gradiente e ver como ela afeta a Máscara de Opacidade em tempo real. Quando você estiver editando a Máscara de Opacidade, o painel Camadas mostrará somente o objeto de máscara
e, quando terminar de editar a máscara, você precisará clicar na miniatura do objeto
no painel Transparência para sair da opção Opacidade Modo de edição de máscara e volte para todas as camadas no painel Camadas. O gradiente que você usa como máscara não tem que estar em tons de cinza, mas ajuda a tornar as coisas mais claras: preto será transparente, branco será opaco e os tons de cinza no meio corresponderão a diferentes níveis de transparência. E se você usar algumas cores em vez disso, nível de transparência será determinado pela sua intensidade e sombra equivalente em escala de cinza. Mas meu conselho é ficar com tons de cinza para ser capaz de ajustar previsivelmente suas máscaras. Painel de transparência também permite que você inverta sua máscara marcando esta caixa, que pode ser muito legal se você quiser experimentar rapidamente a aparência invertida, mas se você inverter sua máscara, tenha em
mente que esta miniatura não é atualizada, então agora tudo está ao contrário: branco é transparente e preto é opaco. E isso pode torná-lo um pouco confuso quando você começa a editar sua máscara. Se a máscara que você está usando não cobrir totalmente os elementos que você está mascarando, mantenha Clip marcado aqui para ocultar o que cai fora da máscara. De certa forma, é semelhante ao que as Máscaras de Recorte fazem, só que neste caso você também pode controlar a gradação de opacidade real dentro da máscara. Se você quiser tirar seus objetos da máscara, clique no botão Liberar aqui e seus objetos aparecerão como elementos separados. Então, estes são os conceitos básicos das máscaras de opacidade. Mas a diversão começa quando você começa a experimentar diferentes gradientes dentro de suas máscaras e tentar aplicá-los a diferentes objetos de gradiente. Você também pode criar uma Máscara de Opacidade a partir de vários objetos, por exemplo, como esses caminhos traçados por gradiente. E para fazê-lo funcionar corretamente, antes de aplicar a máscara, certifique-se de agrupar todos os elementos que deseja usar como máscara de opacidade. E então prossiga como de costume. Às vezes, quando você aplica uma Máscara de Opacidade, os atributos de preenchimento do objeto mascarado
desapareceriam, o que é incrivelmente irritante e eu não sei o que causa isso. Nessas situações, antes de criar uma máscara, eu recomendo colocar o objeto que você deseja mascarar em um grupo, mesmo que seja apenas por conta própria, e tudo deve funcionar muito bem. Se você quiser usar objetos de gradiente sobrepostos como uma máscara, você precisará usar paradas de cor transparentes para fazer esses objetos se misturarem, por exemplo, assim. Geralmente, as Máscaras de Opacidade são ótimas para colocar elementos em camadas uns sobre os outros ou sobre algum plano de fundo. E é uma boa idéia ter algo que você quer estar por trás seu elemento mascarado pronto antes de começar a finalizar sua máscara. Por exemplo, aqui eu tenho esse gradiente de forma livre em uma camada separada, que eu quero usar como plano de fundo. Então agora eu posso ver como esses objetos se misturam, e posso ir e editar a Máscara de Opacidade ainda mais para criar um efeito que eu estou procurando. Adoro usar Máscaras de Opacidade para imitar a translucidez de objetos coloridos, ajudar
a moldar gradientes e misturá-los com o fundo e criar efeitos de brilho coloridos. Todas essas abordagens são bastante simples quando você descobre que tipo de elementos podem ser misturados para criar efeitos diferentes e exigem apenas um pouco de experimentação e se acostumar a trabalhar com Opacidade Máscaras. As Máscaras de Opacidade podem ser criadas e aplicadas a objetos de qualquer complexidade, então considere experimentar diferentes tipos de objetos de gradiente que você pode usar como Máscaras de Opacidade, elementos de
camada uns sobre os outros e veja o que você pode criar! Então, é isso para técnicas experimentais e mais avançadas para criar e usar gradientes no Illustrator. Em seguida, vou compartilhar com vocês algumas das minhas técnicas e
abordagens favoritas para desenvolver e aprimorar seus gradientes e obras de arte baseadas em gradiente.
22. Recolorindo gradientes e designs: Se você deseja ajustar as cores em seus gradientes ou criar novas iterações de cores de seus designs baseados em gradiente, no Illustrator há uma série de ferramentas que tornam muito fácil editar ou substituir cores nos gradientes existentes ou obras de arte, incluindo aquelas que apresentam vários gradientes. O primeiro método que vou mostrar a vocês é muito simples e depende de ter cores globais em seus gradientes. Se você usou cores globais em seu trabalho, agora se você modificar qualquer uma das amostras de cores globais, essa cor será alterada em todas as obras que foram aplicadas, mesmo que estejam ocultas. É ótimo quando você precisa fazer uma mudança global de cores em várias obras de arte, e especialmente se precisar fazer alguns pequenos ajustes em seus gradientes. Ao ajustar as cores para trabalhos digitais, prefiro usar o modo de cor HSB, pois acho que é muito mais rápido trabalhar no contexto do ajuste de cores em gradientes, já que você pode controlar a tonalidade, saturação e o brilho independentemente do uns aos outros. Mas já que aqui você também pode selecionar o modo de cores CMYK, usando cores globais torna muito fácil ajustar todas as cores que você usa em seu trabalho para impressão em CMYK posteriormente. Portanto, tenha isso em mente, e analisaremos a conversão arte
RGB em CMYK mais tarde nesta classe. Outro método de ajuste de cores é um pouco mais divertido e experimental, e permite que você mude toda a paleta de cores de um só lugar sem muito esforço. Antes de fazer qualquer coisa para o seu trabalho, sugiro que você faça uma cópia, para que você possa ter variantes para escolher e ver como seu trabalho se desenvolve. Em seguida, selecione uma cópia do seu trabalho artístico ou gradiente usando a ferramenta Seleção e acesse o menu Editar > Editar cores e escolha Recolher arte. Se você tiver a aba Atribuir ativada, você pode simplesmente clicar nos outros grupos de cores aqui e ver como novas cores são aplicadas ao seu trabalho. Certifique-se de que você tem Recolour Art marcada aqui para ver as mudanças. Além disso, você pode percorrer as cores do seu grupo de cores selecionado
clicando no botão Alterar ordem de cor aleatória até obter o resultado que você gosta. Isso pode ser divertido e pode permitir que você crie alguns resultados inesperados. Aqui você também pode ver qual cor antiga é substituída por qual nova, e você também pode trocá-las arrastando. A seta entre as cores antigas e novas significa que esta cor antiga será alterada. Se você clicar na seta, você verá um traço em vez disso e isso desativará o recolouring para esta cor específica. Portanto, preste atenção se você tem setas ou traços aqui e altere-os de acordo com suas necessidades. Então, esta é a guia Atribuir. Agora, se você clicar em Editar, você verá a roda de cores que analisamos brevemente antes, e você pode fazer mais ajustes suas cores brincando com as configurações aqui. Note que eu tenho uma roda de cores suaves aqui, pois mostra toda a gama de cores disponíveis na roda de cores. Estes dois botões logo abaixo da roda de cores permitem-lhe mudar
a roda de Matiz e Saturação um para Matiz e Brilho um. E o controle deslizante abaixo permite que você controle a configuração restante, que é Brilho se você usar a roda Matiz e Saturação, e é Saturação se você usar a roda Matiz e Brilho. Se quiser mudar a tonalidade de todas as cores simultaneamente, ligue Harmony Colours aqui e, em seguida, mova toda a gama de cores ao redor do volante. Certifique-se de arrastar pelo círculo maior para
poder alterar a saturação e o brilho de todas estas cores, bem
como a sua tonalidade. Se você arrastar qualquer outra cor para alterar sua saturação ou brilho, isso só mudará essa cor e tudo o resto permanecerá onde está na roda de cores. Mas se você arrastá-lo para alterar a tonalidade, se você tiver cores de harmonia vinculadas, todas as cores seguirão a mudança de matiz. Se você quiser editar cores individuais, você precisará desvincular as cores de harmonia aqui. Você pode precisar disso se quiser fazer alguns pequenos ajustes de matiz de cores individuais. E, claro, você pode ajustar as cores usando esses controles deslizantes abaixo. Se você gosta do novo conjunto de cores que você criou, lembre-se de que você pode salvá-lo como um novo grupo de cores clicando no botão Novo Grupo de Cores aqui. Desta forma, você pode experimentar e salvar vários grupos de cores diferentes que podem ser usados para colorir seu trabalho e escolher entre eles de forma rápida e fácil. Seus novos grupos de cores serão adicionados às
amostras de documentos somente se você aplicar alterações aqui, e eles serão descartados se você cancelar o recolouring. Então, quando estiver pronto, clique em Ok. Então aqui está o trabalho recolhido. Antes de continuar experimentando a criação de mais versões de cores ou ajustando ainda mais as cores, eis algo a ter em mente. Os novos grupos de cores criados com a ferramenta Recolour Artwork podem não conter cores globais, portanto, depois de criá-las, é uma boa ideia convertê-las todas para Global da maneira usual. E depois terá de substituir as cores
do seu trabalho pelas novas amostras de cores globais, que ainda não foram aplicadas a este trabalho, apesar de as cores terem a mesma aparência. Então, selecione novamente seu trabalho artístico e abra a janela Recolour Artwork. Aqui, aplique o grupo de cores que agora contém Cores globais e certifique-se que cada cor é substituída pela amostra de cores Global correspondente. E aplicar alterações. E agora você pode ajustar essas amostras de cores globais e as alterações feitas afetarão o design em que são usadas. Portanto, estas são as técnicas para ajustar as cores e trabalhar com as amostras de cores usadas em seus gradientes. edição de cores individuais oferece muito controle sobre seus gradientes e facilita a realização de ajustes de cor desejados. Mas há outra maneira mais experimental de ajustar as cores em seu trabalho, e é isso que veremos a seguir.
23. Modificando cores usando modos de mesclagem: Outra forma de experimentar cores em seus gradientes é colocar vários objetos uns sobre os outros e usar modos de mesclagem para ajustar a aparência final. O primeiro e o mais fácil truque para ajustar cores em seus designs usando modos de
mesclagem é usando cores sólidas ou formas preenchidas com gradiente, que cobrem todo o formato da prancheta e misturando-as com todos os designs. Por exemplo, quando eu estava desenvolvendo esse design, eu senti que eu queria tornar esse gradiente de forma livre um pouco mais intenso, mas eu não queria gastar tempo ajustando as amostras de cores reais. Em vez disso, criei este quadrado no tamanho da prancheta, preencheu-o com uma das amostras de cores que usei no meu design e joguei-o sobre o fundo, mas abaixo do resto das camadas. Neste tipo de situações, para intensificar as cores eu costumo usar os modos Luz suave ou Sobreposição e controlar a intensidade usando a configuração de Opacidade desta camada. E então brinque com a cor de preenchimento para obter o efeito desejado. Em alguns casos, também posso usar um gradiente linear
ou radial simples , se eu quiser que as cores sejam afetadas de forma diferente ao longo do design. Então, estes são os modos Soft Light e Overlay. Se pretender que as cores sejam mais claras, experimente utilizar o modo Ecrã e jogue com diferentes cores mais claras. Ou experimente Multiplicar com cores mais intensas para tornar o seu trabalho mais escuro. Se você quiser experimentar ainda mais, você pode experimentar Difference que pode lhe dar alguns resultados divertidos e inesperados. Lembre-se de que o visual final dependerá das cores usadas no seu design básico e das cores na camada que você está misturando com ele. Então, mesmo se você usar algo como Difference, você pode obter resultados muito diferentes apenas
mudando as cores do objeto que você está misturando, por exemplo, como aqui. Outro truque favorito meu é colocar cópias em camadas do mesmo objeto
e, em seguida, brincar com os modos de mesclagem e as configurações de opacidade para alterar a aparência das cores. Ao contrário da técnica anterior, esta também permite intensificar os gradientes reais e criar uma transição mais divertida, que pode não ser tão fácil de pregar editando as paradas de cor e os pontos médios. E nesses casos eu costumo usar modos Soft Light e Overlay, por exemplo, como aqui. Portanto, essas duas técnicas permitem ajustar a tonalidade, a saturação e o brilho das cores em seus gradientes praticamente em alguns cliques, que as torna super úteis para criar iterações de design ou fazer cores ajustes sem tocar os projetos reais. Mas você também pode aproveitar os modos de mesclagem para criar alguns efeitos de coloração divertidos e é isso que vamos olhar a seguir.
24. Adicionando efeitos de aplicação de cor seletiva: Um truque super útil para adicionar alguns efeitos de coloração e
iluminação emocionantes aos seus designs é usar gradientes de desvanecimento, malhas radiais, de forma livre ou de gradiente com a transparência nas bordas e misturando-os com certas partes em seus projetos. Costumo usar essa técnica para adicionar destaques e definir o Modo de mesclagem como Tela. E use cores brancas ou tons ligeiramente esbranquiçados, por exemplo, como aqui. Você também pode usar essa técnica para adicionar um pop de cor adicional em certas partes de seus designs sem modificar os objetos reais abaixo. E neste caso, você pode explorar diferentes cores e modos de mesclagem para criar o efeito desejado. Esta técnica de usar gradientes de desvanecimento é particularmente útil quando você já está trabalhando com alguns objetos de gradiente, mas deseja adicionar um toque extra ou alterar a transição sem alterar a estrutura e a cor pára nos objetos de gradiente originais abaixo, ou quando você simplesmente não consegue alcançar a aparência desejada modificando as paradas de cor no objeto base. Por exemplo, esse design é basicamente baseado em modos de mesclagem e gradientes
de desvanecimento, como você pode ver na estrutura de camadas aqui. E eu não tenho certeza se seria muito fácil recriar
a mesma aparência usando outros métodos,
por exemplo, usando alguns gradientes de forma livre, mas este foi um experimento super rápido e fácil nos dias anteriores à Forma Livre gradientes existiam, e este design ainda é um dos meus favoritos de toda a série. Então experimente, fique um pouco louco com camadas e mistura diferentes
gradientes de desvanecimento sobre seus designs, e veja quais coisas inesperadas você inventa! Você também pode usar os modos de mesclagem e elementos de gradiente adicionais para criar efeitos de coloração mais complexos, e é isso que veremos a seguir.
25. Criando efeitos de aplicação de cor complexos: Uma técnica um pouco mais complexa é usar máscaras de
recorte e mesclar gradientes de forma livre ou malhas gradiente
com outros objetos baseados em gradiente que têm uma aparência 3D, especialmente com misturas de objetos preenchidos por gradiente, como aqui. Comece criando uma mistura desejada usando as técnicas que compartilhei anteriormente e use gradientes preto a branco para criar o efeito de volume e sombreamento. Em seguida, crie uma cópia da mesclagem, selecione-a e vá para o menu Objeto > Mesclar e selecione Expandir. Em seguida, atribua alguma cor de preenchimento sólida aos resultados da mesclagem, vá para o painel Pathfinder e clique no botão Unir aqui. Você deve ver um caminho na forma de sua mesclagem no painel Camadas. Se estiver acima da mesclagem original, arraste-a logo abaixo do grupo de mesclagem. Agora crie ou traga o gradiente que deseja usar para colorir. Por exemplo, eu tenho esse gradiente de forma livre aqui. Coloque-o abaixo deste caminho e,
em seguida, selecione-os e pressione Command+7 ou Control+7 no Windows, para criar uma Máscara de recorte. Agora vá para o seu grupo de mesclagem, defina seu Modo de mesclagem como Sobreposição, e aqui você tem ele! Agora você pode posicionar o gradiente usado para colorir dentro da Máscara de recorte para ter uma dispersão de cores desejada. Mas quando fizer isso, certifique-se de não mover caminho de
recorte em relação ao grupo de mesclagem. Esta é uma técnica super divertida que muitas vezes uso no meu trabalho para criar efeitos de coloração mais brincalhão. Não hesite em tentar e lembre-se de que você pode usar vários objetos separados e compor juntos, mas tenha cuidado para não criar algo muito complexo que seu computador ou Illustrator não será capaz de lidar. E salve seu arquivo, ou até mesmo faça backup, antes de começar, por precaução. Embora eu goste de usar esta ordem de camadas e combinação de elementos, modos de
mistura e cores no objeto gradiente base, esta não é a única maneira de fazer algo assim, então se você está se sentindo experimental, tente usar cores diferentes em seu objeto base e tente misturá-lo com os gradientes coloridos usando diferentes modos de mesclagem, e veja o que você inventa! Então, estas são mais algumas técnicas para brincar com cores, então experimente e divirta-se desenvolvendo seus designs de gradiente! Em seguida, vamos dar uma olhada em como você pode superar confusão
indesejada e tornar seus gradientes mais suaves.
26. Desfoque de gradientes: Então, às vezes você tenta o seu melhor para criar gradientes suaves, mas por algum motivo eles não são tão suaves quanto você quer que eles sejam. Normalmente, isso acontece comigo quando estou usando os gradientes de forma livre ou malhas de gradiente, e a maneira mais fácil de resolver esse problema é desfocando o gradiente problemático. Por exemplo, aqui eu tenho um grupo com uma malha de gradiente distorcida e um par de gradientes de desvanecimento, e embora seja meio que ok, eu adoraria ser um pouco mais suave. Então vamos criar uma cópia deste grupo
e, em seguida, ter o novo grupo superior selecionado, vá para o menu Efeito > Desfoque. Embora haja um par de efeitos que você pode usar para desfocar seus gradientes, eu acho que o desfoque gaussiano permite alcançar os resultados mais suaves, mesmo que ele requer um par de passos extras depois de aplicar o efeito. Então eu vou mostrar um fluxo de trabalho que eu costumo usar, mas se você quiser, você também pode tentar usar o Desfoque Inteligente e ver o que funciona para você. Então vamos selecionar Borrão gaussiano aqui. Esse efeito é bastante simples e acho que é um pouco mais fácil para o Illustrator
manipular , e há apenas uma configuração aqui, que é o Raio de Desfoque. Então vamos verificar a pré-visualização aqui, e experimentar diferentes valores de raio. Não há tamanho prescrito e vai depender do seu design particular, e para este objeto 75 px olhar muito bom. Vamos pressionar Ok para aplicar alterações. E aqui está olhando muito mais suave. Se você precisar alterar as configurações de desfoque mais tarde, selecione o objeto desfocado e vá para o painel Aparência. Aqui está o seu efeito, e você pode editá-lo clicando duas vezes em seu nome ou ocultá-lo, ou removê-lo completamente. Depois de aplicar o efeito Desfoque, se o objeto de gradiente tiver bordas rígidas, você verá as bordas do objeto desfocadas e o desfoque se espalhará fora dos limites do objeto original. E a razão pela qual eu mantive uma cópia deste grupo abaixo é porque ele permite trazer de volta as bordas duras. Se eu desligar esse grupo não desfocado, você verá que o objeto se espalha suavemente. Assim, ter o original com as bordas duras ajuda a primeiro manter a forma intacta, já que sua forma borrada se misturará com a não desfocada abaixo. E em segundo lugar, você pode usar outra cópia
do objeto original para mascarar tudo o que cai fora da forma. Como eu estou desfocando o grupo, eu preciso criar uma cópia
desta malha de gradiente distorcida aqui, pois ela define a forma geral. E coloque-o acima dos outros dois grupos. Agora, como estou lidando com a malha de gradiente, não
consigo criar uma máscara de recorte com ela. Mas aqui está um truque. Vamos selecioná-lo, preenchê-lo com uma cor branca sólida
e, em seguida, ir para o painel Camadas e adicionar o grupo desfocado à seleção clicando com a tecla Shift pressionada nele. Agora, tendo esse objeto e o grupo selecionados, preciso ir ao painel Transparência e criar uma Máscara de Opacidade, da mesma forma que mostrei anteriormente nesta classe. E é isso. Agora meu grupo desfocado é mascarado e tem bordas rígidas, e junto com o grupo não desfocado abaixo cria um objeto gradiente suave sem qualquer transparência nele. Como estou trabalhando com uma malha de gradiente e tenho um grupo de objetos, este exemplo é um pouco extremo! Então, se você está lidando com formas normais, você pode simplesmente criar Máscaras de Recorte fora delas. Mas tenha em mente essa técnica de usar máscaras de opacidade se estiver trabalhando com malhas de gradiente distorcidas ou objetos criados usando a ferramenta Mesclagem. Então, isso pode parecer um processo complicado, e se você quiser, mas todos os meios, tente usar o Desfoque Inteligente em vez disso, que permite manter as bordas dos objetos desfocadas. Mas acho que geralmente leva muito mais tempo para o Illustrator processar o efeito Desfoque inteligente em comparação com o Desfoque gaussiano, e é mais rápido criar uma máscara. Desfocar gradientes é uma técnica útil, mas não algo que tem que fazer para todos os projetos, então tenha isso em mente para situações em que você realmente precisa tornar seus gradientes mais suaves e não conseguir o visual de outra maneira. E na maioria dos casos, texturizar seus gradientes é suficiente para esconder alguns pequenos problemas gráficos, e isso é o que vamos analisar a seguir.
27. Aplicando texturas em gradientes e designs: Adicionar granulação aos gradientes pode tornar mais fácil reproduzi-los em impressão, e se você estiver usando seus gradientes na textura da tela pode adicionar uma sensação diferente a eles e também ajudar a evitar faixas de cores visíveis. Existem algumas maneiras diferentes de adicionar grãos ao trabalho diretamente no Illustrator, e nesta parte vou compartilhar alguns dos meus métodos favoritos para texturizar designs inteiros baseados em gradiente, bem
como elementos de gradiente separados. O primeiro método de texturização todo o
seu design envolve aplicar o efeito de grão a ele como um grupo, então comece selecionando todos os elementos em seu design e agrupá-los juntos. Em seguida, ter este grupo selecionado vá para o menu Efeito, Textura e selecione Grão. Isso abrirá esta janela na qual você poderá configurar o efeito Grão. Você pode ver como ele fica na visualização aqui, e você pode ampliar e diminuir o zoom para se aproximar da visualização em tamanho real pretendida. Efeito de grão tem alguns controles diferentes. O primeiro a definir é Contraste , uma vez que controla o tom geral da imagem. Melhor mantê-lo ajustá-lo para 50% para manter o contraste na imagem como está. Se você decidir alterá-la, verifique toda a imagem e certifique-se que não há faixas de cores criadas pelas configurações de contraste. Vou definir para 50%. Depois, há a configuração Intensidade que controla a quantidade de grãos adicionados à sua imagem, é bastante simples e você pode ajustá-lo e verificar a visualização até obter o visual desejado. E o mais importante, neste menu aqui você pode escolher entre diferentes tipos de grãos. Eu recomendo usar Regular ou Soft se você quiser ter um grão de cor regular ou ruído, ou Sprinkles se você quiser criar um look desgastado. Quando você alterar o Tipo de grão, certifique-se de ajustar a intensidade de acordo. Existem outros tipos de grãos aqui, mas estes três no topo são os meus favoritos quando se trata de gradientes texturizados desta forma. Você pode alternar a visibilidade do efeito aqui para ver rapidamente o antes e depois, e quando estiver satisfeito com seu grão, pressione Ok aqui para aplicar esse efeito. Agora, se você for para o painel Aparência, você verá o efeito Grão adicionado aos atributos de aparência do grupo. E, como acontece com todos os outros atributos de aparência, você pode revisitar suas configurações clicando aqui. Se o seu grão parecer muito grande, verifique as configurações de Efeitos de Raster do documento. Para fazer isso, vá para o menu Efeito e clique em Configurações de efeitos de raster de documento. E nesta janela defina a resolução para 300 dpi. Se ele estiver definido para 300 dpi, mas o grão ainda parece muito grande, isso se deve ao tamanho do seu design. Meu um aqui é 2000 por 2000 px então o grão é relativamente pequeno. Portanto, se a granulação for muito grande, vá para o painel Transformar, marque Dimensionar traçados
e efeitos e Cantos de escala se você estiver usando algum, para que você não distorça nenhum elemento de design
e, em seguida, dimensione todo o design até o grão é proporcionalmente certo. Aplicar grãos ao design agrupado como um todo é ótimo quando você está trabalhando com gradientes coloridos e quer preservar sua aparência o máximo possível. A única desvantagem dessa abordagem é que ela aumenta drasticamente tamanho
do arquivo e pode levar algum tempo para que o Illustrator processe. Mas precisamos de algum grão, então aqui está um método alternativo que resulta em tamanhos de arquivo menores. Vamos desagrupar rapidamente esse experimento, e como o efeito Grão foi aplicado ao grupo, agora ele foi descartado. Agora vamos criar uma nova camada acima nosso design e criar um retângulo no tamanho do nosso design. Em seguida, precisamos definir o traçado como Nenhum, e vamos definir preenchimento para algum tom escuro de cinza, por exemplo, como este usando esta amostra de cores padrão. Em seguida, mantendo apenas este retângulo selecionado, vamos para o menu Efeito, Textura e novamente escolher Grain. Neste caso, em Grain Type você precisará escolher Stippled. Mantenha o contraste definido como 50 e defina a Intensidade como 10 por enquanto, mas você pode revisitar essa configuração mais tarde, se necessário. Então essa é a nossa configuração de grãos, e nós podemos aplicar o efeito. Depois que o grão foi processado, precisamos mudar o modo de mesclagem deste retângulo. Eu costumo configurá-lo para Overlay ou Soft Light, e depois desligo a Opacidade para cerca de 35%, por exemplo, assim. E aqui vamos nós! Agora você também pode controlar a quantidade de grão alterando a cor de preenchimento deste retângulo. Ou você pode mudar o efeito Intensidade do Grão também, que lhe dará ainda mais controle sobre a aparência da sua textura. Então, embora este grão possa não ser tão complexo ou tão sutil quanto o grão aplicado ao grupo, ele ainda faz o trabalho e faz o design parecer mais texturizado, e aqui está a comparação dos tamanhos de arquivo deste design texturizado usando estes dois métodos, e isso é uma enorme diferença! Então, desde agora você pode ver os prós e contras de ambos os métodos, você pode escolher o que funciona melhor para você em cada caso particular. Então estas são as técnicas para texturizar seus projetos gerais. Mas você também pode usar qualquer um deles para texturar elementos
individuais, e até mesmo variar a quantidade ou o tipo de grão entre eles. Se você quiser adicionar grãos a um elemento como ele é, aplique-o diretamente ao objeto usando o primeiro método que eu compartilhei no início desta parte, e isso é bastante simples. Por outro lado, usar o segundo método é uma técnica mais trabalhosa e avançada, mas pode permitir que você crie alguns efeitos realmente divertidos, especialmente se você estiver trabalhando com elementos que têm alguma transparência neles. Por exemplo, aqui está um gradiente de desvanecimento bastante básico. Para texturizá-lo, vamos começar duplicando este objeto e, em seguida, selecionar sua cópia e ir e aplicar o efeito Grão a ele. Defina o Tipo de grão como Stippled, e não vamos nos preocupar com essas configurações por enquanto e apenas aplicar o efeito. Agora você pode simplesmente alterar o modo de mesclagem e a opacidade
deste objeto para alcançar o efeito de desejo como eu mostrei anteriormente. Ou o que pode ser ainda mais emocionante, mantenha-o como está e, em vez disso selecione este objeto e o original abaixo, e crie uma Máscara de Opacidade a partir deste objeto de grão. Então agora o gradiente abaixo só é visível através do grão, e isso cria um visual gráfico muito divertido. Dependendo das cores em seu gradiente original e da intensidade do grão, você pode querer inverter a máscara ou ajustar as cores no gradiente que tem o efeito Grão aplicado a ela. Ou altere o efeito Intensidade do Grão. Então, usando esta técnica, você pode criar alguns gradientes
granulados divertidos e colocá-los um sobre o outro. Basta ter em mente que a aplicação do efeito Grain a vários elementos em seu trabalho vai diminuir o fluxo de trabalho, pois leva um tempo para processar as alterações feitas, e também aumenta o tamanho do arquivo. Então, essas são as diferentes técnicas para desenvolver e aprimorar seus gradientes e designs baseados em gradiente, e você pode misturá-los uns com os outros ao finalizar suas obras de arte baseadas em gradiente, então não se esqueça de dar uma chance a eles! E a seguir, vamos dar uma olhada na criação de diferentes tipos de ativos de gradiente para acelerar seu fluxo de trabalho ou compartilhá-los com o mundo.
28. Recursos de gradiente: introdução: Ter uma variedade de recursos gráficos à mão é super útil para experimentar coisas diferentes, e permite que você recrie elementos que você tende a usar em seu trabalho em nenhum momento, e geralmente ajuda a começar e fazer as coisas de forma mais fácil e rápida. Quando se trata de gradientes,
os ativos que você pode criar incluem amostras de cores e gradientes, pincéis de
gradiente e estilos gráficos. E tudo isso você pode criar e usar você mesmo, compartilhá-los com amigos, ou até mesmo vender como produtos digitais. Vamos começar com algumas dicas e truques para criar e gerenciar amostras de gradiente.
29. Criando e gerenciando amostras de gradiente: No início da aula criamos algumas amostras de cores para
facilitar a utilização de diferentes cores em gradientes. De forma semelhante às amostras de cores sólidas, você pode criar amostras de gradiente para adicionar rapidamente gradientes de
preenchimento ou traçado aos elementos do trabalho artístico. Amostras de gradiente podem ser criadas a partir de gradientes lineares e radiais configurados através do Painel de gradiente, mas não podem ser baseadas nos gradientes de forma livre e contêm apenas informações de cores, mas não levam em conta a posição, ângulo ou proporção dos gradientes especificados com a ferramenta Gradiente. Esse tipo de atributos, bem como os gradientes de Forma Livre, podem ser salvos e recriados usando os Estilos Gráficos, que serão vistos na próxima parte. Mas, no entanto, amostras de gradiente simples são provavelmente os ativos de gradiente mais usados. Para criar uma amostra de gradiente a partir de um objeto que tenha um preenchimento de gradiente ou um traçado de gradiente aplicado a ele, selecione esse objeto com a ferramenta Seleção e certifique-se de que, no painel Ferramentas o atributo que tem um gradiente aplicado a ele está no topo. Em seguida, vá para o painel Amostras e clique no botão Nova amostra aqui. Dê um nome à amostra e clique em Ok. A amostra de gradiente será adicionada às amostras principais aqui, e agora você pode aplicá-la a quaisquer preenchimentos ou traçados. Se você tem o hábito de criar amostras arrastando objetos para o painel Amostras, ele não funcionará com gradientes, pois isso
criará uma amostra padrão e não a amostra de gradiente. Para criar facilmente várias versões de cores de suas amostras de gradiente, você pode criar uma forma com a amostra base aplicada a ela e, em seguida, usar a ferramenta Recolour Artwork e qualquer uma das técnicas de coleta que compartilhei com você anteriormente em nesta classe. Por exemplo, alterne entre cores diferentes do grupo de cores escolhido. E então, quando você aplicar as alterações de coleta à sua forma que tinha uma amostra de gradiente existente aplicada a ela, uma nova amostra será adicionada automaticamente ao painel Amostras. Isso também funcionará se você tiver várias amostras de gradiente aplicadas ao seu design e depois o recolherá usando a ferramenta Recolour Artwork. Assim, recolhendo obras de arte com amostras de cores existentes você pode criar rapidamente uma gama de amostras de gradiente que seguem o mesmo princípio, mas usam cores diferentes. As amostras de gradiente não podem ser trocadas entre aplicativos diferentes
e, mesmo que você adicione um gradiente à Biblioteca da Creative Cloud ,
ele o adicionará apenas como um gráfico e não como uma amostra de gradiente. Às vezes, isso é útil, mas é sempre melhor salvar amostras de gradiente e as cores usadas nelas na mesma biblioteca de amostras. Para salvar uma biblioteca de amostras, primeiro remova as amostras que você não deseja que apareçam na nova biblioteca. Em seguida, vá para este menu no canto superior direito do painel Amostras e selecione Salvar Biblioteca de Amostras como AI se você planeja usá-la somente no Illustrator, ou selecione Salvar Biblioteca de Amostras como ASE se
quiser usar cores do sua biblioteca em outros programas da Adobe. Dê um nome à biblioteca de amostras e clique em Salvar. Se você não especificar o contrário, sua biblioteca do Swatch será salva na pasta do Illustrator
e, para carregá-la no futuro, você poderá acessar o mesmo menu, selecionar Abrir biblioteca amostras e localizá-la na Seção Definida pelo Usuário aqui. Para facilitar a localização do arquivo de amostra e compartilhá-lo sem entrar nas profundezas das Bibliotecas da Adobe, considere salvar uma cópia de backup em outro lugar. Por exemplo, eu salvo minhas amostras em uma pasta na Creative Cloud, que torna super fácil encontrar as amostras, e é assim que Dominic e eu compartilhamos nossas amostras entre nossos vários dispositivos. Portanto, considere criar várias amostras de gradiente e
salve-as como uma nova biblioteca de amostras. E divirta-se usando-os em seu trabalho! Uma amostra criada a partir de um preenchimento de gradiente e de um traçado de gradiente que tenham as mesmas configurações de controle deslizante de tipo e gradiente parecerão exatamente as mesmas e nenhuma outra propriedade será realizada através da amostra de gradiente. Portanto, se você quiser replicar configurações de gradiente
mais avançadas, como posição de gradiente, ângulo e escala de gradientes de preenchimento ou diferentes tipos de gradientes de traçado, será necessário usar Estilos de Gráfico. E é isso que vamos olhar a seguir.
30. Criando estilos gráficos: Além de criar amostras básicas de gradiente, você pode salvar todas as configurações de aparência de
seus objetos preenchidos com gradiente ou traçados como Estilos de Gráfico, que podem incluir vários preenchimentos, vários traçados e gradiente de Forma livre preenche. Os estilos de gráfico são mantidos no painel Estilos de gráfico, que você pode abrir no menu Janela. Para adicionar um novo estilo de gráfico ao painel Estilos de gráfico, basta selecionar o objeto com os atributos de aparência desejados e clicar no botão Novo estilo de gráfico no painel Estilos de gráfico. Isso levará todos os atributos de aparência que você pode ver
no painel Aparência, bem como todas as configurações de gradiente específicas, e os colocará em um estilo que agora pode ser aplicado a qualquer outro objeto. Para aplicar um Estilo de Gráfico, selecione o objeto ao qual deseja aplicá-lo e selecione o Estilo de Gráfico desejado aqui. Isso substituirá os atributos de aparência do objeto pelos atributos salvos no Estilo Gráfico. Alternativamente, se você Alt+clicar no Estilo Gráfico aqui, ele mesclará os atributos salvos como um Estilo Gráfico com os atributos de aparência existentes do objeto selecionado. Assim, você pode adicionar atributos extras, por exemplo, um efeito Grão, além de tudo o que você tem aqui. Para criar rapidamente diferentes versões de cores de seus estilos de gradiente, colete objetos com os estilos de base desejados usando a ferramenta Recolour Artwork, exatamente como mostrei a você em relação às amostras de gradiente. Embora ao contrário da coleta de amostras, quando você aplica alterações, um novo estilo não será adicionado automaticamente ao painel Estilos de gráfico,
portanto, você precisará adicionar cada novo estilo manualmente. Para usar os estilos criados posteriormente em outros projetos ou compartilhá-los, você precisará salvar seus estilos gráficos como uma biblioteca separada. Novamente, remova todos os estilos que você não deseja estar em sua nova biblioteca e vá para o menu aqui. Da mesma forma que com as Amostras, salve sua Biblioteca de estilos gráficos na pasta
do Illustrator e mantenha um backup em outro lugar. Para carregar seus Estilos de Gráfico no futuro, vá para este menu, selecione Abrir Biblioteca de Estilos de Gráfico e encontre sua biblioteca na lista
na seção Definido pelo Usuário ou em outro lugar do computador. Portanto, considere criar uma série de Estilos Gráficos com base em seus experimentos, especialmente se eles envolvem
vários preenchimentos , vários traços e efeitos, pois eles vão economizar muito tempo e torná-lo super fácil recriar certos efeitos e aparências. Você pode ver um exemplo de como eu uso estilos gráficos para acelerar meu fluxo de trabalho e
criar rapidamente uma gama de diferentes elementos de gradiente de traçado
no vídeo do processo de timelapse bônus no final desta classe. Em seguida, vou compartilhar com você uma técnica para criar pincéis de
gradiente e algumas dicas para usá-los em seu trabalho.
31. Criando pincéis de gradiente: pincéis de gradiente são outro tipo de ativos de gradiente, e você pode usá-los para estilizar traçados em seus designs se você não tiver acesso
ao recurso de gradiente de traçado ou se estiver em uma abordagem mais semelhante à pintura e quer ser capaz de preencher rapidamente a sua composição com traços de gradiente. Você pode criar pincéis de gradiente com gradientes ao longo e ao longo do traçado, e vamos começar com o primeiro. pincéis de gradiente são construídos sobre misturas suaves entre formas em cores diferentes,
portanto, para criar um pincel de gradiente, você precisará começar criando duas ou mais formas cheias de cores sólidas. Vou usar esses aqui, e você pode baixar esse arquivo dos recursos
da classe para começar rapidamente com seus pincéis. Para criar pinceladas com extremidades arredondadas, você precisará usar círculos. E para ter extremidades quadradas ou para poder usar seu pincel em caminhos fechados, você precisará usar quadrados. Importante, certifique-se de que todos os objetos são do mesmo tamanho e mantenha-os em 1 px, 1 pt ou 1 mm, dependendo das unidades que você estiver usando. Então você precisa ser ampliado em um pouco para ser capaz de ver tudo. Alinhe as formas umas com as outras horizontalmente
, crie uma Mesclagem entre elas e verifique se ela está definida como Cor Suave. Se necessário, jogue com as cores ou substitua-as pelas amostras para criar um gradiente desejado. Quando você estiver satisfeito com o gradiente criado em sua Mistura, abra o painel Pincel.
Se ele não estiver em sua área de trabalho, Se ele não estiver em sua área de trabalho você poderá encontrá-lo no menu Janela. E, em seguida, arraste sua mistura para este painel. Solte o botão do mouse quando o sinal de adição aparecer
e, neste menu, que aparecerá selecione Pincel artístico e clique em Ok. Na janela Opções do pincel artístico selecione Esticar para ajustar o comprimento do traçado. Defina Direção para ao longo do caminho, da esquerda para a direita. Nas opções aqui selecione Ajustar cantos e dobras para evitar sobreposições. Você não precisa fazer mais nada com o resto das configurações, mas você pode conferi-las você mesmo, se quiser. E agora, vamos clicar em OK para criar esse pincel. Depois de criar um pincel, você pode criar qualquer caminho e aplicar seu pincel a ele. O peso do traçado agora pode ser controlado usando o painel Traçado da maneira usual. E se você tivesse objetos de 1 px, 1 pt ou 1 mm em sua mistura, o peso do traçado do pincel corresponderá ao que você especificar aqui. Para criar um pincel com um gradiente ao longo do traçado, você precisará criar um gradiente vertical misturando dois ou mais retângulos ou segmentos de linha juntos, por exemplo, como estes aqui. Em seguida, arraste essa mesclagem para o painel Pincel e repita as mesmas etapas. Certifique-se de que, se as cores do seu gradiente mudarem verticalmente, a direção do pincel aqui está definida para a esquerda para a direita. E este é o seu pincel de gradiente com o gradiente ao longo do traçado. Você pode aplicá-lo a quaisquer traços, mas tenha em mente que se você tiver traços sobrepostos, você terá esse efeito que pode não ser o ideal. Depois de configurar algumas combinações diferentes para serem usadas como base para seus pincéis de gradiente, você pode criar vários pincéis de gradiente em cores diferentes. Para fazer isso, altere as cores dos objetos que formam suas misturas usando suas amostras de cores ou usando a ferramenta Recolour Artwork. E, em seguida, crie um novo pincel a partir de cada versão. Em comparação com os gradientes de traçado que analisamos anteriormente nesta classe, quando você usa pincéis não é possível utilizar totalmente todas as opções disponíveis no painel Traçado, além da Peso do traçado e do Perfil do traçado. Por exemplo, você não pode usar as linhas tracejadas corretamente, pois o Illustrator trata todas as partes do traçado do pincel como um objeto separado para colorir. Além disso, você não pode alterar o Estilo da tampa usando essas configurações, pois as extremidades dos traçados de pincel são determinadas
pelas formas na mesclagem nas quais o pincel é baseado,
portanto, mesmo que você altere o estilo aqui, nada acontecerá. Por esta razão, para cada gradiente eu costumo criar dois pincéis: um baseado em círculos, para que eu possa ter tampas redondas, e outro baseado em quadrados para imitar tampas de
Butt e ser capaz de usar meus pincéis com caminhos fechados. Se você estiver criando pincéis com base em círculos e quiser ter tampas redondas
perfeitas em vez de esticadas ou esmagadas como esta, você também pode ir para as configurações do pincel e em vez de esticar para ajustar comprimento do traçado aqui selecione Esticar entre guias. Em seguida, mova as guias um pouco para dentro em ambos os lados além do ponto em que o traçado do pincel entra nos semicírculos, assim. Clique em Ok e, se o pincel já estiver sendo usado, selecione Aplicar aos traçados para atualizar a aparência do pincel no trabalho artístico existente. Geralmente, pincéis como este são melhor usados com caminhos abertos, e com caminhos fechados você pode obter algo assim em vez disso. Mas novamente com um pouco de truques você pode mudar os pontos finais dos cantos e fazer seu pincel gradiente seguir a forma corretamente. Para fazer isso, selecione a ferramenta Caneta e adicione um novo ponto em algum lugar no meio de qualquer
segmento, mais longe de quaisquer torções ou mudanças de direção. Em seguida, escolha a ferramenta Seleção direta, selecione este ponto no caminho e corte o caminho neste ponto de ancoragem. Em seguida, selecione o objeto com a ferramenta Seleção e pressione Command+J ou Control+J no Windows para fechar o caminho. E aqui você tem! É o mesmo princípio que o que eu mostrei anteriormente na parte sobre a criação de gradientes ao longo do traçado. E se você quiser ter um gradiente em loop, você precisará criar um pincel de arte de gradiente que tenha as mesmas cores em ambas as extremidades, por exemplo, como este. Se você estiver atrás de caminhos traçados simples e apenas usar pincéis de gradiente como uma solução alternativa, você pode usar qualquer ferramenta de desenho de sua escolha, como Caneta, Lápis ou Pincel ou aplicar Pincéis a formas. Mas a diversão começa quando você usa a ferramenta Pincel e configura seu pincel de gradiente junto com o peso do traçado e, mais importante, o perfil do traçado. Depois de configurar as configurações de pincel e traçado, todos os traços de pincel a seguir serão criados
no mesmo estilo, até que você altere as configurações de pincel ou traçado. Desta forma, você pode desenhar rapidamente e facilmente um monte de traços personalizados do peso e formas desejados. Esta é praticamente a única maneira que eu uso pincéis de gradiente e você pode assistir como eu usei pincéis de gradiente para criar essa ilustração no vídeo bônus no final desta classe. Para salvar um conjunto de pincéis de gradiente como uma biblioteca, comece selecionando e excluindo os pincéis
padrão que você não deseja incluir na biblioteca. Em seguida, vá para o menu no canto superior direito do painel Pincéis e selecione Salvar biblioteca de pincéis. Como de costume, dê um nome à biblioteca de pincéis e clique em Salvar. Da mesma forma que com as amostras e estilos de gradiente, salve seus pincéis na pasta do Illustrator para ter acesso
rápido a eles por meio deste menu e da seção Definido pelo Usuário e salve-os em outro lugar para compartilhamento. Então é isso para criar diferentes tipos de ativos de gradiente. E, em seguida, podemos passar para dicas para exportar seus projetos de gradiente para uso na tela e na impressão.
32. Preparando seu trabalho para produção: Enquanto tecnicamente no Illustrator você pode trabalhar em qualquer lugar da área de trabalho durante a experimentação, quando se trata de preparar seu trabalho para a produção, você precisa ter certeza de que a arte ou o design que deseja exportar é colocado em um prancheta do tamanho apropriado para caber nela. Você pode ajustar as configurações da prancheta usando a ferramenta e alterar seu tamanho ou posição no Painel de controle aqui. Para se certificar de que tudo é exportado corretamente, certifique-se de que a prancheta não contém quaisquer valores decimais no tamanho dos campos de posição. Se você fez alguma alteração no tamanho ou posição da prancheta, redimensione seu design de acordo e realinhe-o para a prancheta, para que ele seja colocado corretamente e, se necessário, cubra todo o formato, por exemplo, aqui. Quando isso for feito, certifique-se de salvar o documento de IA que contém o trabalho final. Em seguida, dependendo do que você deseja fazer com seu design em seguida, você pode exportá-lo de algumas maneiras diferentes. Vamos começar com algumas dicas para exportar seu trabalho para uso digital e imprimir em RGB.
33. Salvando seu trabalho em RGB: Para exportar seu trabalho para uso digital ou para impressão através de serviços de impressão sob demanda que aceitam arquivos em RGB, vá para o menu Arquivo, Exportar, Exportar como. Na caixa de diálogo Exportar ,
escolha onde deseja que seu trabalho seja salvo e dê um nome descritivo ao arquivo aqui. Em seguida, defina o formato para JPG, se você quiser criar arquivos menores para compartilhamento on-line, ou PNG se você quiser ter melhor qualidade de imagem ou usar alguma transparência em seu design. Em seguida, selecione pranchetas que deseja exportar. Mesmo que você tenha apenas uma prancheta no documento, você ainda precisa especificar o número da prancheta aqui. Quando estiver pronto, clique em Exportar para continuar. Se você estiver exportando um JPG, na próxima janela de opções,
selecione o modo de cor RGB, defina a qualidade como Máximo se estiver exportando para impressão de para uso digital de alta qualidade e escolha a resolução desejada. Geralmente exporto tudo a 300 dpi para começar para ter arquivos RGB prontos para impressão de alta resolução
e, em seguida, redimensionar esses arquivos raster no Photoshop para compartilhá-los online. Exportar a 300 dpi leva muito mais tempo e produz arquivos consideravelmente maiores,
portanto, se você quiser exportar seu trabalho e carregá-lo rapidamente on-line, você pode escolher 72 dpi em vez disso. Se você quiser exportar seu trabalho a 72 dpi e compartilhá-lo em mídias sociais ou em seu projeto Skillshare, certifique-se de que o tamanho da prancheta e do design seja de pelo menos 1200 px em seu lado mais curto para evitar que ele seja redimensionado e pixelado ao fazer o upload. Depois de definir a resolução desejada, certifique-se de selecionar a suavização de borda otimizada para arte para exportar gradientes suaves e evitar bordas
ásperas, espaços entre os caminhos e outros artefatos gráficos. E incorpore o perfil sRGB padrão para garantir que suas cores sejam exibidas corretamente. Se você estiver exportando um PNG, selecione a resolução desejada, defina
também a suavização de borda como Art Optimized e
defina a Cor de fundo como Transparente se
houver áreas transparentes ou não 100% opacas em seu design. Quando estiver pronto, clique em OK para exportar seu trabalho. E você está pronto para compartilhar seu trabalho online ou enviá-lo para impressão em RGB. Em seguida, vamos dar uma olhada na conversão de seus designs de gradiente para impressão em CMYK.
34. Convertendo para CMYK e salvando seu trabalho para impressão: uso de gradientes no trabalho para impressão sempre foi desaprovado pelos técnicos de
impressão, pois eles acreditam que os gradientes não são bem impressos. Claro, depende do equipamento, mas também depende muito de quais gradientes você usa em seu trabalho, que já cobrimos. Se você estiver trabalhando no RGB, agora é hora de salvar uma cópia do documento, para que você não faça alterações no arquivo original no RGB. Em seguida, converta esta cópia para CMYK indo para o menu Arquivo, Modo de Cor
do Documento e escolhendo CMYK. Neste ponto, você pode notar todas as suas cores ficando mais claras. Isto é normal. Se você usou cores globais em seu trabalho, que deveria ter, agora você pode passar por elas e ajustá-las, se necessário. Clique duas vezes na cor que deseja editar e, na janela Opções da amostra, escolha o modo CMYK. E então vá e ajuste os valores aqui. Lembre-se de que o que você vê na tela não é necessariamente a aparência do seu trabalho quando impresso,
então, sempre que possível, entre em contato com sua gráfica e produza impressões de teste, especialmente se você estiver planejando uma grande impressão. Vá embora todas as cores usadas no documento que precisam ser ajustadas. E se você tiver um guia de cores, por exemplo, um Pantone Colour Bridge, você pode referenciá-lo para os valores CMYK específicos para as cores desejadas. E quando estiver pronto, vá para o menu Arquivo, Exportar, Exportar Como e definir o formato como TIFF, já que os gradientes rasterizados têm mais chances de serem bem impressos. Selecione novamente a prancheta que deseja exportar e clique em Exportar. Na próxima janela definir modelo de cor para CMYK, e resolução para 300 dpi. Em seguida, certifique-se de que a suavização de serrilhado otimizada para Arte está selecionada aqui. Marque a Compressão LZW se quiser produzir arquivos menores. Se tiver instalado e utilizado o perfil de cor utilizado pela sua impressora, poderá incorporá-lo aqui. Alternativamente, incorpore o perfil padrão ou mantenha-o desmarcado e fale com a sua gráfica. Pressione OK, e você está pronto!
35. Considerações finais e conclusão: Gradientes podem ser aplicados a tantos elementos diferentes em todos os tipos de desenhos, ilustrações e obras de arte, e eu mal posso esperar para ver como você decide usá-los em seu trabalho! Uma vez que os gradientes são sobre as cores, explore como as cores diferentes funcionam juntas e se divertem. E lembre-se de todas as regras técnicas para criar bons gradientes que eu abordei no início desta aula. Você não precisa necessariamente criar gradientes super brilhantes, há muitas outras opções dependendo do que você deseja alcançar, então experimente e confira minha placa Gradients Pinterest para inspiração. Também não hesite em conferir meus projetos de Gradient Studies no Behance para ver todos os meus projetos de gradiente em detalhes. Eu amo o uso de gradientes em combinação com formas geométricas, e se você também ama projetos geométricos, certifique-se de verificar minha outra classe Mastering Illustrator Ferramentas & Técnicas para a criação de projetos geométricos com base em grade. Ficarei super animado para ver seus experimentos de gradiente no projeto para esta aula! Portanto, não se esqueça de compartilhar seu trabalho na guia Projetos e recursos aqui. 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! Então, isso é tudo para esta aula! Espero que tenha gostado e aprendido algo novo. Se você achou esta aula útil, deixe um comentário para que mais pessoas possam descobrir! 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. 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! Também não hesite em verificar e 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 na nossa galeria Student Spotlight! Obrigado por assistir a esta aula, e espero vê-lo em nossas outras aulas!
36. Bônus: criação de design orgânico em camadas:
37. Bônus: criação de ilustração de vetor com pincéis de gradiente:
38. Bônus: criação de ilustração vetor com gradiente de preenchimento e traçado: