Transcrições
1. Introdução: Somos DKNG Studios que significa DK, Dan Kuhlken; NG, Nathan Goldman. Somos um estúdio de design baseado na Califórnia. Nesta aula, vamos dar uma olhada em nossas 10 dicas, truques
e técnicas favoritas para o Adobe Illustrator e como os usamos para tornar nosso fluxo de trabalho mais eficiente. Esta é a nossa quarta classe em Skillshare. Temos três aulas antes disso, que são um pouco mais do lado mais longo. Mas este é um pouco mais direto ao ponto. Essa classe é para qualquer pessoa que queira melhorar sua capacidade de usar o Adobe Illustrator. Se você está apenas começando ou se você é um profissional trabalhando, vamos tentar cobrir uma variedade de técnicas diferentes que irão ajudá-lo em qualquer aspecto do design vetorial com um ilustrador. Nesta classe, você aprenderá uma variedade de técnicas, desde atalhos de teclado
simples para criar diretrizes personalizadas, até técnicas mais complexas, como criar três dimensionalidades e Adobe Illustrator e usar máscara de opacidade para criar mais realismo em seu trabalho. Para o projeto desta classe, pedimos que você dê uma olhada nessas 10 dicas e truques e escolha uma ou mais para tentar com seu próprio trabalho e depois compartilhar com seus colegas. Para cada truque e técnica nesta classe você pode aplicá-lo a um novo projeto ou aplicá-lo ao seu trabalho existente. A ideia é que uma vez que você aprenda estes, eles começarão a se tornar uma segunda natureza e você os terá em sua caixa de ferramentas para usar em qualquer projeto que avance. Vamos compartilhar nossa abordagem a essas dicas e técnicas, mas realmente queremos que você compartilhe como está usando-as na Galeria de Projetos. Por favor, compartilhe capturas de tela, imagens de como você está usando essas dicas em seu próprio trabalho e se você tem sugestões sobre como outros alunos podem melhorar seu fluxo de trabalho ou você tem suas próprias dicas semelhantes, fique à vontade para compartilhar essas dicas no Projeto Galeria também. Nossas aulas prosperam em colaboração e essa aula não é diferente, então encorajamos você a compartilhar seu trabalho e, sem mais delongas, vamos começar.
2. Como salvar rápido para a Web: Então, para começar as coisas, esta primeira dica é rápida e fácil que
também vai ajudar a compartilhar seu progresso através do resto das nove dicas da classe. Para isso, vamos olhar para um projeto que você está pronto para compartilhar com um cliente, receber feedback ou até mesmo compartilhar e postar na galeria do projeto aqui. Como você deve saber, uma maneira de exportar rascunhos de um projeto do Illustrator é usar o recurso Exportar. Infelizmente, isso não tem um atalho de teclado e também requer que você especifique suas configurações, seu tipo de arquivo cada vez que você usá-lo. Então, uma coisa que começamos a fazer é usar o recurso Salvar para Web no Illustrator, e o atalho de teclado para isso é comando, opção ,
shift, S. São várias teclas, mas vamos mostrar-lhe como fazer isso. Ele traz esta caixa de diálogo, Salvar para Web. Você verá que tem várias predefinições aqui que você pode escolher. Você pode até criar sua própria predefinição se souber que deseja que sua imagem esteja em uma resolução específica cada vez que compartilhá-la. Então, neste exemplo, eu vou usar JPEG High. Ainda é um arquivo pequeno o suficiente para que eu possa enviá-lo por e-mail para o meu cliente ou compartilhá-lo na Galeria de Projetos Skillshare. Então, quando eu estiver feliz com minhas configurações aqui, eu vou clicar em Salvar, e isso também me dá a oportunidade de salvar um número adicional. Como você pode ver, eu tenho essa pasta de rascunhos com muitos, muitos rascunhos nela. Então, eu vou chamar este skillshare_1, guarde isso. Agora, estamos de volta ao nosso arquivo, e foi tão fácil assim. Agora posso compartilhar esse arquivo on-line, na classe, ou enviá-lo para o meu cliente dependendo do caso.
3. Usando cores globais: Então, ao trabalhar no Illustrator, digamos que você esteja no processo de criar algo e precise mudar uma cor, uma maneira fácil de fazer que a maioria das pessoas geralmente usa é selecionar algo e, digamos, selecionar a mesma cor de preenchimento. Então você tem tudo selecionado e você seria capaz de mudar essa cor. Uma maneira mais fácil seria talvez usar a ferramenta varinha. Mesma coisa, você pega essa cor e então você pode mudá-la. Mas isso pode ser um pouco tedioso se você tem, digamos, sete cores e você está tentando mudar cada uma individualmente. Então, nós realmente descobrimos uma maneira ainda mais eficiente de mudar as cores e, digamos, você tem em seu arquivo tudo, desde um preenchimento, você tem algo usando um traçado, você tem um gradiente usando essas duas cores, você tem em seu arquivo tudo, desde um preenchimento,
você tem algo usando um traçado,
você tem um gradiente usando essas duas cores,
têm um padrão personalizado usando a nova cor, você pode até ter coisas usando transparência. O que você faria, digamos, você está no processo de criar algo com o qual você já fez 10%, você pode começar a pegar tudo o que você criou e continuar criando um novo grupo de cores na sua paleta da Swatch. Nesta área, você pode nomear o que quiser, mas você precisa se certificar de que o trabalho artístico selecionado seja convertido em cores globais. O que vai acontecer é que a pasta é criada automaticamente na sua paleta do Swatch. Então, depois disso, você pode realmente clicar duas vezes nessas cores e alterá-las imediatamente. Então, digamos, eu quero mudar a tela. Basta clicar duas vezes nele, ativar a visualização e começar a mudar. Você pode fazer isso para cada cor e realmente não importa como ele está sendo usado em seu arquivo. Pode ser um padrão. Poderia ser uma transparência. Pode estar em um gradiente. Você não seria capaz de fazer isso com o outro processo que acabei de lhe mostrar. Só para mostrar como usaríamos em nossos próprios arquivos, vindo de um fundo de serigrafia, queremos poder não só limitar nossas cores, mas ter a flexibilidade de mudá-las rapidamente. Então, nesta ilustração, nós realmente temos um grupo já criado usando cada cor e se eu quisesse mudar o bronzeado, eu poderia apenas mudá-lo para que fosse como a cor do papel, por exemplo. Se eu quisesse mudar todos os amarelos, clique duas vezes na cor e comece a brincar. Dá-lhe muito mais liberdade e você pode fazer as coisas muito mais rápido. Então, resumindo, isso é praticamente, tanto quanto sabemos, a maneira mais rápida de mudar sua paleta de cores em alguns cliques, enquanto antes, provavelmente teria levado vários cliques e muito mais tempo. Desta forma, você pode fazer seus projetos muito mais rapidamente.
4. Como criar linhas-guia personalizadas: Então, muitas vezes usamos diretrizes em nosso trabalho como uma forma de criar estrutura e uma grade, e a maneira típica de fazer isso é certificar-se de que suas réguas estão ativadas. Então, comande R para certificar-se de que as réguas estão ativadas. Em seguida, você pode arrastar a partir da régua horizontal ou vertical para adicionar diretrizes ao arquivo. Mas pode haver situações em que você não quer apenas guias verticais ou horizontais, você quer criar algo um pouco mais personalizado. Em um arquivo como este, que era um par de pôsteres nerds para 311, sabíamos que queríamos ter alguma simetria e os dois lados do cartaz se espelham. Então, uma maneira de verificar nosso trabalho é, por exemplo, eu posso pegar esse padrão de onda no lado direito e eu vou usar opção e deslocamento para arrastar isso para o outro lado do meu cartaz, e então eu vou apenas usar a ferramenta de reflexão para criar uma imagem espelhada. Agora, eu tenho isso apenas como uma forma flutuando no meu arquivo, mas o que eu posso fazer é usar o atalho de teclado, comando cinco, ou também está no seu menu de exibição, comando cinco é fazer guias. Como você pode ver, agora, eu transformei essa forma de onda em uma diretriz e este é agora um elemento não impresso que eu posso apenas usar para desenhar uma nova forma do zero,
ou, neste caso, usá-lo para verificar meu trabalho e ter certeza de que ambos meus arquivos têm um tamanho e forma semelhantes a eles. Uma outra coisa a ter em mente com esta ferramenta é que uma vez que eu apertei o comando cinco, ele removeu essa forma quando a transformou em um guia. Então, se você ainda quer que a forma esteja em seu arquivo, certifique-se de que você copie e cole no lugar, que você pode fazer com o comando C e o comando F. Eu agora posso pegar a cópia dele, apertar o comando cinco para fazer guias, e eu ainda têm a forma viva vivendo exatamente no mesmo lugar. Então, essa é outra maneira de criar diretrizes
além das linhas horizontais e verticais típicas se você quiser trabalhar com um arquivo com formas
personalizadas e trabalhar com diretrizes em vez das próprias formas. Então, este é um exemplo de usar diretrizes personalizadas como uma forma de criar um design simétrico e verificar seu trabalho, mas as maneiras como você pode usar diretrizes personalizadas são realmente infinitas. Se você estiver fazendo uma série e quiser
ter certeza de que o tamanho e a forma são consistentes ao longo da série, você pode usar seu primeiro design e, em seguida, usá-lo para criar um conjunto de diretrizes para cada forma subseqüente. Você também pode usá-lo para criar grades
consistentes que podem não ser uma grade perfeita de 90 graus, vários ângulos, mesmo se você estiver entrando em tridimensionalidade como uma grade isométrica. Esta é uma boa maneira de criar um visual muito personalizado e também certificar-se de que ele tem consistência em todo o seu projeto.
5. Trabalhando com Cantos Ativos: A nova ferramenta de cantos dinâmicos do Illustrator CC é uma melhoria em seu efeito de canto arredondado, que costumava ser uma maneira de aplicar cantos arredondados a cada parte de um objeto. Mas com este novo recurso de cantos ao vivo, temos um pouco mais de controle e eu vou usar este logotipo que criamos como um exemplo. Você pode ver no tipo de letra superior aqui, ele já tem cantos arredondados aplicados a este tipo de letra e para o nosso subtítulo abaixo, nós vamos aplicar um olhar semelhante. Este texto ainda está ao vivo agora, então eu vou, no meu menu de tipos, criar contornos que também podem ser feitos com o atalho de teclado: comando, shift, O. Só para mostrar um exemplo da diferença entre este novo e o antigo efeito de cantos arredondados, aqui no menu Efeitos, está em Estilizar, Cantos arredondados. Se visualizarmos isso, você pode ver que ele vai aplicar esse canto arredondado a cada canto nesta forma e nos
dar um olhar estranho e não é exatamente isso que estamos indo para. Então, em vez disso, vamos entrar e começar a agarrar esses nós de canto individualmente usando nossa seta branca. Você verá que à medida que adicionarmos cada vez mais, ele está adicionando esses pequenos ícones em forma de alvo ao lado de cada canto. O que podemos fazer agora é arrastar estes e que irá arredondar esses cantos, mas ao contrário do efeito que fizemos antes, isso é apenas aplicar o arredondamento para os cantos que selecionamos para que possamos deixar esses cantos internos no contador do A intocado. Então, isso está parecendo muito bom. Então agora, o que eu vou fazer é selecionar esses cantos novamente, clique duas vezes neste alvo, e ele vai trazer esta caixa de diálogo sobre os cantos. Podemos fazer diferentes tipos de cantos, mas também está
nos dizendo o raio dessa borda arredondada em particular. É 0.02. Então agora, eu vou passar para a minha próxima letra, o U, e também o S, e começar a selecionar alguns desses cantos exteriores e o que eu posso fazer agora é clicar em, digitar 0,02, e ele vai combinar esse efeito de arredondamento para esses cantos. Posso prosseguir através destas letras usando essa técnica
até que todas tenham o visual arredondado que quero combinar com o nosso outro tipo de letra. Apesar de usarmos essa técnica principalmente para o tipo, ela também pode ser usada em outras áreas. Por exemplo, este tipo de efeito pingando tinta
nesta parte do logotipo também foi criado usando esses cantos ao vivo, e apenas um exemplo, posso mostrar que foi assim que começamos com esses triângulos pontiagudos. Mas como tudo permanece vivo, é fácil entrar e ajustar rapidamente, pois
queremos adicionar ou remover essas bordas arredondadas às nossas formas. Então, como você pode ver, esta é uma ferramenta muito poderosa. Ele não é usado apenas para o tipo, é realmente em qualquer lugar que você deseja discar em um canto radiado específico em qualquer lugar do seu projeto. Com esta nova ferramenta, você tem muito mais controle na identificação de apenas os cantos que deseja efetuar.
6. Focando em camadas: Então, segmentar camadas é uma técnica que usamos bastante quando estamos começando em um novo arquivo do Illustrator. Nosso fluxo de trabalho típico é que vamos criar um esboço primeiro, mesmo que seja apenas interno. Em alguns casos, conseguimos que um cliente aprove um esboço primeiro, mas em ambos os casos, essa será a primeira coisa a fazer, é importar esse esboço para o ilustrador. Neste caso, este é um rótulo para um design de garrafa. Um método que usamos no passado que encontramos não era tão eficiente quanto o que estávamos procurando, é basicamente ter nosso esboço na camada superior e ter o próprio esboço com a transparência da multiplicação, e então começamos a desenhar na camada abaixo. A razão para fazer isso seria para que você possa ver seu trabalho enquanto o está criando. Então, por exemplo, se eu começar a desenhar um edifício laranja aqui, talvez colocar um edifício verde ao lado dele. Eu tenho meu esboço na camada superior, o que me permite ainda ver o esboço mesmo quando eu crio essas formas. Mas um problema que às vezes nos deparamos, é digamos que eu quero que este verde seja laranja, e eu só quero usar rapidamente minha ferramenta conta-gotas para selecionar esta laranja. Bem, infelizmente, já que o esboço está lá, ele agora está pegando uma cor que é uma combinação da cor de carvão do esboço, a laranja
do meu arquivo vetorial, e como você pode ver, estamos recebendo esse tipo de cor lamacenta, que não é o que eu estava procurando. Então, para resolver esse problema, vamos usar a segmentação de camadas. Então, deixe-me excluir isso e vamos ajustar nossas camadas um pouco. Então, se você verificar nossa paleta de camadas, vamos mudar a ordem desses dois. Então, eu vou pegar a camada de arte onde eu estou ilustrando atualmente com formas vetoriais, eu vou mover isso para o topo e meu esboço, eu vou travar na camada abaixo. Agora, o que vamos fazer é o alvo. Então, com a minha camada de arte selecionada, vou clicar neste botão no lado direito, clicar para segmentar. O que isso está fazendo agora é selecionar tudo nesta camada e tudo o que estará nessa camada quando eu começar a desenhar, e o que quer que eu faça, agora que estou no modo Target, afetará tudo o que eu fizer avançando . Então, neste caso agora em Transparência, vou selecionar Multiplicar. O que isso significa é que, agora, quando eu desenhar objetos nesta camada, eles não vão se multiplicar em cima do outro, é apenas a própria camada, vai agora multiplicar-se nas camadas abaixo. Então, agora o que eu posso fazer é selecionar minha cor laranja original e começar a desenhar esses edifícios novamente. Como você pode ver, ainda temos a mesma aparência onde
ainda podemos ver nosso esboço e nossas formas vetoriais ao mesmo tempo, mas a vantagem deste método é que, como minhas formas vetoriais estão agora na camada mais alta, eu ainda posso usar meu ferramenta conta-gotas. Então, apenas pressionando o olho, que seleciona o conta-gotas, agora
eu posso selecionar essa laranja mesmo se eu estiver em uma área escura do esboço e ele vai selecionar minha laranja verdadeira da amostra em
vez de criando uma nova cor com base na interpretação do esboço. Então, algo assim usará e passará por um esboço inteiro discando em todas as nossas formas vetoriais, e o resultado final é uma ilustração vetorial final como esta. Achamos que esta é uma abordagem muito mais rápida do que simplesmente, seja cobrindo nosso esboço ou trabalhando do zero, porque o esboço serve como um roteiro para nós e, ao mesmo tempo, podemos garantir que todas as nossas cores permaneçam consistente em todo o processo de ilustração.
7. Dando profundidade às formas simples: Então, ao trabalhar no Illustrator, um dos problemas que temos é, obviamente, tudo o que criamos será vetorial, e muitas das formas que criamos são muito geométricas e simples. Mas gostamos de desafiar a nós mesmos e fazer as coisas parecerem mais tridimensionais e mais realistas. Quando você está lidando com apenas um monte de formas planas, isso pode se tornar um processo um pouco complicado. Então, o que vamos mostrar a vocês é uma maneira de
usar formas simples de uma maneira fácil e fazê-las parecer mais tridimensionais. Então, por exemplo, este será um planeta em nossa série de rocketeers e encurtando a história, isso é um círculo, mas tem muita coisa acontecendo que faz com que pareça mais tridimensional. Isso é apenas baseado em usar o mesmo círculo uma e outra vez,
e, em seguida, trabalho de linha simples no meio. Então, só para mostrar como algo assim é feito, você obviamente quer começar com um círculo simples. Vamos em frente e usar nossa paleta de cores. Assim, uma vez que você cria uma forma simples como um círculo e você quer criar uma sombra, uma maneira fácil de fazer exatamente a mesma forma e colocá-lo em cima de si mesmo é
fazer o comando C como na cópia e, em seguida, comando F como no lugar no topo. Então, o que isso está fazendo é realmente criar exatamente a mesma forma, colocando-a exatamente em cima da outra, e agora, temos opções para jogar. Então, o que eu quero tentar fazer é criar uma sombra no lado de fora aqui e eu estou realmente apenas indo para manter um dos pontos de ancoragem enquanto também segurando a opção e isso apenas faz com que eu estou apenas lidando com este eixo aqui. Então, eu estou criando uma elipse e eu vou copiar e colar exatamente a mesma forma por trás dela, modo que seria apenas copiar, colar. O que eu vou fazer para esta situação em particular é fazer menos frente e o que está fazendo é criar esses dois lados que acabamos de criar. Então, basicamente, a parte do meio foi a parte que ficou desutilizada. Vou apagar este lado e, de repente, temos uma sombra. Então, por exemplo, há uma maneira rápida de fazer um planeta. Você realmente vai ter que parar por aí. Você pode continuar fazendo mais sombra envolvida. Então, eu vou copiar e colar,
novamente, que é o comando C e, em seguida, comando F, a mesma forma exata no topo e dar-lhe um pouco mais de profundidade desta vez. Você não tem que usar menos frente para este tipo de coisa. Você pode usar divide, qualquer outra ferramenta Pathfinder, com base no que você está tentando obter com isso. Então, bem ali, eu usei dividir e eu realmente fiz exatamente os mesmos cortes, mas eu guardei os restos antigos para o caso de eu querer usá-los para outra coisa. Eu só vou deixá-los por agora, mas basicamente, o que eu posso fazer é algo assim onde eu tenho um tom médio. Você pode continuar usando coisas assim. Digamos que você queira ter uma faixa descendo no meio deste planeta. Você pode criar uma variação nessa faixa pegando tudo que você criou, copiando e colando isso, depois pegando essa nova forma e empurrando a divisão. Então agora, estamos lidando com essas três novas formas e você pode basicamente selecionar o inverso. Agora, temos mais opções. Então, eu posso fazer é fazer um destaque, por exemplo, mas do olhar Estrela da Morte. Mas basicamente, o que está saindo disso é um produto final que pode parecer com isso no final. Com esta técnica, você é capaz de usar formas simples e repetir o processo de fazer essas formas simples usando a ferramenta Pathfinder e basicamente criar algo muito mais complexo, tudo a partir de, digamos, neste caso, um simples círculo.
8. Como criar um traçado de padrão personalizado: Tudo bem. Então, agora estamos dentro do arquivo como criamos nossa série de cartas de baralho. Estas são todas as cartas de rosto aqui para o baralho de cartas de baralho. Uma maneira simplista de dizer como essas foram feitas, geométricas mais traços de padrão personalizados. O que eu quero dizer com um traço padrão é tudo isso aqui, assim como este coração e este ponto, estes pontos aqui, este cara de aparência estranha. Eles são todos criados usando a ferramenta de traçado padrão na palete de pincel. Então, para mostrar a vocês como isso é feito, eu realmente vou criar um do zero. Você pode ver como eu criei um monte aqui até agora. Então, digamos que queremos criar esse padrão cardíaco. Este seria um bom exemplo de como o fizemos. Então, eu vou seguir em frente e usar uma forma de coração existente e nós queremos ter esses dois pontos envolvidos, por exemplo. Então, eu estou realmente indo para construir estes fora. Vou agrupá-los e alinhar as coisas. A ideia é que queremos que o padrão se repita. Queremos basicamente ter um olhar como esse e, para fazer isso, queremos estar cientes do espaçamento envolvido aqui. Então, o que eu vou fazer é também criar uma caixa transparente que está envolvendo-a. Então, agora é uma caixa vermelha, mas o que eu vou fazer é torná-la transparente. Então, se você pegar apenas esses elementos ali mesmo, então você vai para o seu palete de pincel e vai novo pincel, você pode criar um pincel padrão. Então, você tem todas essas opções aqui. Isso mudará dependendo do que você estiver fazendo. Então, agora eu vou apenas manter tudo como está e eu
vou criar uma linha e eu vou escolher esse pincel. Então agora, temos algo assim e é exatamente o que eu esperava. O que é legal sobre isso é, na verdade, ele não começa apenas com um simples trabalho de linha. Você pode realmente fazê-lo ir em torno de formas mais complexas como um círculo, por exemplo. Só para lhe dar uma ideia de como isso é usado em nossos arquivos, você pode ver coisas assim na verdade se curvam em torno de uma área. Então, normalmente você pensaria que criar essas formas indo em torno de outra forma como um círculo seria um processo complicado. Você teria que copiá-los e colá-los e eles teriam que estar especificamente nessas áreas. Mas, com esse processo, estamos basicamente criando uma maneira muito eficiente de
envolver qualquer forma em torno de qualquer forma uma e outra vez. Então, a razão pela qual usamos essa técnica padrão é baseada na ideia de consistência. Estamos criando um baralho de cartas que todos têm o mesmo estilo. Há apenas uma certa quantidade de cores, apenas uma certa quantidade de ternos e todos eles estão usando os mesmos padrões. Então, queremos criar algo que possa ser usado uma e outra vez para criar essa consistência. Como você pode ver depois de fazer muitos traços de padrão, estamos usando com cada cartão de rosto.
9. Como criar padrões de meio-tom vetorial: Então, muito do nosso trabalho é principalmente
impressa em tela , o que significa que temos que escolher uma quantidade limitada de cores e não há tal coisa como uma opacidade de 50% a menos que você faça tinta transparente por algum motivo. Então, quando queremos criar algo que se pareça com um tom médio, basicamente
temos que decidir se vai ser um ponto ou
uma linha e repetimos esse padrão ao lado de uma forma sólida, por exemplo. Então, a melhor maneira que conhecemos para fazer isso é no Photoshop. Mas muitas pessoas não preferem usar o Photoshop. Vamos mostrar-lhe uma maneira de fazê-lo no Illustrator mantendo tudo completamente vetorial. Então, como você pode ver aqui, eu criei algumas formas simples para criar um padrão de meio-tom. Uma maneira muito fácil e rápida de criar um padrão de meio-tom é apenas começar com um quadrado simples. Mas agora, vou torná-lo um quadrado transparente. O que você quer fazer é pegar exatamente o mesmo quadrado que você acabou e copiá-lo e colá-lo no lugar e mudar sua cor. Então agora, temos um verde. Agora eu vou apenas pegar um de seus nós e torná-lo apenas metade do tamanho do quadrado original. Então agora, temos um quadrado transparente atrás de um meio quadrado que é sólido, e isso pode ser transformado em um padrão de meio-tom. Para fazer isso, basta ir basicamente para Object, Pattern, Make. Podemos ver como será a prévia disso. Vá em frente e diga “Feito”. Agora, se você criar qualquer forma, você pode criar um preenchimento usando o novo padrão de meio-tom que você criou. Agora, muitas pessoas não querem usar o trabalho de linha vertical para cima e para baixo, talvez queiram ser ângulos de 45 graus. Uma maneira fácil de fazer isso seria obter a ferramenta Girar, pressionar Enter, e em vez de transformar os objetos, você está apenas transformando os padrões e certificando-se de que está em 45 graus. Então, há um preenchimento personalizado que está usando meios-tons. Você pode ver que nós usamos isso neste arquivo, por exemplo. Então, esta é uma opacidade de 50% deste verde
escuro que meio que lhe dá a ilusão de ser transparente. Há também a maneira de fazer isso com pontos. Este seria um exemplo com linhas. Vou te mostrar o jeito de fazer isso com pontos. Então, você quer começar de novo com um transparente. Na verdade, para ver isso, vamos fazer uma cor. Vamos fazer um quadrado perfeito e então você vai criar círculos nesses cantos. Então, basicamente, traga o mouse todo o caminho para a opção de segurar canto, shift, e você está criando um círculo baseado fora desse nó, e então você só vai mover esse círculo para cada canto. Isso ajuda a ter guias inteligentes para que você possa alinhar as coisas com mais precisão. Então, você pode ver a diferença lá. Você também quer ter um no centro. Então, eu vou realmente levar isso para o centro. Tudo isso parece um pouco grande para mim. Se você quiser uma opacidade de 50%, você quer ter 50% verde escuro e 50% verde claro. Então, o que eu vou fazer é realmente fazer estes menores e refazer esse processo apenas muito rapidamente. Vou alinhar com as formas quadradas do meio. Então, basicamente, para fazer isso, você pega o círculo e o quadrado e clica no quadrado. Dessa forma, você pode se alinhar a essa forma exata. Em seguida, queremos usar a ferramenta Pathfinder. É aqui que você clica em Dividir. O que isso faz, está cortando tudo isso. Então, não precisamos dessas áreas externas. Só queremos fazer esse tipo de forma. Tecnicamente, se quisermos que isto seja transparente, também não precisamos desta forma interior. Então, agora estamos apenas excluindo coisas e criando esse visual. Novamente, vá para Pattern e Make, e você tem um padrão de ponto. Para mostrar como isso seria, por exemplo, você pode preenchê-lo com estes. Estes são todos ajustáveis. Novamente, você pode fazer os pontos aqui menores indo para Escala e transformando apenas os padrões. Então, você quer ter certeza que tudo isso está desligado. Vamos torná-lo 10 por cento do que é agora. Eu tenho um ponto, e você pode mudar o ângulo dele. Bem, 45 não ajuda porque isso faz exatamente o mesmo. Mas você entendeu a ideia. Trinta. Não pare por aí. Você pode fazê-lo com triângulos, retângulos, qualquer forma basicamente. A idéia por trás disso é criar a ilusão de transparência sem realmente usar quaisquer formas transparentes. Eles são formas sólidas espaçadas de uma forma que faz parecer que há, você não tem que parar com 50%, você pode ir 10 por cento, 90 por cento. Depende de quais formas você faz e quão perto elas estão umas com as outras. Esta ferramenta é realmente benéfica para criar a ilusão de transparência e o que eu quero dizer com a ilusão é, todas essas coisas ainda são formas sólidas. Eles só estão usando transparência que é totalmente transparente e algo que é totalmente opaco. Então, por exemplo, nós temos ponto e, em seguida, espaço aberto em torno dele, e se você alinhá-los em uma determinada área, você pode basicamente criar a ilusão de uma opacidade de 50% se você tornar as coisas pequenas o suficiente. É assim que o processo de impressão funciona com serigrafia e praticamente todas as técnicas de impressão. Isso não tem que parar com o mundo digital. Você pode realmente fazer a aparência de um material impresso usando essa técnica e você não precisa usar o Photoshop para criá-lo.
10. Personalizando a ferramenta de mescla: Muitas vezes usamos a ferramenta Mistura em nosso fluxo e usamos de várias maneiras diferentes. Uma maneira simples é criar uma sombra. Por exemplo, este X. Queremos dar-lhe uma sombra. Há várias maneiras de fazer isso. Você pode usar a ferramenta de sombra, você pode pegar a mesma forma exata e colocá-la atrás dela e fazer algo assim. Mas o que acontece é que estamos lidando com essas lacunas estranhas. Digamos que queremos que a sombra seja um pouco mais perfeita que esteja realmente conectando a ela com uma fonte de luz. Para fazer isso, basicamente, tudo que você tem que fazer é criar exatamente a mesma forma por trás dele, copiar e colar fazendo comando C, e então comando B. O que isso está fazendo é criar uma forma que está por trás deste X amarelo, e eu vou transformá-lo em preto. A razão pela qual não o vemos é, na verdade, porque está atrás daquele amarelo. Então, eu vou ir em frente e bloquear esta forma amarela, e o que estamos lidando é com duas formas pretas. Nós queremos basicamente criá-los para que eles pareçam eles estão mudando perfeitamente juntos, e esses nós estão realmente se conectando. maneira rápida e fácil de fazer isso é usar a ferramenta Mistura. Então eu vou para a ferramenta Mistura indo indo para Object, Blend, Make, e você pode ver que ele apenas cria um passo de escada, um olhar onde há apenas uma forma no meio. Isto é completamente personalizável. Voltamos para a ferramenta Mistura e vamos para Opções de mesclagem. Você pode ativar a Visualização e dizer Etapas Específicas, por exemplo e se você fizer 255 etapas, ela será perfeita. Agora, ele realmente não pára por aí. Podemos criar algo ainda mais complexo, como uma forma como esta. A maneira de fazer isso é, novamente, começando com duas formas diferentes, na verdade, formas muito idênticas, você pode fazer formas diferentes para ter aparência ainda mais complexa, mas eu estou começando com dois grupos aqui. Se eu clicar neles, todos se movem juntos. Se você clicar em ambos e acessar a ferramenta Mesclagem e ir para Opções de mesclagem, é
aqui que você pode ser mais personalizado. Então, eu vou dar 20 passos. Então você vai para Blend novamente, e Make. O que está acontecendo lá é que ele está criando 20 passos diferentes entre essas duas formas principais, e nós estamos criando o visual do cilindro. Você pode ver que ele criou uma linha entre ela, então eu posso puxar esta linha e movê-la para se espalhar. Digamos que eu queria mudar a forma principal disso. Você pode realmente ir para a sua Ferramenta de Ponto de Âncora, e mudar, digamos, o ângulo. Agora, estamos tendo algo assim. Mas também podemos fazê-lo para que ele esteja se movendo ao longo do eixo da forma. A maneira de fazer isso, é voltar para a ferramenta Mistura, ir para Opções
e, em vez de a orientação ser alinhada à página, você está alinhando ao caminho. Então agora, temos algum tipo de colar. Então, essa forma, só para mostrar como ela foi usada, nós realmente criamos esses tubos que estão indo para o DeLorean para nossas costas para o futuro gatefold. Como eu disse anteriormente, você não precisa usar exatamente
a mesma forma duplicada em ambos os lados com a ferramenta Mistura. Você poderia começar com uma forma maior, e uma forma menor, e eles poderiam ser cores diferentes, eles podem ser diferentes formas para essa matéria. O que podemos fazer na ferramenta Mistura é fazer cinco etapas, por exemplo, e Make. O que isso cria é uma mistura com cor e tamanho. Então, essa técnica é mais ou menos ilimitada. Nós mostramos uma quantidade muito pequena,
mas já está mostrando que há tantas coisas a fazer com a ferramenta Mistura, e não pare apenas com o que mostramos aqui, você pode fazer o que realmente quiser.
11. Usando uma máscara de opacidade: Então, esta dica final envolve trabalhar com estilo que é um pouco mais fotorrealista, e nós vamos estar falando sobre a criação de uma máscara de opacidade. Isso geralmente é algo que você pode fazer no Photoshop, mas, novamente, fazemos a maior parte do nosso trabalho no Illustrator com objetos vetoriais e, portanto, sempre que
pudermos manter nosso fluxo de trabalho dentro do Illustrator economiza tempo para nós. Então, para esta dica estamos olhando este caça X-wing que fizemos para um projeto Star Wars. No lado direito da prancheta aqui, eu tenho esse tipo de textura de nuvem de água que eu quero adicionar no arquivo, mas eu não quero adicioná-lo universalmente por toda parte, que
significa que eu não quero que ele tenha
a mesma opacidade em todo o arquivo porque eu estou perdendo alguns desses planetas que eu tenho na parte superior
do arquivo e eu quero ser capaz de afiná-lo um pouco mais. Então, o que eu vou fazer é usar minha paleta de transparência aqui e criar uma máscara de opacidade. Então, o primeiro passo será desenhar um retângulo em cima deste arquivo, e eu vou aplicar um gradiente a ele. Neste caso, eu vou ter a parte preta do gradiente,
o topo, desvanecendo para baixo para branco na parte inferior, e eu vou ser capaz de ajustar este gradiente mais tarde. Então, selecionando esses dois objetos em nossa caixa de diálogo transparência”, vemos agora que temos esse botão “Make Mask” que podemos clicar. Como você pode ver, agora estamos aplicando esse gradiente como uma máscara de opacidade a esta imagem colocada. Então, temos transparência na parte superior desvanecendo para opacidade total na parte inferior. O bom é que agora podemos entrar e ajustar esse gradiente conforme necessário. Então, de volta à caixa de diálogo de transparência, desclique neste link, e agora podemos trabalhar com o gradiente diretamente. Então, por exemplo, em nossa caixa de gradiente aqui, podemos ajustar esse controle deslizante de ponto médio e ajustar quanto ou quão pouco do trabalho artístico estamos vendo. Então, neste caso, eu vou reduzi-lo para cerca de 30% porque eu quero manter a metade superior
desta imagem basicamente completamente transparente para que eu não estou obstruindo essas partes da minha imagem. Então, quando você estiver satisfeito com o gradiente e a aparência da máscara, eu vou voltar para a minha caixa de diálogo de transparência, clicar em off para a máscara, e na minha própria imagem à esquerda. Podemos ir em frente e fechar o link então agora a colocação do gradiente vai ficar parada com esta obra de arte. Agora o que ele pode fazer é movê-lo de volta para o meu arquivo. Como você pode ver, eu não tenho mais o gradiente ocupando a parte superior do arquivo, e é um bom desvanecimento até o fundo onde eu quero que essa imagem apareça. Normalmente, algo assim, medida em que trabalhar com a aplicação de opacidade variável, gradientes a fotos, é algo que seria feito no Photoshop, mas como fazemos a maior parte do nosso trabalho no Illustrator, é bom, tanto quanto eficiência vai, para manter tudo dentro do Illustrator. Na maioria das vezes,
se você estivesse tentando manipular uma imagem como essa e fazer alterações no local onde ela se desvanece,
você voltaria ao Photoshop para fazer a alteração láe você voltaria ao Photoshop para fazer a alteração lá atualizar a imagem no Illustrator. Este passo nos poupa de ida e volta, para que
possamos ser muito mais eficientes tanto quanto permanecer dentro de um programa quanto remover várias etapas do processo.
12. CONCLUSÃO: Então, essas são as 10 melhores dicas,
truques e técnicas favoritas usando o Adobe Illustrator. Incentivamos os alunos a usar pelo menos um desses e apresentá-lo na galeria do projeto no site. Aprendemos muitas dessas dicas apenas trabalhando uns com os outros, conversando com nossos colegas, e estamos ansiosos para ver como você aplica essas dicas ao seu próprio trabalho. Obrigado por se inscrever na nossa aula. Nós agradecemos isso. Estamos ansiosos para ver o que você cria.