Transcrições
1. Houndstooth e de rosa - introdução - Um design gráfico para o almoço em em: Olá, sou Helen Bradley. Bem-vindo a esta aula de Design gráfico para almoço, Vector Halftone Shading e Houndstooth 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. Neste episódio, vamos criar duas coisas. Primeiro, vamos tirar uma foto rosa que estamos baixando da web, e vamos rastreá-la em um vetor, e vamos adicionar um padrão de meio-tom a ela. Então vamos explorar a criação de um padrão de houndstooth. Vamos juntar os dois, e quando terminarmos, vamos olhar para recolher a rosa só para obter um efeito diferente. Eu realmente espero que você goste deste episódio de Design
Gráfico para Almoço e tudo o que você vai aprender nele. Vamos começar com o nosso Projeto Houndstooth e Rose.
2. Houndstooth e a rosa - parte 1: Se você quiser acompanhar este tutorial em vídeo usando exatamente
a mesma imagem que eu usei, você pode fazê-lo. Você pode baixar esta imagem de publicdomainpictures.net. Basta ir para o link da web que eu lhe dei e clicar aqui em “Download gratuito” e você pode baixar a imagem. Agora vou levá-lo ao Photoshop e fazer uma pré-preparação no Photoshop. Se você não tem o Photoshop e se você quiser usar a imagem pré-preparada, então eu lhe darei um link de download para obter isso também. Mas se você tiver o Photoshop e se quiser ver como a imagem está preparada
, assista ao final deste vídeo. Caso contrário, pule para a próxima. Eu tenho a rosa aberta aqui no Photoshop e eu tenho a última paleta visível, que você pode obter escolhendo Janela e depois Camadas. Agora você deve ser capaz de fazer isso, mesmo que você não tenha usado muito o Photoshop. Você vai clicar na camada de fundo e arrastar este ícone de cadeado para a lixeira para apenas torná-la uma camada regular. Isso nos permitirá, em um minuto, nos livrar do fundo dessa rosa. Em seguida, vá até aqui e localize a Ferramenta de Seleção Rápida. Uma configuração de cerca de 30 é uma boa configuração para isso. Eu só vou arrastar agora pintar sobre a própria rosa. Enquanto eu faço, o Photoshop está fazendo uma seleção para mim. Agora, se for longe demais, não se preocupe, porque você sempre pode obter isso de volta segurando a tecla Alt ou Option e simplesmente pinte essa área, então você está desmarcando a seleção. Você só quer as formigas marchando ao redor da borda da sua rosa. Photoshop fez uma ótima seleção aqui, e certamente vale a pena escolher uma rosa que é muito bem isolada de seu fundo porque você não quer perder muito tempo no Photoshop, que você poderia estar gastando tendo um monte de diversão no Illustrator. Eu tenho minha rosa selecionada, então agora eu quero me livrar do fundo. Para inverter minhas seleções do plano de fundo selecionado e não da rosa, escolherei Selecionar e, em seguida, Inverter. Como o plano de fundo está agora selecionado e porque eu tenho isso como uma camada regular, não a camada de fundo, eu posso simplesmente pressionar “Excluir”. Há uma rosa isolada. Vou entrar agora e cortá-la. Eu só vou pegar a ferramenta de corte e apenas arrastar no corte um pouco, porque eu não quero levar o excesso de imagem para o Illustrator. Estou apenas dimensionando meu retângulo de corte e clique na marca de seleção. Agora, antes de irmos para o Illustrator, podemos fazer algumas coisas que nos ajudarão a produzir um resultado um pouco melhor dentro do Illustrator. Para fazer isso, vou aplicar um ajuste de curvas a esta imagem. Vou escolher Imagem, Ajustes e Curvas. Agora, lembrando que estamos apenas trabalhando nessa imagem para pré-prepará-la para o Illustrator, não
estamos fazendo todos os truques de fotos incomuns que faríamos no Photoshop. Eu também quero que isso seja fácil o suficiente para você fazer, mesmo que você não esteja familiarizado com o uso do Photoshop. Vou arrastar para baixo, basta clicar e arrastar para baixo na parte inferior desta curva aqui para torná-la uma curva ligeiramente para baixo. Vou clicar na linha aqui e arrastá-la um pouco para cima. O que isso está fazendo é adicionar algum contraste nisso, então temos algumas camadas escuras e algumas camadas mais claras. Isso vai ser muito importante mais tarde porque
vamos convertê-los em vetores dentro do Illustrator. Então você quer um bom contraste aqui, alguns pedaços claros e alguns pedaços escuros. Quando você está feliz com o que você tem, apenas arrastando para fora nesta curva, basta clicar em “Ok”. Se você cometer um erro e é muito fácil cometer um erro aqui e apenas transformar isso em lixo, então tudo que você precisa fazer é segurar a tecla Alt ou Option e clicar em “Reset” e isso apenas envia de volta para o jeito que era. Você pode voltar e tentar novamente para obter sua curva e o contraste adicional nesta imagem e clicar em “Ok”. A outra coisa que podemos fazer é achatar algumas das cores na imagem. Nós apenas fazemos isso executando um filtro. Escolha Filtrar e, em seguida, Ruído e Mediano. O que a mediana faz é achatar a cor na imagem. No momento, temos um raio de seis pixels. Se eu arrastar isso todo o caminho para cima, você vai dizer que a imagem apenas se torna uma grande bolha. Obviamente, os valores que fizemos são muito pequenos. Só vou testar três. Agora eu acho que três é provavelmente um bom valor aqui. Estamos recebendo um pouco menos de detalhes na rosa fazendo isso. Escolha um raio de, digamos, dois ou três pixels e clique em “Ok”. Agora estamos prontos para ir ao Illustrator. Para fazer isso, eu vou salvar esta imagem para que eu
possa usá-la uma e outra vez se eu quisesse. Escolherei Arquivo, Salvar como porque não quero sobrescrever o original, mas quero manter uma cópia dele. Agora estou na pasta em que a imagem original foi armazenada, mas vou escolher na lista suspensa Salvar como tipo,
JPEG, e vou chamar isso de “Isolated-Fácil faze-it- rosa” e clicar em “Salvar”. A imagem rosa agora está salva, então terminamos todo o trabalho que precisamos fazer no Photoshop e estamos indo para o Illustrator.
3. Houndstooth e a rosa - parte 2: Agora estamos prontos para criar a imagem em que vamos trabalhar. Estou escolhendo “Arquivo” e depois “Novo”. Estou fazendo uma imagem de 1.000 por 600 pixels de tamanho, modo de cor
RGB e clique em “Ok”. Agora, se você optou por fazer o trabalho do Photoshop sozinho, esse é o ponto em que você trará sua imagem. Se você optou por não fazer isso, siga o link aqui para baixar a imagem que você pode usar. Clique para baixar a imagem que preparei para você e você a salvará no disco. Depois vamos todos buscar as imagens com as quais vamos trabalhar. Será a imagem que você mesmo criou ou a que eu criei para você. Faremos da mesma maneira. Vamos escolher “Arquivo” e depois “Colocar”. Vá e selecione a imagem e clique em “Colocar”. Em seguida, basta arrastar um local para ele dentro do documento do Illustrator. Vá para a última paleta e você vai querer algumas versões desta imagem. Você verá aqui uma vez. Clique sobre isso e arraste e solte-o neste novo ícone aqui, e isso irá criar uma duplicata dele. Você pode trancar e esconder essa por enquanto, porque nós só vamos estar trabalhando na parte inferior. Como esta é uma imagem de bitmap, Illustrator já está identificando e sugerindo que possamos rastreá-la. Vou clicar em “Rastreamento de imagem”. Agora, o primeiro traço sempre parece absolutamente horrível, mas tudo bem
porque você sabe que vai parecer horrível e você tem a chance de fazer mudanças nele. Clique no painel “Rastreamento de imagem” e clique em “Visualizar” desativado porque queremos alterar as configurações neste painel antes que o Illustrator decola e o rastreie novamente. Em vez de preto e branco, queremos traçar em cores. Queremos usar uma paleta de cores limitada porque queremos menos do que uma gama completa de cores. Sugiro que comece com algo como oito e veja como é. Agora, no painel Avançado aqui, você pode escolher caminhos, cantos e ruído. A regra geral geral para isso é que, se você arrastar caminhos e cantos para um valor pequeno, então você arrasta o ruído para o outro lado. Isso vai me dar um resultado muito suave. Agora, parece que eu coloquei Preview lá que eu não queria. Perdi minhas configurações aqui por algum motivo, mas vamos redefinir essas configurações. Eu tenho um valor muito baixo para caminhos e cantos, um alto valor para o ruído. Isso vai me dar um resultado muito suave. Agora, eu já rastreei essa imagem antes, e eu sei que há um pouco de branco lá dentro que eu realmente quero manter, então eu não vou clicar em “Ignorar branco”. Eu vou me livrar do branco mais tarde que eu não preciso. Vou clicar em “Pré-visualização” e isso vai detonar o rastro. Basta esperar até que o Illustrator termine de traçar a imagem. Então olhe para o que você tem e decida se é isso que você quer. Agora que é um traço muito bom, mas você pode querer tentar um número menor de cores. Vamos tentar seis, por exemplo. Vou digitar seis e pressionar “Tab” e isso me dá um resultado de classificação. Você também pode tentar mais alguns, então vamos tentar 10. Tudo o que você está procurando é um resultado que você gosta. Eu realmente gosto muito de 10, então eu acho que eu vou chamar isso de bom. Mas você provavelmente não iria querer muito mais do que 10 cores na imagem. A beleza de escolher 10 é que eu perdi essas áreas brancas
na imagem então eu estou realmente indo para obter um resultado um pouco melhor. Agora que terminei meu rastreamento, vou clicar aqui em “Expandir” e isso expande a imagem em uma imagem vetorial. Agora, eu tenho formas vetoriais. Eu vou clicar nisso e eu vou escolher “
Desagrupar objeto” para que eu possa começar a trabalhar com as formas individuais. O que eu estou procurando é a última forma então se eu descer na última paleta e clicar na última forma e apenas isolá-la, isso vai ser o branco. O fundo branco se houver algum, geralmente acaba sendo a última forma. Eu só vou pegá-lo e colocá-lo
na lata de lixo porque eu não quero a forma branca, mas tudo o resto eu quero. Acabei de voltar para a última paleta e aqui estão todos os objetos aqui. Eu só vou clicar no topo e que irá selecionar tudo, exceto as linhas duplicadas, que é exatamente o que eu quero selecionar é tudo, exceto, e eu vou apenas agrupar isso novamente, “Objeto”, “Grupo”. Agora, isso apenas esconde tudo em um grupo limpo, que me permite ligá-lo e desligá-lo à vontade e também bloqueá-lo muito, muito facilmente. Vou fazer as duas coisas. Vou trancá-lo e vou desligá-lo. Vou voltar para a segunda versão das linhas que eu tinha. Vou desbloqueá-lo e agora estamos prontos para ir em frente e criar o meio-tom.
4. Houndstooth e a Rose - parte 3: Para fazer o efeito de meio-tom, estou selecionando a segunda versão da rosa, uma ainda não foi convertida em nada. Eu vou escolher Objeto e depois Rasterizar porque eu quero trabalhar com a cor nesta imagem. Até eu rasterizar, não
posso fazer isso. Vou apenas clicar em Ok, basta selecionar as opções padrão. Agora, com a forma ainda selecionada, vou escolher Editar e depois Editar cores porque há uma ferramenta no Illustrator que permite converter uma imagem em tons de cinza. Vou clicar em Tons de Cinza. Agora, eu tenho uma versão em tons de cinza da minha rosa. Isto é o que eu vou converter em meu meio-tom. Para fazer isso, escolherei Efeito e depois Pixelate
e, em seguida, Color Halftone. Agora, praticamente tudo o que você precisa saber sobre o diálogo de meio-tom colorido é que o raio máximo será o maior dos pontos em seu meio-tom. Você quer configurá-lo para algo que vai funcionar para a sua imagem. Os ângulos da tela, não importa muito o que eles
configuram porque estamos trabalhando com uma imagem em tons de cinza. Eu só vou testar isso clicando em OK. Esse é o meu efeito meio-tom. Agora, eu poderia pensar que meus pontos são muito grandes ou muito pequenos. Na verdade, acho que estão um pouco no lado pequeno. Eu vou abrir o painel Aparência porque aqui
na aparência desta imagem rosa em particular é o efeito de meio-tom de cor. Posso clicar nele e recuperar o meu diálogo. Eu só vou fazer uma mudança e ajustá-lo para 12 pixels para o meu raio máximo e tentar isso. Se isso não for suficiente, basta clicar novamente e fazer uma alteração. Você pode ir maior para pontos maiores ou menor para pontos menores. Eu acho que 13 vai funcionar muito bem para esta imagem. Agora, eu tenho o meu efeito de meio-tom sobre o topo da minha rosa original. Vamos trazer a rosa de volta. Acabei de ligar o ícone do globo ocular, então devemos ser capazes de vê-lo. Bem, não podemos vê-lo agora porque estamos olhando para uma imagem em preto e branco e não podemos ver através dela porque é totalmente opaca. O que precisamos fazer é misturar esse efeito de meio-tom com a camada abaixo. Vou clicar aqui na camada de meio-tom, e vou clicar no painel Aparência para ela. Porque aqui nas opções de opacidade, são modos de mesclagem. Esses são modos de mesclagem que são semelhantes aos que você encontraria, por exemplo, no Photoshop. Se eu clicar em Multiplicar, então eu vou ser capaz de misturar o meio-tom com a imagem rosa abaixo. Isso é um efeito muito bom. Mas no próximo passo, o que vamos fazer é realmente esconder o efeito de meio-tom nas áreas mais claras da imagem. Precisamos construir uma máscara e depois mascarar o efeito de meio-tom. Vamos ver como fazemos isso.
5. Houndstooth e a Rose - parte 4: Para a nossa máscara, vamos construí-la no painel “camadas”. Estou abrindo o painel de camadas. Vou clicar aqui para adicionar uma nova camada acima de tudo o resto. Vou usar essa nova camada para construir a máscara. Eu não quero que minha imagem de meio-tom fique visível agora, então eu vou bloqueá-la para que ela não se mova, mas eu também vou escondê-la. Vou desbloquear a versão rastreada da imagem. Temos a imagem que é a versão rastreada, cheia de formas vetoriais. Agora eu quero selecionar a área mais leve da imagem, mas quando eu clicar nela, você verá que ela está agrupada. Agora vamos apenas desagrupá-lo, vamos fazer “objeto desagrupar”. Eu posso clicar novamente na área mais clara da imagem que eu posso ver, e eu sou capaz de selecioná-la. Eu quero selecionar todas as outras áreas mais leves, mas eu não quero ter que fazer isso à mão. Vamos escolher selecionar, mesmo, cor de
preenchimento, e ilustrador irá selecionar todas as áreas mais claras na imagem para nós. Agora eu quero copiá-los, então eu vou escolher “editar cópia”. Então eu vou até esta nova camada que eu
criei, eu vou escolher editar, colar e colocar. Este vai ser o começo da minha máscara. Só estou fazendo uma duplicata e escondendo. Vamos voltar para a rosa. Precisamos selecionar Camada 1 para que estejamos trabalhando na Camada 1 novamente. Agora vou selecionar algumas áreas um pouco mais escuras, as que estão ao lado da área clara. Vou clicar em um deles, selecionar, mesmo, preencher cor, editar, copiar. Vou para a minha Camada 2 e, em seguida, vamos escolher editar, colar no lugar. Vamos voltar para a Camada 1. Vou selecionar a próxima cor mais clara. Você vai descobrir que geralmente essas cores são alinhadas ao lado do outro, você pode dizer que este é o mais leve e, em seguida, este, e então, provavelmente, este. Vamos escolher, selecionar, mesmo, cor de preenchimento, editar, copiar, ir até a Camada 2, editar, colar no lugar. Agora eu selecionei as três cores mais claras na imagem, eu acho que provavelmente é tudo o que eu vou precisar trabalhar com. Eu só vou bloquear esta camada por enquanto, e vamos dizer o que temos na camada superior, eu também vou desligar esta. Estas são as áreas mais claras da imagem. Vou selecionar tudo na Camada 2 e vou preenchê-lo com preto. Vou subir aqui e clicar em “preto”. Todas essas áreas claras da imagem agora estão pretas. Vou selecioná-los, vou arrastar tudo sobre eles com a ferramenta de seleção e escolher editar e depois copiar. Tenho uma cópia disto na prancheta. Agora vamos voltar para as camadas e vamos esconder essa camada de máscara, os pedaços de pedaços da imagem que planejamos usar para uma máscara. Vamos tornar nossa outra camada visível novamente. O que queremos fazer aqui é começar a trabalhar no meio-tom. Vou destrancar o meio-tom e torná-lo visível. Eu vou clicar nele, então eu tenho o meio-tom apenas selecionado. Vou ao painel de aparência, e estamos prontos para criar nossa máscara. Agora, criar uma máscara pode ser um pouco difícil, mas se você passar pelo processo comigo, vai ser muito fácil. Temos nossas áreas pretas já na área de transferência do Windows ou na área de transferência do Mac, e vamos clicar aqui em “Opacidade”. Isso vai abrir esse pequeno diálogo, e o que queremos fazer é fazer uma máscara, então eu vou clicar em “Make Mask”. Então eu vou clicar aqui para selecionar a máscara. Preciso ter certeza de que há uma fronteira em torno desta caixa de máscara, e eu vou desligar o clipe. Agora vou escolher editar, colar no lugar. O que isso faz é colar a imagem que eu tinha na área de transferência na máscara. Se você abrir o diálogo de opacidade para esta forma, isso é o que você deve ver, seu efeito meio-tom aqui, e uma máscara preto e branco aqui. Você deve ver essa quantidade de preto e essa quantidade de branco, porque essa é praticamente a proporção que queremos. clipe deve ser desativado e Inverter máscara também deve ser desativado. Se você tem tudo parecido com isso, então tudo é perfeito, e você tem mais um passo a fazer. Agora você está editando a máscara, e você pode ver isso porque ela tem um pouco de envolvente preto em torno dela, e aqui em cima também, ele vai dizer máscara de opacidade. Você tem que deixar a máscara de opacidade antes de poder
voltar a trabalhar nesta imagem dentro do ilustrador. O que você quer fazer é clicar aqui no meio-tom. Você tem que fazer isso, e então você pode apenas clicar longe de tudo, e você tem seu efeito meio-tom. Ele foi removido nas áreas onde a imagem é mais clara e é aplicado somente nas áreas onde a imagem está mais escura. Agora, se você quer que seja ainda menos óbvio do que é, vá aqui para a opção de opacidade e apenas diminua a opacidade um pouco. Isso vai misturar os pontos de meio-tom na imagem subjacente, mas é claro, eles serão completamente removidos das áreas onde a imagem era mais leve. Estou diminuindo para talvez 50 por cento, acho que será um bom valor aqui. É um bom efeito para mim, então eu vou apenas clicar longe
do diálogo e eu posso fechar o painel de aparência. Estamos prontos para seguir em frente e criar o nosso padrão para a nossa rosa.
6. Houndstooth e a rosa - parte 5: Em seguida, vamos criar nosso padrão houndstooth e houndstooth um padrão interessante porque é na verdade uma tesselação. Acabo de abrir a minha última paleta e tenho a minha máscara aqui. Eu não preciso mais deles, então vamos arrastar e soltar a máscara na lata de lixo. Mas vou adicionar uma nova camada. Vou clicar aqui no novo ícone “Camada”, e vou usar essa nova camada para construir meu padrão. Nesta fase, vamos bloquear o resto
da imagem e desligar a visibilidade. Estamos apenas trabalhando na camada 2. Agora o padrão houndstooth podemos criar a partir de um retângulo. Vou clicar aqui na “Ferramenta Retângulo”. É apenas um retângulo normal. Vou clicar no meio da imagem até que esta caixa de diálogo seja aberta. Vou criar um retângulo que é metade da largura do que é alto. Vou me contentar com 50 de largura e 100 de altura, e clicar em “Ok”. Estou enchendo de preto. Preto é uma boa cor para isso. Vou ampliar para ver as coisas claramente aqui, porque quero trabalhar nesta forma. Vou clicar longe da forma para que não seja selecionado. Vou clicar na “ferramenta Caneta” agora, se você odeia a ferramenta caneta, tudo bem. Eu entendo, mas não vamos fazer nada realmente significativo com ele, exceto clicar. É uma operação de ferramenta de caneta muito fácil. Eu vou selecionar uma cor diferente embora seja algo que realmente vai contrastar. Estou selecionando rosa. Eu vou descer aqui na parte inferior
desta forma e eu vou clicar quando eu disser que a palavra âncora aparecer porque eu queria começar minha forma
exatamente na mesma posição que o canto deste retângulo. Agora vou manter a tecla Shift pressionada porque quero que este ângulo seja de 45 graus. Eu só vou vir aqui para falar sobre esta dimensão. Isto não é a Foguete Science. Não importa o quão longe você chegou, mas eu quero que seja sobre a aparência disso e eu vou clicar uma vez. Agora eu vou segurar a tecla Shift novamente, e eu vou subir aqui. Quero estar nesta quantidade de espaço a partir do canto da imagem. Mas, de novo, preciso segurar o Shift porque preciso que isto seja uma linha recta. Vou aqui e clicar uma vez. Então eu estou vindo aqui novamente segurando a tecla Shift, e eu só quero alinhar isso com a borda desta forma onde ele diz “Path”. Vou clicar uma vez. Vou descer aqui, novamente segurando a tecla Shift para alinhar com esta âncora, clique e atravesse aqui e clique. Isso deve me dar uma forma. Isso é exatamente o que eu quero. Mas eu tenho uma base ondulada na minha forma e eu acho, bem, o lado dele parece bom, mas a base do pouco wiggly. Só vou endireitar isso antes de ir. Eu só vou ampliar aqui, pegar esta ferramenta de seleção direta, clicar neste ponto “Âncora” aqui porque eu acho que ele só precisa ser derrubado. Vou manter a tecla Shift pressionada enquanto a arrasto para baixo. Só estou olhando para procurar uma linha reta e consegui uma linha reta perfeita. Vamos pressionar “Control zero” para voltar à imagem em si. Eu estou indo para a ferramenta de seleção e eu vou
colocar esta forma rosa de volta em cima do preto. Vamos ampliar para podermos dizer o que está acontecendo aqui. Quero ter certeza de que está perfeitamente alinhado com a parte inferior das formas pretas. Eu poderia selecionar ambos e apenas clicar aqui em “Vertical Alinhar Bottom”. Isso fará com que ambas as formas estejam alinhadas verticalmente. Vou alinhá-los deste lado também. Vou apenas clicar aqui para alinhá-los perfeitamente à direita também. Agora quero duas cópias destas formas cor-de-rosa. Vou escolher editar cópia
e, em seguida, editar colar no lugar que eu quero que eles em cima um do outro. Vamos para a última palete e vamos abrir esta camada em que estamos trabalhando. Você pode ver que temos uma forma rosa, uma forma rosa e uma forma preta. Bem, eu vou selecionar uma das formas cor-de-rosa e, em seguida, clique com a tecla Shift nas formas pretas. Ambos selecionados. Eu estou indo para o Pathfinder e eu vou selecionar menos frente porque nós sabemos que as formas rosa são fundador para o preto. Quando eu clico “Menos frente”, o que eu acabo com é uma forma rosa e uma forma preta sem seus pedaços. Bem, tem um pouco mais lá dentro. Vamos ampliar e ver se podemos dizer o que está acontecendo aqui para que possamos nos livrar dele. Bem, eu vou selecionar esta forma preta e eu vou selecionar então na ferramenta de seleção direta. Há um ponto de ancoragem solto aqui. Eu só vou clicar nele com a ferramenta de seleção direta e clicar em “Excluir” e ele simplesmente desaparece. Você pode achar que você tem um ritmo ou dois, mas você pode ter sorte e conseguir tudo na primeira vez. Agora eu vou colocar esta forma de volta em cima desta. Mais uma vez ampliando apenas para ter certeza de que tudo está bem alinhado. Quando eu tiver os dois alinhados assim, eu vou apenas selecionar os dois e clicar em “Unir”. Isso faz uma forma fora dos dois. Isso é metade das minhas mãos para o padrão dele, então eu vou escolher objeto, transformar, refletir. Vou clicar em “Pré-visualizar” porque quero refletir sobre a vertical e quero fazer uma cópia, então vou clicar em “Copiar”. Agora vou arrastar a segunda forma para longe da primeira. Vou mantê-los juntos com este aspecto. Selecione ambos e clique em “Unir”. Agora eu tenho uma forma. Este é o preconceito do meu houndstooth. Eu vou girá-lo 45 graus, então eu vou arrastá-lo ao redor segurando a tecla Shift para girá-lo para um ângulo de 45 graus. Antes de sair daqui, vou torná-lo preto porque vai parecer um oco,
melhor, bang, preto, houndstooth. Agora pressione “Control” ou “Command zero” para diminuir o zoom e faremos o padrão com as formas selecionadas. Vamos escolher objeto, padrão, make e clicar em “Ok”. Vou vincular essas duas caixas aqui, então certifique-se de que isso está ativado. Vou clicar em uma das caixas e começar a pressionar a tecla de seta para baixo. Eu posso pressionar “Shift seta para baixo” se eu quiser. Só quero juntar estas duas formas. Só quero que a ponta pontuda desta forma se cruze com o caminho que criei. Quando eu fizer isso, eu tenho meu houndstooth. Só vou clicar em “Concluído”. Eu terminei com esta forma para que eu possa excluí-la. O padrão Houndstooth está aqui nas minhas amostras. Agora eu vou criar um retângulo que é do tamanho do quadro de arte. Só vou clicar e arrastá-lo até aqui. Com o preenchimento selecionado, vou clicar no meu padrão “Houndstooth”. É muito grande. Vou escolher a escala de transformação de objetos. Tenho a pré-visualização ativada. Eu quero transformar meus padrões para que eu quero transformar padrões selecionados por não quer transformar esses objetos. Eu só vou fazer isso, bem, vamos começar com 25 por cento. Isso é um pouco grande e eu acho que provavelmente poderia descer para cerca de 15 por cento. Bem, eu estou pensando ainda menor. Vou fazer sete por cento e clicar em “Ok”. Agora vamos para a última palete e trazer de volta a nossa rosa. Aqui está preenchido camada houndstooth. Aqui está a camada um, que tem a rosa do intervalo. Eu só vou trazer minha rosa de volta para a visibilidade e eu vou arrastar o laboratório Houndstooth abaixo da camada de rosa, que é apenas colocar a rosa no topo. Neste ponto, nós essencialmente terminamos o projeto que viemos aqui para criar. Há uma maneira, no entanto, mudar as cores da rosa. Se quiserem ver como fazer isso, vamos terminar isso no próximo vídeo.
7. Houndstooth e a Rose - parte 6: Se você quiser mudar a cor da sua rosa, você pode fazê-lo, mas eu sugiro que antes de tudo, você salve sua rosa. Certifique-se de escolher Arquivo Salvar como, para que você tenha uma versão salva da cor que você tem aqui. Agora vamos mudar isso. Vou abrir o painel de camadas. Vou desbloquear a camada de rosa e
vou selecioná-la porque é apenas a rosa que queremos mudar. Então eu vou para o painel de amostras de cores. Vou clicar aqui em Novo Grupo de Cores. Por padrão, ele mostrará o trabalho artístico selecionado. Basta clicar em “Ok”. Isso adiciona um novo grupo de cores das cores que estão na rosa no momento. Com a rosa ainda selecionada, vá em frente aqui e clique em Editar ou Aplicar Grupo de Cores. Em seguida, clique em “Editar”. Estas são as cores da rosa atualmente. Agora o que você pode fazer é apenas arrastar por aqui. As cores manterão essas mesmas relações para que você obtenha este esquema de cores monocromático, que são as cores em sua rosa. Se você arrastar para dentro, você terá uma rosa de cor mais pastel. Se você arrastar para fora, o que você vai obter um menos pastel, cor
mais saturada rosa. Agora, essas cores podem ser arrastadas individualmente para dentro e para fora para serem mais ou menos saturadas. Vamos voltar para o tipo aqui. Você pode arrastá-los para dentro ou para fora. Isso permitirá que você crie esse efeito interessante,
isolando algumas cores na rosa e tornando-as mais escuras ou mais claras. Mas essencialmente porque as cores são bloqueadas em relação umas às outras, porque isso está bloqueado, você não pode puxá-las para outra área de cor. Se você quiser puxá-los para outra área de cor, você precisará desbloqueá-los. Uma vez destrancados, você pode ir e fazer coisas assim. Você pode começar a trazer cores interessantes para a rosa. Você pode até trazer cores de cortesia. Você pode fazer todas as coisas com sua rosa neste momento e olá, se você chegou até aqui, você fez um monte de trabalho, então você pode muito bem desfrutar. Vá fazer a sua rosa qualquer cor que você gosta, e apenas divirta-se com este diálogo porque você certamente merece. Este é um grande projeto e este é o final divertido do projeto. Se você obter uma combinação de cores que você gosta, clique aqui em Novo Grupo de Cores, e isso irá apenas salvá-lo como um grupo de cores e clicar em “Ok”. Seu projeto para este curso é obviamente criar seu próprio padrão de meio-tom e, em seguida, ir e encontrar uma imagem rosa, algo que você mesmo filmou ou algo que você encontrou em um site de ações, convertê-lo em um vetor e aplicar o efeito de intervalo para ele. Publique uma imagem do seu projeto concluído na área do projeto da classe. Espero que você tenha gostado deste episódio de Design Gráfico para Almoço, criando efeitos de rosa de meio tom e padrões de dentes de cães. Estou ansioso para vê-lo em outro episódio em breve.
8. Vídeo adicional de Houndstooth e de rosa: Este é um vídeo adicional para o projeto Houndstooth and Roses. Agora, a razão pela qual eu estou fazendo este vídeo é que, um de meus alunos perguntou o que aconteceria ou como eles fariam se estivessem usando o Illustrator CS5, eles estão usando o 5.1. Mas as versões do Illustrator anteriores ao CS6 não tinham a ferramenta de criação de padrões nelas. Se você estiver usando uma versão anterior do Illustrator, não será possível fazer o padrão Houndstooth da mesma maneira que todos os outros. Vou mostrar como você faz isso em versões anteriores do Illustrator. Agora eu tenho os cães básicos para moldar e o que precisamos fazer agora, é fazer o nosso padrão. Agora, eu tenho a ferramenta Mover selecionada. O que eu vou fazer é selecionar minha peça padrão. Vou segurar a tecla Alt enquanto arrasto algumas cópias disto. Vou me contentar com cinco agora. Agora, vamos construir esse padrão apenas fora dos espaços e não vamos girá-los. Vamos girar o padrão mais tarde quando tivermos tudo funcionando. Vai ser mais fácil fazer assim. Vou ampliar aqui. Eu só vou clicar na ferramenta Zoom, zoom aqui porque eu quero ver esses espaços claramente. Com a ferramenta Mover, eu vou selecionar esta peça e apenas movê-la, para que ela apenas toque a borda superior desta. Então vou segurar a barra de espaço para ver o que está acontecendo aqui. Eu só vou tirar essa peça do caminho por enquanto e eu vou colocar essa aqui, então é exatamente no mesmo lugar. Agora precisamos destas duas peças padrão, esta aqui e esta aqui para estar no mesmo nível. Eu só vou selecionar os dois e apenas alinhar verticalmente seu fundo e ter
certeza de que eles são exatamente iguais um ao outro em posição agora. Acho que ambos podem ser movidos para cima, então vou testar isso. Isso parece muito bom para mim agora. Vamos pegar essa peça e ela entra aqui. Eu vou colocá-lo, então eu vou ampliar e ver o quão bem ele está colocado. Bem, a resposta para isso não está muito bem, mas eu posso consertar isso. Segure a barra de espaço, vá e verifique se esta ponta parece muito boa. Controle+0 para diminuir o zoom novamente. Agora, vamos mover a última peça aqui, que é esta aqui. Preciso movê-lo para que fique em posição e precisa estar aqui. Novamente, vou ampliar para ter certeza que está perfeitamente alinhado, o que não está. Agora que eu fiz isso, eu vou dar uma olhada e ver se eu tenho o suficiente para a minha peça padrão. O que eu quero é uma peça padrão que contenha este espaço aqui, esta forma branca, esta forma preta, esta forma preta, e esta forma branca. Vou desenhar um quadrado aqui e acho que tenho a quantidade certa de peças padrão aqui. Eu vou escolher Ver e então eu vou
escolher Réguas e eu vou escolher Mostrar Réguas, porque eu quero ver meus governantes. Eu realmente quero pré-preparar alguns guias. Para criar um guia, basta arrastar para fora da régua. Vou posicionar um guia aqui. Vou fazer a mesma coisa e posicionar este guia ao longo desta borda aqui. Agora eu vou alinhá-los um pouco melhor em um minuto, mas por enquanto, eu só quero eles em posição. Agora vou fazer a mesma coisa aqui. Eu vou arrastar um para baixo do topo, e eu vou alinhá-lo ao topo deste objeto preto aqui, que é também o topo deste objeto branco e eu vou fazer o mesmo aqui. Alinhe ao topo do preto e ao topo do branco. Agora, aqui está um pedaço de padrão inteiro e é isso que eu estou procurando. Eu só preciso ter certeza de que ele está perfeitamente alinhado antes de ir mais longe, então vamos pegar a ferramenta Zoom. Vamos ampliar aqui e garantir que os guias estejam na posição certa, que parecem estar. Certamente tive muito mais sorte com meus guias desta vez do que a primeira vez que eu criei esta forma. Bem, este guia não está bem aqui. Agora, guias são apenas elementos. Eles são apenas objetos no Illustrator. Você verá aqui, que um guia é um objeto. Você pode simplesmente selecioná-lo com a ferramenta Seleção e movê-lo para a posição. Agora vou pressionar Control ou Command+0 para diminuir o zoom. O que eu quero fazer agora é criar um retângulo alinhado com este conjunto de guias. Vou para a ferramenta Retângulo. Eu só vou clicar aqui neste guia aqui, e arrastar para fora um retângulo. Agora eu preciso ter certeza de que ele está corretamente alinhado, então vamos entrar aqui e ter certeza de que o retângulo está alinhado corretamente. Agora, se você quiser, você pode bloquear todo o resto, que seja um pouco mais fácil trabalhar com isso. Eu só vou fechar todas essas peças porque eu não quero que as peças se movam, mas eu quero que este retângulo se mova. Quero alinhá-lo perfeitamente. É um pouco fora do lado aqui e é muito fora do fundo. Isso parece muito bom. Vou pressionar Control ou Command+0. Agora tenho meu retângulo selecionado. Você pode vê-lo aqui na paleta Camadas e não tem traçado nem preenchimento. Agora isso é fundamental para criar padrões. Não sei por que os padrões funcionam assim. Não entendo a teoria por trás disso. Mas eu sei que há certos passos que se você tomar seus padrões funcionam, se você não fizer isso, seus padrões não funcionam. O que precisamos fazer é criar um retângulo sem traçado, sem preenchimento, que é o tamanho exato do elemento que queremos usar para nossa peça padrão. Essa é a regra número 1. Regra número 2
é, ele precisa estar no fundo de tudo. Eu só vou desbloquear tudo agora que eu
criei e arrastar este retângulo todo o caminho até o fundo aqui para que fique por trás de todas as peças que eu quero usar. Agora, eu não preciso mais dos guias, então eu vou clicar e então Shift clique no último para os guias e eu
vou apenas arrastá-los para a lata de lixo porque
agora eles estão praticamente no caminho de tudo. Agora só tenho formas e meu retângulo aqui. Não preciso desta forma aqui. Não é tecnicamente necessário para o meu padrão, então eu posso simplesmente clicar nele e excluí-lo. Posso excluí-lo da última paleta ou simplesmente pressionar a tecla Delete. Acabo de apagar essa forma. Agora o que me resta são apenas as partes
dos padrões que eu quero criar e o retângulo. Vou clicar em toda a camada. Vou apenas clicar neste ícone aqui. Tudo é selecionado com o retângulo que está marcando o tamanho da minha peça padrão por trás de tudo. Agora, o que eu faço é abrir o painel Amostras e arrastar do meio desse retângulo, arrastar e soltar isso no painel Amostras. Isso cria uma amostra. Basicamente, isso é tudo o que temos que fazer para criar a amostra mas vamos ver como iremos em frente e usá-la. Eu só vou dar zoom aqui. Vamos criar uma nova prancheta para isso. Estou apenas clicando no objeto Prancheta. Só vou arrastar uma forma aqui e eu vou arrastar para fora um retângulo do tamanho da prancheta, só para que possamos preenchê-lo com nosso padrão, porque precisamos fazer um pouco mais de trabalho quando nós realmente ir à frente e usar este padrão. Você pode ver que o retângulo que eu criei, este preto preencheu. Na verdade, eu quero preenchê-lo com o meu padrão então eu vou apenas clicar aqui no padrão e agora
o retângulo é preenchido com um padrão de espinha de peixe. Mas para parecer um verdadeiro espinha de peixe, gostaríamos de girá-lo. Com os objetos selecionados, este retângulo selecionado, vou escolher Objeto, Transformar, Girar. Agora, o que aconteceu aqui é que o objeto rodou. Não queremos que o objeto gire, então vou desmarcar essa marca de seleção aqui. Mas queremos transformar o padrão e queremos transformá-lo menos 45 graus. Agora, o seu não vai dizer menos 45 graus. É só que eu já estive aqui para criar o padrão já neste documento e é por isso que eu já tenho um. Mas basta configurá-lo para menos 45 graus e isso irá girá-lo e clicar em OK. Então, se você quiser redimensioná-lo você faz exatamente o
mesmo que você faria com um padrão que é feito com a ferramenta padrão make. Você escolhe Objeto, Transformar, Escala. Você desmarcará a seleção de objetos de transformação porque não
queremos transformar o retângulo em si. Só queremos reduzir ou aumentar o tamanho do nosso padrão de espinha de peixe. Eu só vou fazer isso, muito menor. Eu só estou usando a tecla de seta para baixo, mas você pode realmente digitar um valor lá. Em seguida, basta clicar em OK. Claro que você quer ter certeza de que padrões de transformação é
o que é selecionado porque é isso que você está transformando. Lá você tem a resposta para a pergunta de como criar um padrão de repetição no Illustrator se eu não estiver usando o Illustrator CS6 ou posterior? Se você estiver usando CS5, 5.1, CS4 ou qualquer versão anterior, você precisará criar seu padrão manualmente e é assim que você o faz. Muito obrigado à pessoa que me fez a pergunta, porque é algo que eu queria fazer há muito tempo,
é realmente fazer um vídeo para fazer padrões em versões anteriores do Illustrator, então você me pediu para fazer ele. Meu nome é Helen Bradley. Muito obrigado por se juntar a mim neste episódio de Design Gráfico para Almoço. Estou ansioso para vê-lo em um próximo episódio em breve.
Helen Bradley, Graphic Design for Lunch™
