Transcrições
1. Introdução ao curso de Criação de padrões a partir de esboços e arte digital no Photoshop: Olá e bem-vindo a este curso sobre como fazer padrões a partir de esboços e arte digital no Photoshop. Meu nome é Helen Bradley e sou professora de topo da Skillshare. Eu tenho mais de 200 cursos aqui sobre Skillshare, e mais de 86 mil matrículas estudantis. Neste curso, mostrarei como transformar esboços e arte
digital em padrões no Photoshop. Você aprenderá a usar arte que criou no
Photoshop ou em um aplicativo como o Procreate, por exemplo, e transformá-la em repetições simples e mais complexas no Photoshop. Ao longo do caminho, você aprenderá a colorir a arte para transformar uma forma em várias versões coloridas dessa forma. Você também aprenderá a tirar imagens do seu caderno de esboços ou de um aplicativo on-line para o Photoshop,
como colorir essas imagens
e,em como colorir essas imagens
e, seguida, fazer amostras de padrão repetitivo maiores delas. Você pode usar os padrões acabados para fundos digitais e papéis de álbum de recortes, e até mesmo para impressão on-line, como fazer tecido e papel de embrulho em Spoonflower. Chega de mim, se você estiver pronto, vamos começar a transformar seus esboços de tinta e arte
digital em padrões utilizáveis no Photoshop.
2. Do desenho digital ao padrão do Photoshop: Se você desenhar, por exemplo, em um iPad ou dispositivo Android, poderá usar alguns de seus desenhos como fontes padrão no Photoshop. Neste caso, desenhei e coloquei estas rosas em procreate no meu iPad. Eu os salvei do procreate como imagens JPEG e depois enviei um e-mail para mim mesmo. Guardei-as no meu rolo da câmara e mandei-as por e-mail para fora do rolo da câmara. Isso é bastante simples de entender e processar o fluxo de trabalho. Eu tenho as imagens aqui. Agora, eles vieram com um fundo branco. A primeira coisa que vou fazer é me livrar do fundo branco. Vou desativar o ícone de cadeado na camada de fundo. Em versões anteriores do Photoshop, talvez seja necessário clicar duas vezes nessa camada para desbloqueá-la ou ir para a mágica em direção à ferramenta mais simples de usar aqui, porque este é um fundo branco sólido porque veio do procreate. Vou clicar uma vez em segundo plano e pressionar Delete. Em seguida, vou desmarcar a seleção, estou pressionando Control D. Seria Command D em um Mac, você também pode escolher, selecionar e desmarcar. Você pode ver aqui está o atalho. Agora o documento que eu tenho, eu já tinha cortado antes de começar o vídeo, é 972 por 993 pixels, e isso não é em nenhum lugar onde você quer começar com um padrão. O que eu quero fazer é fazer esta tela um pouco maior ou um pouco menor. Como este é quase 1000 pixels por 1000 pixels, eu posso ser tentado a usar isso como um ponto de partida, mas na verdade, eu acho que eu quero as coisas um pouco mais apertadas, eu vou ficar menor. Acho que posso arriscar fazer
800 por 800 sem cortar minhas rosas, vamos tentar. Vou escolher a imagem e, em seguida, o tamanho da tela. Vou digitar a largura e a altura como 800 por 800, e eu vou clicar em Ok. Recebi um aviso de que os tamanhos da tela menores que o tamanho atual da tela e alguns recortes ocorrerão ou clique em Continuar. Enquanto o recorte ocorreu, ele não chegou perto dos meus pixels, então eu estava bem seguro lá. Se você encontrar que os clipes fora de suas peças, você simplesmente vai desfazê-los, talvez mover um dos pixels um pouco mais perto do centro e tentar novamente. Agora, o tamanho da minha tela é 800 por 800. É um tamanho muito bom para fazer um padrão porque é uniformemente divisível por dois. As formas estão todas na mesma camada. Vou começar por tirá-los de lá. Eu estou indo para o último tão alto e eu vou fazer uma seleção geral em torno das fileiras. Você não precisa chegar muito perto e não quer chegar muito perto, porque você não precisa ser preciso, porque ele tem um fundo transparente. Com sua camada selecionada, nova camada via corte e que apenas coloca essa linha em sua própria camada independente dos outros dois. Vamos fazer o mesmo com um dos outros. Novamente, com o último tão alto, apenas arrastando em torno de uma dessas rosas. Certifica-se de que você tem a camada correta segmentada,
caso contrário, ela não funcionará. Camada nova, camada através de cortes. Todas as três rosas estão agora em suas próprias camadas separadas. Um desses que não vou usar agora, vou desligar o roxo. Eu vou mirar o rosa e eu vou movê-lo basicamente centralmente no documento e então eu vou desligá-lo por enquanto porque eu não preciso dele lá. Em seguida, eu vou para o amarelo e novamente centralmente, ele praticamente no meio do documento. Agora, para fazer um padrão com isso, eu tenho que quebrá-lo em quatro pedaços e colocar um em cada um dos cantos. Bem, há uma ferramenta que te ajuda a fazê-lo. Eu vou segmentar a camada e eu vou escolher filtrar outro deslocamento. Agora, a única coisa que você precisa saber sobre este diálogo é que você vai colocar em metade da largura e metade da altura do documento aqui, que é 400 e 400, e você vai clicar em Ok, e você vai para esperar que ele funcione e você vai ver imediatamente que ele não funcionou. Agora, o Photoshop em versões posteriores teve esse comportamento muito ruim com esse filtro de deslocamento. Vou mostrar-te como resolvê-lo. O que você vai fazer é que você está passando
pela ferramenta de corte e ir e certifique-se de que você tem a prancheta selecionada e você tem excluir pixels cortados selecionados, e você vai pressionar Enter. Agora, algo acontece aqui que há algo que Photoshop está pensando que está vendo ao redor da borda e não está se comportando corretamente. Agora, vamos voltar e fazer esse filtro de deslocamento novamente. Filtro, outro, deslocamento. Desta vez, quando digitarmos 400 e 400, as peças vão ser rebentadas nesses cantos exatamente como deveriam ser. Agora, como eu disse, este é um problema com versões posteriores. Photoshops diz particularmente um problema neste, mas se você está usando a versão do Photoshop, você pode estar se perguntando o que todo o [inaudível] sobre, porque sua versão provavelmente funciona muito bem, e se ele funciona muito bem, Isso é bom também. Agora, eu acabei de ligar minha rosa do meio e nós estamos lendo, nós temos pasta padrão. Vou selecionar tudo. Eu vou escolher selecionar todos, é claro, eu poderia pressionar Control ou Command I, então eu vou escolher Editar e definir padrão, isso vai ser rose1, porque isso vai me dar um padrão rosa simples com um amarelo e uma rosa rosa. Em um minuto vamos voltar e colocar a rosa roxa, mas vamos testar o padrão primeiro. Vou escolher Arquivo, adicionar novo, e vou criar um documento do tamanho da minha tela, 1920 por 1080. Vou preenchê-lo com um padrão com camada,
nova camada de preenchimento e, em seguida, padrão, vou clicar em Ok. Agora, o último padrão que você criar vai ser o que vai ser usado aqui, poderia ter baixado a escala um pouco para que possamos dizer
que ele está se repetindo muito bem e eu vou apenas clicar em OK. É um padrão rosa e amarelo, mas é claro que tivemos outra rosa que podemos usar. Na verdade, precisamos de dois, então vamos usar uma dessas como duas rosas, e vamos fazer uma versão mais sofisticada desse padrão no próximo vídeo.
3. Do desenho digital ao padrão do Photoshop - Uma repetição mais larga: Agora que fizemos um simples padrão rosa de duas cores, ainda
temos uma rosa digitada de distância que podemos usar. Podemos usar esta peça padrão real para criar algo onde temos quatro rosas de cores diferentes. Para fazer isso, precisamos de um documento com o dobro do tamanho desta parede, duas vezes maior e duas vezes maior. Este era 800 por 800. Isso significa que precisamos de algo 1600 por 1600, Arquivo e, em seguida, Novo e vamos torná-lo 1600 por 1600, você pode digitar os valores aqui, eu só acontece de ter esse tamanho de documento já na minha seleção aqui, eu vou clicar em Criar. Eu vou adicionar uma nova camada porque eu quero colocar meu padrão em uma camada que tem transparência sobre ele. Editar e, em seguida, preencher. Você escolherá Padrão como sua opção e , em seguida, vá para o menu suspenso Padrão personalizado e você deseja
certificar-se de selecionar o último padrão na lista, pois esse é o padrão que acabamos de criar. Você terá que fazer isso manualmente neste diálogo enquanto na nova caixa de diálogo de camada de preenchimento, ela é selecionada automaticamente para você. Estamos usando este porque queremos inserir nosso padrão em 100 por cento, não
queremos mudá-lo. É muito importante mantermos os valores consistentes, então vou clicar em OK. Aqui está o nosso padrão rosa de duas cores. O que queremos fazer é fazer disso um padrão
rosa de quatro cores e vamos começar substituindo essas duas rosas rosas e vamos fazer isso pegando a rosa roxa que foi deixada para trás aqui. Estou apenas tornando-o visível, direcionando sua camada e escolhendo Editar e depois Copiar. Voltando para o documento em que estamos trabalhando, escolha Editar e depois Colar e eu vou apenas colocar isso sobre aquela rosa rosa lá, opção
Alt, arrastá-lo para baixo, substituí-lo sobre este aqui e tudo o que temos a fazer agora é livrar-se do Rosas rosas. Vamos desligar os roxos por enquanto. Vamos para a camada que realmente tem as rosas cor-de-rosa nele. Vá na Ferramenta Laço e arraste as seleções gerais agradáveis ao redor de cada uma dessas rosas e pressione Excluir. Agora podemos voltar a usar nossas rosas roxas, e estamos a meio caminho de um padrão que tem quatro cores de rosa. Temos rosa, amarelo e roxo. O problema é que temos duas vezes mais amarelos do que cor-de-rosa e roxo. Agora, a maneira como esse padrão funciona é que aqueles no canto, e este no meio pertencem juntos, e os do lado pertencem juntos, então precisamos descobrir o que vai ser mais fácil de trabalhar. Eu vou pegar os quatro cantos e o meio e você pode fazer algumas coisas aqui, você pode apenas recolorir tudo, ou você pode recolorir e girar, então nós vamos fazer os dois. Vamos começar nessa camada que tem tudo nela, e vamos fazer seleções gerais com a Ferramenta Laço ao redor dos objetos de canto. Mantenha pressionada a tecla Shift para que você esteja adicionando a ela. Você quer todos os quatro cantos e você quer as linhas do meio porque todas elas têm que ser da mesma cor se vamos fazer um padrão de cores completo, vamos escolher Camada, Novo, Camada Via Carrinho, e que apenas aparece no canto e o meio em sua própria camada. Vamos recolorir eles. Vou selecionar essa camada que tem essas flores amarelas que acabamos de aparecer
em uma camada separada e vamos escolher Imagem,
Ajustes e escolher Matiz/Saturação. Neste caso, estamos trabalhando diretamente nesta camada, então nenhuma outra camada será eficaz. Eu só vou arrastar ao redor do controle deslizante Hue para encontrar uma cor diferente para a minha rosa e eu estou pensando em um azul azul-cerco será uma folha agradável para essas outras cores. Uma vez que você encontrar uma cor que você gosta, você só vai clicar em Ok e esta é agora a sua pasta padrão, mas se você quiser ir um pouco mais longe, nós podemos girar isso para que este apartamento não se pareça exatamente com os próximos a ele. Novamente, com esta camada selecionada, escolherá Editar e depois Transformação Livre. No seletor de ângulo aqui nós vamos girá-lo em 180 graus, então nós vamos apenas digitar 180, e então clique na marca de verificação e então esta rosa aqui está apontando em uma direção diferente daquelas rosas lá. Claro, se tivéssemos tido outra rosa que poderíamos ter usado, então poderíamos ter feito isso manualmente. Podíamos colocar uma rosa no centro em uma nova camada, e então teríamos duplicado essa camada e, em seguida, usar o filtro offset, mas desta vez usando 800 como deslocamento porque isso é metade de 1600. Basicamente, o mesmo processo que fizemos para construir este colocando algo no centro e atirando para os cantos. Se tivéssemos rosas suficientes para fazê-lo com, mas você também pode tipo de fudge
usando uma rosa que você já tem e apenas girando. Tudo isso parece bom, vamos fundir tudo isso. Estou selecionando Quatro camadas,
clique com o botão direito do mouse e escolha Mesclar camadas. Os fundos desativados, então vamos escolher Editar e, em seguida, Definir padrão e isso vai ser grande rosa. Agora vamos testá-lo. Nós temos o documento que estamos usando, eu vou clicar duas vezes nesta camada de preenchimento, ir e selecionar o último padrão, que é o padrão que acabamos de criar, ainda tem 40 por cento, tudo bem, Vou clicar em Ok e agora temos quatro rosas de cores diferentes, temos o roxo, o rosa, o azul e o amarelo. Como eu disse, se tivéssemos quatro rosas de cores diferentes, poderíamos ter feito isso no padrão como tínhamos três, estamos apenas fazendo uso duplo de uma das rosas.
4. De imagens desenhadas à mão à repetição de padrões, parte 1: Uma possível fonte para ilustrações desenhadas à mão que você pode usar em padrões é desenhá-las você mesmo no papel. Eu tenho uma página aqui no meu caderno de esboços que eu fotografei no meu iPhone e enviei por e-mail para mim e abri aqui no Photoshop. É um documento bem grande, 3.000 por 4.000 pixels de tamanho. Estas folhas são um tamanho razoavelmente bom para usar na fabricação de padrões. A primeira coisa que vou fazer é ir e selecionar as folhas que eu quero usar. Então, só tenho a camada de fundo desta foto selecionada, eu estou indo para a ferramenta Laço, e eu estou indo apenas para laçar em torno das camadas que eu quero usar. Eu vou pegar esses dois e vou levá-los comigo agora mesmo. Controle ou comando C para copiar, vou escolher “Arquivo” e “Novo”. Eu vou criar um documento com cerca de 2.000 por 2.000 pixels de tamanho apenas para trabalhar neles, e então Control ou Command V para colá-los. Com a ferramenta Mover, vou movê-los para cá. Vamos voltar para as folhas. Vou desmarcar a seleção, você pode fazer isso escolhendo selecionar desmarcar, ou é claro que você pode pressionar Control ou Command D. Voltar para a ferramenta Laço e procurar outras camadas. Eu quero este aqui, então eu vou pegá-lo. Novamente, copie e cole. Cada um deles vai em camadas separadas, que vai ser útil porque a cor no fundo deste é muito diferente e pode ser mais fácil remover o fundo separadamente. Este é o outro que vou levar. Eu só vou tomar quatro. Vamos para esta camada primeiro, que é estes dois deitado aqui. Vamos dar uma olhada neles por enquanto. Você pode ver que eles são bastante leves e isso pode causar alguns problemas em realmente fazer uma seleção. O que eu vou fazer é fazer uma duplicata dessa camada, basta arrastá-la para o ícone “Nova Camada”, a camada superior, eu vou definir seu modo de mesclagem para multiplicar, e isso vai escurecer essas bordas. Isso pode me ajudar um pouco,
vou mesclar, vou mesclar mouse e escolher “Mesclar Down”. Agora só temos uma camada e as coisas estão um pouco mais escuras, mas isso pode ajudar. Vou até a ferramenta da varinha mágica, e definir minha tolerância para 15. Isso geralmente é uma espécie de boa figura. Eu vou me certificar de que contíguo não é selecionado e eu vou apenas clicar aqui. Isso fez uma seleção muito boa, mas é um pequeno problema por aqui. Vamos desfazer isso com o Controle ou o Comando D e ver se podemos fazer um pouco melhor antes de fazer essa seleção. Vamos tentar um ajuste de curvas, ajustes de
imagem e curvas. O benefício das curvas é que nos permite escurecer as coisas, então eu vou escurecer as áreas mais escuras das imagens arrastando para este lado esquerdo da curva. Então, se eu arrastar um pouco no lado direito, eu vou clarear as áreas mais leves e eu posso puxar para cima ou para baixo dependendo do que isso vai me dar em termos de uma área de seleção bem sucedida. A coisa que me preocupa acima de tudo está aqui, eu quero ser capaz de obter essa área para que eu possa realmente colorir. Acho que esta pode ser a melhor solução para mim. Eu só vou clicar, “Ok”. Agora, o benefício de colocar um ajuste no uso de ajustes de imagem é que ele vai direto na camada, não
é uma camada de ajuste, e eu acho que é apenas uma mudança nessa camada. Vamos tentar a varinha mágica desta vez. Vou desfazer isso, vou aumentar minha tolerância um pouco. Tolerância é quantos pixels próximos à cor selecionada serão selecionados. Tolerância pequena significa que apenas pixels que são exatamente iguais ou
realmente, muito próximos dessa cor serão selecionados. Se você aumentar a tolerância muito, então haverá uma interpretação mais ampla das cores selecionadas e é baseada na cor em que você está clicando e quão perto as coisas estão disso. Eu acho que 25 provavelmente vai ser melhor para mim aqui, eu vou apenas pressionar “Delete”. Agora eu estou olhando aqui e vendo que eu tenho um problema, em particular, apenas aqui, mas isso vai ser muito fácil de resolver. Eu vou para a ferramenta Borracha, eu tenho uma borracha muito pequena, são cinco pixels, isso é muito difícil. Eu vou fazer com que seja meio difícil, cerca de 50% e eu vou apenas clicar uma vez aqui. Vou descer aqui, manter pressionada a tecla Shift e clicar de novo, e isso é praticamente limpo naquela área. Se eu ver outros pedacinhos que eu possa limpar, eu vou. Eu não vou ser muito exigente sobre isso, mas eu vou para a ferramenta de pincel novamente, eu tenho um pincel
bastante pequeno, bastante macio aqui, eu posso apenas ajustar seu tamanho se eu precisar, tinta preta, eu estou indo para ter certeza de que eu recebo essas áreas para que eu possa rastrear minha cor mais tarde. Vai ser fácil fazer uma seleção se nós realmente temos arestas rígidas sobre ele. Isso é muito bom, deixe-me ver esta outra folha. Vou chamar aqueles bons por enquanto, você pode ver que há algumas áreas mais leves. Vamos lidar com isso em um minuto. Vamos dar uma olhada neste, está nesta camada aqui. Vamos tentar nossa seleção sobre isso. Oh, isso é muito apertado, isso é muito bom. Deixe-me apagar isso e vou chamar isso de bom. Não acho que haja muitos problemas com isso. Vamos dar uma olhada neste aqui, vamos apenas pegar a camada em que está e clicar nela com a ferramenta varinha mágica. Eu acho que um ajuste de 25 para tolerância está realmente funcionando melhor para mim do que 15. Eu poderia até mesmo até 30 neste e apenas dizer, deixe-me apenas parar essa seleção com Controle ou Comando D. Vamos clicar novamente e ver se podemos obter ainda mais, eu quero um pouco de áreas para colorir nesta folha e eu acho que isso vai ser uma seleção muito boa. Neste ponto, já que temos folhas pretas e transparência por trás delas, podemos colocar todas elas na mesma camada. Vou selecionar todas as folhas em si,
mas não o fundo, clique com o botão direito do mouse e escolha “Mesclar camadas”. Agora estamos tratando-os como uma única camada, só
torna a vida um pouco mais fácil. Eu tenho um ponto lá, eu só vou me livrar. Agora, se há pixels perdidos vagando por aí, seria muito bom encontrá-los. Mas antes de procurarmos pixels perdidos, vamos ver se podemos escurecer um pouco as coisas. Vou ampliar porque estou particularmente preocupado com esta folha aqui. Mais uma vez, vou voltar aos ajustes, ajustes de
imagem, e desta vez vou fazer preto e branco. A razão pela qual eu vou fazer preto e branco é que nós tínhamos um pouco de amarelo aqui, você
pode ver se esse tipo de marrom amarelado? O ajuste preto e branco me permite apontar uma cor, ou
seja, amarelo-marrom, e torná-lo preto ou torná-lo branco. Bem, neste caso, quero que seja preto. Aqui está amarelo, aqui está preto e você pode dizer que isso realmente resolveu o problema. Aqui está amarelo como branco, você pode ver que está comendo na borda da folha. Mas quando o tornamos preto, estamos realmente solidificando isso. Estamos tomando cor desbotada, se você quiser, e realmente torná-lo preto, essa é uma solução muito boa quando você vê que você
tem uma cor em algo que você quer pegar o preto ou branco, basta ir e usar o ajuste preto e branco. Vamos verificar se há alguns pixels perdidos. Esta é uma aplicação totalmente divertida da ferramenta de traçado. O que vamos fazer é selecionar a camada. Vamos para o FX e vamos clicar em “Stroke”. O que você vai fazer é que você vai configurá-lo para fora, isso é crítico e você tem que definir uma cor brilhante, algo que você pode realmente ver, rosa ou vermelho é muito bom, e você vai definir um valor de tamanho . Você quer que ele esteja onde você pode vê-lo e você só vai clicar em “Ok”. Quando aumentarmos o zoom, o que veremos é em qualquer lugar onde haja um pixel de cor, ele será cercado por este vermelho. Deixe-me colocar uma cor de pixel para que você possa ver como está funcionando. Eu estou nesta camada, eu tenho um pincel e eu vou colocá-lo em um ponto preto. Toda vez que coloco um ponto preto, ele tem esse derrame em torno dele. Porque o que este traçado é, é que ele está adicionando um traçado de seis pixels em torno de qualquer coisa que ele vê na página. Um ponto é algo e vai ter um derrame em torno dele. Agora usamos isso para pegar a ferramenta Borracha, ter
certeza que a borracha é dura. Absolutamente quer ser uma borracha dura, 100% de dureza quando você está fazendo isso. O que você vai fazer é apenas dimensionar a borracha para aproximadamente o tamanho do ponto e clicar sobre o meio dele. Se você clicar para “Excluir o ponto”, então o traçado vai bem porque isso de
repente não é nada para o traçado estar por perto. O que você vai procurar aqui são quaisquer solavancos, realmente grandes solavancos para dizer que há algumas coisas que ainda estão ao redor da borda de uma forma aqui. Aqui estão dois solavancos. O que eles são são pixels perdidos aqui que vão lutar contra nós quando chegarmos a colorir isso. Coloque a borracha sobre o ponto e clique e ela se foi, e possivelmente é algo aqui também. Agora, este trabalho de limpeza foi realmente bom, não
há muito para eu limpar, mas você pode ter mais ou menos dependendo de como você realmente fez sua seleção e o que você deixou para trás. O que você quer ter muito cuidado é que você não faça isso e mastigue a borda da sua folha ou a borda da sua forma. Você quer apenas estar pairando sobre
a pequena colisão e, em seguida, clique uma vez com o mouse para excluí-lo. Agora você poderia passar muito tempo procurando por esses solavancos e removê-los, mas eu realmente não sugiro que você faça. Eu só sugiro que você procure por pixels perdidos
realmente óbvios, realmente grandes e se livre desses e, para o resto, apenas ignore. Esta é uma técnica que você pode usar qualquer momento que você tem para limpar uma arte pathos desenhada à mão. Eu só acho que é uma abordagem maravilhosa de tomar, é muito, muito fácil de fazer. Uma vez que você terminar com ele, basta arrastar o golpe para a lata de lixo, ele se foi. Estamos muito certos e agora temos nossa linha fora, é hora de dar uma olhada em preenchê-lo com cor. É o que vamos fazer no próximo vídeo.
5. De imagens desenhadas à mão à repetição de padrões, parte 2: Agora, brevemente antes de irmos colorir estas folhas, quero mostrar-vos uma técnica. Se você acha que suas linhas não são suficientemente grossas, bem, você não precisa ir e começar a desenhar novamente em seu caderno. Isso é o que você vai fazer. Você vai mirar sua camada com as linhas acesas. Você vai escolher o filtro outro e você vai escolher o mínimo. O que isso permite que você faça é definir um mínimo com menos linhas. Agora 3,7 pixels é obviamente muito grande. Mas se o enrolarmos de volta para cerca de 0,9, então estamos recebendo um espessamento dessas linhas. Vamos ver como era. Isto é o que costumava ser. Quando aplicamos esse filtro, as linhas engrossam um pouco. Isso pode ser suficiente para você pensar que você está realmente recebendo uma apresentação melhor do que era que você estava pretendendo fazer em primeiro lugar. Eu vou fazer isso. Eu acho que minhas linhas poderiam usar um pouco de espessamento, então eu vou aplicar esse filtro. Novamente, é filtro, outro, mínimo. Tendo feito isso, agora vamos olhar para preencher nossas formas. Vou adicionar uma nova camada e vou colocá-la debaixo das linhas. Precisamos direcionar as linhas porque precisamos fazer uma seleção usando as linhas. Vamos voltar para a ferramenta mágica, vamos diminuir para cerca de 15 para o nosso tom, porque não precisa ser muito grande e vamos permitir contíguo. Isto é diferente. Desta vez precisamos de um tom contíguo, e vamos selecionar uma área para colorir. Vamos pegar o lado da folha. Selecionei esta área da folha. O problema é que se houver alguma borda difusa, então quando eu preencher isso com cor, vamos ver fuzz ao redor da borda. O que vamos fazer é ampliar essa seleção ou um pouco,
selecionar, modificar, expandir, torná-la um pouco maior. Vamos torná-lo maior por apenas dois pixels e clique em OK. Se aumentarmos o zoom, você verá que a seleção está agora dentro da arte da linha preta. Bem, isso é muito bom porque nós vamos colocar a cor em uma camada por baixo. Se a cor entrar na área preta, vai estar sob a área preta. Só vai encher esta área e não comer o preto. Essa é a maneira que vamos abordar esta coloração. Parece que vai ser tedioso, mas eu tenho um truque para você ter certeza que é
muito mais fácil do que parece que vai ser. Precisamos de um pouco de cor. Vamos apenas ir. Tenho aqui a paleta de amostras. Eu tenho um monte de cores aqui. Vamos escolher uma cor para usar. Agora estou no laboratório que a cor vai continuar. Deixe-me chamar essa cor. Isso torna a vida mais fácil. É realmente óbvio que esta é a camada de cores. Segure isso, e precisamos preencher esta área com esta cor, que é Alt backspace em um PC, é opção excluir no Mac. Como você pode ver, ainda estamos vendo o preto, o verde está escondido atrás dele. Desmarque o controle de seleção ou o comando D. Vou diminuir um pouco. Desta vez eu vou fazer algumas seleções abaixo do lado da folha e eu vou selecionar cada segundo uma dessas áreas. Então, de volta à ferramenta varinha mágica, você precisará estar na camada de arte de linha. Vamos chamar isso de arte de linha. Agora eu vou selecionar todas as outras pequenas áreas aqui segurando a tecla Shift enquanto eu trabalho para baixo. Agora, se você cometer um erro, pressione o controle Z imediatamente e, em seguida, continuou em frente. Eu tenho a seleção lá. Vou escolher, selecionar, modificar, expandir. Ele vai ser expandido por dois pixels, então ele se dobra por baixo. Vá para a camada de cores. Vamos escolher uma cor para preenchê-la com esta cor rosa. Opção Alt backspace atrasada e, em seguida, desmarque-a. Vamos ver como vamos acelerar isto, para não
ficarmos aqui o dia todo. Vamos para a nossa camada de arte de linha e vamos selecionar a área que queremos pintar. Vamos supor que estamos preparados para fazer isso, mas gostaríamos de ajuda. Bem, vamos também obter a nossa cor também. Porque se tivermos nossa cor no lugar, então podemos criar uma ação que preencha essa área selecionada com essa cor, mas vai fazer todo o trabalho de expansão para nós. Vou escolher janelas e depois ações. Eu tenho um conjunto de ações aqui chamadas ações de Helen. Eu só vou marcar aqueles como onde eu vou colocar minhas ações, mas você pode colocar sua ação em qualquer lugar e se você quiser
criar uma nova coleção, basta clicar aqui. Mas eu tenho minha coleção, eu vou clicar aqui em uma nova ação. Vou chamá-lo de expandir e colorir e clicar em gravar. Agora estou gravando. O que eu fiz e o que eu quero que isso faça é expandir isso. Vamos selecionar,
modificar, expandir dois pixels, clique em OK. Ele fez a expansão para nós. Agora queremos ter certeza de que nossa cor vai na camada de cores, então vamos direcionar a camada de cor. Vamos preenchê-lo com a cor que já selecionamos, Alt backspace, que seria opção excluir em um Mac. Agora terminamos com isso. Vamos desmarcar nossa seleção com select de-select, e vamos voltar para a programação porque a próxima coisa que
temos que fazer é fazer mais algumas seleções. Tudo isso está registrado em nossa ação. O que fazemos agora é clicar aqui para parar de gravar. Nossa ação agora vai fazer todos esses passos para nós, desde que realmente tenhamos a cor selecionada e a seleção selecionada, então a ação vai fazer todo o trabalho. Vamos fazer isso. Eu tenho todas essas áreas selecionadas que eu quero colorir. Vamos pegar uma cor para usar. Use esta cor laranja aqui. Vamos para nossa paleta de ações,
direcionar, expandir e colorir, e clicar em Executar. Ele fez todo o trabalho para nós e estamos de volta na camada de arte de linha. Agora podemos apenas ir e clicar para selecionar a próxima área e, em seguida, ir e obter cor para usar. Vou usar um azul desta vez. Vá e pegue nossa paleta de ações. Na verdade, vou colocá-lo em algum lugar onde ele não vai continuar fechando em mim. A ação ainda está selecionada da última vez. Basta clicar em executar, ele só faz tudo por nós. Agora, se eu quiser pegar emprestado uma cor que eu já
usei anteriormente, vou direcionar a ferramenta conta-gotas e basta clicar nessa cor e que a seleciona. Eu tenho tudo pronto. Vamos clicar no botão “play”. Volte para a ferramenta da varinha mágica. Eu vou aumentar
a tolerância sobre isso porque eu estou tendo um pouco de dificuldade em selecionar uma área grande o suficiente. Vou continuar experimentando tolerâncias para ver se consigo um resultado melhor. Agora, se eu continuar a ter dificuldades, eu vou entrar aqui com o horizonte e apenas dizer se eu posso resolver
o problema que parece ser nessa luz não pode entrar nesta área. Esta não foi a folha mais fácil de selecionar, mas eu tenho tudo selecionado. Vou diminuir o zoom para poder provar uma cor do trabalho que já fiz. Eu vou escolher o rosa e nós vamos em frente agora e apenas executar nossa ação. Desta vez eu vou selecionar uma cor diferente que eu não usei antes do amarelo, e vamos apenas executar isso. Embora tenha levado alguns minutos para escrever essa ação, eu acho que você vai achar que o processo de escrever a ação é realmente valioso e vai acelerar seu fluxo de trabalho. Agora, no caso de eu querer fazer alterações nas minhas cores mais tarde, eu vou pegar a arte da linha e a camada de cores, e eu vou duplicá-las. Eu vou desligar a ferramenta de baixo para que eu tenha uma cópia sobressalente esquerda, e eu vou apenas mesclar estes. Então agora eu tenho algumas folhas que eu posso usar no meu padrão, então elas são isoladas e coloridas. Mas se um sempre quis voltar mais tarde, eu ainda poderia trabalhar na arte linha e a coloração separadamente. Isso só me dá um pouco de flexibilidade desde que eu levei todo o tempo para vir aqui e fazer o corte e a coloração, eu acho que vale a pena fazer isso. Guarde isso, e é hora de fazer um padrão.
6. De imagens desenhadas à mão à repetição de padrões, parte 3: Então agora é hora de fazer um padrão a partir desses layes e eu vou fazer um padrão ligeiramente irregular. Então, começar com, eu vou mirar a camada que tem coloca sobre eles, e eu vou copiar isso. Então vou escolher Editar, Copiar. Vou criar um novo documento. O tamanho do padrão que eu vou estar trabalhando vai ser 1.000 por 1.000, pois isso vai tornar a matemática muito mais fácil. Então, 1.000 por 1.000 clique em Criar
e, em seguida, Editar e Colar. Agora os depósitos são muito maiores do que os documentos reais, então eu vou apenas reduzi-los. Nas versões mais recentes do Photoshop, basta arrastar em um canto. Nas versões anteriores do Photoshop, você precisará arrastar Shift. Eles mudaram o comportamento da escala em proporção com a versão mais recente do Photoshop. Então não seja mordido por isso porque é um pesadelo, pelo
menos até nos acostumarmos. Então vamos para a ferramenta de laço. Eu vou laçar um desses buracos, então eu vou saltar cada um deles para sua própria camada separada. Certifique-se de que eu tenho a última camada selecionada, nova camada via corte. Eu sei que no futuro eu posso pressionar Shift, Control e J, para fazer isso automaticamente e no Mac você verá o atalho para fazer isso no Mac. Novamente, uma seleção áspera ao redor da folha, aperte o atalho, volte para a camada de arte de linha. Outra seleção áspera ao redor da folha, atalho, e está em sua própria camada. Então agora temos todos os quatro layes em suas próprias camadas separadas. Vou clicar na parte superior, mudar,
clicar na parte inferior, clicar na parte inferior, e arrastá-los todos para a nova camada para que eu dobrei para cima. Agora tenho dois de cada folha. Por enquanto, eu só vou colocar o fundo de volta porque é um pouco mais fácil para mim trabalhar com um fundo branco. Então eu tenho a ferramenta Mover aqui e eu tenho a camada de seleção automática selecionada. Então o que isso significa, é que eu posso clicar em uma forma e ela automaticamente seleciona essa camada de forma e quando estamos trabalhando com coisas que queremos mover assim,
isso vai tornar a vida muito mais fácil. Então, em seguida, eu só vou reorganizar minhas folhas para que a ordem seja quebrada um pouco, e eu vou girá-las. Então vamos começar a colocá-los em posição e o que eu vou ser realmente cuidadoso em fazer é colocar pelo menos uma folha sobre o topo aqui e pelo menos uma folha para baixo para o lado. Então, ele está realmente posicionado sobre a borda, e eu vou evitar colocar qualquer coisa sobre a borda à direita ou a parte inferior. Vai tornar a matemática muito mais fácil se você trabalhar assim. Então eu vou colocar essas folhas em posição aqui, e apenas fazer algumas coisas interessantes acontecendo e eu vou fazer isso aqui em cima. Agora esteja ciente de que esta folha em um minuto vai ser copiada aqui em baixo, que significa que vai ter um potencial acidente com esta folha e também é exatamente a mesma folha. Então eu não quero que isso aconteça, eu vou tirá-lo do caminho. Seria muito melhor ter esta folha nessa posição porque é uma folha diferente. Então você não quer gastar muito tempo trabalhando nisso agora porque você realmente não tem idéia de como vai ser. Então vamos pegar esses dois aqui de lado. Então eu estou selecionando ambos de uma vez, que significa que suas camadas agora estão selecionadas
na paleta de camadas porque eu tenho a camada de seleção de ordem selecionada lá. Eu vou arrastá-los para o novo ícone de camada e o que eu tenho aqui agora é que estes são o duplicado então eu apenas fiz e eles são a única coisa selecionada. Então eu preciso movê-los 1.000 pixels para cá. Então eu vou escolher editar, e depois transformar livre, e o que eu quero fazer é ler seu valor X atual porque esta é a direção X em que estamos indo. Seja lá o que for, é 57. Eu vou adicionar 1.000 a ele, é por isso
que eu fiz o documento ou 1.000 por 1.000 porque adicionar 1.000 a 57 é muito fácil. Eu só vou digitar 1-0 na frente do número, então agora ele lê 1-0-5-7. Clique na marca de seleção. Estes estão agora perfeitamente alinhados, então eles vão funcionar perfeitamente no padrão. Vamos pegar este. Vou duplicá-lo. A coisa que está selecionada agora é a segunda cópia disso, editar transformação livre. Desta vez estamos indo em direção a Y. Então vamos ler seu valor Y. Acontece que lê 0,5. Não importa o que ele lê, você só vai adicionar 1.000 a ele. Então eu vou digitar 100, e agora ele lê 1.000.5. Vou clicar na marca de seleção. Agora, esta peça teve um acidente com esta. Se vamos mover alguma coisa, vai ser este porque é muito mais fácil movê-lo. Vamos apenas olhar para algum espaçamento aqui para esses outros, e vamos testar nossos padrões. Então eu vou desligar meu passado. Vou selecionar tudo o que selecionamos
e, em seguida, escolher Editar, Definir Patter, clique em, ok. Vamos criar um documento para testar isso escolhendo Arquivo e, em seguida, Novo, vamos torná-lo muito grande. Então eu tenho um aqui, 5.000 por 5.000. É um bom tamanho. Vamos escolher Camada, Nova camada de preenchimento, Padrão, clique em ok, e o último padrão que fizemos é aquele que é realmente o que está selecionado. Então eu vou clicar bem. O que eu estou dizendo aqui é que eu tenho um monte de camadas em uma linha aqui e um monte de camadas em uma linha aqui. Por isso, temos de acabar com isto um pouco. Isso é parte disso. Uma vez que você tenha um segundo olhar que você deseja observar, selecione tudo com Controle ou Comando A, Editar, Definir Padrão, basta clicar em OK, e não há nenhum ponto em nomear esses padrões neste estágio porque você realmente queria ter uma idéia de como eles vão olhar primeiro e obtê-lo ordenado antes de começar a nomeá-lo. O que estou dizendo problemático aqui agora é que todos eles estão apontando para o meio. Então vamos dizer qual é o problema. É este aqui. Vamos desmarcar a seleção atual e girar esta. Controle, ou Comando A, Editar, Definir Padrão, clique em OK, volte para o outro documento, clique duas vezes sobre isso e selecione o último padrão e diga se isso é uma melhoria e assim você continuará a trabalhar nesse padrão até ver algo que você gosta neste diálogo. Agora, quando se trata de ajustar o padrão, existem algumas opções para ajustar os elementos no lado. Vou desmarcar minha seleção, e se quiser mover isso para cima ou para baixo, é
isso que você pode fazer. Selecione este e Shift clique neste, e agora mova ambos ao mesmo tempo. Então você pode movê-los para cima e você pode movê-los para a esquerda e para a direita. O que você não pode fazer é girá-los. Então, se você precisar girá-los, você vai ter que puxar um destes para longe. Então o que você faria é dizer, excluir este, ir e girar este, e novamente copiar e movê-lo. Mas você poderia apenas mover estes, você simplesmente não pode girá-los. Então agora eu tenho um padrão que eu gostei. O último na paleta de padrões, o que acabei de criar como o que quero usar. Então eu vou transformar isso em um padrão permanente. Vou me livrar dos que não gostei. Para fazer isso, escolherei Editar e, em seguida,
escolherei predefinições e gerenciador de predefinições. Vou para as predefinições de padrões. Aqui, daqui até o fim, outros padrões que acabei de fazer e o único que gosto é o último. Então, vou proteger o último. Vou clicar neste. Eu estou indo para Shift clique sobre este e assim que seleciona todos esses padrões e eu vou apenas pressionar Delete. Agora este padrão, eu gostaria de nomeá-lo, já que é algo que eu realmente gosto. Então eu vou clicar nele e clicar em Renomear, e eu vou chamá-lo de folhas. Clique em OK e clique em Concluído. Agora, no futuro, ele estará disponível
na caixa de diálogo padrão e será nomeado corretamente. Deixe-me adicionar uma nova linha, vai desligar a visibilidade desta. Vamos preencher isso, desta vez com o comando edit fill, edit, fill, pattern. Eu vou descer aqui e passar o mouse sobre este aqui e aqui está ele, deixa um modo de cor RGB de 1.000 por 1.000 pixels. Vou clicar nele e clicar em OK, e é usado para preencher o documento. Então essa é uma maneira de criar padrões usando elementos que você desenhou à mão e isso é um pouco mais de um padrão sofisticado, um pouco mais difícil de fazer também.
7. Dicas para desenhar imagens para padrões: Agora é hora de dar uma olhada em algumas
das técnicas que você precisa estar ciente quando você está
desenhando desenhos de arte de linha para usar com este efeito de fabricação de padrões. Uma das coisas para se preocupar se você quiser colorir sua arte como fizemos nos desenhos de folhas, então você precisará ter certeza de que você tem linhas sólidas em torno de seus objetos, e que não há bordas abertas aqui. A razão para isso, como você quer ser capaz de ir para, por exemplo, a ferramenta Varinha Mágica e clique em uma área que você deseja selecionar, partir daqui eu vou segmentar esta parte do abacate. Quando eu clicar aqui, você pode ver que apenas esta área foi selecionada. Se eu quiser aplicar a cor verde abacate para ele, é muito fácil de fazer porque a cor verde é a minha cor de primeiro plano. Eu posso adicionar uma nova camada e, em seguida, basta adicionar essa cor a essa seleção pressionando “Alt Backspace”, que seria a opção “Excluir” no Mac. Agora, se você não tem linhas sólidas, você vai precisar fazer um trabalho por aí. Vamos ver como isso pode funcionar. Agora eu tenho uma imagem aqui que eu desenhei e deliberadamente a tornei realmente esboçada. Eu não posso confiar em ser capaz de selecionar qualquer uma dessas áreas porque elas são aberturas no design, e então a questão é,
se você tem um design como este, como você vai facilmente recolorir? Bem, no meu livro de esboços, o que eu fiz foi colocar um pedaço de papel sobre esta imagem e eu rastreei as linhas sólidas. Aqui estão as linhas sólidas. Agora é um pouco confuso, mas realmente não importa porque nós estamos usando isso apenas para a cor, e porque todo o elemento que estamos desenhando aqui tem um visual esquisito. O fato de que as linhas sólidas são um pouco distorcidas vai ficar bem. Vamos ver como poderíamos ir em frente e colocar essas imagens juntas. O que eu fiz foi depois de desenhar isso, eu digitalizei o papel de rastreamento com um pedaço de papel branco embaixo dele, e eu também digitalizei a arte esboçada original, e então eu tenho os dois desenhos aqui. Eu os montei em um documento, e o que eu vou fazer com a camada superior é apenas reduzir a opacidade para cerca de 50%. Então eu vou usar a ferramenta de seleção para movê-la, e você pode usar os visuais
da imagem original atrás apenas para ter certeza de que tudo está alinhado. E se você precisar, você também pode simplesmente arrastar
nos cantos aqui para apenas girar tudo na posição. O que você quer fazer é acabar com suas linhas sólidas
praticamente colocadas sobre o topo da imagem esboçada, e então você pode retornar a opacidade desta camada superior de volta para 100%. Neste ponto, fui até a Ferramenta Varinha Mágica e selecionei uma área que eu quero colorir e certifiquei-me de que contíguo estava habilitado. Então eu vou pegar a cor para você. Vamos pegar uma cor rosa. Eu criei uma nova camada, e eu deliberadamente coloquei isso em cima da imagem. Agora, eu preciso estender isso um pouco porque eu vou
precisar cobrir as áreas onde as linhas reais estão. Eu escolhi, “Selecionar” e depois “Modificar e expandir” e experimentei com um valor que me levaria com uma seleção, praticamente metade desta linha, e cinco pixels fizeram isso, que me diz que minhas linhas são provavelmente em torno de 10 pixels de largura. Tendo feito essa seleção, selecionei minha cor. Vou pressionar “Alt Backspace” opção “Excluir” no Mac para preencher isso com cor, e você vai dizer que não só temos a cor para baixo, mas perdemos metade dessa linha, mas perdemos metade dessa linha,
e isso vai ser importante porque queremos perder essas linhas Completamente. Eu só construí a imagem dessa maneira. Vamos voltar para aqui e dar uma olhada no que aconteceu. Este é o elemento com as linhas e a coloração, e podemos ver que praticamente perdemos as linhas totalmente. Nós os cobrimos com todas as cores. Coloquei todas as minhas cores em camadas separadas. Eu só acho que essa é uma maneira mais inteligente de operar. Tendo feito isso, vamos dar uma olhada na cor sem linhas. Esta é a nossa cor e não há linhas, temos algumas pequenas áreas brancas. Eu não vou me preocupar com isso, mas nós poderíamos entrar com um pincel e consertá-los se quisermos fazer isso. O esboço final envolveu se livrar
da camada de arte de linha sólida e voltar para a camada realmente esboçada. Aqui está o que parece. Agora você pode experimentar os modos de mesclagem na camada esboçada. A camada esboçada irá para cima das cores, obviamente, porque você quer ver as cores através dos orifícios na camada esboçada, e se você usar um modo de mesclagem como escurecer, então você estará misturando as cores juntas. Queimadura linear também funcionará. Isso lhe dá um olhar escuro. Se você deixar o modo de mesclagem normal, você vai ter problemas porque este esboço realmente tem um fundo branco. Você precisa usar um modo de mesclagem um do outro, ou remover o fundo branco para que você possa ver através dos laboratórios de cores abaixo. Mas isso lhe dá a capacidade de colorir sua arte muito facilmente, mas ainda tem um esboço esboçado. Outra coisa a se preocupar é o tamanho dos objetos que você vai desenhar. Agora, eu tenho alguns elementos aqui, e eu os desenhei praticamente no tamanho relativo um ao outro que eu quero no design, e eu fiz isso por uma razão muito boa. Vamos supor que este limão era realmente bastante grande e queremos reduzir seu tamanho em relação ao abacate. Eu selecionei o limão e eu só vou reduzir seu tamanho, e então eu vou dizer, bem, a cebola aqui em cima é muito pequena. Na verdade, a cebola deve ser muito maior em relação ao abacate. Eu vou fazer a cebola um pouco maior, e você provavelmente já pode ver o problema que eu tenho. O problema é que as linhas na cebola são muito mais grossas agora e as linhas no limão são muito mais finas, e ambos são diferentes das linhas no tomate e no abacate. O que você quer fazer quando você está fazendo esses desenhos é ter uma idéia de quão grande você quer que cada um desses elementos seja no design e
desenhá-los com as mesmas proporções relativas um ao outro. Se você quiser que a cebola e o tomate sejam aproximadamente do mesmo tamanho, então desenhe-os do mesmo tamanho, e se você quiser que o limão seja como metade de um tomate, então desenhe no mesmo tamanho que metade do seu tomate. Isso significa que você não terá que redimensionar seus elementos e você não
vai chegar a este problema onde você tem diferentes pesos de linha. Vai parecer muito mais coesa se você usar o mesmo peso de linha em cada um dos objetos e não vai ser possível facilmente determinar em seu caderno de esboços quão grossas as linhas de sua cebola precisam ser se você tiver que dimensioná-lo novamente mais tarde. Faça um favor a si mesmo e desenhe todos os seus objetos no mesmo tamanho relativo. Quando se trata de transferir sua linha para fora do seu caderno de esboços para o seu computador. Se você tem um scanner, então eu escolheria isso em preferência a uma câmera. Acho que digitalizar páginas do meu caderno de esboços usando um scanner de mesa geralmente
me dará páginas mais brancas ou cores de página mais uniformes e melhor contraste na minha arte. Mas se você não tiver um scanner de mesa, então a fotografia ficará bem. Você pode fotografar uma cópia de uma página do seu caderno de esboços com uma câmera normal ou até mesmo a câmera do seu celular. Apenas esteja preparado para gastar um pouco de tempo extra limpando sua digitalização para que você obtenha realmente boa linha fora deles. Outra dica, se você estiver usando um scanner para digitalizar suas imagens desenhadas é usar uma alta resolução em seu scanner. É muito mais fácil dimensionar imagens para baixo e você obterá resultados melhores do que se tentar dimensioná-las, e a maioria dos scanners digitalizará em qualquer coisa de 300 a 600 DPI. Sempre planejo obter uma digitalização tão grande quanto você puder, e eu sempre estoco minhas digitalizações originais em uma pasta separada e, em seguida, trabalho em cópias dessas imagens. Às vezes eu vou redimensioná-los para baixo, mas eu sempre tenho meus scans originais
armazenados com segurança no caso de eu precisar trabalhar nos originais em algum momento. Agora, se você está desenhando digitalmente, então há algumas coisas a considerar. Se for possível salvar suas imagens como imagens Ping com fundos transparentes, então você pode economizar um pouco de tempo na remoção dos fundos. No entanto, se você precisar incluir um fundo branco, isso não deve representar um problema esmagador porque o fundo branco
vai ser muito uniforme porque a imagem foi produzida em um computador. Compare isso com a situação em que você está, por exemplo, fotografando uma página de um caderno de esboços. Se a luz for um pouco desigual, você pode acabar com áreas mais escuras e áreas mais claras, que serão um pouco mais pesadas para limpar. Quando se trata de fazer seu desenho, se você está desenhando digitalmente ou quando você está limpando e colorindo sua arte, você vai obter melhor quilometragem de seus arquivos se você manter separado, a arte da linha em si e a coloração, vale a pena colocá-los em camadas separadas. Mesmo se eu criar uma camada composta no final, que contém todos os dados de ambas as camadas. Eu tenho um pouco mais de flexibilidade em limpar as coisas e re-colorir. Se eu mantivesse as linhas na arte e a cor na arte em camadas separadas.
8. Usos para os seus padrões finalizados: Depois de criar alguns designs padronizados de sua arte, você pode estar curioso sobre o que você poderia fazer com eles. Vamos olhar para dois cenários e o primeiro é usar um site como Spoonflower. Agora Spoonflower como uma série de diferentes sites de impressão sob demanda, vai permitir que você imprima tecido e papel de parede, papel embrulho, e também itens de decore casa. Agora o que Spoonflower quer de você é apenas a amostra padrão. Ele não quer um documento preenchido com o padrão porque ele precisa do elemento que vai se repetir. Então, para Spoonflower, este é o tipo de documento que iríamos enviar e Spoonflower tomará nesta repetição para permitir que você faça tecido a partir dele. Spoonflower precisa da amostra padrão porque precisa ser capaz de se adaptar a uma peça de tecido
muito, muito grande e também a uma pequena almofada. Então você não saberá com antecedência exatamente quanto tecido você quer. Então você não pode pré-preparar, por exemplo, um documento que é um quintal por um jarda. Porque o que acontece se você quiser dois metros, você não quer uma costura e então é assim que Spoonflower lida com isso, você envia sua amostra de padrões. Então a questão é como vamos preparar este documento para Spoonflower? Will Spoonflower quer uma versão achatada do documento. Então JPEG, ou JPEG realmente de alta qualidade vai ficar muito bem. Mas precisamos pré-preparar o documento, então vamos ver como fazemos isso. Vou para a imagem e, em seguida, o tamanho da imagem. Isso vai me dizer duas coisas, quão grande é essa amostra e também vai me deixar
prepará-la para o tipo de especificação que Spoonflower quer. Então eu vou desativar a re-amostragem porque isso é muito importante. Nós não queremos que a imagem seja ampliada ou encolhida neste processo, nós só queremos aproveitar ao máximo o que temos, e você verá que as medidas estão em polegadas e isso é bom para Spoonflower, Spoonflower usará polegadas. No momento, tem pouco mais de 13 polegadas quadradas com uma resolução de 72 pixels por polegada. Spoonflower, idealmente quer que a resolução seja 150 ou mais. Então vamos digitar 150 e ver o que isso nos dá. Bem, isso está nos dando uma amostra de cerca de seis e meio por seis polegadas e meio. Então eu vou clicar em “Ok”, e isso agora está em uma resolução em um tamanho que seria aceitável para Spoonflower, então eu posso escolher “Arquivo” e depois “Salvar como”. Eu não tenho que colocar um fundo branco nele porque se eu estiver salvando as imagens de JPEG, esse fundo branco será automaticamente adicionado a ele. Então eu vou clicar em “Salvar como”, e eu vou chamar isso de folhas. Na lista suspensa Salvar como tipo, preciso selecionar JPEG. Basta ter cuidado se você não tem certeza que este JPEG 2.000 não é o que você quer. Você só quer o JPEG normal, então eu vou clicar nisso. Estou me certificando de que meu perfil é sRGB. Isso é consistente com os requisitos do Spoonflower, e eu vou clicar em “Salvar”. Bem, parece que eu já tenho isso em uso como uma linha de outono, então vamos chamar isso de folhas de Spoonflower. Quando a caixa de diálogo de opções JPEG abrir, vamos selecionar as qualidades mais altas. Portanto, este será um arquivo grande com compactação mínima aplicada a ele. Vou clicar em “Ok”. Então esta imagem agora está pronta para levar para Spoonflower. Depois de fazer login no Spoonflower ou se inscrever, você vai para a área de design e clicar em “Fazer upload”. Em seguida, você pode escolher o arquivo a ser carregado. Então eu vou clicar em “Escolher arquivos” e, em seguida, ir e encontrar o documento que eu acabei de salvar e clicar em “Abrir”. Precisarei concordar que possuo os direitos ou tenho permissão para usar esses designs, então clicarei em “Fazer upload”. Em seguida, você pode visualizar como seu design será exibido, e você deseja verificar para ter certeza de que ele parece bom antes de progredir. Agora há outras coisas que você pode fazer com seus projetos. Por exemplo, você pode criar papel de álbum de recortes
e, para isso, você precisará de um novo arquivo. Então vou escolher “Arquivo” e depois “Novo”. Agora, o tamanho típico do papel de álbum de recortes é de 12 polegadas por 12 polegadas a 300 pixels por polegada. Então, você vai querer criar um documento com esse tamanho e clique em “Criar”. Vamos preencher nosso documento com nosso padrão e vamos usar esse mesmo padrão de folhas. Vou escolher “Camada”, “Nova camada de preenchimento” e depois “Padrão” e clicar em “Ok”. Agora, a razão pela qual eu estou usando preenchimento padrão é que nós poderíamos reduzir esse padrão. Então, se achássemos que isso era um pouco grande, por exemplo, papel de
álbum de recortes, poderíamos redimensioná-lo. Então eu vou reduzir isso para 50 por cento. Eu acho que este é um tamanho melhor para papel de álbum de recortes. Então eu vou clicar, “Ok”. Então, se esta é a nossa folha de papel de scrapbook, nós salvaríamos isso como um JPEG de alta qualidade exatamente da mesma maneira que fizemos anteriormente, porque já configuramos isso como um 12 polegadas por 12 polegadas documentado 300 DPI. É assim que vai aparecer na caixa de diálogo de tamanho da imagem. Então você pode ver que são 12 polegadas por 12 polegadas, 300 PPI. Então, é perfeitamente dimensionado para papel de álbum de recortes. Então vamos em frente e escolher “Arquivo” “Salvar como” novamente, vamos escolher o formato JPEG e eu vou chamá-lo de folhas de papel de scrapbook. Mas vou dar-lhe um número, um número árabe 1, porque é a minha primeira folha de papel de álbum de recortes. Vou escolher o perfil de cor sRGB, pois é o melhor para visualização online e clicar em “Salvar”. vez para mim, eu quero um arquivo de alta qualidade que normalmente é como o papel de álbum de recortes é resolvido. Mas se você estiver vendendo em um site que tenha requisitos
diferentes e, obviamente, você corresponderá os tamanhos de arquivo e a qualidade aos requisitos desse site. Vou clicar em “Ok”. Agora podemos tirar um pouco de quilometragem extra deste tom de papel de álbum de recortes. Vou ampliar para poder ver um pouco mais claramente. Seria muito bom para mim ser capaz de criar um pacote dessas camadas. Então eu estou pensando que eu vou re-colorir estes. Para isso, escolherei “Camada”, “Nova camada de ajuste” e, em seguida, escolherei “Saturação de matiz”. Eu vou clicar em “Ok”, e eu posso mover o controle deslizante de matiz ao redor para re-colorir esta arte, e eu estou procurando algumas maneiras de cores interessantes. Uma cor no controle deslizante de matiz que faz com que as folhas pareçam atraentes para mim. Eu meio que gosto deste olhar, então eu vou fechar
a caixa de diálogo e eu vou salvar este em “Arquivo”. “ Salvar como”. vez, vai ser uma imagem JPEG. Eu vou salvá-lo usando o mesmo nome que anteriormente, mas eu vou dar-lhe um número 2. Novamente, escolhendo o perfil de cor sRGB e clique em “Salvar” e, novamente, de alta qualidade. Vou clicar em “Ok”. Se eu abrir o último painel, direi que tenho meu ajuste de saturação de matiz na parte superior, então posso clicar duas vezes nisso e continuar a mover esse controle deslizante procurando por combinações de cores que eu gosto. Agora, eu meio que gosto disso, mas eu acho que é um pouco bom lado poderia diminuir a saturação um pouco. Novamente, eu iria em frente e salvar isso, e novamente, continuar a procurar outras maneiras de cores, porque o indicador aqui no controle deslizante de matiz começou no meio, o que significa que fizemos apenas metade do número possível de tons. Então poderíamos ir para o outro lado e começar a recuar, e encontraremos algumas maneiras de cores aqui que seriam interessantes para nós. Novamente, cada vez que eu encontrar uma maneira de cor que eu gosto, eu vou em frente e salvá-lo. Para um conjunto de propósito de álbum de recortes, você poderia empacotar seis deles juntos e isso vai dar uma boa apresentação. Mas você também pode querer incluir algumas das folhas como uma espécie de elementos autônomos. Então vamos voltar para nossas folhas recolocidas. Tenho-os aqui numa camada com transparência. Então vamos desligar o fundo. Temos quatro folhas aqui, cada uma delas pode ser embalada como uma imagem PNG separada. Então o que eu vou fazer é ir e selecionar o primeiro. Então eu vou pegar a ferramenta de laço, apenas laçar esta folha e escolher “Editar” e depois “Copiar”. Agora está na Área de Transferência do Windows se você também possui um Mac, ele estaria na área de transferência do Mac. Vou escolher “Arquivo” e depois “Novo”, e a primeira opção para o photoshop será um documento com o tamanho da área de transferência. Então eu vou selecionar isso e clicar em “Criar”. Vou colar minha folha com “Controle ou Comando V”. Eu vou desligar o fundo porque se eu estou enviando isso para fora como uma ilustração que alguém poderia usar em um álbum de recortes, eles podem querer colocar isso em um fundo colorido. Não quero deixar um branco ao redor da imagem da folha. Eu só quero dar a eles a folha como está. Eu também estou pensando que esta folha poderia parecer melhor apresentação sábia se estivesse de cabeça para baixo. Então eu vou escolher “Imagem” e, em seguida, “Rotação de imagem”, apenas indo para girar o meu 180 graus. Gosto mais disso como apresentação. Então agora precisamos salvar isso e precisamos salvá-lo em um formato que proteja esse fundo transparente. Então isso significa que não podemos usar JPEG, usaremos PING em vez de “Arquivo” “Salvar como” na lista suspensa Salvar como tipo. Vou selecionar “PING”, e vou chamar esta folha 1, e vou clicar em “Salvar”. Agora eu posso escolher qualquer uma dessas opções que realmente não importa e basta clicar em “Ok”. Assim, esta folha poderia então ser adicionada a uma página de álbum de recortes com um fundo colorido, e você vai ser capaz de ver o fundo de cor ao redor da folha. Eu iria em frente e repetir isso para as outras três folhas neste pacote para que se eu estou vendendo a alguém algum papel de álbum de recortes, eles também terão as folhas isoladas que eles poderiam usar, seja com um papel de álbum de recortes ou com apenas um fundo simples. Agora, no que diz respeito à comercialização de seus papéis de álbum de recortes, você vai querer um documento que mostre seus papéis de álbum de recortes. Eu tenho uma aula que vai para criar isso em alguma profundidade. Se você não estiver familiarizado com o processo, você pode querer olhar para essa classe para ver como isso pode ser feito.
9. Projeto e encerramento: Agora você concluiu o conteúdo de vídeo deste curso, então ele acabou para você. É hora de colocar alguns desses efeitos em prática e transformar seus próprios desenhos digitais em padrões ou tirar algumas ilustrações que você talvez tenha pintado em seu caderno, trazê-los para o Photoshop, limpá-los, colori-los, e, em seguida, fazer padrões fora deles. Se você não tem os ativos que você pode usar, então você encontrará o meu na área do projeto da classe. Estou lhe dando acesso às rosas, aos desenhos de quatro folhas, bem como para que você possa usar o meu para praticar. Publique uma imagem de seu padrão ou padrões concluídos como seu projeto de classe. Espero que você tenha gostado desta aula e gostado de aprender coisas sobre o Photoshop que você já não tinha conhecimento. Se você gostou da aula, quando você for solicitado a deixar um comentário, você
faria isso por mim? Essas avaliações realmente ajudam outros alunos a ver que esta é uma aula que eles também podem desfrutar e aprender com. Agora, se você vir um link de acompanhamento na tela, clique nele para se manter atualizado com minhas novas aulas à medida que forem lançadas. Como sempre, se você gostaria de deixar um comentário ou uma pergunta, por favor, faça-o. Eu leio e respondo a todos os seus comentários e perguntas, e olho e respondo a todos os seus projetos de classe. Até a próxima vez, meu nome é Helen Bradley. Muito obrigado por se juntar a mim nesta aula, e estou ansioso para vê-lo em uma próxima aula em breve.
Helen Bradley, Graphic Design for Lunch™
