Transcrições
1. Introdução de cores: Olá, sou Helen Bradley. Bem-vindo a esta aula de design gráfico para almoço; crie um design inspirado na arte de cordas 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 olhar para alguns padrões e alguns desenhos que são inspirados na arte da corda. Vou mostrar-vos o básico da arte das cordas. Então vamos ver quais padrões e conceitos que podemos desenvolver a partir dos projetos básicos. À medida que estiver assistindo a esses vídeos, você verá um aviso que permite recomendar essa classe a outras pessoas. Por favor, se está gostando da aula, faça duas coisas por mim. Em primeiro lugar, dê um polegar para cima e, em segundo lugar, escreva em poucas palavras por que você está curtindo a aula. Essas recomendações ajudam outros alunos a ver que esta é uma aula que eles também podem desfrutar. Se você gostaria de deixar um comentário ou uma pergunta para mim, por favor, faça-o. Eu leio e respondo a todos os seus comentários e perguntas, e olho e respondo a todos os seus projetos de classe. Se você está pronto agora, vamos começar a criar alguns designs inspirados na arte da corda.
2. Pt 1 - Crie um design básico de arte de de: Antes de irmos em frente e começar a fazer desenhos inspirados em arte de cordas no Illustrator, caso você não saiba o que é arte de cordas, eu pensei que poderíamos dar uma olhada nisso primeiro. Tradicionalmente, a arte da corda tem sido feita pregando pregos em uma placa e, em seguida, enrolando corda em torno dessas unhas, e este aqui é um design bastante típico. Uma das belezas da arte das cordas é que ele permite que você crie curvas realmente bonitas, mas você está fazendo isso com linhas retas de corda. Esta é uma pesquisa no Google que eu fiz e eu pesquisei parábola de arte de cordas. Estes são alguns dos desenhos. Esta é a coisa que vamos criar no Illustrator. Mas você também pode fazê-lo com caneta e papel, e você pode obviamente fazê-lo com cordas e pregos em uma placa de madeira. Vamos começar nossa exploração de designs inspirados em
cordas no Illustrator com um novo documento. Vou escolher Arquivo e, em seguida, Novo. Meu documento é um documento quadrado, 700 pixels por 700 pixels de tamanho. Não importa muito sobre o tamanho do seu documento. Estou trabalhando no modo Cor RGB e tenho Alinhar Novos Objetos à Grade de Pixel desabilitado. Se você estiver trabalhando no Illustrator CC 2017, a opção para alinhar objetos
à grade de pixels fica aqui no canto superior direito da tela. Então, basta olhar para isso depois de criar seu documento. Vou clicar bem. Agora vamos começar desenhando uma linha. Então, basta aplicar um traço preto na linha, sem preenchimento. Vamos clicar na Ferramenta Segmento de Linha, clique uma vez no documento. Eu vou fazer minha linha 200 pixels de comprimento, e é realmente importante que seja uma linha vertical. Então vamos definir o ângulo para 90 graus. Vou clicar em OK, e isso me dá apenas uma única linha no documento. Agora giraremos a linha usando a ferramenta Transformar. Com isso, selecione Escolher Efeito, Distorcer e Transformar e, em seguida, Transformar. Agora, as configurações que vamos usar aqui, pelo
menos para este design inicial são muito críticas, então você vai querer acompanhar aqui. Em primeiro lugar, ative a Visualização para que você possa ver o que está acontecendo aqui. Então vamos girar em torno do ponto central superior desta linha, que é este bot aqui. Há nove pequenas caixas aqui, então você quer ter certeza de que a do meio na linha superior é a selecionada como seu ponto de rotação. Agora vamos girar cada uma das linhas que fazemos em torno de 10 graus. Vamos fazer nove cópias. O que isso faz, é garantir que temos uma rotação que vai todo o caminho em torno de 90 graus. Agora, eu perdi minha prévia aqui, então vamos voltar a ligar isso. Temos uma rotação de 10 graus, então vamos da vertical para a horizontal. Temos nove cópias, que nos dá 10 linhas no total, e estamos girando em torno desta posição central superior. Então o que isso nos dá inicialmente são as linhas que precisamos para nossa arte de cordas. Nós não podemos realmente criar o design de arte de cordas apenas a partir deste diálogo. O que estamos usando este diálogo é apenas para obter as linhas em ângulos retos. Então nós vamos alinhá-los para que eles pareçam uma peça de arte de cordas no próximo passo. Vou clicar bem. Em seguida, vamos expandir isso porque agora só temos uma linha, que está sujeita a uma rotação removível. Queremos assar isso no design, se você quiser. Vamos escolher Objeto Expandir Aparência, e isso nos dá 10 linhas individuais. Eles vão ser agrupados e eles vão ser agrupados em dois grupos aqui. Temos uma série de linhas aqui, e em cada uma dessas linhas em si há outro grupo. Para manter a nossa última paleta realmente arrumada e arrumada, nós vamos para ambos ficar fora do grupo. Selecione a linha e escolha Desagrupar objeto e faça uma segunda vez. Agora só temos 10 caminhos. Com nossas 10 linhas, agora só precisamos alinhá-las para que pareçam o ponto de partida para uma peça de arte de cordas. Vou selecionar qualquer uma dessas linhas. Eu vou alinhá-los primeiro à esquerda usando a opção Alinhar Horizontal à esquerda, e então eu vou alinhá-los ao fundo usando Vertical Alinhar Inferior. Isso nos dá uma curva parabólica criada por uma série de linhas retas, todas com exatamente o mesmo comprimento. Vamos pegar esse design no próximo vídeo e criar um padrão a partir dele.
3. Pt 2 - crie o design: Agora que temos uma curva inicial de linhas, vamos pegar todas essas linhas e agrupá-las com grupo de objetos. Isso só significa que eles vão se mover como um único objeto e eles não vão se separar. Vou fazer algumas duplicatas dessas linhas. Com este conjunto selecionado, eu vou escolher transformar objeto, e eu vou escolher refletir. Quero refletir isso sobre a vertical. Eu vou clicar em pré-visualização, para você
possa ver que eu estou recebendo a outra metade da curva parabólica. Vou clicar em Copiar para fazer uma duplicata. Estes dois estão alinhados perfeitamente um com o outro. Vou deixá-los exatamente como estão. Vou selecionar sobre os dois, vou fazer o mesmo reflexo, mas desta vez, será um reflexo horizontal. Vou escolher transformar objeto, refletir, escolher horizontal e, em seguida, clicar em copiar. Agora eu tenho quatro conjuntos dessas linhas sobre o outro. Isso é muito semelhante a um dos desenhos de arte de cordas que vimos na pesquisa do Google. Vou agrupar todos estes com grupo de objetos. Agora eu vou pegar este design e eu vou girá-lo 45 graus, transformar objeto, girar. Vou girá-lo através deste 45 graus. Então eu tenho o 45 digitado aqui, e eu quero fazer uma duplicata, então eu vou clicar em copiar. Agora que temos a forma básica com a qual vamos trabalhar, o que eu quero fazer é construir uma forma por trás desta que tenha um preenchimento sólido. Agora, não é tão fácil de fazer como você poderia pensar que deveria ser no ilustrador, mas eu vou mostrar a vocês um processo para fazer isso. Vou selecionar sobre a forma e fazer uma duplicata dela
mantendo pressionada a tecla alt ou opção enquanto arrasto uma duplicata para longe. Agora eu vou trabalhar com este, o original com quem estávamos trabalhando. Aqui está o meu processo para criar uma forma preenchida para ir por trás deste. Em primeiro lugar, estas são apenas linhas. Então vamos transformá-los em formas escolhendo objeto e depois expandir. Vamos apenas clicar em “ok”. Agora, em vez de linhas, eu tenho uma série realmente como de retângulos muito estreitos. Porque estes são agora formas não são linhas, eu estou indo para o palete pathfinder e eu vou clicar unir. Se você não vir o palete do pathfinder aqui,
escolha a janela e, em seguida, o pathfinder para exibi-lo. Você clicará em unir para criar um caminho composto. Então, se tivermos uma olhada na última palete aqui, o que selecionamos é este como um caminho composto. Agora vamos usar um recurso no ilustrador que nos permite criar uma linha em torno de formas e é a ferramenta de caminho de deslocamento. Vamos escolher efeito e, em seguida, caminho
e, em seguida, deslocamento caminho. Vou clicar em pré-visualização. O deslocamento padrão é de 10 pixels. Então o que realmente está acontecendo aqui é que cada uma dessas formas eram linhas, agora são formas, tem um traço de 10 pixels em torno dela. Como algumas dessas linhas são tão próximas, os traços de 10 pixels estão realmente correndo um para outro e esse é o processo que queremos usar para tentar criar essa forma que é a combinação de todos os linhas que tínhamos no design original. Se você quiser se livrar desses pontos aqui, você pode simplesmente aumentar o deslocamento. Essa é uma maneira de fazer isso. Quanto maior o deslocamento, mais esses espaços serão fechados. Agora há uma alternativa porque havia tão poucos deles, você também poderia tê-los removido do caminho composto mais tarde. Você tem uma escolha de duas opções ou você pode querer deixá-las em. Na verdade, quero deixá-los no meu projeto. Então eu só vou voltar para um deslocamento de 10 pixels e eu vou clicar em OK. O que eu tenho aqui agora é um caminho composto que é composto de uma série
de retângulos longos e estreitos que tem um traço em torno de cada um deles. O que eu quero fazer é juntar tudo isso, me
livrar de todas essas linhas e transformar tudo em um único objeto. Vamos usar Expandir para fazer isso. Então, vamos apenas selecioná-lo e escolher objeto expandir aparência. Isso só se livra de tudo. Ele apenas mescla tudo em um único objeto. Agora eu tenho um objeto que tem a mesma forma que este. Se eu quisesse me livrar dessas formas agora, aqui está outra maneira de fazer isso. Eu poderia ampliar estes e eu poderia ir para
a ferramenta de seleção direta e eu poderia ir e clicar em cada um desses pontos
de ancoragem por sua vez, e removê-los. Essa é uma opção. A outra opção é porque eles são tão pequenos, que eu poderia desenhar uma forma preenchida para ir em cima deles, por exemplo, um retângulo. Então eu só vou desenhar um retângulo preenchido para ir no topo. Eu escolheria as duas formas e iria ao Pathfinder e clique em Unite. Ele criaria novamente um objeto sólido, mas o que estamos fazendo é colocar um retângulo e uma forma juntos e apenas pedindo ilustrador para mesclá-los em uma única forma. Agora, eu quero apenas desfazer isso, então eu vou apenas pressionar o controle Z até eu ter as coisas de volta como eram antes. Vou pressionar Control ou Comando 0 para diminuir o zoom. Agora eu vou colocar esta forma em cima deste, mas preto em cima do preto não vai ser muito visível. Isto ainda é apenas um conjunto de linhas, nós não transformamos estas em formas. Você pode ver que eles têm um acidente vascular cerebral e nenhum preenchimento. Bem, vou dar-lhes um golpe branco. Então eu quero agrupá-los como um único grupo, agora eles são dois grupos separados, então eu vou apenas escolher grupo de objetos para fazer um único grupo fora deles. Isso significa que eu poderia, por exemplo, alinhar estes mais facilmente como um único grupo. Vou pegá-los e colocá-los de volta no topo da forma que criei. Eu vou selecionar ambos e eu vou usar centro de alinhamento horizontal e centro alinhamento
vertical para apenas certificar-se de que tudo está bem alinhado. Eu posso ir para esta forma preenchida de volta e mudar a cor dele se eu quiser fazê-lo. Então eu vou escolher a cor turquesa escura aqui. Lá temos o primeiro design criado inspirado na String Art.
4. Pt 3 para criar as linhas para um segundo design: Para o nosso próximo design inspirado na arte de cordas, vamos criar algumas flores. Quero escolher Arquivo e, em seguida, Novo. Novamente, estou usando um documento quadrado Alinhar novos objetos à grade de pixels está desativado. Vou clicar em “OK”. Vamos voltar a começar com uma linha vertical. Então eu vou apenas clicar para criar uma linha que 100 pixels de altura e que está em 90 graus, então é uma linha vertical. Vou clicar em “OK”. Eu só vou movê-lo para baixo para onde podemos vê-lo um pouco mais claramente, eu vou selecioná-lo. Agora vamos fazer outra transformação para obter o nosso ponto de partida. Vou escolher Efeito, Distorcer e Transformar e depois Transformar. Agora, para esta transformação, sugiro que você use os mesmos valores que eu estou usando. Então vamos mover essas linhas horizontalmente e verticalmente por cinco pixels. Então eu vou digitar cinco e cinco aqui. Vou ativar a Pré-visualização, e vou definir isto para 15 cópias. Então você verá que temos algum movimento nessas linhas. As linhas vão ter exatamente o mesmo comprimento, mas eles estão se movendo e nós também vamos girá-las, mas por uma quantidade muito pequena. Vamos girá-los em quatro graus. Nós vamos escolher o ponto em torno do qual estes estão girando como os pontos inferiores direita. Então, dentre estas nove pequenas caixas, vamos escolher a que está no canto inferior direito. Isso vai nos dar essa forma geral e essa repetição geral de linhas. Vou clicar em “OK”. Agora vamos expandir essa forma para transformá-la de uma linha em 16, o original e as 15 cópias que fizemos. Então, vamos escolher Objeto, Expandir Aparência. Então precisamos desagrupar e precisamos desagrupá-lo por algumas razões. Em primeiro lugar, porque vai tornar a paleta de camadas muito mais limpa se fizermos isso. Mas em segundo lugar, queremos usar as ferramentas de alinhamento aqui. Queremos trabalhar com as formas individuais e não com um grupo. Com as formas de grupo selecionadas, escolheremos Objeto, Desagrupar. Faremos isso até que Desagrupe não seja mais uma opção e não seja mais uma opção agora. Os alinhamentos que vamos usar aqui, vamos usá-lo através da guia Alinhamento, que você pode acessar escolhendo Janela e Alinhar. Vou abrir este pequeno menu de mosca aqui, vou escolher Mostrar Opções. Então eu vou ter certeza de que eu estou definido para Alinhar para Seleção aqui, não Alinhar para Art-board. Quero Alinhar à Seleção. O que eu quero fazer é alinhar à esquerda e ao fundo. Então eu vou clicar aqui em Alinhar Horizontal à Esquerda, e eu vou clicar aqui em Vertical Alinhar Inferior. Desta vez temos um ponto de partida muito diferente para a nossa forma. Temos toda uma série de linhas que estão saindo por aqui. É como se não tivéssemos completado o conjunto completo de rotações para a nossa curva parabólica. Bem, isso vai nos ajudar a criar um design floral interessante.
5. Pt 4 - crie uma flor: Esta forma vai se tornar metade de uma pétala de uma flor. Vou selecionar sobre todas as linhas e escolher objeto e, em seguida, agrupar para que todas as linhas se mova como um único grupo. Eu vou adicionar um guia aqui para tornar as coisas um pouco mais fáceis, então eu vou escolher “Exibir” e “Réguas” e depois “Mostrar réguas” porque isso vai me permitir arrastar um guia vertical para o documento. Eu queria um lugar aqui onde eu pudesse vê-lo. Vou ampliar um pouco para poder ver o guia e esta forma aqui. Eu vou pegar a forma e eu vou girá-lo ao redor. Vou posicioná-lo e apenas testar o posicionamento porque o que eu quero é que o para aqui esteja nesta linha. Eu não estou totalmente preocupado nesta fase com o fundo, mas eu quero alinhar o topo aqui para que ele está muito bom agora. Agora, se o fundo não se alinhar a esta linha aqui, podemos usar a ferramenta de cisalhamento para dobrar esta forma um pouco melhor. Eu vou selecionar a forma e eu estou indo aqui para a ferramenta pura, ele mostra uma posição da barra de ferramentas com a ferramenta de escala, mas você basta clicar na “Ferramenta Compartilhar”. Então você vai clicar aqui neste ponto de ancoragem e você vai começar a dobrá-lo. Você verá que você é capaz de puxar este ponto para que ele toque esta linha, e se você quisesse, você poderia até ir mais longe do que a linha que
lhe dará um efeito interessante no fundo de sua flor. Na verdade, vou um pouco mais longe. Você pode ver que eu estou tocando uma linha aqui e eu usei a ferramenta pura aqui para puxar isso para cima desta linha. A ferramenta pura é uma ferramenta muito útil para dobrar as coisas, nesta circunstância, funciona muito, muito bem. Terminei o meu guia agora, então posso selecioná-lo e pressionar “Excluir” porque um guia no Illustrator é apenas outro objeto. Eu vou fazer uma duplicata desta forma agora que eu tenho dobrado da maneira que eu quero que ele olhar escolhendo transformação de objeto. Eu vou escolher refletir, eu vou refletir sobre a vertical. Vou ativar a visualização, para que você possa ver que esta é a forma que eu vou criar. Porque eu quero o final original desta cópia, eu vou apenas clicar em “Copiar”. Agora, eu vou arrastar a segunda forma para alinhar com a primeira. Eu vou selecionar sobre ambos e eu vou clicar aqui na vertical alinhar topo que apenas certifique-se de que seus tops estão conectados, e eu vou apenas movê-lo através até que ele está perfeitamente posicionado. Agora, ele não está indo para a posição perfeitamente aqui, então eu vou movê-lo para fora cerca de meio pixel apenas fazendo um ajuste aqui para o valor X. Agora, que eu tenho minhas formas sobrepostas muito bem, eu vou agrupar aqueles com grupo de objetos. Vou pressionar “Control” ou “Command Zero” para diminuir o zoom. Agora, esta vai ser a pétala da minha flor, mas eu acho que é um pouco grossa agora, então eu vou selecionar sobre a forma e porque ela é apenas composta de uma série de linhas, eu posso ir e mudar a largura do
traço, vou torná-lo 0,25 pixels. Agora, a minha linha de peso é muito mais leve. Eu também poderia remodelar a pétala nesta fase, por exemplo, tornando-a um pouco mais larga e um pouco menos alta. Da outra forma que temos a pétala, podemos criar a flor fazendo apenas uma rotação nesta forma de grupo. Com isso selecionado, escolheremos efeito, distorcer e transformar, e depois transformar. Vou ativar a pré-visualização. Eu vou definir meu ângulo para começar em 30 graus e eu vou fazer cerca de seis cópias. Neste momento, o ponto de transformação está no meio das formas, então isso não está parecendo nada com uma flor. Os dois melhores pontos de transformação para esta forma específica são a parte superior do meio e a parte inferior do meio destas nove caixas. O topo do meio lhe dará uma flor onde os pedaços pontiagudos estão do lado de fora. O fundo do meio lhe dará uma flor onde os pedaços pontiagudos estão no interior e não no exterior. Você pode ver com 30 graus e apenas seis cópias, não
temos cópias suficientes ou rotação suficiente para fazer uma flor. Você pode apenas experimentar com vários valores. Você pode aumentar seu ângulo para criar uma flor como esta ou você pode diminuir o ângulo e aumentar o número de cópias e você também pode experimentar com qual desses dois pontos de rotação é mais interessante para você. Eu acho que este ponto de rotação é mais interessante porque eu gosto da borda irregular e espinhosa. Mas talvez queira aumentar a minha cópia. Eu vou ajustá-lo para 12, e eu vou começar a diminuir o ângulo para ver se eu posso encontrar algo que é de mais interesse para mim no design final. Vou deixar você experimentar essas configurações para encontrar algo que você realmente gosta. No entanto, antes de deixar este diálogo, sugiro que verifique o número de cópias. Você pode achar que, aumentando o número de cópias, você realmente constrói um pouco mais de detalhes no design. Você também pode achar que ao reduzir o número de cópias, você obtém um design mais equilibrado, então apenas certifique-se de que você não tem cópias que você não precisa
no design e que você tem tantas quantas você precisa para obter o resultado que que você gosta. Só estou adicionando alguns extras aqui. Vou clicar em “Ok”. Há nosso segundo design inspirado na arte das cordas para que pudéssemos fazer algo semelhante ao que fizemos no vídeo anterior e talvez colocar isso dentro de uma forma. Neste caso, eu poderia colocá-lo dentro de um círculo. Eu só vou criar um círculo, que vai por trás desta forma. Quando eu arrastá-lo sobre a forma, você vai ver que ele está na frente da forma e as camadas, então eu vou escolher objeto, organizar, centro para trás para que ele está atrás. Então eu poderia ir e obter essa forma e, por exemplo, mudar a cor das linhas apenas selecionando uma cor alternativa. Para a nossa peça final de design inspirado em cordas, vamos criar um coração e vamos ver como
usaríamos a Ferramenta de Pintura ao Vivo para colorir.
6. Pt 4 - opções de design extra: Antes de terminarmos de olhar para essa rotação em particular, quero mostrar algumas das possibilidades de design que
você tem. Então, tenho alguns projetos para passar com você. Neste, o que temos é o design floral básico. Mas você pode ver aqui a partir do acidente vascular cerebral que eu usei um gradiente. Este é apenas um gradiente linear de um
azul claro através do branco para um outro azul claro. A própria flor é colorida com um gradiente. Então vamos dar uma olhada no que está por trás disso. É só um círculo. O círculo aqui tem um preenchimento gradiente. Na verdade, tem um gradiente radial no círculo e há um gradiente linear no traçado em torno desse círculo. Quando juntamos tudo, este é o design que obtemos. Vamos ver outra opção aqui. Neste caso, eu usei novamente uma rotação da rotação da flor, mas as linhas pontiagudas aqui estão do lado de fora. Eu também coloquei as linhas usando um gradiente. Se eu clicar na forma básica, você verá aqui que eu usei um gradiente radial, desta vez de um azul mais escuro através do branco para novamente um pouco mais escuro azul. Você pode ver que a área branca é realmente muito pequena neste gradiente. Vamos dar uma olhada no que está por trás da forma do flash. Neste caso, eu só tenho um hexágono básico que em si tem um preenchimento de gradiente radial. Agora, se você estiver procurando gradientes para usar, você sempre poderá encontrá-los no painel Amostras. Clique no menu suspenso eles, escolha Abrir biblioteca de amostras e clique em Gradientes. Você verá que há muitos gradientes diferentes que são fornecidos com o Illustrator que você pode usar. Vou selecionar Gemas e Jóias. Aqui estão alguns gradientes, Gemas e Jóias gradientes que poderíamos usar, e você poderia simplesmente selecionar uma forma e, em seguida selecionar em qualquer um desses gradientes para aplicá-la a essa forma. Se você quiser transformá-lo em um gradiente radial, basta subir aqui e clicar em Radial. Agora, se você não gostar de nenhum desses gradientes, basta pressionar as teclas de seta. Em seguida, você carregará diferentes tipos de gradientes dessa coleção de gradientes que você poderia ter obtido através do menu suspenso. Mas você verá que, depois de ter um conjunto de gradientes visível aqui, essa é a maneira mais fácil de progredir
pelos outros grupos de gradientes disponíveis no Illustrator. Eu só vou para a próxima forma e vamos ver o que mais temos aqui para olhar. Bem, neste caso, novamente, temos a forma básica da corda e foi preenchida com um gradiente. Aqui está o gradiente de traço, é um gradiente radial. Está indo de um azul muito pálido para um azul médio. Mas o que é interessante aqui, é a rotação que eu usei, porque em vez de criar uma forma flash, eu criei uma forma muito diferente. Vamos dar uma olhada nessa rotação. Vou abrir a caixa de diálogo Transformar, ativar a Visualização. As rotações que estávamos usando anteriormente eram estas. Estávamos usando um ponto de rotação no meio inferior ou
no meio superior desses nove conjuntos de opções. Ou isso te deu uma flor com os espinhos do lado de fora ou os picos do interior. Bem, se você escolher um diferentes pontos de rotação como este, você vê que as pétalas estão deitados uma após a outra em torno da forma, e os picos estão indo em uma direção externa. Eu realmente gostei deste design básico e realmente me desafiou a dizer o que eu poderia fazer com ele. Bem, o que eu fiz com ele foi adicionar atrás dele um círculo preenchido com um gradiente, mas eu também adicionei uma estrela. Agora, esta é uma estrela que tem bordas arredondadas. Você pode ver que as bordas ao redor, mas você ainda pode ver que era uma estrela Eu
selecionei e eu apenas corri um efeito de canto arredondado sobre ele. Isso só o tornou loopy em vez de uma forma de estrela básica e mais tradicional em forma de estrela. Esse foi o design. O último que tenho para te mostrar é este aqui. Neste eu usei a rotação onde as linhas,
os pedaços pontiagudos estão no interior, em vez de no exterior. O traçado é um gradiente radial, ele realmente não precisa de um preenchimento aqui que não está fornecendo nada de muito uso em tudo. Mas é realmente esse derrame que é muito interessante. Então, por baixo disso, há apenas um círculo que é preenchido com um gradiente e usando essas cores opostas abaixo, e sua cor complementar de laranja está
nos dando um efeito realmente bonito com este design. Você pode ver que as formas preenchidas com gradiente radial atrás dessas flores giradas estão lhe dando algum potencial excelente para talvez, um elemento de design inicial para um logotipo ou até mesmo a base para um padrão.
7. Pt 5 - faça a forma de coração: Para o nosso design em forma de coração, vamos criar um novo documento. Novamente, será 400 pixels por 400 pixels no modo de cor RGB de tamanho. Desativei o alinhamento de novos objetos à grade de pixels e clique em “OK”. Agora, para esta forma em particular, é bastante importante os valores iniciais que você está usando e eu vou mostrar-lhe o porquê em apenas um minuto. Mas vamos começar com um objeto que é uma linha e ele não tem preenchimento e ele só tem um traço preto. Clique na “Ferramenta de Segmento de Linha”, eu vou fazer uma linha com 50 pixels de comprimento e vai ser 340 graus. Isso é em um pequeno ângulo e eu vou clicar em “OK”. Estas são as configurações que usaremos para
a transformação aqui com uma linha selecionada, escolheremos Efeito, Distorcer e Transformar e depois Transformar. Queremos que a linha cresça à medida que se transforma, então vamos definir a escala horizontal e vertical para 110 por cento. Nós queremos que ele se mova também, mas nós só queremos que ele se mova em uma direção horizontal e queremos que ele se mova menos oito pixels, então eu vou digitar menos oito aqui. A rotação que vamos usar é de 16 graus. Vamos girá-lo em torno do ponto central, e vamos fazer 20 cópias. Agora, se eu clicar em “Pré-visualização”, isso é o que nós temos. O que eu estou procurando neste design particular é este pequeno espaço que são quatro figuras lados que são rastreados com linhas porque eu vou preenchê-los com cores. A outra coisa que eu não quero é muito além da vertical. Esta vai ser a linha vertical do meu coração. Não quero muita coisa acontecendo aqui, o que me leva a pensar que provavelmente tenho muitas cópias aqui. Vou voltar o número de cópias para 18. Mas isso parece muito bom como um ponto de partida então eu vou clicar em “OK”. Agora por que era importante começar com uma linha em um ângulo com algo assim, eu vou mostrar a vocês porque eu vou virar isso para que seja vertical. Digamos a diferença quando começamos com uma linha vertical. Bem, isso não parece nada com a transformação que acabamos de receber. Transformar a linha usando um valor inicial que se parece com este é um resultado muito diferente. Você vai descobrir que mesmo pequenas mudanças no ponto de partida irá ajustar a forma do coração ou a metade em forma de coração um pouco. Vou me contentar com algo que se parece com isso. Mais uma vez a certificar-me de que tenho estas pequenas formas presas aqui. Se essas linhas ficassem aquém de encontrar esta linha aqui, eu ajustaria minha rotação até que eles a encontrem ou cruzassem como estão fazendo aqui. Indo para selecionar sobre esta forma e eu vou
expandi-lo com Objeto, Expandir Aparência. Vou desagrupá-lo com Desagrupar objeto e continuarei a fazer isso até que Desagrupe não seja mais uma opção. Agora eu sei que o que eu tenho na minha paleta de camadas é apenas uma série de linhas. Com essas linhas selecionadas eu vou apenas agrupá-las em um único objeto. Agora eu vou tomar esta forma e eu vou girá-lo em torno modo que esta linha aqui é praticamente vertical. Bem, me ajudaria a fazer isso vertical se eu tivesse um guia. Vou escolher View, Rulers, Show Rulers. Eu só vou trazer um guia vertical aqui. Eu vou selecionar esta forma e eu vou girá-lo em torno, e então eu vou movê-lo através e apenas tentar e obter isso praticamente para alinhar até o guia que eu fiz. Não precisa ser perfeito, mas o mais próximo possível de obter essa linha vertical, melhor será para o design final. Agora, se você estiver tendo um pouco de problemas com a rotação, você pode selecionar o objeto e escolher Objeto, Transformar, Girar, porque essa rotação gira em torno de um ponto central e se você tiver a Visualização ativada, você pode apenas ajustar -lo por apenas para cima ou para baixo flecha através do ângulo aqui. Acabei de bater o meu em torno de um grau e isso é um resultado muito bom, então eu vou apenas clicar em “OK”. Vou selecionar este guia porque não
preciso mais dele e vou excluí-lo. Agora isso é metade do meu coração, mas antes de eu ir em frente e fazer a coloração, eu preciso fazer algumas coisas. Em primeiro lugar, eu preciso descobrir o quanto deste lado eu posso colorir antes de girá-lo aqui e onde as sobreposições serão. Eu vou selecionar essa forma e só por agora eu vou escolher Objeto, Transformar, Refletir, Eu vou refletir sobre a vertical e eu vou fazer uma cópia. Com esta duplicata selecionada, vou certificar-me de que tenho o meu traço selecionado aqui. Vou colorir vermelho porque quero que seja de uma cor diferente. Então eu vou movê-lo para que ele se alinhe com o outro coração. Agora eu vou olhar para o que eu tenho e eu estou olhando é que eu tenho muitas linhas acontecendo aqui em baixo. Eu provavelmente tenho muitas falas aqui. O que vou fazer é entrar aqui e me livrar dessa. Eu estou fazendo isso apenas clicando continuamente nele
até que eu entrar no modo de isolamento até que ele sozinho seja selecionado, e então eu vou pressionar “Excluir”. Agora, este é o par correspondente aqui, então eu vou clicar nele e me livrar dele. Mesmo que eu realmente vou me livrar de toda a forma vermelha em um minuto. Agora eu só quero isso fora do meu caminho, então eu vou pressionar “Escape”. A única outra coisa que me diz respeito é que estas duas linhas estão muito próximas entre si e por isso vai parecer um pouco confuso. O que estou vendo é que esta linha negra aqui seria melhor se parasse neste ponto e não fosse até aqui. O que eu vou fazer em um minuto é pegar esta linha e eu vou cortá-la fora. Mas agora sei o que estou fazendo. A outra coisa que eu quero saber é quanto deste lado eu posso colorir e depois refletir. Vou apenas clicar na ferramenta Lápis. Eu só vou desenhar por aqui para abranger as áreas que não estão cobertas também de vermelho. Desenhando em torno desta área, eu vou selecioná-la. Vou virar minhas
cores de preenchimento e traço e vou diminuir a opacidade aqui. Eu só estou usando esta área aqui como um guia sobre as áreas que eu posso preencher em cores, e em alguns minutos eu posso virar para fazer o outro lado do coração. Isso só vai me deixar criar um coração que é colorido exatamente o mesmo em ambos os lados sem ter que fazer todo o trabalho de encontrar a forma correspondente no outro lado e colori-lo da mesma maneira. É só para tornar as coisas um pouco mais fáceis. Eu vou escolher sobre o vermelho e me livrar dele porque eu não preciso dele agora. Agora, precisamos cortar esta linha fora. Eu só vou fazer zoom aqui. Esta é uma linha aqui que eu quero cortar ao meio e eu posso cortá-la ao meio com a ferramenta Tesoura. A ferramenta Tesoura compartilha uma posição da barra de ferramentas com a Borracha. Eu só vou entrar aqui e ter certeza que eu tenho esse caminho selecionado e eu vou clicar nele com a ferramenta Tesoura onde eu quero cortá-la. Tendo feito isso, posso então ir para a ferramenta Seleção, certificar-me de que selecionei essa forma. Vamos apenas ter certeza de que eu selecionei esta peça aqui e eu posso simplesmente excluí-la. Eu posso entrar aqui e eu só vou mover esse alinhamento um pouco mais para que ele esteja alinhado um pouco melhor aqui. Pressione “Escape” para sair do modo de isolamento. Esta vai ser a forma do meu coração agora. Se você quiser testá-lo antes de fazer a coloração, isso é o que você vai fazer. Você vai trancar essa coisa rosa aqui, e você pode até desligá-la. Você vai selecionar o grupo aqui que é esta forma aqui. Você vai escolher Transformar objeto, Refletir, refletir sobre o clique vertical “Copiar”. Então você só vai mover isso de volta para a posição. Clique em “Ausente” e certifique-se de que você tem um design que você gosta. Você pode dizer que o trabalho que fizemos nesta linha melhorou. Eu acho que a linha é um pouco longa, mas eu posso consertar isso em um minuto, mas apenas me certificando de que tudo está bom aqui, o que é. Agora eu posso continuar com a minha coloração e eu vou fazer isso
removendo aquela metade do coração novamente porque eu ainda não quero isso. Vou limpar isto antes de ir longe demais. Eu só vou entrar aqui. Mais uma vez com a ferramenta tesoura, basta cortar este caminho e depois ir e selecionar o bit que eu não quero, que é este fim aqui, e apenas excluí-lo, pressione “Escape”. Vou voltar a ligar a minha área de coloração. No próximo vídeo vamos entrar e fazer a coloração e o reflexo e juntar tudo isso.
8. Pt 6 - pinte com pintura ao vivo: Antes de irmos em frente com a coloração, vamos isolar esta forma cheia de rosa e apenas fechá-la para que não possamos fazer nada com ela para que não vá atrapalhar. Vou selecionar este grupo aqui, e vou escolher Objeto, Pintura em tempo real, Criar. Isso torna isso como um objeto de pintura ao vivo. Agora, eu fui e criei um esquema de cores que eu quero apenas pegar aqui. Só vou abrir minha biblioteca de amostras
de cores definidas pelo usuário e vou trazê-las aqui. Se você tem um esquema de cores que você gostaria de usar para o seu coração, você poderia fazer exatamente isso. Agora vamos para a Ferramenta de Pintura em tempo real, que compartilha uma posição da barra de ferramentas com a Ferramenta Construtor de Formas. Vai clicar no “Balde de pintura ao vivo” e, em seguida, você vai clicar duas vezes na própria ferramenta para abrir as opções. Nas Opções, você deseja selecionar Tinta preenchimentos e desmarcar Pintar traçados. Você quer a pré-visualização da amostra de cursor e um realce, então eu vou clicar em “Ok”. O que isso significa é que agora sempre que eu passar o mouse sobre algo que pode ser colorido, eu vou ter esta pequena caixa delimitadora vermelha me mostrando o que pode ser colorido. Vou ampliar para poder ver as coisas um pouco mais claramente. Vou começar clicando na “Ferramenta de pintura em tempo real” e selecionar uma cor para trabalhar e verde é agora o meio desses três ícones acima da Ferramenta Balde de pintura. Isso me diz que estou prestes a pintar com verde limão e então eu posso apenas
clicar em algumas dessas caixas para preenchê-las com verde limão. Você pode usar as teclas de seta para setar as cores aqui e você verá que as cores que você está prestes a usar estão selecionadas aqui na paleta de amostras, mas você
também pode simplesmente clicar em uma cor se você quiser usar uma cor específica. Há mais caixas aqui do que parece haver. Basta estar ciente que você provavelmente deseja adicionar algumas caixas de qualquer cor particular, porque embora não pareça haver muitas caixas, existem algumas. Você só quer colorir coisas que têm esse tom rosa embaixo deles porque quando criamos esse tom rosa, foi porque as áreas que estão acima disso são áreas que vão ser duplicadas quando criarmos o outro Metade do coração. Eles não são áreas que vão ser cobertas que essas áreas são, e nós vamos ter que fazer isso manualmente em um minuto, mas isso vai poupar um pouco de trabalho para colorir sua arte. Você quer ter certeza de que você entrar nesses triângulos realmente pequenos ao redor da borda aqui também com cor. Se você perder uma caixa, não
é um grande problema, mas você quer obter tantos destes coloridos como você possivelmente pode. Quando terminar, pressione “Control” ou “Command 0", volte e selecione a forma com a Ferramenta Seleção e escolha Objeto, Pintura em
tempo real, Expandir e isso impede que isso seja um objeto de pintura em tempo real. Vamos voltar para a paleta Camadas e não
precisamos mais desse caminho cheio de rosa, então vou arrastá-lo e soltá-lo no lixo. Vou selecionar minha forma e vou refleti-la novamente. Objeto, Transformar, Refletir, e eu
vou refleti-lo sobre a vertical e fazer uma cópia. Então eu vou mover a duplicata de volta sobre o original. Você pode ver isso colorindo apenas metade do coração e depois refletindo e eu me economizei tendo que combinar minhas cores, e eu tenho um coração que é perfeitamente simétrico e perfeitamente simetricamente colorido. Agora, eu vou selecionar sobre as duas formas aqui. Vou escolher Object, Live Paint, Make, e isso torna o objeto de combinação agora um objeto de pintura ao vivo. Vou voltar para o Balde de Pintura ao Vivo. Vou voltar às minhas amostras de cores, vou preencher estas áreas aqui em baixo. Agora a única coisa que eu preciso ter cuidado aqui é que se
eu tenho pares de pombos como esta forma e esta forma, que eu estou colorindo eles da mesma cor, mas há muito menos que nós temos que ter cuidado agora do que nós teríamos tinha se não tivéssemos feito a coloração da maneira que fizemos antes. Tendo preenchido na parte inferior, agora
vamos verificar o topo e vamos preencher essas áreas também. Novamente, certificando-se de que estamos colorindo ambos os lados se houver duas formas em lados opostos do coração. Se necessário, talvez seja necessário ampliar um pouco mais para se certificar de que obtém tudo. Pressione “Control” ou “Command 0" quando terminar, precisaremos selecionar o objeto inteiro, umae
outra vez, escolher Objeto, Pintura em tempo real,
Expandir,para e
outra vez, escolher Objeto, Pintura em tempo real,
Expandir, que ele não seja mais um objeto de pintura em tempo real. Agora, tendo criado seu esquema de cores, você pode mudar as cores. Vou selecionar sobre o meu coração, vou para Alt ou Option - arrastar uma duplicata de distância. Vou voltar para esta versão original e com ela selecionada, vou clicar na opção “Recolorir arte”. Agora eu vou escolher Editar e o que eu posso fazer é desvincular essas harmonias de cores aqui e eu posso começar a arrastar isso para criar um esquema de cores mais monocromático. Tudo o que eu estou fazendo aqui é mudar as cores para ser mais em um esquema de cores azul, roxo apenas deixando essas amostras de cores aqui nesta área. Se você quiser alguns mais claros e mais escuros, então você precisa arrastá-los para mais perto em direção ao centro. Você pode querer um pouco de variedade para pegar uma cor, totalmente oposta para adicionar um pouco de uma cor complementar à obra de arte, e às vezes isso ajuda apenas a iluminar um pouco. Vou clicar para criar um novo esquema de cores dessas cores e clicar em “Ok”. Há o nosso coração recolored, mas porque tomamos o tempo e esforço para
ter certeza de que tínhamos um conjunto perfeitamente equilibrado de cores. Quando os recolorir,
eles vão ser coloridos com um conjunto perfeitamente equilibrado de cores também. Claro, essa forma pode ser a base para um padrão no Illustrator. Eu tenho muitas aulas sobre como criar padrões no Illustrator, e você poderia criar isso como um padrão, por exemplo. Há formas inspiradas na arte de cordas no Illustrator. Seu projeto para esta classe será criar uma ou mais das formas e postar uma imagem de seu projeto concluído na área do projeto de classe. Espero que tenham gostado desta aula e tenham aprendido um pouco a trabalhar no Illustrator. Se você gostou da aula e quando vir um aviso para recomendá-lo a outros,
por favor, dê um polegar para cima e escreva apenas algumas palavras sobre por que você está curtindo a aula. Essas recomendações ajudam outras pessoas a ver que esta é uma aula que elas também podem desfrutar. Se você gostaria de deixar um comentário ou uma pergunta para mim, por favor, faça-o. Eu leio e respondo a todos os seus comentários e perguntas, e olho e respondo a todos os seus projetos de classe. Meu nome é Helen Bradley, muito
obrigado por se juntar a mim para este episódio de design gráfico para o almoço, e estou ansioso para vê-lo em um próximo episódio em breve.