Círculos com pincéis, misturas e transformações: um curso de Graphic Design for Lunch™

1. Design gráfico para almoço em as aulas em introdução em círculos: Olá, sou Helen Bradley. Bem-vindo a esta aula de Design gráfico para almoço, andando em círculos, criando círculos com pincéis e misturas no Adobe Illustrator. Design gráfico para almoço é uma série de aulas que ensinam uma variedade de dicas e técnicas para criar designs e trabalhar em aplicativos, como Illustrator, Photoshop e Procreate. Hoje, vamos estar olhando para criar círculos concêntricos de círculos. Vamos fazer coisas como criar um pincel de dispersão e um pincel de padrão. Vamos olhar para misturas, vamos olhar para traços, e vamos olhar para formas rotativas. Eu tenho um saco de ferramentas que você pode usar, e nós vamos explorar uma solução para o problema de criar círculos concêntricos de círculos. Você vai aprender algumas coisas realmente interessantes sobre o Illustrator nesta aula, e eu realmente espero que você goste disso. Vamos começar a fazer círculos. 2. Como entrar em círculos - parte 1: Para ver algumas maneiras que podemos criar círculos de círculos, vamos começar criando alguns pincéis. Eu vou clicar na ferramenta de elipse aqui, e eu vou arrastar para fora um pequeno círculo. Eu quero que ele seja preenchido com preto, e que não tenha nenhum derrame. Vamos começar criando um pincel padrão. Para fazer isso, vou clicar na Ferramenta de Seleção. Vou certificar-me de que a minha forma é seleccionada. Vou abrir o painel Pincéis. Se você não o tiver visível aqui, você pode abri-lo escolhendo “Janela” e depois “Pincéis”. Vou arrastar e soltar minha forma no “Painel de pincéis” aqui, e vou selecionar “Pincel padrão” e clicar em “Ok”. Versões anteriores do Illustrator podem não ter esses padrões de canto no lugar, e nós realmente não precisamos deles. Mas se você tiver uma versão posterior do Illustrator, e quiser fazer este pincel para usá-lo, por exemplo quadrados, então você pode clicar aqui, e ir para baixo, e selecionar “Sobreposição automática”, e isso apenas completa o canto. Mas não precisamos dela para nossos propósitos hoje. O que precisamos fazer é selecionar Tons a partir desta lista porque isso nos permite, em seguida, re-colorir o pincel se quisermos, e eu vou clicar em “Ok”. Vamos ver como esse pincel realmente funciona na prática; Vou clicar na ferramenta Elipse e manter pressionado Shift para arrastar um círculo aqui. Vou preenchê-lo sem preenchimento, e só para torná-lo um golpe negro. Com ele selecionado, vou aplicar meu pincel clicando aqui. Ele olha para o momento como se tivéssemos um círculo de círculos, mas a aparência pode ser um pouco enganadora. Vamos aqui, e clique neste ícone. São opções de objeto selecionado. Ele nos permite ajustar o pincel como ele é aplicado a este objeto, mas não ajustar o pincel original, modo que é deixado como ele é. Eu vou aumentar o tamanho deste pincel, porque quando eu faço, o problema com este pincel padrão torna-se imediatamente aparente. Estes não são círculos. Na verdade, o pincel padrão está distorcendo essas formas. Em um tamanho pequeno, pode parecer que eles são círculos, mas em um tamanho maior estamos vendo muito claramente que não é um círculo. No momento, as formas são esticadas para caber, mas mesmo clicar em “Adicionar espaço para encaixar” não vai melhorar a forma geral do que deveria ter sido círculos. Vamos olhar e ver o que acontece quando o criamos como um pincel de dispersão. Novamente, selecionarei a Ferramenta de seleção, selecionarei sobre minha forma e a soltarei no painel de pincéis. Desta vez, vou selecionar “Pincel de dispersão” e clicar em “Ok”. Agora há mais opções para o pincel de dispersão, mas basicamente tudo o que precisamos fazer é selecionar “Tons”, então poderemos recolorir o pincel se quisermos mais tarde. Vou clicar em “Ok”. vez, vou criar um círculo para testar este pincel. Mantenha pressionada a tecla Shift enquanto arrasto uma elipse, sem preenchimento e um traçado preto. Com a Elipse selecionada, vou clicar aqui porque este é o meu pincel de dispersão. Até agora, tudo bem; temos uma série de pontos ao redor do nosso círculo. Vamos testar isso clicando nas opções do objeto selecionado. Posso aumentar o tamanho dos meus pontos. Vou clicar em “Pré-visualização” para vermos o que está acontecendo. É um pouco difícil ver isso agora, mas vamos aumentar o espaçamento. Você pode ver que essencialmente o que temos é uma série de pontos. Estes são, na verdade, círculos, e não formas deformadas. Mas há um problema aqui; se quisermos que estes pareçam uniformemente espaçados em torno da forma, vamos precisar ajustar o espaçamento de uma maneira muito fina. Há um pequeno ponto doce, e nem sempre é particularmente aparente quando você tem tudo alinhado e quando não está completamente alinhado. Você precisará fazer um ajuste muito pequeno para que ele pareça certo. Antes de deixarmos essas duas formas, vamos dar uma olhada e ver o que acontece quando tentamos copiar e redimensionar a forma. Vou selecionar a Ferramenta de Seleção e selecionar esta forma aqui. Vou escolher “Editar”, “Copiar”, “Editar”, “Colar no Lugar”; que coloca outra destas formas, com o pincel aplicado, imediatamente em cima desta forma. Vou segurar Shift e Alt, Option e Shift no Mac. Eu só vou redimensioná-lo. Bem, vamos apenas levá-lo para baixo um pouco mais. Você pode ver que estamos recebendo um bom redimensionamento. Estamos recebendo menos pontos do mesmo tamanho em torno de nossa forma. Vamos ver o que acontece quando fazemos isso com este pincel de dispersão. Mas antes disso, vou adicionar mais alguns pontos. Vou fazer isso reduzindo o espaçamento. Novamente, vou escolher “Editar”, “Copiar” e depois “Editar” “Colar no Lugar”. Vou segurar Shift e Alt, que é Shift Option no Mac, e apenas redimensionar a forma. vez, obtemos algo semelhante, mas não realmente os resultados que obtivemos com o pincel de patente. Estamos recebendo pontos do mesmo tamanho, mas temos um problema de espaçamento. Então, se quiséssemos fazer isso parecer equilibrado, precisaríamos vir aqui e selecionar essa forma e apenas procuramos nosso espaçamento, apenas um pouco melhor. Há nossa tentativa de criar um círculo de círculos primeiro usando um pincel padrão e, em segundo lugar, usando um pincel de dispersão. Dos dois, estamos obtendo o resultado ligeiramente melhor com o pincel de dispersão, mas gostaríamos muito de algo um pouco melhor do que isso. 3. Como entrar em círculos - parte 2: Para continuar nossa exploração de criar um círculo de círculos, vamos traçar uma forma. Para isso, vou criar uma elipse. Vou clicar na ferramenta Elipse novamente, mantenha pressionada a tecla Shift enquanto crio um círculo. Eu não tenho preenchimento e eu tenho um golpe negro. Agora eu quero começar a trabalhar com o traço, então eu vou clicar aqui neste link de traçado porque ele abre um diálogo. Vou começar a aumentar o peso do meu derrame. O que eu estou procurando aqui é criar um círculo de círculos sobre o tamanho deste círculo. O peso do golpe aqui vai ser equivalente ao diâmetro deste círculo, então eu estou apenas olhando para eles aqui e eles parecem bastante equivalentes. Este é um golpe de 22 pontos. Eu vou clicar aqui na tampa redonda porque isso é importante para criar um círculo pontilhado em torno de nossa forma, e eu vou clicar em linha tracejada. Eu nomeei meu valor de traço como zero, e se eu quiser que meus pontos sejam todos colocados uns contra os outros, eu vou definir um valor de diferença que é o mesmo que o meu peso. Isso vai ser 22 pontos. Vou certificar-me de que esta opção aqui é selecionada porque isso alinha tudo ordenadamente. Se eu tiver este selecionado, as coisas podem não estar tão bem alinhadas em torno deste ponto. Com o peso e a diferença exatamente o mesmo valor, o traço 0 e esta tampa redonda selecionada, Eu tenho um círculo de círculos. Se eu aumentar o traço branco, você verá que eles começam a correr um para o outro. Se eu quiser círculos maiores, mas eu não quero que eles se toquem, então eu vou precisar definir o espaço para o mesmo que o peso ou um pouco maior. São 30 agora. Se eu aumentar a lacuna, então os pontos são apenas afastados um do outro. Vou procurar um círculo de pontos que parece bom para mim e, em seguida, basta clicar longe da forma. Vamos ver como essa forma é robusta quando a duplicamos. Vou escolher Editar, Copiar e, em seguida, Editar, Colar no Local. Novamente com a ferramenta Mover selecionada e a opção Shift e Alt, Shift no Mac, eu só vou mover isso aqui. Estamos recebendo uma boa representação aqui. Vamos tentar de novo, tudo parece estar encolhendo muito bem. Editar, Copiar, Editar, Colar no Local e, em seguida, vamos apenas redimensionar este para baixo. Isso nos dá uma boa variedade de círculos em círculos. Enquanto estamos aqui, vamos olhar para girar uma forma. Se você completou minha aula do Lets Go Steampunk na minha série Illustrator for Lunch, você saberá como girar uma forma. Mas se não o fez, eis como fazê-lo. Vamos escolher View, Rulers e, em seguida, Show Rulers. Vou arrastar ou clicar e arrastar a partir desta régua para aqui e simplesmente soltar um guia no meu documento. Agora, um guia é apenas uma forma, você verá aqui na sua última palete que você tem um guia porque é uma forma. Agora vamos buscar o nosso círculo aqui. Eu só vou colocá-lo aqui em cima sobre o meu guia. Eu quero que eles sejam centrados um sobre o outro, então eu vou selecionar tanto o meu círculo quanto o meu guia. A partir dessas opções de alinhamento, vou escolher Centro de alinhamento horizontal. Agora, apenas esteja ciente de que eu tinha Alinhar à Seleção definido aqui para que essas duas formas estejam apenas alinhando umas com as outras, não com a prancheta como seriam se eu selecionasse Alinhar à prancheta. Agora eu vou apenas selecionar meu círculo porque eu não quero que meu guia para girar, eu só quero que meu círculo para girar. Vou clicar aqui na Ferramenta Girar. Antes da caixa de diálogo aparecer, o que eu vou fazer é segurar o mouse sobre a guia aqui, e Alt ou Option clique, porque isso irá definir o ponto de rotação em torno do qual meu círculo vai girar. Agora vou certificar-me de que a Pré-visualização está definida e agora vou definir um valor de rotação. Se, por exemplo, eu quiser 12 pontos ao redor do meu círculo, então eu poderia digitar 360 dividido por 12, e o Illustrator fará o cálculo necessário para calcular o ângulo. Vou clicar em “Copiar”. Agora, se eu continuar e clicar em “Control D” Command D no Mac, vou girar esse círculo ao redor. Você pode ver na última palete que o que eu estou fazendo é duplicar a forma cada vez, então cada um desses pontos é uma forma completa. Eu não preciso mais do meu guia, então eu vou apenas localizar isso aqui e eu vou jogá-lo na lata de lixo só para me livrar dele. Vou selecionar sobre todas as formas e, por conveniência, escolherei Grupo de Objetos. Agora vamos copiá-los e redimensioná-los para criar um conjunto concêntrico de círculos. Editar, Copiar, Editar, Colar no Local, Shift, Alt, Shift opção no Mac. Agora estamos recebendo algo um pouco diferente. Vou reselecionar essa forma e fazer de novo. Editar, Copiar, Editar, Colar no Local. Novamente, Shift Alt. Neste caso, estamos recebendo ativos de círculos concêntricos, mas nossos círculos estão ficando menores a cada vez. É um olhar interessante e bastante atraente. Claro que tudo depende do que você está procurando, mas se este é o resultado que você quer, então esta é a maneira de obtê-lo. Ao usar Girar uma forma, estamos recebendo o mesmo número de círculos em cada um desses círculos, mas eles estão diminuindo de tamanho à medida que fazemos isso. 4. Como entrar em círculos - parte 3: O próximo processo que vamos olhar para a criação círculos concêntricos é usar distorção e transformação. Eu tenho um círculo aqui que eu criei, eu tenho ele selecionado e eu vou escolher efeito, distorcer e transformar. Vou clicar em “Preview” e porque quero 12 círculos por aqui, vou pedir 11 cópias. Eu também vou definir o meu ângulo para 360 dividido por 12 para que o ilustrador vai fazer o cálculo do ângulo para mim. O problema é que agora todos os meus círculos estão girando em torno do ponto central, então eles são realmente todos criados um em cima do outro. Eu posso mudar isso alterando o valor horizontal. Vou começar a sair do valor horizontal. Eu estou levando isso em uma direção negativa, mas você poderia levá-lo em uma direção positiva com exatamente o mesmo resultado. O que eu estou procurando aqui é apenas um bom conjunto de círculos e eu vou clicar em “OK”. Até agora temos um resultado muito semelhante ao que tivemos com nossos exemplos anteriores, mas aqui temos apenas um círculo controlando toda a forma. Vou reselecioná-lo e vamos ver como vamos criar nossos círculos concêntricos. Vamos voltar e escolher efeito e novamente distorcer e transformar, transformar. Agora, vamos ser avisados de que já temos um efeito de transformação. Bem, o efeito de transformação que temos é o que está criando este círculo. Disseram-nos que se quiséssemos alterar esse efeito, precisaríamos ir ao painel de aparência e reselecioná-lo e alterar isso. O que vamos fazer é adicionar um segundo efeito e é exatamente o que queremos fazer, então clique, “Aplicar novo efeito”. Agora vou clicar em “Preview on” e porque eu quero dois conjuntos de círculos concêntricos aqui, eu vou digitar dois como minhas cópias. Agora temos que encontrar uma maneira de trazer tudo para o meio. Bem, vamos fazer isso reduzindo a escala horizontal e vertical da nossa forma. Vou digitar 75 e 75. Agora, isso não é suficiente, então eu vou diminuir o valor um pouco mais. Vamos tentar 50 e 50. Bem, isso me deu meus círculos concêntricos, mas talvez eu tenha ido um pouco longe demais. Posso experimentar valores diferentes. Vou levar até 60 por cento. Eu quero usar os mesmos valores para horizontal e vertical ou também vou distorcer minhas formas, mas vou clicar em “OK”. Distorcer e transformar me deu uma forma para controlar todo o meu círculo, mas eu fui capaz de criar um efeito circular que é um pouco semelhante a girar uma forma. Agora, com isso como com os outros, eu serei capaz de mudar a cor selecionando este único círculo e escolhendo uma cor diferente para ele. Se voltarmos à forma do traçado, você vai se lembrar que esses pontos aqui foram criados como um acidente vascular cerebral. Aqui estão eles aqui. Bem, para mudar a cor deles, vamos precisar mudar a cor do traço. Vou torná-los vermelhos escuros. Para girar uma forma, temos uma série de pontos aqui. Cada um destes são grupos e cada um deles pode ser recolored individualmente se quisermos ou podemos recolorir para exatamente a mesma cor também. Para nossos pincéis padrão, podemos mudar a cor, mas vai ser a cor para todo o pincel. Vou clicar na cor do traçado porque é isso que está controlando e vamos defini-la para uma cor. O segundo caminho pode ser recolored da mesma cor ou de um diferente. Vou mudá-lo para uma cor diferente e o pincel de dispersão vai funcionar da mesma maneira que o pincel padrão. Cada um desses são caminhos e a cor dos pontos no caminho é controlada pela cor do traçado e, como temos um pincel que foi definido para matizar, podemos recolorir. Se eu mudar minha cor do traçado aqui para verde, a cor do pincel vai mudar e eu posso mudar o interior para a mesma cor ou uma cor diferente. 5. Como entrar em círculos - parte 4: No Illustrator, muitas vezes há mais de uma maneira de obter um efeito. Então, antes de terminarmos nosso olhar sobre a criação de círculos concêntricos, vamos dar uma olhada em misturas e espinhos. Tenho uma das minhas formas circulares aqui. Novamente, ele tem um preenchimento, mas nenhum traço. Vou selecioná-lo e vou manter pressionada a tecla Alt ou Option enquanto arrasto outra forma. Agora estes podem ser alinhados uns com os outros ou não. Isso não afetará o resultado final. Vamos criar uma mistura. O que as misturas nos permitem fazer é transformar uma forma em outra. Também muda a cor. Mas neste caso, temos duas formas idênticas. Então o processo de morphing só vai criar mais formas idênticas a estas. Com a ferramenta Mistura selecionada, vou clicar na primeira forma e depois clicar na segunda. Um Illustrator cria uma série inteira de formas idênticas. Mas podemos ajustar o que temos aqui. Vou fazer com a mesclagem selecionada, clique duas vezes na opção de mesclagem aqui, e isso abre uma caixa de diálogo de opções de mesclagem. Vou clicar em “Pré-visualização” para ver o que está acontecendo. Agora, em vez de cor suave, o que eu vou escolher são passos especificados. No momento, temos 23 círculos aqui, mas podemos variar esse número, e como fazemos, você pode dizer que os círculos ficam mais distantes e eles se espalham uniformemente. Então eu vou selecionar 14, que são 14 círculos no meio, mais 2 em cada extremidade, e eu vou clicar em “Ok”. Agora temos uma série de círculos ao longo de uma linha que não é exatamente o mesmo que círculos em torno de um círculo. Então, para criar nossos círculos em torno de um círculo, vamos precisar de uma elipse, um círculo para colocá-los ao redor. Vou segurar “Shift” enquanto arrasto uma forma aqui. Agora está cheio de preto, eu realmente quero que seja um golpe preto. Então eu só vou selecionar nenhum preenchimento e um traço preto. Agora o que queremos fazer é pegar esta mistura e colocá-lo em torno deste círculo. Illustrator tem um comando para isso e, para aplicar esse comando, você precisa primeiro selecionar a mesclagem e o círculo. Você pode fazer isso em qualquer ordem, pois o Illustrator reconhece qual é uma mesclagem e qual é um caminho ao longo do qual você deseja colocar a mesclagem. Então, com eles selecionados, vamos escolher Objeto, Misturar, Substituir coluna vertebral. O que isso significa é que esta espinha aqui, a linha reta vai ser substituída por esta circular. Então eu vou clicar em “Substituir coluna”, e nós temos uma série de 16 círculos, 3/4 do caminho ao redor do nosso círculo. O problema é que temos uma grande lacuna aqui. A solução para esta lacuna é cortar a linha. O que vamos fazer é cortar esse caminho circular, e quando o cortarmos, os círculos vão se alinhar perfeitamente. Quando você vai cortá-lo, você precisa determinar se você quer um ponto em um determinado ponto. Então, se eu quisesse que houvesse sempre um ponto neste ponto, então eu cortaria o caminho aqui. Se eu sempre quisesse um círculo neste ponto, eu cortaria o caminho aqui. Então eu vou pegar minha tesoura, que compartilham a posição da barra de ferramentas com a ferramenta Borracha. Eu vou dizer, eu quero um ponto sempre neste ponto. Então eu vou segurar meu ponteiro do mouse sobre o ponto de ancoragem aqui e basta clicar, e isso vai cortar a forma. Quando eu corto, todos os círculos se movem uniformemente em torno dele. Isto ainda é uma mistura. Então, se eu clicar duas vezes na ferramenta Mesclar, posso reabrir a caixa de diálogo Mesclar, selecionar “Visualizar” e, se eu quisesse mais pontos, eu poderia aumentar o número e clicar em “Ok”. Então vamos agora ver como uma mistura responderá quando copiarmos e redimensionarmos. Vou selecionar a ferramenta Seleção, arraste sobre a forma para que eu tenha tudo selecionado aqui. Escolherei Editar, Copiar, Editar, Colar no Local e, novamente, Alt Shift, Option Shift no Mac. Bem, estamos recebendo um círculo concêntrico e estamos recebendo um menor conjunto de círculos. Novamente, vou certificar-me de que esta forma é selecionada. Editar, Copiar, Editar, Colar no Local e redimensioná-lo. Posso fazer de novo. Assim, criar uma mistura nos deu um resultado semelhante para nossos círculos concêntricos como distorcer e transformar e usar girar uma forma. A diferença vai ser em re-colorir estes porque são os círculos no início e no fim das misturas que estão controlando a cor. Para isso, pode ser mais fácil ir para a última paleta e abrir as misturas. Então aqui dentro desta mistura, temos os dois círculos que estão controlando a mistura. Eu vou clicar e mudar clique sobre estes dois para que eu selecioná-los, e isso vai controlar todo o círculo interno aqui. Eu vou para a paleta de cores, bem primeiro de tudo certifique-se de selecionar a “ Cor de preenchimento ” e, em seguida, ir para as minhas amostras e selecionar uma cor. Você pode ver então que todo o círculo de círculos foi recuperado. Vamos pegar o próximo, ir para a última paleta. Vou abrir a mistura e vou selecionar estes. Agora, se por exemplo selecionamos apenas um e não ambos, vamos ver o que acontece. Vou preenchê-lo com esta cor laranja. O que acontece é o que temos uma mistura de laranja a preto. Então você pode ver que se você quiser recolorir um círculo, você vai precisar ir e obter ambos os círculos que estão controlando a mistura e colori-los da mesma cor, se é isso que você quer. Novamente, vamos pegar o próximo. Na última paleta, estou me certificando de que estou abrindo a mistura. Estou clicando aqui em um deles para selecioná-lo e, em seguida, mudar clicando no segundo círculo para selecioná-lo. Agora eu posso selecionar uma cor para recolorir também. Quando ambos recolorir para a mesma cor, toda a mistura é feita dessa cor. Então o processo de re-colorir os pontos de uma mistura é apenas um pouco diferente dos processos que temos usado até agora. Seu projeto para esta aula será simplesmente experimentar essas técnicas. Há muitas técnicas aqui, cada uma das quais pode ser valiosa em diferentes circunstâncias. Então vá e faça um pincel de padrão e, em seguida, aplique-o a um círculo e, em seguida, faça-o com um pincel de dispersão. Traçar uma forma, para que você saiba como criar um conjunto de pontos ao redor da forma e, em seguida, criar uma forma e girá-la. Use a ferramenta Distorcer e Transformar. Eu acho que você realmente vai gostar desse, é provavelmente uma das minhas ferramentas favoritas para usar. Em seguida, termine criando uma mistura e, em seguida, envolva-a em torno de um círculo, apenas lembrando de cortar seu círculo para que ele o preencha. Espero que você tenha gostado desta aula do Illustrator e aprendido um pouco sobre algumas das técnicas que você pode usar no Illustrator todos os dias. Se você acha que esta aula é valiosa, por favor, dê um polegar para que outras pessoas reconheçam que é uma aula que eles podem querer fazer. Meu nome é Helen Bradley. Muito obrigado por se juntar a mim para este episódio de Design Gráfico para Almoço, e estou ansioso para vê-lo em um próximo episódio em breve.