Transcrições
1. Introdução à reprodução de padrões: Oi, pessoal. Meu nome é Dylan Mierzwinski, designer
gráfico e entusiasta de costura que mora em Phoenix, Arizona. Nesta classe, mostrarei meu fluxo de trabalho para criar padrões de
repetição usando o Illustrator e o Photoshop. Vamos usar o Illustrator para criar formas, construir repetições de padrões e brincar com paletas de cores. Em seguida, vamos trazer os padrões para o Photoshop para adicionar elementos
esboçados à mão e criar dimensão e textura. Pegue seu caderno de esboços e vamos começar.
2. Projeto do curso: Para esta classe, eu quero que você crie um padrão de repetição com elementos de sua escolha. Eu gostaria que você fizesse alguns esboços para seus motivos. Crie o bloco de repetição no Illustrator. Explore pelo menos três paletas de cores e faça sua renderização final no Photoshop. Você pode se referir ao meu projeto de exemplo como um esboço básico. Mostrar seu trabalho não só fortalece seu processo como artista, mas dá a outros alunos insights e confiança para trabalhar em seus próprios projetos. Mal posso esperar para ver o seu trabalho.
3. Visão geral do processo: Eu amo o Illustrator por sua fluidez com a criação de formas e exploração cores, mas eu amo photoshop por sua capacidade de adicionar textura natural e artística. Aqui está uma breve visão geral de como eu uso ambos os programas para criar padrões de repetição. Começo por me inspirar e fazer alguns esboços no meu caderno de esboços. Esses esboços entram no Illustrator e eu crio as formas, construo o bloco padrão e exploro opções de cores. A telha então vai para o photoshop para ter linhas desenhadas à mão adicionadas a ele, e eu uso pincéis para adicionar dimensão e textura. Eu faço um teste final para ter certeza de que tudo está alinhado e isso é tudo o que há.
4. Esboços: Embora algumas das linhas de nossos esboços
sejam usadas apenas como diretrizes para desenhar no Illustrator, outras linhas serão usadas como desenhadas no Photoshop. Então, para esta aula, será melhor se todos os seus esboços forem feitos com linhas pretas claras. Qualquer coisa que seja cinza ou esquecida não virá tão bem. Quando você terminar de esboçar e pronto para capturar esses esboços, você pode digitalizá-los,
em preto e branco a 300 DPI ou mais ou você pode fazer o que eu faço, que é apenas tirar uma foto com seu telefone. Tenha em mente que, se você estiver tirando fotos de esboços que estão em várias páginas, tente manter seu telefone à mesma distância que todas as linhas tenham a mesma espessura. Se você estiver usando seu telefone para tirar uma foto de seus esboços, então há um pouco de limpeza que precisamos
fazer antes de poder usá-los de forma eficaz. Então você pode ver que eu trouxe meus esboços aqui e você pode ver parte do tapete
e a espinha do caderno de esboços e a cor é um pouco instável também. Então, o que eu quero fazer primeiro é clicar duas vezes para mudar isso de uma camada de fundo para apenas uma camada normal. Eu só vou pegar a borracha apertando E no teclado e eu só
vou tirar essas coisas daqui para que tudo o que me resta são os esboços. Em seguida, eu quero dessaturar a foto e eu também quero ajustar os níveis. Então normalmente você quer trabalhar de forma não destrutiva, que
significa que você pode voltar e fazer mudanças. Mas não estou preocupado em “destruir esses esboços”. Sei que os ajustes que estou fazendo são o que preciso fazer. Então eu posso ir em frente e pressionar o Command U para abrir a caixa de diálogo de saturação de matiz, e eu vou levar a saturação todo o caminho para a esquerda. Isso fará com que estejamos apenas lidando com pixels pretos, brancos e cinza. Em seguida, eu preciso fazer isso para que o papel seja branco
brilhante e as linhas sejam tão escuras quanto podem ser. Abra os níveis, eu vou pressionar Command L, e eu vou arrastar este controle deslizante que é todo o caminho para a direita, para a esquerda até que eu apenas ver branco liso. Agora, você pode estar tentado a ir tão longe e parar. Mas você realmente quer prestar atenção às partes mais escuras do desenho para ter certeza de que eles estão ficando brancos também. Então eu vou realmente empurrar isso para cima. Ao fazer isso, verá que começamos a perder alguma definição com algumas das linhas pretas. Então, queremos ir para o controle deslizante todo o caminho para a esquerda e começar a arrastá-lo para a direita. Isso é tudo que você precisa fazer. Então eu vou ir em frente e salvar isso como um JPEG e eu vou salvá-lo na minha pasta de esboços. Vou chamar este sketch1. Então eu tenho outra página de esboços e eu vou fazer a mesma coisa. Já transformei esta de uma camada de fundo para uma camada normal, mas vou pegar minha borracha, tirar meu polegar de lá, tirar a lombada do livro e trazer a base aqui. Aperte o Comando U, dessaturar. Aperte o Comando L, esmague o branco e faça os esboços mais escuros. Vou guardar isso como sketch2 como um JPEG. Agora nossos esboços já são flores.
5. Desenhando com a ferramenta Caneta: Portanto, estamos prontos para começar no Illustrator. Agora, você pode abrir um documento em qualquer tamanho e eu digo isso porque estamos trabalhando em terra vetorial, que significa que tudo é redimensionável e escalável e nada está realmente definido em pedra como é com bitmaps e pixels. Então vá em frente e abra uma prancheta. Agora, eu nem estou usando minha prancheta. Estou usando essa exibição que mostra e oculta pranchetas. Eu o uso tantas vezes que eu realmente roubei o atalho de teclado de bordas ocultas e apliquei para mostrar quadros de arte. Tudo que eu tenho que fazer para mostrar e ocultá-los é apertar Shift Command H. Você pode ver que minha prancheta está aqui, mas com as pranchetas escondidas, eu tenho um grande espaço em branco viável, que quando eu estou começando é realmente o que eu gosto. Queremos trazer nossos esboços para Illustrator e a maneira que eu gosto de fazer isso é colocando-os. Você pode ir até Arquivo Local ou o atalho de teclado é Shift Command P ou Shift Control P em um PC. Vou pegar meus dois esboços e se eu clicar, ele vai trazê-los no tamanho real dos documentos, que é muito grande para o que eu quero. Então, para ter mais controle sobre ele, eu vou clicar e arrastar para obter aqueles para ser o tamanho que eu quero. Eu vou em frente e rodar isso e agora eles estão aqui para desenhar. Agora, antes de entrarmos, eu gostaria de ir até lá. Lá vamos nós. Eu gostaria de rever algumas das ferramentas que eu uso quando estou desenhando um ilustrador e a primeira é a ferramenta caneta. Agora, a ferramenta de caneta é uma ferramenta bastante polarizada no Illustrator. Parece que alguns designers odeiam. Acham que não é intuitivo. Eles nunca pegam o jeito. Mas outros designers realmente confiam nele e acham que é o segredo para ter sucesso no Illustrator. Eu sou da mente que se você ou não tem um whack-los tablet, ou você está precisando de controle realmente preciso sobre suas linhas ou seus caminhos em vez que você realmente precisa estar usando a ferramenta caneta. É preciso um pouco de prática. É uma nova ferramenta, mas realmente, não
é tão ruim quanto parece e há muitas ferramentas de suporte para você poder usá-lo com sucesso. O atalho de teclado para a ferramenta de caneta é P e para aqueles que são novos, deixe-me apenas dar uma visão geral básica muito breve do que a ferramenta Caneta faz. A ferramenta Caneta permite que você coloque pontos de ancoragem conectados por caminhos e, quando esses caminhos e pontos de ancoragem estiverem conectados, eles criam uma forma. Se eu clicar, recebo um ponto de ancoragem. Se eu clicar novamente, obtenho outro ponto de ancoragem com um caminho que está conectado por eles. Ou melhor, liga esses pontos de ancoragem, devo dizer. Enquanto eu continuo andando, quando eu voltar ao meu primeiro ponto de ancoragem, eu recebo o pequeno ícone de roupas naquele pequeno círculo, que está me deixando saber que agora eu tenho uma forma fechada. Agora estou trabalhando com um derrame. Mas se eu apertar Shift X para preenchê-lo, você pode ver que eu tenho uma forma preenchida. Se eu precisar ter bordas arredondadas, então eu preciso do que são chamados de alças e eu obter alças em um ponto de ancoragem clicando e arrastando alças curvas de controle e é assim que eu obter bordas arredondadas com a ferramenta Caneta. Entrando aqui, há alguns métodos diferentes que você pode usar para ter sucesso com a ferramenta Caneta. Agora, quando eu estou rastreando sobre desenhos, eu gosto de trabalhar com um traço em vez de um preenchimento para que eu possa ver exatamente onde eu estou indo. Se eu começar a trabalhar com um preenchimento, então ele pode começar a bloquear meu desenho e isso não é muito útil para mim. Eu vou começar aqui
neste canto e a razão para isso é porque eu posso apenas clicar e fazer um ponto de ancoragem regular em vez de clicar e arrastar e ter que lidar com alças, que é o que eu faria se eu estivesse começando na curva aqui. Então vamos começar aqui e alguns designers sugerem colocar seus pontos no extremo de uma linha. seja, onde a linha ou onde a curva se projeta mais. Então, se eu arrastar um guia até aqui, você pode ver que usando este topo, parece que a extremidade está aqui ou se você olhar para a curva, parece que talvez seja por aqui. A coisa extrema funcionou para mim como iniciante, mas descobri que estou mais confortável em colocar meus pontos de ancoragem um pouco além da curva de onde estou trabalhando. Esta curva é bem aqui e eu vou colocar meu ponto de ancoragem e entrar aqui. Agora, uma coisa para estar ciente é não ter medo se você começar a colocar seus pontos de ancoragem e eles não se alinharem com sua linha exatamente como aqui. Isso não é alinhar com o meu desenho. Todo o benefício de trabalhar com um Illustrator é que tudo é fluido. Você pode entrar e ler massagem, todos esses pontos de ancoragem nessas linhas para colocá-los exatamente onde você precisa deles. Agora, é útil se você tentar colocá-los
no lugar certo na primeira vez? Com certeza faz. Mas isso não significa que você não pode usá-lo se você
não está colocando-os no lugar certo na primeira tentativa. Muito rapidamente, eu quero que você saiba se eu mudar para a minha ferramenta de seleção e eu não fechei esse caminho, eu sempre posso voltar para ele usando a ferramenta Caneta e quando eu chegar perto desse ponto de ancoragem, você pode ver meu ícone muda para essa linha me avisando que estou pegando exatamente de onde parei. Posso continuar a entrar aqui e a andar por aí. Às vezes, você pode ver que eu precisava arrastar essas alças para obter essa curva. Mas a próxima parte que eu preciso é de um canto, mas esse caminho só está sendo arredondado e isso é porque há alças lá dizendo que o caminho deve ser arredondado. Agora, se você precisa quebrar essas alças, o
que quer dizer que você quer manter esta linha aqui, aquela curva ali, mas você precisa que ela seja um canto aqui. Tudo o que você tem a fazer é manter pressionada a opção e clicar com o mouse sobre esse ponto de ancoragem. Agora ele segura essa alça lá para aquela curva. Mas você tem um ponto de ancoragem para trabalhar para o próximo ponto. Quando eu estava aprendendo Illustrator, isso era algo que nenhum dos meus professores parece mencionar. Eu assisti muitos vídeos online e as pessoas parecem brilhar sobre isso. Isso é muito importante. Se você está ficando frustrado como aqui, vai acontecer novamente porque você está recebendo este ângulo realmente louco aqui por causa desses handles.it só significa que você precisa manter pressionada Option ou Alt e clique sobre isso para Quebre essas alças e então você está livre e livre para continuar. Eu vou dar a volta por aqui e eu vou ir em frente e fechar esta forma. Olhando para trás, não é tão ruim. Definitivamente há lugares que preciso consertar. Uma coisa que eu estou percebendo imediatamente é que meus cantos são realmente afiados aqui e eu provavelmente nem vou usar isso como um derrame. Provavelmente vou acabar enchendo. Mas o que eu gosto de fazer é abrir meu painel de traçados, que se você não tiver ele em seu painel lateral, você pode ir para Traçado de janela. É que eu gosto de mudar o canto de uma junta de mitra para uma junta redonda e você pode ver que isso apenas suaviza isso para fora. Como eu disse, isso é apenas algo para mim visualmente. Eu só gosto de ver um canto arredondado lá em vez do afiado. Mas de qualquer maneira, então nós temos esses pontos para baixo e uma coisa que podemos fazer para começar a massagear tudo fora é usar nossa ferramenta de seleção direta, que é a seta branca ao lado do preto e isso nos dá acesso para todos os pontos de ancoragem e caminhos que estão criando essa forma. Então bem aqui eu posso ver que eu realmente acho que tudo o que eu preciso fazer é mover este ponto um pouco para a direita e que parece encaixar isso no lugar muito bem. Aqui embaixo, parece que algumas dessas alças precisam ser ajustadas. Eu posso fazer isso. Uma coisa que eu sei por ser iniciante e trabalhar com iniciantes no Illustrator é que há uma tendência de colocar muitos pontos âncora em um caminho. Se uma forma realmente, não está ficando suave, você não consegue descobrir. Ou porque um ponto de ancoragem é um lugar errado ou você está usando muitos pontos de ancoragem. Se você achar que você se deparar com um que parece ser apenas estranho e não útil, você pode pressionar a tecla menos no seu teclado e clicar nesse ponto de ancoragem e ele irá excluí-lo sem quebrar sua forma. Posso entrar aqui e redescobrir isso e ver se gosto mais disso. Outra dica que eu tenho, especialmente como uma arma secreta para iniciantes, é se você fez tudo o que pode com seus pontos de ancoragem e você simplesmente não
consegue realmente descobrir por que algo não é suave, há um ferramenta suave. Eu vou para aqui. A ferramenta suave é, ele pode estar mostrando a forma ou dois no topo porque essa é a ferramenta principal que a flor está sob. Mas é aí que a ferramenta suave está e tudo que você precisa fazer é com a forma selecionada, clicar e arrastar a forma que você está esperando ou a linha que você está esperando. A ferramenta mais suave vai refinar essa borda e
vai colocar novos pontos de ancoragem para baixo com base na forma que você está desenhando. Posso entrar aqui e é muito sutil. Você pode desenhar sobre ele quantas vezes quiser. Mas eu acho que isso pode realmente me ajudar quando eu simplesmente não
consigo entender por que uma linha não parece como eu quero que ela pareça. Então esse é um método para clicar e arrastar enquanto você vai e, em seguida, voltar e massagear. Outra maneira que eu gosto de trabalhar é usar a ferramenta de caneta para apenas colocar meus pontos de ancoragem onde eu acho que eles precisam estar sem arrastar nada para fora. Você pode ver que eu estou apenas clicando e arrastando e recebendo caminhos
retos em todos os lugares e quando
eu terminar, eu posso voltar e ajustá-los conforme necessário. Todos estes são apenas canto,
eles são apenas cantos agora,pontos de eles são apenas cantos agora, ancoragem com cantos e se eu quiser mudar esses e arrastar alças para fora, eu posso ir sob a ferramenta caneta voar para fora menu para a ferramenta de ponto de ancoragem, que o atalho de teclado é Shift C. O que eu posso fazer é clicar e arrastar e começar a fazer com que estes sejam pontos de ancoragem arredondados. Outra maneira de fazer isso é clicar no ponto de ancoragem que você quer ser arredondado e há esses dois botões de conversão aqui em cima. Um irá converter um ponto de ancoragem selecionado em um canto e o outro irá converter um ponto de ancoragem de canto para ser suave. Então, se eu clicar nisso, você pode ver que agora eu tenho duas alças arrastadas para cá. A ferramenta de conversão de ponto de ancoragem que os arrasta para fora, vai dar-lhe alças iguais em ambos os lados do ponto de ancoragem, que nem sempre é o que você precisa. Às vezes eu uso essa ferramenta apenas para ter acesso às alças e depois volto para a minha ferramenta de seleção direta para poder arrastá-las independentemente umas das outras. Posso fazer este maior. Eu posso ir para a ferramenta de ponto de ancoragem converter para fazer isso redondo. Parece que este precisa ajuda e posso dar a volta até ter o que quero. A outra coisa boa sobre a ferramenta de ponto de ancoragem de conversão
é que ela não funciona apenas com pontos de ancoragem, mesmo que seja assim que é chamado. Funciona com almofadas também. Se estou tendo dificuldade em descobrir o que preciso fazer primeiro, posso ir até esse caminho com essa ferramenta e posso arrastar isso para fora. Para o ultra iniciante, ou se você está apenas tendo um momento difícil com a forma, às vezes jogar com isso irá ajudá-lo a entrar
no estádio e então você pode suavizar as coisas com a ferramenta de seleção direta para levá-los onde você precisa que eles estejam e que é uma ferramenta útil também. Por último, se precisares de uma melhor visão da tua forma, como agora, o meu curso é grosso e tenho estas linhas a aparecer por baixo. Estou a ter dificuldade em dizer como é a minha forma. Você pode entrar no modo de contorno, que o atalho de teclado é o comando Y ou Control Y em um PC ou você pode ir para ver contorno e o que isso vai mostrar é apenas os caminhos e pontos de ancoragem que estão fazendo a forma e Então eu só acho que às vezes eu preciso
me livrar de todo o outro barulho para ver onde algo está errado. Como eu posso ver aqui, há algo estranho acontecendo graças ao modo de contorno e se eu clicar nisso,
eu posso ver que é porque essas alças estão quebradas. Não é suave. Vou subir para me converter em suave. Isso ajudará a tornar essas alças paralelas, o que tornará um canto suave. Se eu arrastar isso para fora, você pode ver que usamos a ferramenta caneta de duas maneiras diferentes, mas as formas que obtemos são bastante semelhantes. Não tenha medo da ferramenta de caneta. Pratique com ele e veja se você é capaz de obter coisas que você gosta porque há momentos em que ter controle completo sobre onde essas curvas estão é realmente benéfico.
6. Desenhando com a ferramenta Lápis: Agora vamos dar uma olhada na ferramenta de lápis, que eu uso quando estou desenhando com o meu tablet. Agora, você não tem que investir em um tablet se você não quiser, você pode usar esta ferramenta com o mouse Eu só acho que é muito mais orgânico usar um tablet. Dito isto, o tablet que uso é o Wacom Bamboo, que acredito ser um dos tablets mais baixos que eles fabricam. Foi-me dado por um colega de trabalho há alguns anos e nunca precisei de mais nada. Assim, desenho área nele é talvez quatro por sete, que é muito menor em comparação com seus outros comprimidos, mas eu realmente nunca precisei de nada ou nada mais. Se você tem sido na cerca sobre a obtenção um e você não tem certeza sobre gastar alguns $100, vá em frente e obter um de seus comprimidos menores. Eu realmente acho que ele vai fazer o trabalho para você pelo menos quando você está começando. Para acessar a ferramenta de lápis, eu vou apertar N no meu teclado, e ao contrário da ferramenta de caneta, eu não tenho que me preocupar em colocar todos os pontos de ancoragem e almofadas eu mesmo, eu basicamente apenas desenhar a forma que eu quero. Então eu posso ir em frente e desenhar aqui. Quando eu chegar perto do início, ele vai me dar o ícone de fechamento, eu posso soltar, e a forma é feita para mim. Assim como qualquer outra forma no Illustrator, se eu selecioná-la e pressionar A no teclado para acessar minha ferramenta de seleção direta,
posso entrar aqui e brincar com qualquer um dos pontos de ancoragem e alças. Eu ainda tenho controle total sobre a forma, eu simplesmente não tinha que macaco ao redor com colocar todos os pontos eu mesmo tentando obter tudo perfeito. Agora, no que diz respeito às opções que você tem com a ferramenta lápis, você pode clicar duas vezes sobre ela para acessar o painel de opções. A primeira coisa que vamos olhar é fidelidade, que você pode ver é uma escala que vai entre precisa e suave. Se eu transformar isso todo o caminho para preciso, você pode ver que se eu desenhar esta forma louca aqui fora e depois
fechá-la, ele vai muito fazer uma forma baseada exatamente fora do que eu desenhei, que às vezes não pode ser ótimo se você tem esses pequenos sobrepõe-se aqui. Você pode ver que eu tenho uma forma muito estranha sobreposta e pequenos picos e vales como este que não parecem ótimos. Mas às vezes é isso que você quer, você quer ter controle total sobre a forma que você está criando. Por outro lado, se eu for todo o caminho para suavizar e eu fizer algo assim, o que eu acabo com algo que é muito mais suave, e eu não sei se esse exemplo realmente mostrou isso. Mas você pode ver que a sobreposição que eu tenho é muito diferente. Se eu tiver pequenos picos e vales saindo, vai realmente suavizar tudo. Se você é um usuário de mouse, se você não tem um tablet, então isso pode realmente ajudá-lo. Porque se sua mão se empurrar um pouco ou você mexer um pouco tentando girar seu pulso em torno do mouse, ele vai ir em frente e suavizar isso para você. Eu gosto de manter o meu não todo o caminho para suavizar, mas definitivamente sobre esse fim. Isso parece ser o melhor para mim, mas brincar e ver o que funciona para você. Temos outras opções aqui. O primeiro é preencher novos traços de lápis. Isso só significa que você pode ver que eu tenho uma cor de preenchimento
agora e se eu fizer uma forma ela vai preenchê-la. Se eu desligar isso, então ele vai fazer uma forma, mas não vai ter nenhum traço e nenhum preenchimento. Então, se eu selecioná-lo, eu posso ver que a forma é que não há apenas preenchimento. Eu realmente não sei por que você não iria querer preencher, você pode pensar como,
oh, talvez ele vai acariciá-lo. Mas se eu manter isso preenchido e definir meu traço para uma cor, ele não preenche,
ele só dá o golpe. Essa opção está lá, embora eu não tenha certeza para que serve. O próximo é manter selecionado. Manter selecionado por si só não é tão poderoso, mas é realmente útil para algumas dessas outras opções. Se eu verificar isso e desenhar uma forma, você pode ver que com certeza essa forma ainda está selecionada, e eu sei que é porque eu posso ver todos os pontos de ancoragem nele. Agora, se eu voltar aqui e também marcar
esta opção que diz tecla opção alterna para Ferramenta Suave, bem, isso significa que eu tenho acesso logo após eu desenhar a forma para suavizar minhas linhas. Se eu desenhar algo e eu não gosto de como ele acabou, então tudo que eu tenho que fazer é segurar Option
e entrar aqui, e eu tenho acesso à ferramenta suave imediatamente. Isso pode ser muito útil. A única razão pela qual eu não trabalho assim é que eu não acho que eu realmente preciso suavizar as coisas. A ferramenta de lápis faz um trabalho muito bom. Mas se você está descobrindo que você está desenhando coisas e elas não estão suavizando como você quer, então essa pode ser uma combinação muito poderosa para você. Da mesma forma, vou desmarcar isso, mas manter selecionado. Se eles tiverem essa opção aqui chamada editar caminhos selecionados. Com esses dois selecionados, o que eu posso fazer é desenhar uma forma e, em seguida, uma vez que ela é selecionada, eu sou capaz de entrar aqui e alterar como esta forma se parece. Eu poderia entrar e mudar isso, e você pode ver que ele está adicionando mais pontos de ancoragem na hora, o que pode ser realmente útil. O único problema que vejo com isso é que às vezes ele não entende bem o que você está pedindo para ele fazer. Claro, provavelmente não vai fazer isso desde que eu estou, oh, lá vamos nós. Às vezes você pode ver que ele faz essas formas combinadas que eu realmente não preciso, e eu realmente tenho um método que eu gosto mais para alterar formas quando necessário. Então eu não mantenho essa verificada. Por último, temos caminhos fechados quando as extremidades estão dentro de tantos pixels. O padrão para isso é seis pixels, e você pode ver que eu tenho isso bem maior. Isso é porque quando eu estou desenhando com a ferramenta lápis, eu geralmente estou indo muito rápido, e se você não tem isso marcado e você não vem dentro de
seis pixels dessa primeira linha, então ele não vai fechar o forma para você, e é realmente irritante ter que ir lá e fechar isso depois. Eu gosto de ter isso levantado parece fazer um bom trabalho para mim. Para esta forma, tudo o que preciso fazer,
na verdade, vou diminuir o zoom. A maneira que eu vou estar usando isso é eu vou fazer uma forma no Illustrator que descreve todas essas, e então eu vou realmente usar essas linhas desenhadas no Photoshop para ir em cima dela. Então tudo o que preciso fazer é traçar o contorno de tudo isso juntos. Seria um monte de trabalho para chegar lá com a ferramenta caneta e colocar cada um desses pontos de ancoragem e curva, especialmente quando eu não sou particular sobre como eu quero que ele para olhar Eu só quero que ele para ter este olhar orgânico natural. Isso funciona muito bem, e como eu disse, se há algo que eu não gosto, então eu posso apenas entrar com a ferramenta de seleção direta e mudar isso. Uma coisa que eu esqueci de mencionar anteriormente é se você vir esses pequenos ícones brancos, isso significa que você tem um canto bem ali e é um canto ao vivo, que significa que eu posso arredondar isso simplesmente clicando e arrastando aquele pequeno ícone. Já que está ao vivo, isso significa que mesmo depois de ter arredondado, eu poderia trazê-lo de volta e torná-lo um canto novamente. Se você ver esses, é a isso que se refere. Mas essa é a ferramenta de lápis, é bastante simples e direta e realmente poderosa quando você quer ter uma ilustração de aparência natural.
7. Criando formas: Estamos chegando perto de desenhar em cima de nossos esboços. O que quero fazer para me preparar é pegar os dois esboços que coloquei aqui. Vá para a opacidade, traga isso para baixo e vá em frente e bloqueie a camada em que eles estão. Assim eu posso desenhar em cima deles sem ter que me preocupar em movê-los. Agora, o que vamos trabalhar é esboçar ou desenhar as camadas de preenchimento. Só quero repassar o que quero dizer quando digo isso. Aqui está um esboço de uma das flores que vou desenhar. Neste momento, o que estou a trabalhar é desenhar os preenchimentos. Estou olhando para este esboço que fiz, e estou olhando para o que quero ser preenchido. Quando digo linhas de acento, estou falando de todas as outras linhas que estão
no desenho para apoiar a ilustração. No final, as linhas de preenchimento e acento serão colocadas juntas para uma peça final como esta. Às vezes, as linhas de acento e os preenchimentos não se tocam assim. Eu tenho este esboço aqui, e para os preenchimentos, eu sabia que queria que todos esses pequenos pedaços, as folhas e os círculos fossem preenchidos. Eu sabia que o caule em si, eu usaria como uma linha de sotaque e colocá-los juntos mais tarde. Neste momento, estamos a trabalhar para desenhar os preenchimentos. Uma última coisa antes de realmente entrar nele, é que eu quero rever a ferramenta Construtor de Formas, e é um pouco complicado obtê-la primeiro. Quero mostrar-vos com algumas formas geométricas básicas, e depois mostrar-vos-ei como se aplica ao desenho sobre os meus esboços. Há momentos em que você está desenhando, quando você precisa combinar formas de várias maneiras. Para fazer isso, vou usar a ferramenta Construtor de Formas. Para os designers que estão familiarizados com o pathfinder, quando o ilustrador introduziu a ferramenta Shape Builder, na minha mente, tornou todas essas funções um pouco obsoletas porque em vez de encontrar um monte de funções separadas, temos uma ferramenta que pode fazer tudo de uma só vez. Tenho estes dois hexágonos aqui. Existem duas formas separadas. Se eu entrar no modo de contorno, você pode ver que tudo o que há lá. Esta linha é a partir do esboço de que é máscara, então é isso que a linha é. Deixe-me deletar isso para que isso não fique no nosso caminho mais tarde porque isso pode ser confuso. Nós temos essas duas formas, e eu vou arrastar esta para que elas se sobreponham. Agora, sabemos que há apenas duas formas aqui, e é isso que nosso cérebro está pensando. Temos de hexágonos. Mas se eu entrar no modo Construtor de Formas, que é Shift M, então o ilustrador agora está vendo isso como peças separadas onde tudo se sobrepõe. Se eu entrar no modo de contorno, você pode ver que nós não temos apenas dois hexágonos, nós realmente temos essa forma aqui. Temos este hexágono que é combinado destas duas formas. Temos o diamante no meio onde eles se sobrepõem. Temos esta forma aqui, e então se combinarmos estas duas formas, teríamos o hexágono à direita. O Construtor de Formas nos dá acesso a todas essas diferentes peças que são criadas pelos dois caminhos das formas. Se eu quiser fazer uma forma, tudo que eu tenho que fazer é clicar. Ao clicar lá, se eu sair do modo de contorno e pegar minha ferramenta de seleção, você pode ver que eu era capaz de cortar e fazer essa forma apenas com um clique. Eu também poderia clicar neste diamante no meio, e agora onde esses caminhos estavam se cruzando, eu agora tenho uma forma de diamante que eu posso usar. Eu não só tenho que clicar, eu também posso clicar e arrastar. Eu posso arrastar estes juntos, e o que eu recebo agora é um hexágono e uma forma do que sobrou. Você pode ver que eu tenho um monte de opções aqui. Posso clicar nos três e fazer as três formas separadas. Agora eu tenho um para o lado direito, um para o lado esquerdo, e o diamante no meio, ou eu posso segurar a opção, que me dá a capacidade de me livrar de peças. Posso clicar no meio. Se eu voltar agora, agora você pode ver que temos essas duas formas e o diamante do meio está faltando, ou eu poderia decidir me livrar das duas formas externas e tudo o que me resta é um diamante. Nós obtemos um monte de pequenas formas
poderosas apenas de uma ferramenta com caminhos que estão sobrepostos. Agora vamos torná-lo um pouco mais complexo. Vamos introduzir quatro hexágonos. São formas separadas. Eu vou em frente e fazer isso para que eles primeiro se toquem, e então eu vou tê-los sobrepostos. Estamos acostumados a ver quatro hexágonos, e para podermos usar a ferramenta Construtor de Formas com sucesso, precisamos começar a olhar para eles como caminhos que estão sobrepostos, que nos dá apenas uma miríade de formas para trabalhar. Eu tenho tudo selecionado. Eu vou bater Shift M. Agora você pode ver que, enquanto antes de termos apenas quatro hexágonos, agora
temos toneladas de formas geométricas aqui que podemos
combinar ou nos livrar ou clicar para criar novas formas completamente. Se eu clicar nesses dois, então eu recebo dois hexágonos menores que eu poderia tirar daqui. Se eu selecionar todos eles novamente e pressionar Shift M, então eu posso entrar e eu posso combinar esses à direita. Posso me livrar deles. Eu poderia combinar estes no meio, combinar estes aqui em baixo, combinar estes dois. Agora você pode ver que o que me resta depois de todas essas formas, são essas formas que eu acabei fazendo com ele. Nós realmente temos muita coisa acontecendo aqui. Outra coisa que é muito legal sobre a ferramenta Shape Builder que a ferramenta pathfinder pode realmente lidar com, é que mesmo que todas essas quatro formas estejam sobrepostas, isso não significa que tenhamos que lidar com todas elas. Se eu só queria lidar com esses dois hexágonos aqui, então se eu selecionar aqueles e ir para a ferramenta Construtor de formas e entrar em modo de contorno, mesmo que eu veja todos estes sobrepostos, tudo o que nos é dito ferramenta Shape Builder para pagar atenção para são aqueles que selecionamos. A única coisa que posso fazer agora é
combinar ou excluir algumas dessas formas. Eu posso combinar estes e me livrar disso e isso não vai afetar as formas aqui em cima. Isso me dá muito poder também. Deixa-me mostrar-te como isto funciona para os meus esboços. Vou pegar minha ferramenta de lápis, e vamos começar com uma fácil. Vou começar com estes botões que estão aqui em baixo. Eu vou ter uma cor diferente, e eu vou ir em frente e começar rastreando sobre o caule. Agora eu vou ter uma cor diferente só para que possamos ver, e eu vou rastrear esses dois pequenos botões florais. Agora seria fácil o suficiente para mim pegar essa forma e
colocá-lo na frente e obter o resultado que queremos. Mas se eu entrar no modo de contorno, eu posso ver que essas formas estão se sobrepondo, e é realmente desnecessário porque eu não posso ver o fundo deste botão de qualquer maneira. Posso usar o Construtor de Formas para simplificar isso. Agora, vemos três formas. Vemos dois botões florais e um caule. Mas como sabemos por pensar como o Construtor de Formas, na verdade, temos muito mais formas aqui. Temos isto aqui em cima 1, 2, 3, 4, 5. Temos cinco formas. Eu sou capaz de Shape Builder ferramenta agora para simplificar todos estes. Acertei Shift M e estou aqui agora. Sabendo que o meu desenho onde esta linha
está, é onde o caule atinge, vou em frente e combinar estes dois. Vou fazer a mesma coisa aqui e combinar estas peças. Agora, em vez de ter cinco formas separadas, eu tenho três como eu sei que eu quero. Não só isso, mas esses são agora muito mais limpos,
e eles têm essas linhas perfeitas que se encontram com onde essas linhas compartilhadas estão entre esses dois desenhos. Isso é muito legal. Esse é um exemplo bem correto. Como eu disse, eu poderia ter desenhado esses botões e colocá-los para trás, mas há momentos em que isso vai ser realmente pertinente para linhas que são compartilhadas entre dois desenhos. Vamos dar uma olhada neste. Vou seguir em frente e desenhar uma forma em torno desta folha inteira. Por enquanto, vou esconder esta forma. Eu uso me escondendo muito para quando estou desenhando e eu preciso de algo para sair do meu caminho para eu desenhar outra coisa. Sem movê-lo, assim eu sei que está
no lugar certo e então eu vou apenas apertar o Comando 3. Agora, eu vou trabalhar nesta pequena forma. Bem, como eu sei que a ferramenta Construtor de Formas funciona com caminhos que se sobrepõem, eu vou seguir em frente e desenhar isso. Então eu não vou me preocupar com o que o outro lado da forma parece, porque a primeira forma que eu desenhei vai me ajudar a fazer a borda para aquele. Vou apertar a opção ou Alt Command 3 para mostrar a primeira forma. Só para facilitar as coisas, vou mudar esta cor. Então vocês podem ver, eu sei que temos duas formas aqui, mas pensando como o Shape Builder, podemos ver que realmente temos acesso a três peças das formas. Eu vou apertar Shift Command ou apenas Shift M, e então eu vou simplesmente segurar a opção e se livrar desse excesso. Agora, eu tenho essas duas formas trabalhando em conjunto com uma linha compartilhada realmente agradável, onde nada está se sobrepondo ou parecendo estranho. Agora, tecnicamente, se eu arrastar isso para fora, este fundo é como perfeitamente formado atrás daqui, e eu realmente quero que esta linha seja onde eles se encontram. Para fazer isso, vou selecionar os dois, apertar Shift M, e vou apenas clicar onde este está. Isso acabou de dizer ao Shape Builder que onde as peças estavam se sobrepondo, eu só quero uma forma, e você pode ver isso lá. Deixe-me mostrar-lhe mais um exemplo que é um pouco mais envolvido. Bem aqui, esta forma vai ser composta de 1, 2, 3, 4 peças. Mas eu vou criar isso desenhando algumas ilustrações que se sobrepõem para que eu possa usar a ferramenta Construtor de Formas para escolher as peças que eu quero construir esta flor. Deixe-me começar desenhando o caule. Em seguida, eu vou ir em frente e desenhar esta flor. Entre e conecte isso. Vou esconder isto enquanto desenho esta parte de cima. Já desenhei esta linha da última forma que desenhei. Agora terei acesso a isso como uma borda quando estiver na ferramenta Construtor de Formas. Para desenhar isso, eu realmente só preciso me
preocupar em desenhar essa linha que eu ainda não tinha. Então eu posso ir em frente e colocar um monte de excesso
aqui em cima que vai se sobrepor que podemos nos livrar mais tarde. Se eu agora exibir essa forma e selecionar todos estes três,
eu vou para o modo de contorno. Agora podemos ver quais peças precisamos manter, combinar e se livrar e bater Shift M. Eu já sei que esta é uma forma que queremos, que é o topo da flor. Eu sei que podemos nos livrar disso porque eu só desenhei
isso para que eu pudesse fazer esta forma a partir da forma. Aqui em baixo, eu sei que isso é realmente uma parte do caule. Vou em frente e clicar e arrastar para combiná-los. Só falta uma peça, e deixe-me mudar a cor para que possamos ver o que estamos fazendo. Esse é o botão e isso é fácil. Isso é o que nós já estamos fazendo. Vou desenhar este botão. Eu estou indo para ir em frente e combiná-los ou ir para o modo de esboço para tornar mais fácil para mim. Aperte Shift M, e eu posso ver que isso é realmente parte do tronco. Vou combiná-los e olhar para isso. Em nosso modo de contorno, podemos ver que temos nossa forma exatamente como queremos, e tudo é agradável e limpo. A razão pela qual isso está mudando de cor é porque quando você usa a ferramenta Construtor de formas para criar formas de duas formas de cores diferentes, isso os torna da mesma cor. É por isso que eu precisava mudar isso. Vá em frente e use qualquer ferramenta de desenho que você deseja desenhar todas as formas de preenchimento de seus desenhos. Em seguida, vamos falar sobre linhas de sotaque.
8. Linhas acento: Eu tenho todas as minhas formas de preenchimento feitas, e eu vou desligar meus esboços para que você possa ver. Não só isso, mas comecei a considerar a cor. Agora não tem que ser a sua paleta de cores final. Mas você quer começar a colorir como objetos, o que isso significa é, eu sei, por exemplo, que eu quero algumas das minhas flores para ser esta cor pervinca clara e eu quero algumas delas para o rosa, enquanto eu quer que as folhas e caules sejam verdes, esses são todos o mesmo tom de verde. Então tudo o resto são essas cores de creme. Isso só ajuda, para que eu saiba quantas cores em geral eu vou estar trabalhando com neste padrão. Eles serão fáceis de mudar mais tarde, mas se você começar a pensar sobre isso agora, enquanto nos movemos para ladrilhos, será mais fácil para você mais tarde. Agora, antes de começarmos a construir o azulejo, preciso ser capaz de trabalhar com estas linhas de sotaque. Como eu falei anteriormente, eu gosto de adicionar as linhas de acento no Photoshop, eu pessoalmente apenas gosto do olhar que o Photoshop é
capaz de capturar trazendo as linhas dos meus esboços. No entanto, eu realmente não posso realmente fazer uma telha repetitiva apenas com base nessas formas de preenchimento. Por exemplo, essas hastes, eu não sou capaz de adivinhar quanto tempo eles vão demorar, e então eu preciso ter algumas formas de sotaque para referenciar. Eu vou ligar meus esboços de volta, eu vou desbloqueá-los e eu vou ir em frente e trazê-los para a camada superior, que eu possa vê-los. Vou tirá-los do caminho para que eles não estejam bem em cima dos meus esboços. O que vamos fazer para torná-los utilizáveis, é que vamos usar traços de imagem. Agora, é muito possível que depois de
imagens traçarmos essas linhas e combiná-las com nossos preenchimentos, que você ame a aparência e queira usá-las como está, nesse caso você nem precisa se preocupar em trazer seu bloco no Photoshop para adicionar textura. A aparência das linhas vetorizadas não combina com o meu estilo. Eu realmente gosto de um olhar mais desenhado à mão, é apenas uma preferência, é totalmente com você. Mas de qualquer maneira, temos que vetorizar esses bebês para adicioná-los aos nossos preenchimentos para usar como guia, a
fim de traçá-los de imagem, eu vou selecionar minha primeira coisa de esboços, e eu vou abrir minha imagem
painel de traço. Se você não tem o seu lá, você pode ir para janela e rastreamento de imagem, e eu vou para as predefinições, e ir para o logotipo preto e branco. Ele provavelmente irá avisá-lo que os traços são grandes e por isso pode prosseguir lentamente. Agora, a primeira passagem fez, você pode ver que eu estou perdendo alguns detalhes por aqui, bem como nestas folhas. A primeira coisa que eu quero fazer é nas opções aqui em baixo, selecionar ignorar branco. Estamos usando apenas as linhas pretas e clicando que também irá tornar as linhas pretas um pouco mais ousadas. Isso ainda não foi suficiente, ainda
estou vendo alguns problemas aqui embaixo, então vou deslizar o limiar para a direita. Isso parece melhor. Deixe-me tentar um pouco mais, e isso vai funcionar para mim. Ele ainda não trouxe tudo isso, mas eu realmente não acabei usando esta folha quando eu estava fazendo meus preenchimentos, eu não estou realmente preocupado com isso. Estou olhando para todas as minhas outras linhas. Isso parece muito bom. Agora, para transformar isso de um objeto rastreado sólido em formas reais que podemos usar, precisamos expandi-lo e expandi-lo realmente nos
dá todos os pontos de ancoragem e almofadas que precisamos. Eles estão agrupados agora, eu vou apertar Shift Comando G para desagrupá-los. Agora você pode ver que eu posso clicar e mover essas coisas livremente como eu preciso. Eu vou ir em frente e fazer a mesma coisa para o segundo conjunto de esboços, logotipo
preto e branco. Deixe-o fazer a sua coisa, Hit ignore white, provavelmente vamos precisar trazer o limiar para cima. Deixe-me expandi-lo e desagrupá-lo, e estamos prontos para usá-los. Vou começar com esta flor, mesmo que pareça que está toda agrupada, algumas destas peças são separadas. Quero desenhar marquise em torno de toda esta flor e apertar o Comando G para agrupá-la. Vou trazê-lo até onde está a sua forma de preenchimento correspondente. Vou agrupar estes também e vamos movê-los para o lado. Agora, no meu exemplo anterior, eu mostrei a vocês que quando eu combinar as linhas de acento para este preenchimento, eu realmente não preciso de todas essas linhas. Eu realmente só quero as linhas de sotaque aqui dentro que estão dentro da flor e os pontos dentro dessas pequenas flores, a
fim de trabalhar de forma não-destrutiva, eu vou fazer uma cópia segurando a opção e arrastando, de modo que no caso de eu estar construindo meu motivo, eu sempre quiser apenas o contorno da flor sem o preenchimento, eu tenho acesso a isso. Agora com isso, vou tentar colocar isso no lugar onde eu quiser. Vou apertar Shift E no meu teclado para chegar ao meu apagador e vou apagar todas as linhas que não quero usar. Agora, se você está amando a aparência dessas linhas vetorizadas e acha que vai querer mantê-las e não fazê-lo no Photoshop, então você vai querer ter um pouco mais de cuidado com a borracha para não apagar demais. Eu, no entanto, eu estou apenas usando estes estritamente como uma referência para a construção do meu azulejo, Eu não vou ser muito cuidadoso sobre não excluir linhas extras aqui. Eu não vou enlouquecer, mas eu só quero dizer, eu realmente não estou prestando atenção em como as bordas destes vão ficar. Só quero a ideia básica. Eu também quero entrar, e pegar isso. Isso é tudo preferência, talvez você decida que você gosta da forma como todas as linhas ficam em cima do preenchimento. Talvez você decida que você realmente não quer nenhuma linha de acento e você realmente quer redesenhar tudo. Depende de você, só
estou mostrando meu fluxo de trabalho com a forma como eu costumo construí-los. Quando tudo isso estiver feito, eu vou pegar esses e agrupá-los e eu vou movê-los para o lado, porque estes são todos cuidados, e eu vou passar para a próxima parte. Agora, eu quero trabalhar com alguns
desses porque eu estou muito interessado em como eles vão ficar. Eu vou agrupá-los e eu vou levá-los até o preenchimento correspondente, que é bem aqui, deixe-me agrupá-los. Traga-os aqui, e novamente, eu quero trabalhar de forma não destrutiva porque eu já posso dizer que eu vou querer usar algumas formas como esta, especialmente esses forros sem qualquer preenchimento. Eu quero fazer uma cópia, eu fiz isso segurando a opção e arrastando e eu vou alinhar este em cima. Este eu vou fazer um monte de apagar porque eu sei
que eu realmente quero que as hastes sejam deixadas. Eu vou clicar nele e apertar Shift E e eu vou para isso, excluir contorno em torno da folha, em torno dessas espumas. Se você está tendo dificuldade em ver para onde você está indo, você pode ir para cima para ver ocultar bordas e eu ainda tenho minha linha selecionada para apagar, mas você pode ver que eu não tenho todos os pontos de ancoragem e almofadas da maneira que eu sou capaz apenas realmente ver onde estou apagando. Isso parece muito bom para mim, vou selecionar estes e agrupá-los juntos. Coloque ao lado disso, e eu vou movê-los para o lado onde meus outros estão. Vou continuar até que todas as
minhas formas de preenchimento tenham algumas linhas de acento adicionadas a elas. Uma vez que você os tem como você gosta, é hora de obter ladrilhos padrão.
9. Criando a repetição do ladrilho: Há algumas coisas a considerar quando você está criando um bloco de repetição. O mais básico é que, qualquer coisa no lado esquerdo também deve estar no lado direito e vice-versa, e da mesma forma, qualquer coisa que esteja no topo também deve estar na parte inferior. Essa é apenas a regra de fazer um bloco de repetição e certificar-se de que ele vai ser exibido corretamente. Você deseja usar a variação em seus motivos e objetos. Isso pode ser com cor ou tamanho ou a rotação ou a forma como um objeto está virado, e isso vai adicionar interesse à sua repetição. Se você usar o mesmo objeto uma e outra vez e não mudá-lo em tudo, vai ser chato. Finalmente, você quer tentar introduzir movimento e estar cansado de ser dois grid-like, menos que essa seja sua intenção. telhas padrão por natureza são revestidas em uma grade, e então você precisa estar ciente disso para que quando você está colocando seus motivos, você está tentando quebrar a ilusão dessa grade para
que quando um espectador está olhando para o seu padrão repita como um todo eles podem facilmente escolher onde esse azulejo está e onde tudo está se repetindo. Vamos falar sobre isso na prática. Você pode ver no lado esquerdo, eu tenho todos os meus objetos de preenchimento combinados com suas linhas de acento, e este é o meu banco para fazer meus motivos ou na minha instância, ou no meu caso, é mais como um jardim que eu posso escolher várias vezes novamente e eu posso começar a construir motivos a partir dessas coisas. Agora, eu sei que meu padrão é floral, que significa que ele se presta a ser capaz de construir pequenos buquês mais facilmente do que dizer, se você está fazendo um padrão de beisebol. Mas mesmo se você estiver fazendo um padrão de beisebol, pode
haver certos agrupamentos que você deseja usar para adicionar interesse ao seu padrão. Se um de seus objetos como uma bola de beisebol e você também desenhou alguns grãos de Cracker Jack, você pode querer agrupá-los juntos e fazer um pouco de motivo. Enquanto outro pequeno motivo tem um taco de beisebol e uma luva ao lado do outro. Ou talvez não, talvez os seus não precisem de motivos, mas os meus precisavam. A maneira como comecei a construir meu azulejo e construir meus motivos, quando comecei a pegar flores e peças um por um e agrupá-los. Em vez de apenas pegar esta flor, eu vou fazer uma cópia dela porque eu quero ser capaz de reutilizá-la, e eu vou fazer isso mantendo pressionada a opção ou Alt no meu teclado e arrastando, e então ele está apenas brincando e ficando para ser um designer com a forma como você quer que as coisas pareçam. Quero ver esta folha aqui. Vou trazer isso para a frente apertando o comando
Shift e talvez eu tente um desses. Eu vou ir em frente e virar isso. Então eu vou clicar com o botão direito do mouse, ir para transformar, refletir, Virar Horizontalmente. Gire isso aí. Eu só fiz isso até que eu comecei a comprar buquês que eu gostava, e quando eu terminava com um eu iria agrupá-lo e então eu trazê-lo aqui para usar. Agora, vamos falar sobre o azulejo que eu comecei a fazer. Você pode ver que eu tenho um retângulo aqui atrás e que está representando onde o azulejo vai estar. Eu estou trabalhando em polegadas, e eu fiz isso clicando com o botão direito na minha régua e indo para polegadas. Você pode ver suas réguas se elas não estiverem lá indo para ver e réguas, o atalho de teclado é Command ou Control R, e eu me certifiquei de fazer meu bloco em torno do número que eu vou ser capaz de lembrar. Menos bem grande. Eu fui para um 20 polegadas de largura por 15 polegadas de altura, e isso é porque eu vou ser imprimir isso em papel de embrulho e eu realmente quero que o título seja tipo de grande para ter um monte de variação
nele para que você não pode facilmente ver onde o telha é. É por isso que estou trabalhando com isso. A razão pela qual você quer um número redondo fácil para lembrar é porque se você vai se lembrar, qualquer coisa que está no lado esquerdo precisa ser repetida à direita, e qualquer coisa que esteja na parte superior ou inferior precisa ser o seu lado oposto. Tendo um número redondo, estamos facilitando nossas vidas. Vamos começar aqui com esses itens que eu tenho
aqui no lado esquerdo, e só para você saber, a maneira que eu comecei a construir este azulejo é que eu comecei
nesta área aberta e eu comecei com um grupo. Acredito que comecei com este, e então comecei a pegar outros buquês que se encaixam nas áreas ao redor. Você pode ver se eu tirar este aqui, eu tinha esta área arredondada. Eu sabia que eu iria querer um motivo com uma área arredondada para caber lá dentro. Foi tudo o que fiz para começar a organizar isto, e falaremos sobre alguns outros truques que usei daqui a pouco. Mas voltando a isso, tenho todos esses itens pendurados do lado esquerdo aqui, e vamos falar sobre este aqui em baixo separadamente. A fim de fazê-los repetir neste lado direito exatamente onde eu preciso, eu vou ter ilustrador fazer o trabalho. A primeira coisa que eu vou fazer é fazer uma cópia
deste motivo pressionando comando ou controle C, e então eu vou colá-lo no lugar
pressionando Shift Command V. Você pode ver que eu tenho uma cópia disso e agora, eu estou indo para deixar o Illustrator movê-lo para mim. Eu vou subir para me transformar e eu estou olhando para o meu ex posicionamento agora, e agora ele está dizendo que ele está colocado em 1,4426 polegadas. Bem, eu vou apenas ir em frente e apertar mais 20 no meu teclado e selecionar “Enter
e voila”, e movê-lo para o lado esquerdo, no posicionamento exato que eu precisava. Vou repetir isso para todas essas peças que estão penduradas à esquerda. Comando C, Shift Command V cresceu para se transformar e acertar mais 20. Agora, este aqui em baixo é especial porque está em uma esquina, o que significa que vai precisar ser repetido em todas as quatro curvas. Primeiro eu vou copiar e colá-lo e eu vou movê-lo para cima. Desta vez, em vez de trabalhar com os valores X, vou trabalhar com os valores Y. Como eu preciso movê-lo para cima, eu realmente vou subtrair meu valor. Eu vou ir em frente e digitar menos 15 e apertar “Enter” e ele aparece bem no lugar, e agora eu vou copiar ambos ao mesmo tempo. Vá para transformar e vá para o meu valor X e acerte mais 20. Agora eu sei que essas esquinas estão todas cuidadas. Aqui em baixo parece que eu tenho dois motivos que estão prontos para ser azulejos. Mas antes de os tirarmos, quero mostrar-vos como decidi pôr esta florzinha aqui. Você pode ver que, este motivo está ficando muito perto desta borda superior. O que significa que não tenho muito espaço para ter algo pendurado aqui em baixo, e se eu tirar isso do caminho, você pode ver que eu tinha muito pouco espaço para trabalhar. A maneira que eu trapaceio para descobrir quanto eu posso ter algo pendurado aqui embaixo, é fazer uma forma rápida no espaço em que ele vai ser repetido, e eu vou usar minha ferramenta de caneta. Deixe-me pegar um preenchimento diferente para fazer apenas a seleção mais áspera do espaço que eu tenho disponível para mim, e eu quero ter cuidado para não chegar muito perto desses objetos porque eu quero que haja algum espaço para respirar, mas eu só quero ter uma idéia de quanto espaço eu tenho. Agora, o que eu vou fazer é agarrar, clicar e arrastar,
e eu vou segurar turnos para que ele se mova diretamente baixo e eu vou colocar isso no lugar. Isso me dá uma boa idéia de quanto espaço eu tenho que trabalhar para colocar algo aqui sem tocar em outras coisas. Consegui colocar isso aqui onde eu quero e confortavelmente sei que quando eu repito para o topo, não
vai atrapalhar, e eu fiz o mesmo por isso aqui. Eu posso ver que eu tinha algum espaço, mas eu também sabia que eu precisava ter cuidado com esta folha. Desenhei uma forma, trouxe-a para cá, e depois construí um motivo que se encaixaria perfeitamente neste espaço enquanto também ia para o espaço onde eu sabia que ele se moveria no topo. Por último, eu só quero dar uma olhada em como eu comecei a repetir alguns destes ou como eu começaria a repeti-los. Eu tenho algum espaço aqui, e eu acho que eu quero usar este motivo novamente. Eu não vejo isso há algum tempo nesta área, mas eu não quero apenas fazer uma cópia simples e deixá-la como está, porque isso simplesmente não é muito interessante. Quero mudar um pouco. Já, eu posso ver que ele se encaixaria melhor neste espaço se eu girasse um pouco. Você pode ver que ele se encaixa lá muito bem, e não só isso, mas eu vou mudar as cores dele para que ele não se destaque como uma cópia tão facilmente. Eu vou ir em frente e pegar minha ferramenta de seleção direta para que eu possa apenas selecionar este botão aqui. Porque tudo isso está agrupado. Se eu usasse minha ferramenta de seleção regular, iria agarrar tudo. Mas usando minha ferramenta de seleção direta, eu posso entrar lá, e eu vou mudar isso para rosa e então eu vou mudar este botão para esta cor mais escura. Agora, quando isso está se repetindo, essas não vão se destacar tanto quanto sendo cópias. Vou usar isso como um veículo para fazer todo esse padrão. Você não tem que inventar novos motivos para cada lugar. Isso vai adicionar interesse, mas você pode reutilizá-los e se você fizer isso, eu sugiro ou mudar a escala ou
girá-los ou mudar a cor ou usar alguma combinação. Aqui em baixo, eu tenho o meu azulejo todo feito. Preenchi tudo, e estou pronto para testá-lo para ter certeza de que o padrão funciona. O que eu vou fazer é pegar esse retângulo aqui atrás, e eu vou copiar, e eu vou colá-lo na frente. Para fazer isso, você pode fazer o Comando F. Eu fiz Shift Command V novamente porque eu sabia que iria colá-lo na frente e isso é tudo o que funciona para mim. Vamos selecionar tudo, e eu vou apertar o Comando 7 para fazer uma máscara de recorte. O que isso fez foi, levou o tamanho do azulejo para o qual projetamos tudo, e cortou tudo pendurado fora da borda para que quando nós azulejamos isso, você pode ver que esta rosa aqui vai se alinhar exatamente com esta rosa. Agora, vou pegar meu azulejo. Tudo deve ser agrupado uma vez que está em uma máscara de recorte, e eu vou para objeto, padrão, make. Agora, você pode ver que agora, todos os meus blocos estão espaçados um do outro, e isso é porque o Illustrator é muito inteligente, e mesmo que tenhamos feito uma máscara de recorte, ele sabe que temos obras de arte que realmente escondido e vindo até aqui. Tudo o que preciso fazer para substituir isso é clicar nesta caixa de seleção que diz Tamanho, título para arte. Isso vai juntá-los todos. Agora, o seu pode, por padrão, ter algumas dessas caixas de seleção marcadas. Ele pode ter a borda do bloco mostrando, e também pode estar escurecendo as cópias para 50%. Eu desligo para que eu possa ter uma boa idéia do que eu estou olhando, e eu também gosto de ir para o modo de tela cheia pressionando F. Antes de fazer isso, eu quero transformar minhas cópias em nove por nove para que eles estejam ocupando minha tela inteira. Vou entrar no modo de tela cheia. Vou tocar uma vez e duas vezes, e agora, eu posso realmente começar a entrar aqui e usar meu comando mais e menos para começar a se locomover e ver se estou percebendo algo estranho. Se eu diminuir o zoom, eu posso realmente sentir o movimento neste padrão. Há casos como aqui, essas quatro flores, parece que estão fazendo uma telha, mas o arco da telha está realmente aqui. Há apenas, como eu disse, vez que estamos usando uma grade, você vai ter instâncias como esta onde você pode ver os quatro deles ou você pode ver que há uma grade lá. Mas desde que tenha interesse suficiente, então vai ficar tudo bem. Não vou imprimir este papel de embrulho a esta escala. Vai ser um pouco maior. Então eu não estou muito preocupado com essas flores se destacando. Tudo parece bom para mim. Eu vou apertar F novamente para sair do modo de tela cheia, e eu vou apertar “Concluído”. Agora, você tem um padrão de trabalho, um ilustrador. Eu posso arrastar outro retângulo e subir aqui e clicar em minhas amostras e você pode ver meus padrões lá, e agora eu tenho meu padrão de trabalho. Como falamos anteriormente, se você gosta das linhas vetorizadas e você está feliz com o que isso parece, então você está feito. Você acabou de fazer um padrão. Mas se você estiver interessado em levá-lo para o próximo nível e adicionar alguma textura, então nós vamos trazer para o Photoshop. Mas a seguir, nossas opções de cores, e é aí que a diversão começa.
10. Brincando com cores: Certo, pessoal, é hora de falar sobre cor. Embora a cor seja um tópico enorme, eu realmente só vou tocar nos pontos que eu uso no meu fluxo de trabalho pessoal. Vamos começar abrindo a paleta de Amostras porque é daí que vamos trabalhar. Se você não tiver sua paleta Amostras no lado direito, vá em frente e vá para “Janela” e “Amostras” para abri-la. Você pode ver que eu já tenho muitos grupos de amostras aqui, isso é porque eu realmente gosto de segurar paletas de cores que eu tive sucesso no passado ou que eu pareço ser atraído. A primeira coisa que eu quero fazer é fazer um grupo de cores a partir deste padrão que eu fiz. Não só para segurar a paleta porque eu gosto,
mas também para ver quantas cores eu usei para colorir este padrão. Vou seguir em frente e apertar este ícone de pasta para um novo grupo de cores na parte inferior do painel Amostras. Você pode nomear seu grupo de cores se quiser
e, em seguida, você só quer certificar-se de que a arte selecionada está escolhida e clicar em “Ok”. Agora, podemos ver que estas são todas as cores que foram necessárias para criar o meu padrão. Agora, preto está lá porque preto como a cor das minhas linhas de sotaque. Eu vou apagar isso porque eu não estou realmente interessado em ter que fazer parte da paleta. Eu vou lidar com minhas linhas no Photoshop mais tarde e às vezes, eu gosto de manter as linhas pretas de qualquer maneira, então exclui isso de lá. Agora, eu posso ver que eu tenho um, dois, três, quatro, cinco, seis, sete cores que eu usei para colorir este padrão. É para isso que eu estou filmando quando eu vou começar a recolorá-lo e chegar com novas paletes. Agora, para ser honesto com você, eu não sou o mais forte em criar minhas próprias paletas de cores. Algumas pessoas, eles só têm um presente real para combinar cores que são realmente, realmente ótimas para olhar. Preciso de um pouco mais de trabalho e ajuda com isso. Eu costumo trazer uma foto em que me inspira ou tem cores que eu realmente gosto. Eu simplesmente faço alguns quadrados e uso a ferramenta Conta-gotas para entrar e provar cores a partir dele. O bom é que quando olho para isto, vejo as cores que conheço que as flores são. Por exemplo, eu sei que este ranúnculo aqui tem uma cor de pêssego muito bonita. Mas quando eu
provei, eu estava recebendo um monte de tons de malva. Da mesma forma, eu realmente não percebi que esta cor dourada estava aqui em baixo em algumas dessas folhas. Quando você está provando, você realmente tem algumas cores que você não sabia que estavam lá. Como você sabe que as cores na imagem já estão juntas, você pode realmente começar a fazer uma paleta coesa a partir dela. Vá em frente se você quiser e comece a criar grupos de cores a partir de fotos que você tirou. Eu só vou selecionar tudo isso e fazer um grupo de cores a partir dele, e apertar “Ok”. Vou esconder isto por enquanto. Agora, podemos começar a recoloring. Desde que eu gosto desta primeira palete
que eu inventei, eu vou fazer uma cópia para que eu não perca isso. Vou fazer zoom. Eu quero manter minha arte para o lado esquerdo
aqui porque uma vez que entrar na ferramenta Recolorir arte, ele não vai me deixar deslocar em torno do documento. Vou em frente e selecionar tudo isso. A ferramenta Recolorir arte é este ícone aqui em cima que parece uma pequena paleta de cores. Quando eu entrar nisso, basicamente vai nos mostrar, “Ei, essas são todas as cores que estão em sua ilustração e você pode movê-las por aqui.” Você vai notar que o preto não tem um pequeno quadrado aqui, e isso é porque eu tenho minhas configurações definidas para preservar preto e branco. Se você quer que o preto seja uma das cores que você pode mover, tudo que você precisa fazer é clicar nessa área e dizer sim para adicionar uma nova cor à harmonia atual. Eu também quero dizer que Bonnie Christine publicou recentemente uma aula que vai realmente em profundidade sobre como usar essa ferramenta, além de rever a cor em geral e criar paletes. Se você quiser mais informações, eu recomendo fazer essa aula. Eu tinha usado a ferramenta Recolorir arte antes, mas sua classe definitivamente me deu algumas dicas que eu não sabia antes. O que você pode fazer é você pode fazer isso manualmente e começar a clicar e arrastar para criar novas combinações para ver se você gosta de algum deles. Além disso, você pode apertar este botão mágico aqui que é o que eu costumo fazer. Isso mudará aleatoriamente essa ordem de cores para recuperar seu trabalho artístico. Você pode começar a obter combinações que você não
sabia que você iria mesmo tentar ou que você gostaria. Agora, você pode ver que como o preto é uma das cores que amostrou, preto é uma das cores que ele está usando, e eu realmente não quero isso. Então, em vez disso, eu vou clicar neste grupo de cores que fizemos a partir desta obra de arte que não inclui preto, para que eu possa começar a andar de bicicleta através deles. Se eu encontrar um que eu goste, eu posso apertar “Ok”. Agora, eu pessoalmente não quero ver esse grupo de cores refeito. Já gostei do que inventei. Eu realmente quero explorar novos grupos de cores. Eu vou experimentar este que eu fiz e eu já estou realmente gostando dessa cor verde escuro como o fundo, mas eu vou percorrer alguns mais para ver se há algo que eu gosto. O bom é que se você se deparar com um que é muito perto, mas não exato, você pode entrar e mudá-lo você mesmo. Eu poderia fazer isso a cor de fundo e uma vez que eu encontrar um que eu gosto, tudo que eu tenho que fazer é apertar “Ok”, apertar “Não” para alterar o grupo de amostras, e meu trabalho artístico é recolored. Eu posso passar horas fazendo isso e às vezes, eu faço, porque é muito divertido encontrar aquela paleta de cores exata que apenas faz seu coração bater pitter-patter porque realmente traz seu padrão para a vida. Faço uma cópia, volto e tentarei outro grupo. Gosto destes amarelos vintage. Você pode ver que esse grupo de cores tem apenas cinco cores, mesmo que nossa arte original tenha sete. Você pode ver que ele está combinando alguns destes também e fazendo tons e tal para fazer esta paleta de cores funcionar. Eu posso ir em frente e apertar “Ok” e assim por diante e assim por diante. Jogue com a ferramenta de recolorir arte para tentar criar pelo
menos três variações de cor que você gosta para o bloco padrão.
11. Exportando do Illustrator: Até agora, você já gastou algum tempo para explorar algumas paletas de cores e descobrir quais as que deseja trazer para o Photoshop para renderizar e estamos nos preparando para exportar. Até agora, eu não estava prestando atenção ou falando sobre quadros de arte, e isso é porque quando eu estou projetando pela primeira vez, eu gosto de trabalhar neste grande espaço aberto sob este modo de visualização onde você pode mostrar e esconder suas placas de arte. Mas agora que estamos nos preparando para exportar, é muito importante que nossos quadros de arte estejam configurados corretamente e no local certo. Eu vou tocar “Mostrar quadros de arte” e você pode ver o único que eu tenho está aqui e ele nem sequer tem nenhuma obra de arte nele. Vou fazer algumas placas de arte que se encaixam no tamanho exato do azulejo que precisamos. Vou pegar minha ferramenta artística aqui. O atalho de teclado é Shift-O, e em vez de tentar arrastar isso exatamente onde está
o fundo e esperando que eu obtenha o 15 ou o 20 por 15, eu vou deixar o Illustrator fazer o trabalho. Eu só vou clicar uma vez no retângulo de fundo e ele
vai fazer um quadro de arte com o tamanho exato, e então eu posso olhar para cima no painel de informações e ver que com certeza, ele fez um quadro de arte que é de 20 polegadas por 15 polegadas. Vou fazer isso por cada um desses. Oops. Veja aquela vez que eu cliquei no meu motivo em vez da minha imagem de fundo, então eu fiz um quadro de arte que é do tamanho desse motivo. Vou tocar no Comando-Z e ter um pouco mais de cuidado. Aqui vamos nós. Pronto, e agora eu não preciso deste quadro de arte aqui, então eu vou apenas clicar nele uma vez e apertar “Excluir”. Nós temos nossos quadros de arte prontos e agora uma pequena dica que eu tenho é que se nós formos exportar estes agora, provavelmente
haveria uma linha branca muito fraca indo em torno do lado de fora deste, que é realmente irritante quando você está tentando azulejo. Vamos fazer as formas de fundo um pouco maiores do que a nossa telha. Vou manter pressionado Option e Shift e arrastar de um canto, e como nosso quadro de arte é o tamanho correto do nosso azulejo, não
precisamos mais nos preocupar que nosso retângulo seja muito grande. Só estamos nos certificando de que há um pouco de saliência fora
do quadro de arte para que tudo seja do tamanho certo. Sinto muito, para que tudo exporte sem fronteiras ao redor. Isso parece muito bom, e agora a última coisa que eu quero fazer é se você vai se lembrar, eu vou adicionar minhas linhas de acento no Photoshop para ter um visual desenhado à mão, e então eu quero exportar esses blocos sem nenhuma dessas linhas de acento no Aqui. O que eu vou fazer é usar minha ferramenta de seleção direta pressionando A no meu teclado e selecione uma das minhas linhas de acento. Vá para “Selecionar”, “Mesmo”, “Cor de preenchimento “e ele vai pegar todas as linhas de acento que estão no meu documento, e eu vou pressionar Command+3 para ocultá-las. Agora o que eu tenho são apenas as formas de preenchimento que eu criei. Vou para “Arquivo”, Exportar como.” Eu vou colocá-los na pasta certa e eu vou chamar esses azulejos sem linhas. Vou fazê-los ser um JPEG. Eu vou dizer usar quadros de arte e eu quero usar exportar todos eles. Em Exportar, você deseja certificar-se de que sua resolução está definida como alta e que sua qualidade está definida para o máximo e eu vou pressionar “OK”. eu provavelmente não vou ter um tempo realmente fácil tentando reconstruir onde essas linhas de acento ir no Photoshop sem algum guia. Vou exibir minhas linhas de acento pressionando Opção Command+3 e exportarei uma dessas com as linhas e usarei isso como um guia no Photoshop para adicioná-las novamente. Volte para “Exportar como”, vou chamar este, azulejo com linhas. Eu digo usar quadros de arte, mas desta vez eu só quero o primeiro, Exportar e tudo bem. Então agora estamos prontos para trazer isso para o Photoshop.
12. Adicionando linhas desenhadas à mão: Estamos prontos para trabalhar no Photoshop. Tenho alguns documentos abertos agora. Eu tenho meu azulejo que não tem linhas, eu tenho meu azulejo que tem linhas, e eu tenho meus dois esboços abertos. A primeira coisa que eu quero fazer é selecionar tudo neste bloco com linhas documento. Então eu vou apertar “Comando A”, e então eu vou apertar “Comando C” para copiar. Voltarei ao meu azulejo sem linhas e apertarei “Comando V” para colar isto em cima. Vou trazer o preenchimento para que as linhas estejam tão óbvias, mas ainda posso vê-los. Agora, eu posso ir em frente e fechar meu azulejo com linhas. O que vamos fazer é pegar as linhas de nossos esboços desenhados à mão e selecioná-los usando o modo Máscara Rápida para substituí-los por cima do guia. Agora, se você gosta de como suas linhas vetorizadas parecem, então você pode ficar com elas. Como eu disse antes, eu só tenho uma preferência pelas linhas desenhadas à mão. Eu acho que a diferença sutil é realmente somar para fazer uma grande diferença no final. Vamos falar sobre o modo Máscara Rápida. O modo Máscara Rápida é uma forma de selecionar pixels com base no que é preto e no que é branco. O bom é que esse Photoshop faz todo o trabalho para nós. Vou em frente e usar a ferramenta Laço para desenhar em torno desta flor. Eu vou pressionar “Comando C” para copiá-lo, e eu vou para este documento em branco só para que eu possa mostrar este processo. Agora, se eu fosse apenas colar esta flor agora, obviamente colaria o fundo e o primeiro plano, e isso não é o que queremos. Então eu vou desfazer isso. Desta vez, eu vou fazer uma nova camada e eu vou entrar no modo Máscara Rápida. Eu posso fazer isso pressionando a tecla no meu teclado ou clicando neste botão que está abaixo do primeiro plano no fundo. Eu sei que ele está ativo quando minha camada é vermelha assim, e eu posso ir em frente e colar. Photoshop fez todo o trabalho de separar os pixels brancos dos pixels pretos, o que para nós significa que separou o esboço do papel. Eu posso ir em frente e pressionar “Q” novamente para sair do modo Máscara Rápida, e você pode ver que eu posso ver que minhas linhas estão selecionadas. Mas, na verdade, o modo Máscara Rápida mascara o que é preto, significa que não está selecionando nada que era preto. Então realmente tudo exceto meus esboços estão selecionados agora, e eu sei disso porque eu tenho formigas marchando indo ao redor do perímetro do documento. É uma solução fácil. Tudo que tenho que fazer é inverter minha seleção. Posso fazer isso pressionando “Shift Command I” ou subindo para selecionar inverso. Agora, essas extremidades marchando ao redor dos lados do documento se foram, e eu posso ver que minha flor está perfeitamente selecionada. Tudo o que tenho que fazer agora é preenchê-lo. A maneira mais rápida de preencher algo com sua cor de primeiro plano é clicar na opção “Excluir” com seu teclado. Em seguida, você só tem que desmarcar pressionando “Comando D”, e nós temos nossos esboços perfeitamente selecionados sem qualquer trabalho difícil em tudo. Mesmo se eu fosse para tornar meu fundo mais escuro, você pode ver que o modo Máscara Rápida faz um trabalho realmente perfeito para tirar todo o branco de lá. Não sobrou artefatos. Esta é a maneira que vamos trazer nossos esboços para o nosso documento, e vamos usar nosso guia para descobrir onde essas linhas precisam ir. Isso pode parecer uma tarefa assustadora, mas uma vez que você entra no fluxo dela,
ele realmente começa a ir mais rápido. Vou começar em uma área. Vou começar com esta rosa, e vou encontrá-la nos meus esboços. Vou usar minha ferramenta Laço, apertar “Command C”, voltar ao meu documento, criar uma nova camada, pressionar “Q”, vou colar, pressionar “Q” novamente,
“ Shift Command I” para inverter a seleção, opção “Excluir” para preenchê-la, e” Comando D” para desmarcá-lo. Se você quiser mais informações sobre o processo do modo Máscara Rápida, você pode conferir minha outra classe, digitalizando esboços desenhados à mão onde eu percorrer o processo com mais detalhes. Agora, eu só vou mover este esboço e girá-lo e escalá-lo até que ele esteja no lugar. Isso não precisa ser exato, mas eu quero isso perto, já que é assim que eu sei que eu gostei quando estava no Illustrator. Acho que ainda é um pouco grande demais. Lá vamos nós. Agora, vou usar uma máscara para me livrar dessas linhas extras. A razão pela qual eu não estou usando a borracha é que embora eu tenha 99% de certeza que eu não preciso dessas linhas externas, eu ainda quero trabalhar em um fluxo de trabalho não destrutivo. Assim, se no futuro eu decidir
voltar aqui e eu realmente quero usar essas linhas, eu não tenho que refazer tudo. Eu ainda tenho acesso a ele, já que eles estão em uma máscara. Isso parece muito bom e eu vou passar para esta folha. Use a ferramenta Laço, copie, crie uma nova camada, Máscara
rápida, cole, saia, Máscara
rápida, inversa, preencha e desmarque. Agora, parece que esta folha está virada, então eu vou apertar “Command T”, clique com o botão direito, virar horizontal, e eu vou em frente e colocá-lo no lugar. Aqui está uma dica para dimensionar e girar coisas com mais facilidade. Eu gosto de alinhar pelo menos uma parte deste esboço, que neste caso é a folha típica. Então, eu gosto de ir em frente e mover meu ponto de ancoragem para lá. Agora, ele vai escalar e girar a partir desse ponto. Então eu posso girá-lo e dimensioná-lo para baixo, e ele apenas faz as coisas ir muito mais rápido. Parece muito bom. Faça uma máscara. Livrem-se destas linhas que estão bloqueadas pela flor e continuem o meu caminho. Este pequeno motivo está feito agora. Vou desligar minha camada guia por um
segundo para que você possa ver a diferença aqui. Agora, em vez de ter essas linhas perfeitas realmente retas, eu posso ver que eu realmente tenho essa textura delas sendo desenhadas à mão. Eu tenho aquele pouco de sangramento, eu posso ver as irregularidades e a pressão enquanto empurrar para baixo com a caneta, e eu realmente gosto desse olhar. Agora que este motivo está feito, vou agrupar essas camadas e passar para outra. Vou continuar até que todas as linhas estejam preenchidas. Mas antes de fazer isso, quero mostrar-te o que acontece quando chegares ao limite. Se olhares para aqui, deste lado esquerdo, tenho o mesmo motivo que fiz. Eu vou continuar e duplicar isso e mostrar a vocês como ter certeza de que ele está no lugar exato certo em ambos os lados do azulejo. Eu vou duplicá-lo, e eu realmente vou trazê-lo para cá. Vai ser mais fácil para mim alinhar este motivo baseado nesta folha aqui. Eu vou ir em frente e girá-lo ao redor. Vou usar o meu truque e alinhar as pontas dessas folhas e ir em frente e colocar o ponto de ancoragem lá e colocá-lo no lugar. Vou precisar duplicar de novo para este aqui. Agora, a única coisa é que o Photoshop não vai fazer as contas para nós, como o Illustrator. O que eu preciso fazer é ir para a imagem no tamanho da tela, e eu quero ver a largura dessa tela. Seus 6.001 pixels. Esse é o número que eu quero lembrar. Eu vou para a cópia que eu quero mudar para cá, e eu vou apertar “Comando T”. Aqui, assim como no Illustrator, temos os valores de posicionamento x e y. Agora, está em 6.046. Eu vou fazer a matemática e subtrair 6.001 disso, e o que sobrou é 45, e isso vai ser o valor x que eu quero digitar. Digite 45 e pressione “Enter”, e você pode ver que ele o moveu direto para o lugar certo. Se eu desligar o guia, é fácil para mim ver que estes estão perfeitamente alinhados. Vá em frente e continue em frente. Comece a trazer seus esboços com o modo Máscara Rápida
e, sempre que encontrar algo na borda,
faça as contas facilmente com base no tamanho da tela e encaixe tudo no lugar.
13. Pintura: Chegamos à última parte. Você pode ver aqui que, no meu painel Camadas, eu tenho alguns grupos. Estes são os grupos de todas as linhas diferentes que eu fiz e copiei e movi para terminar este azulejo. Agora, eu guardei isso em seu lugar atual. Agora eu quero ir em frente e salvar uma cópia dele porque nós realmente vamos fundir todas essas linhas agora. Vou apenas colocar, mesclado, no nome. O que vamos fazer nesta cópia é começar a desagrupar e mesclar todas essas camadas de linhas para simplificar o documento. O que eu vou fazer é selecionar um dos meus grupos e ir para o topo e clicar Shift. Vou clicar com o botão direito do mouse e clicar em “Desagrupar camadas”. O que precisamos fazer antes que possamos mesclar estes é que precisamos
aplicar todas essas máscaras de camada que estávamos usando. Se nós os fundirmos antes de fazer
isso, eles os jogam fora, e todas as linhas que você teve tempo para se livrar vão começar a aparecer novamente. Você pode clicar com o botão direito do mouse e clicar em Aplicar máscara de camada” ou, se quiser, eu realmente entrei em “Editar”, “Atalhos de teclado”, e alterei o atalho para isso ser Shift, Command, A para torná-lo mais rápido. Então eu só vou para cada camada e aplico todas essas máscaras de camada. Tudo é desagrupado e todas as máscaras de camada foram aplicadas. Agora, eu vou selecionar todas essas camadas, com todas as linhas nelas, e eu vou para “Mesclar camadas”. Agora, todas as nossas linhas desenhadas à mão estão em uma camada. Eu vou continuar e salvar isso, e antes de chegar longe demais, eu vou começar a salvar cópias com nossos fundos coloridos diferentes. Então você pode ver que eu abri um de nossos outros blocos, e eu vou ir em frente e apertar Command, A e Command, C para selecionar tudo para copiá-lo. Eu vou para cima do nosso passado e eu vou colar isso no lugar. Como magia, todas as linhas já estão cuidadas. Depois de reconstruir esta vez, é muito simples simplesmente aparecer em todos esses fundos coloridos. Agora eu vou ir em frente e salvar isso como, eu vou chamar este um fundo creme. Então eu posso abrir outro. Talvez eu possa fazer este. Salve como, eu vou fazer este, Fundo Amarelo. Então você pode continuar fazendo isso para todas as maneiras de cores que você fez. Agora vamos começar a pintar. A maneira mais fácil de fazer a pintura para que
não seja destrutiva é solando a camada que só tem todas as cores nela. Vá até “Selecionar”, “Intervalo de cores” e pegue uma das cores. Vou fazer o creme. Eu realmente queria pintar este fundo de creme. Vou abrir isso. Devo salientar, antes de começarmos a pintar essas camadas de fundo, se você não quiser que suas linhas sejam pretas ou quiser experimentar diferentes linhas coloridas, é realmente fácil de fazer. Se eu clicar na camada que tem minhas linhas nele e eu vou para bloquear pixels transparentes, então ele vai tornar realmente fácil para mim pintar sobre estes, qualquer cor que eu quiser. Se eu quiser que esta flor aqui, essas linhas pareçam as linhas ou a cor do fundo, eu posso pegar um pincel e pintar sobre ela. Agora, se muitas de suas linhas vão ser cores diferentes, então em vez de seguir este caminho, eu recomendo pegar a ferramenta de laço e realmente cortar essas linhas fora do resto deles. Eu sei que acabamos de fundir tudo isso, mas isso torna mais fácil do que pegar apenas os que você quer. Então eu vou pegar estes, apertar Command, X para cortar, apertar Shift, Command, V para colá-los de volta no lugar. Então, quando você tem um monte de linhas que você quer todas coloridas da mesma maneira, você pode agrupá-los. Você pode adicionar uma cor sólida. Então tudo que você tem que fazer é aplicar uma máscara de recorte a esse grupo inteiro, e então essas linhas se tornarão essa cor. Novamente, isso é algo que eu falo na minha aula de digitalização de esboços desenhados à mão, então se você quiser aprender mais sobre isso, você pode. Quero que todas as minhas falas sejam pretas, por isso vou desfazer isso. Estou feliz com todos eles olhando como eles são. Mas o que eu quero fazer é começar a pintar com alguma textura. Se eu olhar para este botão aqui, este é apenas um pedaço plano de amarelo, e eu posso adicionar tanta dimensão em com divertidos pincéis Photoshop. É por isso que eu levei todo o tempo para realmente entrar aqui. O que eu vou fazer é selecionar essa camada, com minhas linhas desativadas, e eu vou para “Selecionar”,
“ Color Range”, e eu vou bater aquele amarelo. Você pode ajustar a confusão. Descobri que, com
isto, parece que faz um bom trabalho a agarrá-lo. Vou apertar “Ok”. Eu quero apertar Command, C para copiar e Command, V para colar em uma nova camada. Agora eu tenho todas essas formas amarelas apenas em sua própria camada. Eles ainda estão na camada atrás dele, mas eu estou fazendo isso para que eu possa trabalhar não destrutivamente enquanto estou pintando, caso eu mude de idéia sobre a pintura. Então eu vou bloquear os pixels transparentes na minha camada amarela. Vou voltar a ligar as minhas linhas para poder vê-las, e agora vou divertir-me com os pincéis. Como eu estou trabalhando com o amarelo, eu quero definir meu primeiro plano para a cor amarela, e eu quero definir minha cor de fundo para talvez um pouco mais escura. Os pincéis que eu uso para pintura artística no Photoshop ou esses vários conjuntos de pincéis de Kyle T Webster. Acho que tenho todos os dele. Eu acho que gastei dinheiro em todos eles porque eles são de alta qualidade, eles realmente não são muito de um investimento. Ele só faz um trabalho incrível com a criação desses. Vou pegar seu pincel rico em óleo de sua caixa de tinta, que é um dos meus pincéis favoritos, e eu vou começar a vir aqui e pintar com alguma textura. Agora, às vezes eu vou pintar as bordas, então eu vou adicionar um pouco de textura lá. Enquanto que, outras vezes eu quero mais de um olhar lamacento, e assim eu vou pintar sobre toda a flor. Então eu vou voltar, eu vou pressionar X no meu teclado para
alternar para frente e para trás entre o meu primeiro plano e o plano de fundo. Então eu vou pintar sobre isso e ambas as cores vão se misturar continuamente. Posso entrar aqui e começar a ter uma textura muito agradável. É assim que eu trabalho. Normalmente trabalho uma cor de cada vez. Eu já fiz isso antes, e quando eu tenho os papéis de embrulho impressos, é incrível como eles parecem inky. Só parece que eu pintei isto ou os mandei impressos na tela. O que eu gosto nele é que ele realmente tem aquele olhar vintage para ele. Eu sou realmente inspirado por pinturas vintage e livros infantis vintage, e todos eles têm este olhar imperfeito tinta para eles. Agora, se você manteve suas linhas vetorizadas e não teve tempo para reconstruir as linhas no Photoshop, provavelmente não será possível, a menos que as tenha exportado separadamente, desativar as linhas enquanto estiver selecionando cores. Meu palpite é que o, select color range ainda será capaz de ignorar preto. Mas você ainda quer ter certeza de que quando eu for selecionar minha próxima cor, eu quero desativar tudo menos a camada que eu estou selecionando. Porque especialmente quando começamos a introduzir novas tonalidades aqui, vai ser mais difícil para essa faixa de cores selecionar agarrar apenas a cor que queremos. Se você olhar para aqui, eu tenho apenas os azulejos coloridos selecionados. Agora posso entrar e pegar minha próxima cor. Vou abaixar a confusão. Vou apertar “Copiar e colar”. Novamente, isso é apenas para que eu possa trabalhar não destrutiva para que, se eu mudar de idéia sobre a pintura, eu quero tentar alguns métodos diferentes de pintura, eu posso fazê-lo sem estragar a telha de fundo. Vou definir minha cor de primeiro plano para a tela, e depois a cor de fundo, vou fazer um pouco mais escura. Eu bloqueei meus pixels transparentes e voltarei aqui. Onde está o meu pincel? Este pincel de óleo realmente se tornou parte do meu estilo de assinatura só porque eu realmente amo o olhar vintage que ele me dá. Mas ele tem pincéis de aquarela, tem pincéis de meio tom. Deixe-me mostrar-lhe esses pincéis de meio tom, tom de tela em vez disso. Vou pegar um desses. Eu vou deixar a cor muito mais escura só para que você possa realmente ver o que isso faz. Eles são tão bem feitos. Estou usando meu tablet Wacom agora, e eles respondem muito bem à pressão. Ele tem alguns deles que são maiores. Esse é um olhar muito legal que você pode escolher. Ele tem pincéis de aquarela. Eu vou para, vamos ver, lavagem
suave e olhar para a borda disso. Há definitivamente maneiras de criar textura no Illustrator. Mas só para mim, como artista, é muito bom ter essa extensão orgânica do meu braço. Quando você tem alguém como Kyle T. Webster fazendo esses pincéis que são tão incríveis. Olhe para isso. Se eu desligar essa camada, a diferença é realmente sublime. Na verdade, vou apagar essa camada. Eu vou voltar a copiá-lo porque eu realmente só quero ter, eu quero usar todos os mesmos pincel. Copiar e colar pixels transparentes de bloqueio. Eu quero mudar isso. Vou voltar ao meu pincel rico em óleo, voltar a
ligar as linhas para poder vê-lo agora. Entra aqui. Agora, se você está interessado em projetar padrões para tecido, você terá que ser um pouco mais cuidadoso com suas texturas porque reiniciar para introduzir um monte de cores aqui, mesmo que pareça que eu só tenho dois tons de verde . A maneira como estes estão misturando eles estão realmente introduzindo um monte de cores. Talvez você precise indexar suas cores quando terminar, se você tiver a impressão de tecido como seu objetivo final. Mas para a impressão de papel de embrulho, não é problema. Vai ser capaz de pegar toda essa textura. Não só eu apressar fazer escovação nas formas, mas outra coisa que eu gosto de fazer é usar alguns de seus pincéis de respingos em cima de tudo para fazer parecer que parte da tinta não deitou todo o caminho. Vou definir a minha cor para o fundo disto. Vou ampliar um pouco. Vou começar a pintar. Veja, parece que foram impressas e uma parte da tinta não ficou deitada todo o caminho. Não sei se é só para os livros que tive na minha infância ou os lençóis velhos da minha mãe ou o que é, mas isso me deixa tonto. Estou tão animado que posso recriá-lo digitalmente e me divertir com ele digitalmente. É demais. Farei isso aqui. Encorajo-te a divertir-te com os pincéis. Esse é todo o benefício de trabalhar no Photoshop. Levamos todo esse tempo para usar a força do Illustrator para criar formas, e depois exportá-las e trazê-las para cá e trazer as linhas desenhadas à mão. Você pode muito bem tirar vantagem disso. Antes de terminarmos, ou melhor, antes de eu cair muito fundo na pintura, quero mostrar mais uma razão incrível para trazer suas falas através do Photoshop. Agora já temos uma boa linha desenhada à mão olhar indo. Mas quero enfatizar um pouco. Eu vou pegar a linha ou a camada em que minhas linhas estão, e eu vou clicar com o botão direito e convertê-lo em um objeto inteligente, indo para filtrar, distorcer, e ir para ondulação. Ripple faz exatamente o que parece que vai fazer, se eu levar para grande, você pode ver que ele apenas ondula a linha. Nós não queremos enlouquecer aqui, mas eu gosto de ir pequeno e ligá-lo para dentro. Se eu aumentar aqui para 100, você pode ver que ele apenas acentua aquele olhar de tinta, talvez eu vá trazê-lo um pouco mais. Se eles estão começando a parecer um pouco rígidos demais e você pode dizer, então você pode contrabalançar um pouco adicionando sob ruído esta mediana. Você só precisa de um ou dois pixels, e isso vai suavizar isso. Isso é algo que eu gosto de fazer para acentuar esse olhar desenhado à mão. Divirta-se pintando, divirta-se brincando com filtros. Em seguida, vou mostrar a vocês como fazer o mosaico final para transformar isso em um padrão no Photoshop.
14. Ladrilho final: Parabéns pelo seu lindo azulejo final. Eu sei que é uma longa jornada desde quando começamos o In Illustrator, apenas trabalhando nessas formas de preenchimento e depois fazendo os motivos e fazendo o azulejo, mas a peça final sempre vale a pena quando você vê tudo junto. Deixe-me mostrar-lhe como realmente transformar isso em um padrão do Photoshop. Eu vou para Editar e Definir Padrão. Vou chamar isso de “ Creme Background”. É isso. É um padrão. Agora, eu gosto de testar o meu quando eu tenho folhas de embrulho impressas, eles são 20 por 29. Eu gosto de fazer um documento em branco, e ir até a camada de ajuste e ter selecionado Padrão. Então, a partir desta lista, tenho acesso a todos os meus padrões. Você pode ver que aqui está o meu padrão impresso. O bom de fazer assim é que posso brincar com a balança. Então, se eu quiser que ele seja maior ou se eu quiser que ele seja menor, é realmente fácil mexer com isso. Farei 110 por cento. É muito divertido entrar e ver o seu trabalho. É azulejo lindamente, não temos linhas estranhas. Além disso, temos toda essa bela textura que tivemos tempo para construir.
15. Obrigada!: Pessoal, muito obrigado por terem assistido a esta aula. Espero que você tenha conseguido pegar muitas dicas e truques novos ou ir em
minha jornada de fluxo de trabalho de criação de padrões de repetição usando o Illustrator e o Photoshop.