Design de padrões pintados à mão

1. Design de padrões pintados à mão: [MÚSICA] Oi. Me chamo Anne. Sou ilustrador e parte do meu trabalho é criar padrões. Meus padrões acabam em muitos produtos diferentes. Nesta aula, mostrarei meu processo para criar um padrão pintado à mão. Vou revisar os suprimentos de que você precisará, preparação para criar o padrão, mostrarei um pouco do meu processo de pintura. Em seguida, mostrarei como eu o trago para o Photoshop e, em seguida, mostrarei algumas maneiras diferentes de criar um padrão repetido no Photoshop. Depois que seu padrão for criado, mostrarei como você pode realmente usar a repetição de padrões no Photoshop e no Illustrator. Também vou mostrar como você pode enviar seu padrão para sites como Spoonflower ou Society6, e você poderá vê-lo em produtos reais e encomendá-lo também, se quiser. Quando terminarmos, você estará pronto para criar seu próprio design de padrão pintado à mão, seja para uso pessoal ou para uso do cliente. Espero que você se junte a mim. [MÚSICA] 2. Materiais: Primeiro, vamos falar sobre suprimentos. Aqui eu tenho uma folha de papel aquarela de 300 g/m² da Arches. É prensado a quente, o que significa que é bonito e suave. Gosto de papel prensado a quente quando estou pintando com guache , que é com isso que vou pintar porque a textura é melhor para aquarelas. A suavidade é boa, se você não estiver usando aquarela, que, ao digitalizar, não precise se livrar de nenhum fundo texturizado. Como eu disse, vou usar guache hoje. Na verdade, é o guache de acrila, que está entre o guache e o acrílico. Tem a mesma espessura e opacidade do guache comum, mas quando seca, não se reativa com a água. Se você estiver fazendo camadas ou pintando em cima de algo, às vezes é guache normal, as duas cores se misturam. Isso não acontecerá com guache de acrílico. Eu também tenho meus dois potes de água. Eu tenho uma jarra de água fria para misturar cores limpas e frias do meu pincel e uma jarra de água morna para limpar as cores quentes do meu pincel. Dessa forma, ele mantém as cores mais vibrantes e elas ficam menos turvas. Eu tenho dois pincéis aqui. Ambos são pincéis redondos. Um é seis e um é três. Eu tenho minhas paletas de tinta para colocar minha tinta e misturar cores, se eu quiser. Eu tenho uma toalha de papel aqui para secar meus pincéis e limpá-los. Isso não é realmente um suprimento, mas eu tenho um iPad para meu material de referência. Se você não tiver um iPad ou quiser usar outra coisa, basta imprimir seu material de referência ou colocá-lo no computador em segundo plano. Estes são os suprimentos que vou usar hoje. Normalmente, eu esboço coisas antes de pintá-las, mas quero que esse padrão seja um pouco mais peculiar e tenha uma aparência mais livre. Eu não vou usar um lápis ou minha caixa de luz hoje. Sinta-se à vontade para fazer isso, se quiser que o seu seja mais apertado. Isso não é realmente uma aula de técnica de pintura. É mais sobre criar um padrão pintado com qual você esteja satisfeito e como transformá-lo em um padrão que você possa usar para várias coisas para um cliente, para seu uso pessoal no computador. Sinta-se à vontade para usar aquarela, se quiser, ou você pode usar pastel de óleo, lápis de cor até mesmo, ou você pode usar uma mistura. Você pode usar aquarelas, como quiser. Esta aula é mais sobre criar uma ideia com a qual você esteja feliz , criando um padrão. Peço desculpas por meu filho gritar ao fundo. O que você vai fazer? Vida no escritório doméstico. De qualquer forma, hoje vamos trabalhar apenas para criar um padrão baseado em um tema de sua escolha e uma paleta de cores e criar um padrão pintado à mão que possa ser usado digitalmente. 3. Prep: [MÚSICA] Na preparação para criar seu padrão, uma das primeiras coisas que você vai querer fazer é escolher um tema. Os padrões simplesmente fazem mais sentido e podem ser usados facilmente para clientes ou para uso pessoal, seja o que for. As pessoas gostam de ter elementos temáticos agrupados. Eu escolhi um tema ocidental. Tenho muitas imagens ocidentais aqui neste fórum do Pinterest que vou referenciar. Peguei alguns ícones que gostaria de pintar. Meu padrão consistirá nesses ícones e talvez em alguns elementos extras. Eu estava pensando que talvez um sol fosse bom e talvez alguns elementos texturais no fundo. Fixei uma ideia de algo que gostei. Gostei dessas formas sobrepostas. Acho que seria bom criar algumas formas como essa e colocar meus ícones em cima delas para dar um pouco mais de textura ao meu padrão. Vou colocá-los como blocos de cores. Esses são os diferentes elementos que eu quero pintar. Tenho minha lista que posso referenciar e anotar uma a cada. Eu tenho minhas imagens de referência. Eu também escolhi uma paleta de cores. Aprendi que, se eu entrar nela com o arco-íris completo na ponta dos dedos, usarei todo o arco-íris e obras de arte e padrões com uma paleta de cores específica e aprimorada tendem a nos atrair mais. Eles são mais interessantes, há menos loucura para seus olhos olharem ao redor. Não quer dizer que não existam belas obras de arte coloridas de arco-íris por aí, existem. Mas, de um modo geral, é bom ter uma história para contar com a obra de arte e uma história para contar com sua paleta de cores. Eu escolhi algumas cores que provavelmente vou misturar um pouco, mas que estão em uma faixa que eu quero manter. Eu tenho essas cores ocre e marrons queimados. Depois alguns azuis que ficam um pouco mais verdes, e depois esses verdes que ficam um pouco amarelos. Eu estava vendo minhas imagens de referência e retirando cores que achei que ajudariam a contar minha história temática ocidental. Isso é o que eu tenho aqui. [MÚSICA] 4. Tinta: [MÚSICA] Primeiro, eu quero fazer um chapéu de cowboy. Gosto de coisas diferentes. Eu realmente não gosto de pintar a partir de uma imagem porque tento não copiar fotografias com exatidão e combinar algumas imagens de referência diferentes algumas imagens de referência diferentes para criar algo realmente único. Gosto da cor desse chapéu. Gosto do formato desse chapéu. Gosto de ver um pouco da parte de baixo do chapéu e gosto dos detalhes desta ilustração de chapéu vintage. Gosto da costura que está nela, então vou tentar combinar elementos de todas elas. Para a forma, vou dar uma olhada nessa e vou escolher as cores que quero usar. Acho que quero usar essa cor, que é sienna crua, então vamos espremer um pouco disso. Você não quer espremer muito se estiver usando guache acrílico porque ele secará e você não poderá usá-lo. Não é reumectável como o guache normal ou a aquarela, então você simplesmente não quer espremer muito e depois jogá-lo no lixo. [RUÍDO] Vou começar com minha cor mais clara primeiro. Você pode misturar a lavagem acrílica com água para torná-la mais fina. Assim como com o guache comum, só depois de seco, a água não o reativará. Eu quero ficar solta com isso, então vou começar a pintar a forma do chapéu como eu o vejo, e eu realmente quero que esse padrão pareça pintado à mão. Eu costumo ser muito apertado com meu trabalho e quero que ele pareça perfeito quando são as imperfeições que mostram que é uma peça pintada à mão, então é bom para mim. É uma boa prática para mim tentar ser rápido e solto com isso. [RUÍDO] Aí está a base do meu chapéu. Vou entrar com essa cor mais escura que eu espremi para adicionar. Ainda não está muito seco, então vai se misturar, as duas cores se misturarão. Depois de seco, as cores não se misturam. Estou adicionando essa faixa, que acho que precisa ser ainda mais escura, mas acho que posso usar essa cor para fazer alguns sombreamentos. Há um pouco de sombreamento aqui, há um pouco de sombreamento lá em cima, essa parte está sombreada. Se estiver muito escuro, posso simplesmente misturar um pouco da cor original por cima. [RUÍDO] Eu preciso de um pouco mais escuro, então peguei outra cor porque percebi que não tenho nenhuma cor muito, muito escura, então vou usar esse número bruto e espremer um pouco. Talvez eu use meu pincel menor. [RUÍDO] Eu quero colocar isso na parte inferior do chapéu. Você pode ver o interior do chapéu aqui, e eu vou fazer a banda que comecei na outra cor. Eu vou fazer isso neste marrom mais escuro. [RUÍDO] Agora eu quero adicionar alguns desses detalhes de ponto no chapéu. Gosto de como é maior. Vou misturar essas duas cores para obter algo intermediário e adicionar a costura ao longo da borda. Parece que eles o têm em um ângulo, então ele se inclina para frente e então começa a girar em torno da curva. Eu fui pelo caminho errado, eu precisava ir até aqui. Só preciso consertar essa parte porque comecei a fazer o ponto no lugar errado, então vou encobrir isso. Ali. Agora eu tenho um chapéu de cowboy que parece, para mim, bem solto e pictórico. Na verdade, eu queria tornar essa sombra um pouco mais escura aqui em cima. Em seguida na minha lista, eu tenho a ferradura. Eu tenho várias imagens em ferradura. Percebi que existem formas diferentes. Essa é apenas uma forma simples. Além disso, o Pinterest é bom porque quando você clica na ferradura, ele traz outras imagens semelhantes. Esses parecem bons, então eu posso pintar com eles. Para este, acho que vou usar essa cor avermelhada mais escura misturada com o marrom escuro, que eu já tenho na minha paleta. [RUÍDO] Vou deixar isso secar para que eu possa entrar e fazer algumas das coisas mais escuras em cima. Enquanto isso está secando, posso ver o que tenho a seguir, que é um cacto. [RUÍDO] Gosto de ver ilustrações de cactos para referência estilística. Artistas diferentes fazem coisas diferentes. Este, eles usam linhas dentro do cacto. Havia outro. Esse é legal. Ele usa linhas quebradas com um contorno. Eu gosto disso. Essas imagens vintage são legais. Eles têm as sombras que são preenchidas e, em seguida, algumas linhas, muitas linhas para mostrar a textura do cacto. Então eu tenho imagens de cactos reais. Acho que não vou mostrar todos os espinhos, não sei se é assim que eles são chamados em um cacto, mas é assim que vou chamá-los, porque vai ficar um pouco ocupado com o que estou tentando fazer fazer. Essa é um pouco mais linear, como as ilustrações que eu vi. Novamente, quando clico nele, ele exibe muitas imagens de cactos, para que eu possa vê-las . Então eu vou tirar minhas verduras. Acho que vou usar esse verde mais claro para o corpo do cacto, e depois vou usar o mais escuro para voltar e pintar as linhas. Isso é muito bom. [BARULHO] Vou deixá-los secar e vou voltar para minha ferradura, e vou pintar essas seções mais escuras nela. Já está muito escuro. Vamos ver se isso vai ficar escuro o suficiente. Eu vou espremer um pouco mais disso. Talvez eu precise adicionar alguns destaques para realmente destacar as diferentes partes disso. Acho que vou fazer tudo isso, e depois vou voltar e pintar os pedacinhos que saem mais tarde porque podem ser muito detalhados para eu pintar. Não sei se isso vai mesmo aparecer, então talvez eu tenha que repintar as partes externas de forma mais clara em geral. Estou muito feliz com isso. Eu preciso desse verde mais escuro, poder adicionar algumas linhas ao meu cacto. [RUÍDO] Este é um três, como eu disse, mas eu poderia pegar um pincel ainda menor para conseguir essas linhas detalhadas. Este é um [RUÍDO], então isso deve servir para mim. Eu tento usar pincéis maiores não tentar ser muito preciso, mas acho que o que estou tentando fazer com esses cactos, faz sentido usar um pincel menor desde as linhas vão ficar muito magros. Vou continuar pintando meus diferentes ícones. Eu não acho que vocês precisem me ver pintar cada um deles, vocês entenderam a ideia, e assim eu posso mostrar o que faremos a seguir. Aqui estão os ícones que eu acabei usando. Eu cometi alguns erros. Não estou muito preocupado com isso porque estou trazendo esses ícones para o Photoshop para finalizar meu padrão. Se eu estivesse tentando fazer um padrão completo no papel, provavelmente não ficaria muito feliz [RISOS] com isso, mas porque o objetivo desse padrão é trazê-lo para o Photoshop para poder usá-lo para clientes ou on-line de várias maneiras, não tenho problemas com a bagunça ou com os erros que cometi. Vamos trazê-lo para o Photoshop. [MÚSICA] 5. Digitalizar: [MÚSICA] Para digitalizar nossa arte, a primeira coisa que preciso fazer é digitalizá-la. Eu tenho um scanner Epson V600 e minhas configurações serão diferentes das suas, mas pode haver algumas semelhanças então eu posso examiná-las agora para que você possa ver como digitalizo minha arte. Tenho uma configuração salva no meu scanner e a chamei de arte. Eu recomendo que você faça o mesmo seu, pois dessa forma não preciso ajustar essas configurações toda vez que digitalizo minha arte. Todo scanner tem a opção de salvar uma configuração, então eu recomendo que você faça isso. Meu scanner tem a opção de modo documento ou modo foto, e eu seleciono o modo foto porque isso vai me dar a melhor resolução. Deixo a fonte do documento no vidro do scanner, tipo do documento no reflexivo, tipo da imagem na cor de 24 bits. Eu também configurei o meu para resolução de 600 DPI. A razão pela qual eu faço isso é porque 300 é padrão, mas eu gosto de poder imprimir minha arte com o dobro do tamanho de 600. Posso fazer com que meus ícones sejam ainda maiores do que eu os pintei. Na verdade, o scanner fica ainda maior, mas nunca tive problemas digitalizar minha arte a 600 DPI. A qualidade da digitalização está muito alta. Finalmente, não mexo em nenhuma das configurações especiais. Por fim, basta selecionar a pasta na qual salvo minhas digitalizações. Tenho uma pasta especial de digitalizações na qual digitalizo tudo. Depois, basta clicar em “Digitalizar”. Como você verá, tenho que digitalizar minhas páginas em duas partes porque o vidro do meu scanner não é tão grande quanto o papel que eu uso, que é um papel de nove por 12. Eu tenho uma maneira fácil de lidar com isso no Photoshop. Se você entrar no Photoshop, clique em Arquivo e depois em Automatizar. Na parte inferior, você verá Photo Merge e essa caixa de diálogo será exibida. Basta clicar em Procurar e ir para onde quer que suas digitalizações sejam salvas. Selecione as duas peças separadas que você deseja que sejam uma peça e clique em “Ok”. Photoshop fará sua mágica e unirá perfeitamente os dois lados da digitalização. Se sua digitalização vier de cabeça para baixo, como a minha, basta ir para Imagem, Rotação da Imagem e 180 graus e colocá-la com o lado direito para cima. Da próxima vez, vamos pegar a ferramenta de corte e cortar bem na imagem clicando e arrastando uma caixa ao redor da minha arte, pressionando a tecla Return ou Enter. Agora você notará que na minha paleta de camadas há duas camadas que Photoshop uniu. Vou transformar isso em uma camada fazendo um Comando E, que é o atalho de mesclar camadas. Você também pode acessá-lo indo até a barra superior, indo até a camada e, em seguida, mesclando camadas. Em seguida, gosto de limpar a tela eliminando quaisquer erros, manchas ou descolorações. Estou apenas pegando essa ferramenta retangular selecionando branco e cobrindo um pouco disso. Então, quando eu chegar mais perto da arte, vou pegar um pincel e fazer isso. Agora, não sei há quanto tempo isso foi lançado, mas estou muito empolgado em mostrar a vocês uma nova ferramenta de seleção que acabei de descobrir no ano passado. Talvez eu tenha chegado atrasado, mas se vocês não sabem, é incrível e economiza muito tempo. Agora, a maneira antiga, ou algumas das formas antigas de selecionar sua obra de arte pintada, era usando a ferramenta Varinha Mágica, e você podia clicar no branco e selecionar Inverso e selecionar todas as sua área pintada. Você tem que brincar com a tolerância no topo. Era complicado, dependendo se você tivesse cores diferentes e cores mais claras, ele pegava ou não. A outra maneira usada para fazer isso é selecionar uma faixa de cores na parte superior. Em seguida, você pode selecionar branco e arrastar o controle deslizante para determinar quanto do material pintado você vai pegar. Ele mostra a máscara em preto e branco, o que você vai pegar e o que vai deixar para trás. Funcionaram bem para mim, mas demoram muito tempo. Mas a nova forma é usar a ferramenta de seleção de objetos, que não é perfeita. Mas é uma grande economia de tempo. Deixe-me mostrar como é simples. Você pode simplesmente clicar e arrastar uma caixa ao redor do objeto que você deseja selecionar. Solte. Ele seleciona esse objeto. Na maioria das vezes, ele faz um trabalho incrível. Às vezes eu tenho que brincar um pouco com isso. Mas, como você pode ver, este simplesmente pegou o chapéu imediatamente e eu posso copiá-lo, colá-lo e soltá-lo em um novo arquivo, e é um bom recorte limpo. O novo arquivo que eu configurei foi configurado para 20 polegadas por 20 polegadas e 300 DPI. Gosto de trabalhar com esse tamanho para padrões só porque isso me dá espaço suficiente para mover os elementos. Vou voltar ao meu arquivo com a arte digitalizada e selecionarei meu próximo objeto. Você verá que outra forma de selecionar com a ferramenta de seleção de objetos é simplesmente passar o mouse sobre um objeto. Se você clicar nele, ele mostrará em preto o que está selecionando. Você pode clicar nele e essa é outra maneira de selecionar facilmente. No entanto, você verá com as linhas que não está selecionando as folhas com as linhas. Vou ter que desenhar algumas caixas em torno desses elementos para selecionar esse item. É disso que estou falando quando digo que não é perfeito, mas ainda é muito bom. Na verdade, vou usar a ferramenta de zoom e ampliar essa linha para poder ver melhor a seleção. Use minha ferramenta de varinha mágica para selecionar os pedacinhos desta folha que ainda não foram selecionados. Estou usando uma combinação de ferramentas de seleção para pegar esse item, mas ainda é muito mais fácil do que usar apenas a ferramenta Varinha Mágica. Vou continuar examinando e selecionando meus itens dessa forma. Uma coisa que eu gosto de fazer para ver como os recortes estão limpos é adicionar uma camada de cor de preenchimento sólida e preta por trás da arte. Dessa forma, você pode ver se alguma coisa foi recolhida que eu não queira. Por exemplo, você pode ver nas linhas que há um pouco de papel branco que foi pego aqui, então eu posso me livrar disso selecionando-o e excluindo-o. Eu também posso fazer o mesmo neste cavalo, onde ele pegou um pouco do fundo de papel branco que eu não quero manter, então essa é uma ótima maneira de limpar suas seleções. Depois de recortar todos os meus objetos e colocá-los no meu novo arquivo, vou redimensioná-los. Estou selecionando todas as camadas na minha paleta de camadas e fazendo um Command T, que é o atalho para transformar, e redimensioná-las para que eu tenha espaço para trabalhar com elas. Agora que tenho todos os meus ícones recortados e no meu novo documento, quero fazer alguns ajustes, pois posso vê-los todos juntos. Há alguns ajustes de cor que eu quero fazer. A primeira é para o chapéu. Gosto da cor clara do crânio do touro e quero mais desses tons de marfim no meu padrão. Acho que vou mudar esse chapéu para uma cor mais marfim. Minha forma favorita de mudar a cor de um objeto não é , na verdade, saturação de matiz, brilho e contraste, mas usar um mapa de gradiente, porque ele oferece muito mais controle. Para adicionar um mapa de gradiente, estou clicando na minha camada de chapéu e adicionando uma camada de ajuste acima da camada do chapéu e , em seguida, recortando essa camada de ajuste na minha camada de chapéu passando o mouse entre as duas camadas enquanto mantém pressionada a tecla Option. Quando você vê esse pequeno pop-up de seta para baixo, você clica no meio e ela corta essa camada na camada abaixo dela, o que significa que ela afetará apenas a camada recortada e não todas as outras. camadas. Se você clicar nessa camada de mapa de gradiente, ela abrirá o painel de propriedades do mapa de gradiente. Então, se você clicar nesse gradiente no painel de propriedades, ele abrirá a janela do editor de gradientes. O mapa de gradiente usará automaticamente as cores do primeiro plano e do plano de fundo para recolorir o objeto. Mas você pode alterar as cores clicando nelas ao longo do controle deslizante. Se eu clicar no pequeno quadrado branco na parte inferior do gradiente e clicar na caixa de cores, meu seletor de cores será exibido. Eu posso mudar essa cor branca para qualquer cor que eu quiser, e ela vai ajustá-la no meu objeto. Depois, posso clicar no valor da luz ou no valor escuro, que é rosa, e alterá-lo para qualquer cor que eu quiser e na verdade, inverter o escuro e a luz. O que era branco, eu fiz escuro e fiz o rosa escuro. Eu o transformei na cor clara. Você pode arrastar esses pequenos quadrados para ajustar a intensidade e o contraste do objeto. Você também pode adicionar uma terceira cor no meio. Se você quiser várias cores, a cor do tom médio deve ser diferente do tom da cor brilhante. Para adicionar uma cor à barra deslizante, basta clicar em uma das cores, manter pressionada a tecla Option e arrastar outra cor. Às vezes, fica pegajoso e você precisa voltar à cor inicial e retirá-la, mas ela deve estar lá. Gosto de brincar com eles até conseguir a coloração perfeita do meu objeto. Vou continuar ajustando a cor de alguns dos meus objetos e a escala. Então, quando eu estiver feliz com forma como todos eles se relacionam, eu posso seguir em frente. Eu ainda tenho aquela camada de cor de preenchimento preta na parte inferior, mas cliquei no pequeno ícone do globo ocular para ocultá-la. Eu só vou ligá-lo novamente. Em seguida, vou selecionar minha cor de fundo clicando no preto. Em seguida, o seletor de cores aparece e eu vou brincar um pouco até encontrar uma cor de fundo que eu realmente goste para o meu padrão. Aterrissei nessa cor de fundo creme claro e ajustei meu chapéu de cowboy e minha caveira de touro para ficarem um pouco mais brilhantes para que aparecessem melhor em cima dele. Vou começar a mover as coisas para ter uma ideia de como os ícones podem ser dispostos na repetição do padrão. Em seguida, vou trazer alguns desses blocos de cores de fundo que pintei para ver como eles ficam por trás de alguns desses objetos. Eu adicionei os blocos de cores atrás de alguns dos meus ícones e adicionei uma rosa um pouco maior aos meus ícones. Estou pronto para começar a criar meu padrão. [MÚSICA] 6. Como criar o padrão: Vamos fazer um padrão. A maneira antiga que eu costumava criar padrões no Photoshop, e às vezes ainda faço dependendo do tipo de padrão que preciso, é usando o filtro de deslocamento. Vou apenas redimensionar meus ícones um pouco menores para ter espaço para mostrar a vocês, e então o que eu faço é converter todos os ícones em um único objeto inteligente. Para fazer isso, você seleciona todas as camadas, clica com o botão Control e, em seguida, clica em “Converter em objeto inteligente”. Basicamente, ele os transforma em uma camada que pode ser editada clicando duas vezes nela. Depois, faço uma cópia dessa camada mantendo pressionada a tecla de opção, clicando e segurando na camada e arrastando acima ou abaixo da camada. Em seguida, vá para Filter, Other, Offset. Vou redefinir as compensações para zero aqui. Em seguida, você pode ajustar a localização da segunda camada de objeto inteligente movendo o controle deslizante horizontal e o controle deslizante vertical. Eu simplesmente deslizaria o controle deslizante vertical até que ele caiba abaixo e, em seguida, criaria um segundo objeto inteligente e o deslizaria na direção oposta, mas com o mesmo número de pixels. Eu sei que estou me movendo muito rápido, mas na verdade não é isso que vou te ensinar hoje. Estou apenas mostrando a maneira antiga versus a nova maneira. Em seguida, faça outra cópia da camada de objeto inteligente e deslize-a para a direita usando o controle deslizante horizontal e, em seguida, crie outra cópia. Faça a mesma coisa, exceto para a esquerda usando o mesmo valor. Em seguida, eu continuaria preenchendo os cantos do meu padrão usando os mesmos valores para vertical e horizontal, mas negativos ou positivos, dependendo do canto. Depois de montar o padrão, posso ver onde há algum furo no meu padrão e clicar duas vezes na camada de objeto inteligente, mover o item até que tudo se encaixe perfeitamente. Nesse método, é muito preciso, mas é preciso entrar e voltar em seu objeto inteligente, mover as coisas, verificar aparência delas no padrão, de idas e vindas. Funcionou muito bem e eu ainda o uso para repetições de meia gota, que são mais complexas. Mas para repetições de grade, há uma maneira muito mais fácil de fazer isso agora. Tenho meus ícones aqui e só quero mostrar rapidamente como a ferramenta de visualização de padrões funciona. Se você simplesmente acessar a visualização e clicar em “Pré-visualização de padrões” e eu diminuir o zoom, você pode ver que o Photoshop mostrou automaticamente uma simples repetição dos meus ícones. Agora, ele se baseia na caixa delimitadora do meu Canvas. É só repetir todo o Canvas. Obviamente, isso não funciona para mim, mas eu só queria mostrar a rapidez com que você pode transformar sua arte em um padrão usando a pré-visualização. Em vez disso, vou criar um novo arquivo para que eu possa desenvolver meu padrão de forma mais orgânica. Vou criar um arquivo de 10 por 10 polegadas e 300 DPI. Agora, esse é exatamente o tamanho com o qual me sinto confortável quando estou criando um padrão que não precisa ter um tamanho de repetição específico. Não há regras sobre o tamanho que sua repetição precisa ter. Se você tem um cliente ou um propósito para o seu padrão para o qual o usará e sabe qual o tamanho de sua repetição, essa parte é muito importante. Esse tamanho de arquivo será repetido. Se você tem um cliente dizendo que eu preciso de uma repetição de 4 por 4, você vai querer configurar seu arquivo dessa forma ou uma repetição de 6 por 12, você tem que definir seu arquivo neste momento, e 300 DPI é o padrão, mesmo acontece com o tamanho em polegadas e depois o tamanho do DPI e você estará pronto. A primeira coisa que farei é ativar a pré-visualização do padrão neste novo arquivo. Em seguida, quero trazer minha cor de fundo para o meu novo arquivo. Eu tenho todas as minhas outras camadas desativadas e seleciono essa camada de preenchimento de cor, clique com o botão Controle nela e vou para Duplicar camada e clique. Ele perguntará para onde você deseja duplicar a camada. Você escolhe o outro arquivo que você configurou e clica em “Ok”. Vá até esse arquivo e certifique-se de que a cor de fundo foi transferida corretamente. Em seguida, voltaremos ao nosso arquivo com os ícones e selecionaremos o primeiro ícone que queremos exibir. Vou trazer esse chapéu de cowboy e o bloco colorido de laranja por trás dele. Vou duplicar essas camadas e trazê-las para o novo arquivo, e você pode ver quando eu o solto, ele já está mostrando-o repetido usando o tamanho da tela como tamanho de repetição. Se você ver que eu o movo, ele se move na repetição do padrão. Em seguida, vou converter esse chapéu e o bloco de cores por trás dele em um objeto inteligente. Agora, essa é uma etapa muito importante a ser executada ao usar a visualização do padrão. Caso contrário, se você não converter seus elementos individuais em objetos inteligentes, descobrirá que a visualização dá um pouco de sorte, as coisas não se repetem corretamente e, às vezes, você verá coisas serem cortadas desligado. É muito importante, depois de inserir uma nova arte em seu arquivo de visualização de padrões convertê-la em um objeto inteligente imediatamente. Para converter um grupo ou grupo de camadas em um objeto inteligente, você seleciona todas as camadas ou o grupo, clica com o controle e seleciona Converter em objeto inteligente. Agora, meu chapéu de cowboy tem uma única camada como objeto inteligente e eu posso movê-lo completamente e estou pronto para trazer meu próximo ícone. Vou voltar ao meu arquivo com outros ícones e vou trazer a cobra dessa vez. Estou selecionando a cobra, que é um grupo, duplicando a camada e trazendo-a para o meu documento de pré-visualização de padrões. Vou movê-lo para que fique totalmente no Canvas, e a primeira coisa que farei é convertê-lo em um objeto inteligente. Dessa forma, posso movê-lo para qualquer lugar sem que seja cortado. Vou continuar indo e voltando do meu arquivo original com os ícones, agrupando os itens, duplicando-os em meu novo arquivo, convertendo-os em objetos inteligentes. À medida que avança, vou dimensionar algumas coisas em movimento, fazendo ajustes para que meu padrão se encaixe. O processo de trazê-los faz parte do processo de criação do padrão porque você tem essa pré-visualização do padrão para que você possa realmente fazê-la ao vivo enquanto traz cada ícone para o arquivo. Agora que tenho todos os meus ícones trazidos para esse arquivo, posso começar a fazer ajustes nos elementos individuais. O primeiro que eu quero ajustar é o chapéu de cowboy. Para ajustar um ícone individual, vou clicar duas vezes nesse objeto inteligente, o que abre um novo arquivo apenas com esse elemento. Eu quero derrubar o bloco de cor laranja atrás do chapéu. Você pode ver que não há espaço suficiente na minha tela, então o que eu preciso fazer é ajustar o tamanho da tela. Para fazer isso, vou até a imagem na barra superior e seleciono “Tamanho da tela”. Em seguida, a janela de tamanho da tela aparece e eu preciso ajustar a altura e quero que ela se mova para baixo, então estou ajustando o ângulo aqui para que meus ajustes estendam a tela para baixo e eu esteja mudando a configuração e o aumento da altura da tela de 3,327 a 4 polegadas. Agora, tenho espaço para mover essa camada de bloco de cores um pouco para baixo, então eu posso simplesmente fechar esse arquivo de objeto inteligente e clicar em “Salvar” e você verá que ela está ajustada no meu arquivo de padrões. Vou continuar ajustando meu padrão movendo as coisas. Às vezes, aumente e diminuo o zoom para poder ver melhor meu padrão. Na verdade, tenho mais alguns elementos que ainda não trouxe. Também vou trazer esses ícones e continuarei refinando o padrão movendo as coisas, dimensionando as coisas, ajustando as cores, ajustando a posição até Gosto muito da aparência do padrão. Estou muito feliz com essa versão do padrão. Eu vou seguir em frente e salvá-lo. Em seguida, também vou salvar um JPEG da repetição real do padrão acessando Arquivo, Exportar, Exportar como. A caixa Exportar como aparece e eu quero ter certeza de que meu JPEG está em alta resolução, então o formato está definido como JPEG. A qualidade está definida como alta. Minha escala está em 100 por cento e, em seguida, clico em “Exportar”. Em seguida, basta salvar o JPEG no seu computador. Agora, quero experimentar uma segunda versão desse padrão sem os blocos de cores por trás, só para ver se eu gosto mais. Vou examinar e desativar os blocos de cores que estão em seu próprio objeto inteligente. Em seguida, vou entrar nos objetos inteligentes que os têm em segundo plano e clicar duas vezes neles como este cacto, desligando-o no objeto inteligente e salvando-o. Dessa forma, posso ver a aparência de todo o padrão sem nenhum dos blocos de cores no fundo. Aqui está o padrão sem os blocos de cores e eu gosto. Eu estava me sentindo um pouco como as cores de fundo, estamos nos distraindo muito dos ícones, então eles sumiram agora, mas há um pouco de espaço demais para o meu gosto sem o blocos de cores lá. Preciso refazer um pouco o padrão para que funcione sem eles. Então, vou começar a ajustar a posição dos ícones e a escala dos ícones até que funcione melhor. Na verdade, acho que quero duplicar essa bota, então há um conjunto de botas. Vou inclinar as botas e colocá-las umas sobre as outras, para que pareçam um pouco mais dinâmicas e não tão estáticas. Eu quero mover esse cacto um pouco para baixo dos outros. Vou entrar no objeto inteligente do cacto, selecionar o cacto menor e simplesmente movê-lo para baixo em relação ao cacto mais alto. Algo que torna os padrões interessantes é ter itens de diferentes escalas, então eu gosto de ter alguns itens menores, alguns itens maiores. Às vezes eu gosto de diminuir o zoom. Você pode ver o padrão em uma amostra maior ou em uma escala menor, e isso ajuda a ver quaisquer problemas que seu padrão possa ter. Acho que estou feliz com aparência agora, depois de um milhão de ajustes. Vou exportá-lo como um JPEG de alta resolução e, em seguida, salvar o arquivo como um novo arquivo para que eu tenha as duas versões. Uma última coisa que eu quero fazer para poder usar esse padrão mais facilmente no Photoshop, é selecionar tudo fazendo o “Comando A” que seleciona a tela inteira, ou seja, lembre-se de que não é o todo padrão, é apenas o tamanho da tela do quadrado central que ela mostra e, em seguida, vá para “Editar e definir padrão”. Em seguida, salvarei esse padrão aqui dando um nome a ele e mostrarei em outro vídeo como você pode usá-lo no Photoshop. 7. Como usar o padrão: Neste vídeo, vou mostrar como você pode usar o padrão que você criou. Primeiro, começaremos mostrando como ele pode ser usado no Photoshop. A primeira coisa que vou fazer aqui é criar um novo arquivo. Realmente não importa o tamanho, o que você precisar está bem. Então, este é apenas um arquivo vazio e eu posso clicar nessa pequena camada de ajustes na minha paleta de camadas e selecionar o preenchimento do padrão. Em seguida, essa caixa de preenchimento padrão aparece. Todos os padrões que você salvou da maneira que fizemos no último vídeo onde você disse Definir padrão nomeá-lo e clicar em “OK”, serão salvos aqui como um de seus preenchimentos de padrões. Você pode selecionar o padrão que você deseja que tenha criado. Em seguida, ele permite dimensioná-lo aqui, que você possa aumentar o tamanho do padrão, diminuí-lo para preencher a página ou o objeto da maneira que quiser. Você pode ver que eu posso fazer isso aqui deslizando o controle deslizante. Eu só quero mostrar um exemplo de como a camada de preenchimento padrão pode ser usada no Photoshop. Esta é uma imagem de estoque que eu comprei. O que vou fazer é selecionar a camiseta que eu possa sobrepor minha camada de preenchimento padrão em cima da camiseta. Vou pegar a ferramenta de seleção de objetos e desenhar uma caixa ao redor da camiseta. Mas você pode ver que selecionou um de seus braços e também um pouco do espaço entre o braço esquerdo e a camisa, então vou salvar essa seleção adicionando uma camada de ajuste e entre em cores sólidas enquanto os objetos ainda estão selecionados. Então eu crio essa máscara, como você pode ver na área marrom. Vou usar essa camada de cor de preenchimento como espaço reservado para minha seleção. Vou apenas desativar essa camada clicando no pequeno globo ocular à esquerda dela no painel da camada. Em seguida, vou entrar e selecionar o braço dela usando a ferramenta Seleção Rápida. Você pode ajustar rapidamente o tamanho da sua ferramenta de Seleção Rápida usando os colchetes esquerdo e direito do teclado Você quer que esse círculo seja um pouco relativo ao tamanho do objeto que você está selecionando. Vou usar essa ferramenta de Seleção Rápida para selecionar o braço e a mão dela aqui e, enquanto isso estiver selecionado, ativarei minha camada de cor de preenchimento sólido. Em seguida, vou clicar na parte da máscara da camada de cor de preenchimento sólido e pressionar Shift F5. Você também pode editar e preencher e esta caixa aparecerá. Vou preencher essa parte da minha máscara com preto, que significa que o braço não fará mais parte da camada de cor de preenchimento. Eu vou fazer a mesma coisa com o pequeno espaço entre a camisa dela e o outro braço. Vou selecioná-lo, vou me certificar de que estou na parte da máscara da camada de cor de preenchimento e vou preenchê-lo com preto. Eu tenho minha camada de cor de preenchimento sólida ativada, então posso ver que minha seleção agora é apenas selecionar a camiseta. Vou desligar isso, mas vou comandar para clicar na parte da máscara da camada de cor de preenchimento para selecionar essa área. Em seguida, vou até a parte inferior do painel de camadas e, em seguida, clicar no botão Adjustment Layer aqui e selecionar o padrão. A caixa de preenchimento do padrão aparecerá e selecionará automaticamente o primeiro padrão que está lá, que é um padrão diferente que eu fiz. É aqui que todos os seus padrões serão armazenados. No último vídeo, a última coisa que fizemos foi definir um padrão com nosso novo padrão que criamos. Ele salva isso nesse local, então todos os padrões que você criar serão opções aqui. Você clica nessa pequena seta para baixo ao lado do padrão e pode selecionar qual padrão deseja usar para o preenchimento do padrão. Então, se você clicar na seta para baixo ao lado da porcentagem da escala, esse controle deslizante aparecerá e você poderá ajustar a escala do seu padrão. Estou ajustando a uma escala que eu gosto na camiseta e depois clico em “OK”. Vou fazer mais alguns ajustes para que pareça mais realista na minha foto stock. Estou pegando essa camada de preenchimento de padrão e ajustando o estilo da camada para se multiplicar, que as dobras da camiseta e as sombras por trás apareçam no meu padrão. Em seguida, vou ampliar. Quero tirar o padrão na parte interna da camiseta, porque faz com que pareça um pouco mais real se o padrão não continuar da frente da camiseta para o interior da camiseta Na camada de preenchimento do padrão, há uma máscara à direita. Estou clicando na parte da máscara da camada e depois pintando de preto onde está a parte interna da camisa, para que o padrão não apareça nessa parte da camiseta. Vou diminuir o zoom. Eu só quero ajustar a escala do meu padrão novamente. Posso fazer isso clicando duas vezes na parte esquerda da minha camada de preenchimento de padrão, não na parte da máscara, mas no pequeno ícone que mostra o padrão. Ele retira meu preenchimento de padrão e eu posso brincar com a balança novamente. Agora que mostrei como você pode usar seu padrão no Photoshop, vou passar para o Illustrator. Aqui no Illustrator, abri um arquivo onde tenho um desenho vetorial de um pequeno macacão de bebê. Em seguida, quero trazer meu arquivo de padrões do Photoshop. Você pode fazer isso de duas maneiras. Você pode abrir o arquivo PSD real e selecionar tudo usando o atalho Comando A e, em seguida, pressionando o Comando C para copiar, voltando para o arquivo do Illustrator e pressionando o Comando V para colar a amostra do padrão no arquivo do Illustrator. A outra forma de trazê-lo seria colocar o JPEG que você criou no arquivo do Illustrator acessando Arquivo e Inserir e seguida, encontrando o JPEG exportado apenas da amostra do padrão, repita a seleção, pressionando Place. Em seguida, ele chegará à sua resolução total. Ao manter pressionada a tecla Shift e arrastar um dos cantos, você pode reduzi-la. Depois de repetir o padrão quadrado no Illustrator, a primeira coisa que você deve fazer é reduzi-lo até o tamanho que você acha que deseja que ele tenha, a escala que você deseja que ele tenha no item. No Illustrator, você deve manter pressionada a tecla Shift enquanto estiver transformando arrastando um canto, caso contrário, você distorcerá o padrão, então mantenha pressionada a tecla Shift enquanto faz isso. Então, uma vez que você tenha a escala desejada, você vai para Object, Pattern e Make. Em seguida, o Illustrator fará uma repetição automática da grade. Existem opções para repetições de meia gota e todas essas outras coisas e espaçamento entre elas. Mas para uma simples repetição de grade que é trazida como um quadrado do Photoshop, queremos apenas deixá-la nas configurações padrão e clicar em “Concluído” na parte superior da janela. Em seguida, quero selecionar a forma vetorial que quero preencher com meus padrões, então vou selecionar a frente desse macacão. Então, se você acessar suas amostras, seus padrões agora devem ser uma das opções disponíveis. Você quer ter certeza de que clicou na parte de preenchimento dessa camada, não na linha, parte do contorno na paleta de ferramentas esquerda. Em seguida, clique no padrão em suas amostras e ele deverá preencher essa forma vetorial com o seu padrão. Vou preencher o interior do macacão com uma cor sólida. Estou apenas pegando a ferramenta conta-gotas da minha paleta de ferramentas e clicando em diferentes partes do meu padrão para ver a cor que eu gosto na parte interna do macacão. Também vou tentar preencher o interior do macacão com o padrão para ver como fica, mas acho que gosto mais da cor sólida , da cor creme. Acho que vou deixar isso aí. É assim que você pode usar sua amostra de padrão pintada à mão para preencher objetos no Illustrator. seguir, mostrarei algumas maneiras pelas quais você pode usar seus padrões on-line. Spoonflower é um site muito bom para usar seus padrões. Basta criar uma conta, fazer o login e clicar em “Fazer upload de um design”. Depois de fazer isso, basta selecionar o arquivo do seu computador, confirmar que você possui os direitos autorais marcando esta caixa e, em seguida, clicar em “Carregar”. Acho que o Spoonflower usa como padrão o upload em 150 DPI, então meu padrão de 10 por 10 está sendo mostrado em 20 por 20 polegadas, o que é uma repetição muito grande. Se eu quiser que meu padrão seja menor depois de impresso em tecido ou qualquer outra coisa, preciso diminuir o tamanho do meu arquivo original e recarregá-lo. Para fazer isso, clico em “Carregar revisão” e depois preciso escolher o novo arquivo que ainda não criei. Vamos sair do Spoonflower e voltar para o Photoshop onde podemos abrir nosso JPEG, exportamos. Em seguida, vou redimensioná-lo indo para o tamanho da imagem. Em seguida, a janela de tamanho da imagem aparece, vou alterar a resolução para 150 e, em seguida, clicar em reamostrar e alterar a largura e a altura para oito polegadas cada e clicar em “OK”. Agora eu reduzi minha imagem , então vou fazer um Salvar como e apenas salvá-la o mesmo nome e colocar pequeno no final para saber qual está nos meus arquivos e clicar em “OK”, e então eu vou de volta ao site , clique em “Escolher arquivo” e selecione minha nova amostra menor da repetição e clique em “Carregar revisão”. Clique em “OK” e agora eu tenho minha amostra menor carregada e você pode ver agora que ela está mostrando um pedaço de tecido de 20 polegadas de largura, e eu gosto do tamanho da balança. Ele foi reduzido muito para que você possa ver muito mais do padrão agora. Depois de carregar seu padrão na escala de sua preferência, você pode adicioná-lo a uma coleção. Eu vou ter essa sozinha e vou dar um nome a ela. Em seguida, você pode adicionar uma descrição que ajude no SEO e, se alguém estiver procurando por algo específico, isso ajudará seus designs a serem mais encontrados no site. Em seguida, você pode escolher a aparência da visualização em miniatura no site, e ela é configurada automaticamente como Fat Quarter, o que eu acho bom, e então isso é realmente importante se você quiser que as pessoas descubram que seu design é adicionar tags. Pense no máximo possível de descritores para o seu padrão e coloque-os aqui. Acho que te dão espaço para 13. Às vezes, tenho dificuldade em criar tantos, mas eles têm algumas instruções abaixo na caixa cinza que podem ajudá-lo a criar etiquetas para seu design. Então, se você quiser vender seu padrão em tecido e vários outros produtos que eles têm no Spoonflower, marque essas caixas na parte inferior da página. Agora você pode ver que está visualizando meu padrão como tecido. Você pode clicar nessas imagens para vê-las em vários produtos em um travesseiro, em um painel de cortina e em uma colcha. Você pode querer fazer upload de várias balanças de um design porque o que fica bem em um travesseiro pode não ficar tão bem em uma capa de edredom na qual você provavelmente gostaria de uma escala maior. De qualquer forma, o Spoonflower é apenas uma ótima ferramenta para usar seus designs de padrões e potencialmente começar a vendê-los ou comprá-los para seu uso pessoal. Outro dos meus sites favoritos para fazer upload de designs é o Society6. Society6 é menos baseada em tecidos, embora tenha produtos de tecido, tem uma variedade maior de produtos nos quais você pode colocar seu design. Não é baseado em padrões, como o Spoonflower, então você precisará fazer upload de várias amostras do seu padrão para caber em vários produtos. Não o repetirá automaticamente como o Spoonflower faz. Depois de configurar uma conta e estar logado, você clicaria em “Vender” e ele abrirá todos os seus designs que você enviou, e você clicará em “Adicionar novo design”, e então você preencherá o título do seu design e poderá carregar aqui várias amostras do seu design para caber em vários produtos. Quando chegamos à localização dos produtos, eles fornecem recomendações sobre os tamanhos dos arquivos, que é muito útil. Vou fazer o upload da minha amostra inicial primeiro que você possa ver aonde ela nos leva. Você precisa clicar e concordar com o contrato do artista. Ele preencherá automaticamente o que eu enviei em vários produtos. Ele não o preencherá de forma alguma que não tenha resolução alta o suficiente para que, em todas essas caixas acinzentadas, eu precise fazer upload de novos arquivos de formato diferente ou de resolução superior. Eu vou te mostrar como fazer isso em algo que é bem grande para que você possa ver como isso é feito. Você também pode editar qualquer um que seja preenchido automaticamente clicando no item. Nesta capa de telefone, por exemplo, eu não gostaria de ajustar a escala para baixo, que você pode usar o controle deslizante para fazer. Mas meu arquivo não é alto o suficiente, então eu sei que precisaria carregar um arquivo maior ou um arquivo reduzido para isso. Vou selecionar um dos itens maiores. Acho que vou escolher essa cortina de chuveiro. Você verá quando eu clicar nele, ele diz que a dimensão mínima precisa ser 6000 por 6000 pixels a 300 DPI. Vou criar um novo arquivo no Photoshop e configurá-lo para 6000 pixels por 6000 pixels a 300 DPI. Em seguida, vou até o botão Adjustment Layer no painel de camadas e ir até Pattern, e ele preencheu todo o meu documento com um padrão, mas não é o correto então eu estou clicando na seta para baixo e selecionando meu padrão ocidental. Então eu vou ajustar a escala. Basicamente, esse será o tamanho da cortina do chuveiro , então você deve ajustar a balança da maneira que achar que ficaria bem em uma cortina de chuveiro. Clique em “OK” e depois vá para “Arquivo”, “Exportar”, “Exportar como”. Estou apenas deixando isso no padrão. Quero a resolução mais alta e depois a guardo como cortina de chuveiro. Agora posso voltar para a Society6 e fazer o upload do arquivo que acabei de salvar. Depois de fazer o upload, posso clicar neste botão que diz “Gerar visualizações” para ver a aparência da cortina do chuveiro. Eu acho que parece ótimo. Então, se eu quiser que ele esteja pronto para vender, clico em “Salvar e ativar”. Agora você pode usar o mesmo arquivo que você carregou em outros itens, se desejar. Eles dão algumas sugestões aqui e você pode marcar aquelas para as quais acha que funcionariam então estou verificando a capa de edredom, edredom e o travesseiro de chão e então estou apenas clicando em “Ativar”. Agora, basta carregar a amostra que eu enviei para esses itens. Depois de terminar de enviar as diferentes amostras de arquivos para determinados itens, posso ir à minha loja clicando no meu perfil, que se parece com essa pequena cabeça alienígena, e depois clicando em ver minha loja. Ele abre minha vitrine e você pode percorrer e ver todos os itens diferentes que tenho à venda na minha loja, incluindo essa capa de edredom, que é bem legal. Agora você sabe como fazer upload de seus designs on-line e realmente vender produtos reais ou comprá-los para usar ou doar para familiares e amigos. 8. Projeto: [MÚSICA] O projeto desta aula é criar seu próprio padrão pintado à mão. Primeiro, você escolherá um tema e uma paleta de cores; em seguida, pintará seus ícones , terceiro, digitalizará sua arte, depois criará um padrão e, finalmente, enviará seu padrão on-line para um site da sua escolha onde você pode ver isso na vida real nos produtos. Quando você terminar, eu adoraria que você fizesse upload do seu projeto no Skillshare, para que eu possa vê-lo e seus colegas também possam vê-lo. Se você quiser mais informações sobre como fazer com que cliente trabalhe ou obtenha seus designs em produtos e lojas, assista ao meu outro roteiro de aula para obter suas ilustrações sobre produtos. Está disponível aqui no Skillshare. Espero que você tenha gostado da minha aula e estou realmente ansioso para ver seus padrões. [MÚSICA]