Padrões modernos: do esboçar à tela

1. Introdução: Olá e bem-vindo à minha aula de criação de padrões hoje, meu nome é Cat Coquillette e, ao longo desta aula, você aprenderá as técnicas para criar lindas nos Padrões de Tendências. Ter o conjunto de habilidades para criar projetos de superfície é altamente desejável no momento. Se você quiser começar a vender seu trabalho em sites como Spoonflower, Society6 ou Redbubble, aprender a montar padrões é crucial. Esta aula é para quem quer conhecer esses conjuntos de habilidades legais. Se você é um criativo estabelecido ou apenas quer experimentar algo novo. Você não precisa ser um artista profissional para se beneficiar da aula de hoje. Ao aprender a criar padrões, você abrirá tantas portas para si mesmo. Desde que comecei a licenciar minha obra de arte sob a marca Cat Coq em 2014, vendi quase meio milhão de produtos com meus designs neles através de todos os meus parceiros combinados. Muitos deles são produtos com minhas ilustrações de design de superfície, como tecido, papel de embrulho, papel de parede, capas de telefone e mangas para laptop, itens de decoração de casa como travesseiros, capas de edredon, tapeçarias, móveis como credenzas, bancos de bar e mesas, roupas, como leggings e camisetas estampadas, até coisas como pacotes fanny, sacolas e sofás de estúdio. Também usei padrões para convites de casamento, para amigos, artigos de papelaria, cabeçalhos no meu site e blog, e no post do Instagram para mostrar novos trabalhos. Basicamente, você pode usar as habilidades que aprendeu hoje para criar uma enorme variedade de coisas. Exploraremos todo o processo de criação de padrões personalizados. Primeiro, vamos desenhar à mão ou pintar nossos elementos à mão. Em seguida, vamos digitalizá-los e trazê-los para o nosso computador. Seja tirando uma foto em seu telefone ou digitalizando em sua arte em si. Vou mostrar-lhe os dois sentidos. Então vamos transformar nossas ilustrações em padrões. Exploraremos diferentes tipos de padrões, do simples ao contínuo. No final da aula, você terá uma variedade de padrões fantasiados, bem como as habilidades para continuar criando designs de superfície únicos e em tendência. Eu acredito muito em aprender como você está fazendo, então esta aula ficará cheia de muitas etapas de ação. Você literalmente estará acompanhando comigo para cada passo do caminho. Adoro usar ilustrações desenhadas à mão e pintadas para criar padrões e digitalizar. As pequenas inconsistências em algo criado à mão fazem com que ele se sinta mais autêntico e único. Adoro pinceladas e imperfeições visíveis à cena. Isso é o que separa isso de formas vetoriais limpas. Começaremos super simples e passaremos alguns minutos aprendendo sobre a criação de padrões básicos. Faremos um padrão a partir de uma ilustração simples que desenhamos com Sharpie. Mostrarei como tirar uma foto com seu telefone, limpá-la no Photoshop e transformá-la em um padrão simples. Em seguida, vamos mergulhar em algumas geometrias básicas e experimentar alguns estilos lá. Para o nosso terceiro padrão, mostrarei como criar um padrão de repetição contínuo. Eles são úteis quando você está projetando coisas como tecido ou papel de parede. Isso significa que seu padrão se alinhará e se alinhará perfeitamente. Por fim, mostrarei como fazer coisas divertidas, como alterar a cor, infundir detalhes metálicos e exportar essas versões legais para formatos de alta resolução. Se você tiver um entendimento básico do Photoshop, essa aula será mais fácil para você. Se você não tiver o Photoshop, não há problema. Você pode baixar uma avaliação gratuita com a Adobe. Basta fazer o Google Free Trial Photoshop para levá-lo à landing page da Adobe. No que diz respeito à digitalização, você pode tirar uma foto do seu desenho ou pintar com seu telefone ou câmera ou digitalizá-la com o scanner. Vou mostrar as duas opções. Os outros suprimentos que usaremos nesta classe são bastante abertos. Contanto que você tenha alguma maneira de ilustrar os ativos que transformamos em um padrão, você estará pronto. Vou usar uma variedade de médiuns apenas para que você possa ver todas as opções, como Sharpie, aquarela e acrílico. Mas o que aprendemos hoje não depende de um meio específico. Sinta-se à vontade para ilustrar ou desenhar e o que quer que você esteja mais confortável, sejam marcadores, tintas, tinta, giz de cera, vale tudo. Se você tiver alguma dúvida em toda a aula, você pode publicá-las no tópico de discussão abaixo. Não se esqueça de me seguir no Skillshare clicando no botão Seguir na parte superior. Isso significa que você receberá uma notificação por e-mail assim que eu iniciar minha próxima aula. Além disso, ocasionalmente enviarei mensagens diretamente aos meus seguidores com anúncios como dar uma associação gratuita ao Skillshare ou anunciar guloseimas gratuitas que tenho disponíveis no meu site. você pode ter acesso a tudo isso, seguindo-me no Skillshare, clicando no botão “Seguir” na parte superior. Você também pode me seguir no Instagram @catcoq e em todas as outras formas de mídia social para ver meus últimos trabalhos e progresso. Pronto para morrer, clique em se inscrever e vamos começar. 2. Materiais: Vamos rever os suprimentos que você vai precisar nesta aula hoje. Usaremos o Adobe Photoshop para criar nossos padrões para que você precise desse software. Lembre-se, se você não tiver o Photoshop, não há problema, você sempre pode baixar uma avaliação gratuita em Adobe.com. Esta aula é sobre o uso de nossas ilustrações desenhadas à mão ou pintadas para se transformar em padrões para que você precise dos suprimentos de arte para criar esses ativos. Esta classe é sobre os próprios padrões, não o meio. Por favor, sinta-se livre para usar qualquer meio com o qual você estiver mais confortável. Quero mostrar-vos toda a gama. Estou trabalhando com muita coisa aqui. Vou usar uma variedade de meios para que ninguém se sinta excluído. Vou fazer o primeiro padrão em afiador, o segundo e tintas acrílicas e o terceiro em aquarela. Você pode usar qualquer mídia que você gosta de seguir ao longo das etapas para criar esses padrões no Photoshop ou exatamente o mesmo, independentemente de estar usando lápis de cor, marcadores, aquarelas, o que quer que seja. Muita flexibilidade. Você também precisará de uma superfície branca lisa para desenhar ou pintar. Só estou usando papel aquarela básico. A última coisa que você precisa é de uma maneira de capturar sua imagem trazê-la para o Photoshop. Você pode usar um telefone, uma câmera ou um scanner se você tiver um. Vou mostrar-lhe as duas opções. Primeiro, tirar uma foto com nosso telefone para capturá-la e trazer para o Photoshop. Em seguida, com um scanner e mostrarei minhas configurações de digitalização ideais também. Lista de suprimentos bastante básica. Vamos avançar e mergulhar com o nosso primeiro padrão de símbolos. 3. Padrão simples: Vamos começar super simples. Este vai ser um exercício muito rápido para nos aquecer com padrões antes de mergulharmos. Você só precisará de um Sharpie, um pedaço de papel em branco e um telefone ou scanner para capturar sua imagem e entrar no computador. Considere isso uma lição prática para entender o básico. Este é o padrão mais básico que vamos criar hoje. Vamos desenhar à mão um único motivo, tirar uma imagem para digitalizá-la, e depois transformá-la em um padrão de grade. Vou até mostrar-lhe como jogar com cores em cerca de 30 segundos. Esta é uma lição muito rápida e simples, e o que ela vai fazer é estabelecer o básico para todos os outros padrões que criamos hoje. Tudo o resto que aprendemos hoje decorre dessas técnicas chave. Portanto, considere isso uma imersão rápida em padrões de fabricação. Tudo bem, vamos em frente e começar. O que eu vou fazer é desenhar a ilustração que eu quero repetida em um padrão. Então, para mim, vai ser um mau-olhado. É um padrão simples, então vou manter minha ilustração bem simples também. Legal. Tenho o meu último mau-olhado. É uma ilustração bem simples, e eu acho que vai fazer um belo padrão gráfico moderno. Em seguida, eu vou usar meu telefone para tirar uma foto para que eu possa digitalizá-la e puxá-la para cima no Photoshop. Obviamente, a qualidade será um pouco melhor se você digitalizá-la usando um scanner real. Mas para isso, é apenas um padrão simples, e eu quero mostrar o básico, então uma foto do telefone ficará bem. Apenas certifique-se de que você está filmando com luz brilhante e que você mantém sua câmera exatamente em cima, não em um ângulo. Legal. Eu tenho a minha ilustração no meu telefone agora, e eu estou indo apenas para AirDrop para o meu MacBook, você também pode enviá-lo para si mesmo ou como você obter suas fotos do seu telefone para o seu computador normalmente, vai funcionar. Em seguida, puxá-lo para cima no Photoshop. Eu tenho a minha foto puxada para cima no Photoshop, e você pode ver que a qualidade é muito excelente. Você pode realmente ver o grão desse papel chegando, então bom trabalho iPhone. Então, o que queremos fazer é remover esses fundos de papel branco, e a maneira que eu vou fazer isso é usando a ferramenta Varinha Mágica. Então, se você passar aqui para sua barra de ferramentas e sob a ferramenta Seleção Rápida, se você clicar e segurá-la, você pode selecionar Varinha Mágica. Agora, o que a Varinha Mágica faz é selecionar cores que são semelhantes. Então eu vou clicar e selecionar na área preta. Você pode ver que obteve a maior parte dele, não tudo, embora, então eu vou manter pressionada a tecla Shift e selecionar ainda mais. Então, basta clicar ao redor, todas as áreas que ainda parecem não estar selecionadas. Para ampliar, vou fazer Command plus plus plus, e mantendo pressionada a tecla Shift com minha ferramenta Varinha Mágica selecionada, continuar a pegar todos esses pequenos pedaços. Legal. Parece que consegui pegar tudo, então vou diminuir o zoom. Eu vou ir em frente e copiá-lo para sua própria camada. Então eu vou fazer o Comando-J. Incrível. Não parece que nada aconteceu, mas aqui no painel Camadas, você pode ver que ele se duplicou, mas apenas nas áreas selecionadas. Vou apagar o fundo, e agora temos o nosso globo ocular com o papel completamente removido. O que costumo fazer para algo assim é começar um novo documento. Então vamos para Arquivo, Novo, eu vou fazer isso em pixels, então 10.000 pixels por 10.000 pixels. Com 300 PPI, o RGB é ótimo, e eu vou clicar em “Criar”. A razão pela qual eu escolhi o tamanho é que é bastante universal para a impressão em demandas que você vende através de 10.000 por 10.000 a 300 DPI, que irá mais do que cobrir suas bases para a maioria dos produtos. Agora eu vou ir em frente e puxar minha prancha nova aqui, selecionar meu globo ocular, e apenas arrastá-lo para cima. Legal. Se você está se perguntando como eu estou movendo isso, é porque eu estou usando minha ferramenta Mover aqui. Você também pode pressionar V. Vou usar Transform, só para ter certeza que está perfeitamente centrado. Então, edite, transforme, dimensione. Legal. Essas linhas cor-de-rosa se alinham para mim e me mostram que as coisas estão perfeitamente centradas na página. Para definir a transformação, posso clicar duas vezes ou pressionar Enter. Agora, é hora da parte divertida. Vamos duplicar nossa ilustração e transformá-la em um padrão de grade. A maneira mais simples de fazer isso é ouvir sobre, pegar sua camada, clicar nela e arrastá-la para o novo, e ele faz uma cópia dessa camada. Você também pode fazer a mesma coisa pressionando Command J no teclado. Portanto, certificando-se de que a sua ferramenta Mover está selecionada, que é a que está aqui, você pode obter isso também pressionando V, clique nela e arraste-a para cima. Se você pressionar Shift no teclado, ele irá garantir que ele permaneça perfeitamente na linha. Sem Shift, vai por todo o lado. Então Shift é selecionado, puxando-o para cima, e pronto. Agora eu vou apenas repetir isso em um padrão gridded. Certificando-se de que minha nova camada está selecionada, eu vou fazer Command J e Photoshop é realmente super útil com isso. Você pode ver como ele indica a quantidade exata de espaço entre cada ilustração. Isso permite que você saiba que será uma quantidade igual de espaço entre cada peça, o que é realmente útil. Vou fazer outro Command J, e clicar e arrastar o céu para baixo, deixando também o Photoshop me ajudar com esse espaço em grade. Mais uma vez, Comando J, e trazendo para baixo. Legal. Então eu tenho uma linha perfeitamente estabelecida. Vou pegar todas essas camadas e agrupá-las. A maneira como você pode fazer isso é clicando e arrastando-os para a pasta, ou você pode fazer o Command G no teclado. Eu vou fazer uma cópia desse grupo, a mesma coisa que antes, Command J. Então usando minha ferramenta Transform que é Command T, eu vou apenas clicar nele e arrastá-lo para um espaço que eu acho que parece muito bom, e Vou pressionar Enter para definir a transformação. Vou fazer outra cópia desse grupo, então certificando-se de que o grupo está selecionado aqui, farei o Comando J, Comando T para Transformar e trazê-lo para cima. Vou fazer isso mais duas vezes, só para ter a vantagem desta composição. Comando J, Comando T para Transformar, e traga-o. Mais uma vez, Command J para fazer uma cópia dessa camada, Comandos T para Transformar, e puxá-la para cima. Incrível. Então lá você tem os conceitos básicos de fabricação de padrões, é um padrão de grade muito simples. Não é um padrão contínuo repetido, mas entraremos nelas mais tarde como uma técnica mais avançada. Mas, por enquanto, é basicamente assim que você cria um padrão no Photoshop usando uma ilustração desenhada à mão. Não se esqueça de salvá-lo; Arquivo, Salvar Como, e eu vou chamá-lo de Evileye padrão. Salvar como um documento do Photoshop, para que todas as camadas fiquem intactas. Antes de passarmos para a próxima lição, quero mostrar a vocês como editar cores muito rápido. Então eu vou selecionar todos os meus grupos e agrupá-los juntos, e chamar isso de olhos individuais. Eu vou fazer uma cópia disso, então eu quero achatá-lo, então eu vou apenas para Camada, Mesclar Grupo. Você também pode fazer a mesma coisa pressionando Command E no teclado. Para explorar a cor, você pode usar Matiz e Saturação. Então Imagem, Ajustes, Matiz, Saturação. Agora selecione Colorizar, traga a leveza e traga essa saturação, e você pode literalmente alternar em todo o arco-íris para ver cores diferentes. Eu realmente gosto daquela marinha. Acho que vou torná-lo um pouco mais escuro, um pouco mais saturado, e pressionar “Ok”. Se você quiser se organizar extra como eu, você pode ir em frente e mudar o nome dessa camada para a cor que você está usando. Não se esqueça de salvar. Muito bem, espero que tenham gostado desse processo para um padrão simples e criação. Agora que temos uma compreensão simples de como tudo isso vai acontecer, vamos discá-lo um pouco acima, começando com a construção de uma biblioteca de ativos. Esta é apenas uma maneira chique de dizer, “Vamos pintar nossos pedaços de padrão.” 4. Pintura dos elementos: Agora que temos uma compreensão básica de como você transforma seus elementos desenhados à mão ou pintados à mão em padrões, vou mostrar-lhe mais algumas técnicas para criar padrões lindos fora de sua obra de arte. As próximas lições serão focadas na criação de dois tipos diferentes de padrões: padrões geométricos e padrões sem costura. Primeiro, vamos criar os ativos para cada tipo. Geométrica será fácil. Vamos pintar ou desenhar algumas formas básicas, como triângulos e retângulos. Para o padrão sem costura, eu quero tentar algo completamente diferente. Vou colorir algumas laranjas, limões e folhas. Para isso, os suprimentos que usaremos são alguns tipos diferentes de tintas. Eu tenho acrílico aqui à esquerda, e depois aquarela aqui à direita. Novamente, você pode usar qualquer meio com o qual se sentir mais confortável. Eu também tenho alguns tipos diferentes de escovas, um pouco de água de tinta, e uma esponja, porque eu não poderia encontrar nenhuma toalha de papel neste Airbnb. Tão simples. Novamente, o médium é com você, mas é com isso que vou trabalhar hoje. Vamos começar criando algumas formas básicas para o padrão geométrico. Para a minha paleta de tintas, eu tenho uma lata velha de charuto, e o que eu vou fazer é apenas pintar alguns triângulos e retângulos. Vou usar três cores, elas combinam muito bem. Eu gosto de ter uma cor escura, uma cor clara, e então algo que se sente um pouco mais saturado. Quero ter certeza que meus três triângulos são praticamente do mesmo tamanho. Eles não têm que ser perfeitamente compatíveis. Na verdade, pequenas discrepâncias fazem parte do que torna a criação de padrões pintados à mão tão única. Eu poderia desenhar um triângulo no Photoshop em cerca de dois segundos, mas não teria o mesmo interesse visual que um pintado à mão teria. Tudo bem. Legal. Como eu disse, muito básico. Apenas três triângulos que são aproximadamente do mesmo tamanho, e uma paleta de cores que parece ótimo juntos. Em seguida, vou pintar dois círculos e um asterisco. Quero experimentar uma paleta mais quente para isso, então vou usar alguns tons mais quentes. Tudo bem. Por último, quero pintar uma forma de asterisco, apenas para quebrar esse padrão com um pouco de poses. Eu acho que eu poderia querer torná-lo branco no Photoshop mais tarde, então eu vou pintá-lo com uma cor mais clara. Legal. Tão simples. Temos nossas formas básicas desenhadas para nosso padrão geométrico. Eu vou em frente, e já que eu tenho muito espaço neste papel, vá em frente e preencha meus elementos de aquarela para o meu padrão sem costura também. Como eu mencionei antes, estou imaginando algo onde talvez sejam algumas laranjas, limões e algumas folhas. Vamos apenas mergulhar. Eu vou fazer isso em aquarela, mas novamente, siga com qualquer meio que você se sentir mais confortável. Eu quero mantê-lo super simples, formas tão simples. Tem uma laranja. Perfeito. Ok. Eu tenho uma laranja para baixo, hora de um limão. Eu também vou adicionar algumas folhas apenas para quebrar o padrão um pouco, para inserir um pouco de verde. Por último, mas não menos importante, quero adicionar alguns pontos abstratos que podemos usar para preenchimento no padrão, se tivermos algumas áreas de espaço em branco. Legal. Dentro de todas as minhas ilustrações na página, eu mantive tudo muito opaco. Não há muitos papéis aparecendo, e a razão pela qual eu fiz isso é porque será mais fácil remover o fundo no Photoshop se não houver muito papel branco vindo através dessas pinturas. Tudo bem. Então, em seguida, eu vou dar a isso alguns minutos para secar, realmente não vai demorar tanto, e então eu vou digitalizá-lo. Lembre-se de que você pode digitalizá-lo ou tirar uma foto com seu telefone se você não tiver acesso a um scanner. Vamos avançar e mergulhar nisso na próxima lição. 5. Digitalização: Agora é hora de colocar nossos elementos pintados à mão do papel para a tela. Temos duas opções aqui. Opção 1, é o que fizemos anteriormente, tirar uma foto com o seu telefone. Esta é a opção rápida e vai funcionar muito bem por hoje. Lembre-se de segurar seu telefone perfeitamente sobrecarga e não em um ângulo. É sempre melhor fotografar com luz brilhante sem sombras. Tenha em mente que a qualidade não será tão boa com o seu telefone como será com a digitalização, mas se você quiser apenas obter a essência dos padrões, então isso funcionará bem por hoje. Opção 2, está escaneando. Este é o método mais profissional e a qualidade será muito melhor. Quando eu viajo, eu uso um Canon Canoscan LiDE 220, que eu comprei por cerca de 80 dólares na Amazon. Hoje eu vou digitalizar isso em 900 DPI. O padrão é 300, então eu estou indo acima e além para resolução. Ao digitalizar isso em um DPI mais alto, terei a flexibilidade de usar esses padrões em superfícies maiores, como tapeçarias, apostas, cortinas de chuveiro e qualquer outra coisa. Se você digitalizá-los em 600 DPI, eles podem ser replicados com o dobro do tamanho que você pintou originalmente. Novecentos DPI, três vezes o tamanho e assim por diante. Quando se trata de resolução, você sempre pode reduzir as imagens, mas se você as dimensionar muito alto, então você vai perder qualidade e isso vai ficar um pouco embaçado. Agora que meus ativos foram escaneados em 900 DPI, posso abrir esse arquivo no Photoshop. 6. Remoção do fundo: Tudo bem. Então eu abri minha digitalização na loja de fotos, e isso é o que parece direto do scanner, então você pode ver que não é absolutamente perfeito. Você vê algumas bordas de canto de papel aqui em cima, alguns elementos aqui embaixo. Acho que era tinta no meu scanner. Mas o que vamos fazer é nos livrar deste papel de fundo para que nossos elementos sejam isolados e possamos começar a transformá-los em padrões. Então, primeiro, vou usar a minha ferramenta para festas. Está aqui no canto superior esquerdo. Você também pode chegar lá pressionando M. E eu vou apenas Teoh, selecionar um monte dessas coisas e cortá-lo dessa maneira. Só estou trabalhando com a superfície mais limpa e é um pouco mais fácil. Legal, estou consumindo isso. Então este é o papel de fundo que eu quero ter removido. Então eu vou usar novamente minha ferramenta de varinhas mágicas que usamos na lição anterior. Você também pode selecioná-lo aqui. Estamos pressionando W no seu teclado. Então o que eu vou fazer é subir aqui e desligar continuamente. Então deixe-me mostrar-lhe o que isso significa com contínuo ligado. E eu escolho esta área. Você não está recebendo nenhum papel, mas quando você desliga continuamente, você seleciona a mesma área. De repente você está recebendo todo aquele jornal, que é exatamente o que eu quero. Então eu vou seguir em frente e segurar o turno, pegar aquele branco que eu apaguei mais cedo. E mais um truque que eu uso é porque eu quero usar alguns desses elementos em um fundo colorido . Quero ter certeza de que não há contornos brancos aqui, então ficou bem perto. Mas você pode ver dentro desta área não selecionada, ainda há um pouco de uma área mais leve, então eu tenho um truque para isso. Eu vou selecionar, modificar, expande, e eu vou expandi-lo em três pixels. O que isso fez foi cortar um pouco na minha ilustração, que é exatamente o que eu queria. Eu quero ter certeza de que não havia nenhum contorno branco assim que eles isolaram o fundo , e mais um truque que eu uso é que eu quero suavizar essa borda. Se eu fosse cortar esse papel agora mesmo. Seria uma linha muito dura. Então, em vez disso, eu vou selecionar modificar pena de difusão por um pixel que você realmente não pode dizer. Mas o que ele fez foi agora. Quando eu cortar isso, vai ter uma borda ligeiramente turva. Então, ele vai se sentir um pouco mais natural e não como se fosse apenas cortado diretamente do fundo do papel, alguns vão diminuir o zoom e agora obter o meu inverso dessa seleção. Então selecione em verso, e eu vou fazer uma cópia disso. Então comando J no meu teclado, eu posso ir em frente e excluir os fundos originais. E agora eu tenho apenas meus elementos isolados neste plano de fundo. Tão simples. Então a próxima coisa que vou fazer é cortar cada peça individual e colocá-la em sua própria camada, e isso me ajuda a ficar bem organizado. Usando minha ferramenta de laço aqui, vou usar a última política. Então, para isso, você pode apenas clicar ao redor, isolar esses elementos, e então eu vou dio nele, cortes e, em seguida, editar colar colar colar colar especial no lugar. Então é exatamente onde estava antes, mas agora está em sua nova camada, que eu vou rotular Triângulo Azul. E eu vou em frente e usar essa ferramenta de laço. Repita isso para todos os elementos deste quadro. Não, essa é boa. Lembre-se, se você estiver tentando cortá-la, você precisa se certificar de que a mesma camada está selecionada. Então eu vou fazer o comando X dois cortes e shift comando V para colar no lugar e voltar para a minha camada original e basicamente repetir esse processo para todas as formas Command X comando shift para ser. E agora que eu tenho todos os acrílicos isolados, eu vou apenas Teoh, selecioná-los completamente segurando turnos e fazer comando g para agrupá-los. E eu vou chamar isso geométrico impressionante vai transformar isso depois de agora e agora. Hora de isolar todos os elementos aquarela. Legal. Vou fazer a mesma coisa. Selecione todos os meus elementos aquarela mantendo pressionada a tecla Shift, agrupá-los e chamá-lo sem costura, porque este será o padrão perfeito pode ir em frente e excluir essa camada original. E agora eu tenho meus dois grupos de elementos. Você pode ativar e desativar essas camadas. Mas sim, há dias mais organizados. Agora que temos nossos elementos pintados à mão digitalizados, removidos, removidos, que o fundo isolou cada forma individual, vamos em frente e fazer nosso primeiro padrão, que será o padrão geométrico. 7. Padrão geométrico: Nesta lição, vamos fazer dois padrões geométricos diferentes. Vamos fazer isso sobrepondo as formas que acabamos de pintar em composições interessantes. Vamos começar com os triângulos, e fazer um padrão bem simples com eles primeiro. Então usaremos nossos círculos e asteriscos para fazer outro padrão geométrico que parece moderno e único. Podemos fazer tudo isso com apenas algumas ferramentas simples no Photoshop. Vamos mergulhar com a geometria primeiro. Eu vou começar fazendo um novo documento, Arquivo, Novo, e ele vai ser as mesmas dimensões que o primeiro padrão que fizemos, 10.000 pixels, certifique-se de que são pixels não polegadas caso contrário, isso seria enorme. Por 10.000 a 300 PPI, e RGB parece ótimo, então “Criar” incrível. Este será o meu quadro de arte padrão. Eu só vou puxá-lo para o lado, e selecionar todos esses três elementos e puxá-los em um por um. Lembre-se, para este, eu só vou estar trabalhando com os triângulos. Primeiramente vou selecionar todas as três camadas do meu triângulo. Eu vou ter certeza de que eles estão alinhados em um centro horizontal, bem como em um centro vertical, legal. Vou ampliar um pouco para ver o que estou fazendo. Agora ele está apenas chegando com uma composição legal para este padrão. Eu acho que o que eu quero fazer é ter essa paz verde escura, ficar um pouco atrás de tudo o resto. Vou apenas clicar nele e arrastá-lo para trás, e talvez levantá-lo um pouco. Então tem este azul sobrepondo um pouco o verde. Então use minha turquesa e vire-a. Vou usar a transformação, que é o Comando T, e mantendo pressionada a tecla Shift, vou girá-la até que esteja praticamente de cabeça para baixo, e trazê-la para baixo um pouco mais baixo. Isso é muito bom, e pressione Enter. Antes de começar a repetir as formas em um padrão geométrico, eu quero fazer alguns pequenos ajustes de cor. É mais fácil fazer isso agora antes de começarmos a repetir tudo porque agora só há três camadas. Quero que esta turquesa seja muito mais dessaturada. Vou para Imagem, Ajustes, Saturação de Matiz, e vou reduzir a saturação e, em seguida, aumentar a luminosidade. Parece mais um verde de menta, e vou pressionar “Ok”. Então eu quero que este azul se sinta ainda mais saturado. Apenas um atalho para chegar ao Matiz e Saturação, você também pode fazer Comandos U no teclado. Para isso, eu vou trazer a saturação, e ajustar essa tonalidade um pouco mais verde, e pressionar “Ok”. Então eu quero que esta última peça verde seja mais dessaturada. A mesma coisa com essa camada selecionada, eu vou para o Comando U, e derrubar essa saturação. Eu também vou reduzir a leveza, por isso é um pouco mais escuro. Eu gosto do jeito que isso está sentindo, e eu vou diminuir um pouco. Sim, gosto deste arranjo e quero ver o que isto parece se começar a repetir repetidamente. Vou selecionar todos esses três caras, agrupá-los pressionando Comando G, e então usando minha ferramenta Transformar Command T. Eu só vou puxar isso para o centro da página e então deixar essas linhas cor-de-rosa Diga-me qual é o centro exato, perfeito. Pressione Enter para definir a transformação. Agora é só uma questão de eu repetir isso em um padrão geométrico. Vou copiar esse grupo fazendo o Comando J e, em seguida, usando minha ferramenta de transformação Command T, eu vou puxá-lo para cima, soltá-lo bem ali e, em seguida, pressione Enter. Eu vou fazer a mesma coisa, eu vou copiar esse grupo novamente, Comando J. Use minha ferramenta de transformação para puxá-lo para baixo e pressione Enter. Incrível. Vou torná-los um pouco menores também usando minha ferramenta Transformar, perfeito. Agora só para me manter mais organizado, vou agrupar todos os meus grupos. Comando G com todos selecionados, e ligue para este. Agora vou fazer uma cópia dessa camada pressionando Comando J. Usando minha ferramenta de transformação, eu posso puxá-la. Eu acho que o que eu quero fazer aqui é que eles sejam um pouco cambaleados. Talvez esteja batendo bem ali, então temos esse ziguezague divertido acontecendo no meio. Vou pressionar Enter para iniciar a transformação. Quero fazer uma cópia desse cara aqui, para ir em frente e derrubar esse padrão. Eu abri minha pasta, vou fazer uma cópia dessa, usar minha ferramenta de transformação e trazê-la para baixo. Agora a mesma coisa, eu vou selecionar ambos os grupos, fazer uma cópia Command J, e usando minha ferramenta de transformação Comandos T, eu vou apenas puxá-lo para cima e continuar padrão em ziguezague que está acontecendo para frente e para trás. Pressione Enter para definir. Se o computador começar a ficar atolado e isso está levando muito tempo para mover as coisas e começar a se transformar. Podemos ir em frente e fundir estes juntos. Normalmente eu não gosto de fundir até ter certeza absoluta de que é a composição que eu quero, mas neste caso eu estou bem definido nisso. A diferença entre agrupamento e mesclagem é que quando você agrupa, você tem todos esses elementos individuais que ainda são editáveis por conta própria. Mas quando você mesclar algo assim, vou selecionar tudo e fazer o Comando E para mesclar. De repente, esta é uma peça achatada. Eu não posso mais isolar este verde escuro longe do azul mais claro, porque ele foi achatado em um pedaço. Neste cenário, vou diminuir o zoom. Tudo bem, porque eu sei que esta é a composição que eu quero. Mas se você quiser ter mais flexibilidade em variáveis, use grupos não mesclando. Mas para mim, eu sei que esta é a composição que eu quero, então eu vou ir em frente e selecionar tudo e Comando E, fundi-lo juntos. Agora tudo está em uma camada. Novamente, você não pode mais editar essas peças individuais, mas eu sei que eu gosto desta composição, então eu vou apenas rolar com ela. Vou fazer uma cópia desta camada Comandos J e, em seguida, usando minha ferramenta de transformação, eu vou arrastá-la para cima, e encontrar um bom local para ele, e pressione Enter. Agora eu vou selecionar ambas as minhas camadas pressionando Shift e, em seguida, mesclá-las usando Command E, incrível. Estou gostando desse padrão, deixe-me diminuir um pouco. Estou amando o jeito que isso parece, e aqui temos nosso primeiro padrão geométrico. Nós essencialmente fizemos essa coisa apenas duplicando formas uma e outra vez e mantendo-as em uma grade bem apertada. Muito fácil, e antes que eu esqueça, vamos em frente e salvar, então Arquivo, Salvar como, e eu vou chamar isso de triângulo geométrico, e salvá-lo como um arquivo do Photoshop e pressione “Salvar” legal. Vamos em frente e aprender a fazer outro com os círculos. Eu vou começar da mesma maneira, Arquivo, Novo, as configurações são exatamente as mesmas, 10.000 por 10.000, 300 PPI, pressione “Criar”. Agora eu vou clicar nos Asteriscos, o ponto rosa, e o ponto vermelho, e vá em frente e puxe-os. Eu estava segurando Shift para pegá-los todos de uma vez. Já tenho um padrão e paleta de cores em mente para este. Só vou mergulhar e ver se o que está no meu cérebro fica bem no Photoshop. Primeiro, quero que este fundo seja de cor pêssego, não branco. Para fazer isso, eu só vou até aqui para a minha ferramenta de balde de tinta. Você também pode obter isso pressionando G, e clicando duas vezes na minha cor de primeiro plano. Eu quero encontrar algo que se sinta agradável e agradável, e um pouco pastel. Clique em “Ok”. Agora, com minha ferramenta balde de pintura selecionada, eu vou apenas ir em frente e clicar em qualquer lugar nos fundos. Legal, esta será a minha cor de fundo. Em seguida, vou ampliar um pouco e fazer alguns pequenos ajustes de cor. Eu quero que este círculo rosa seja realmente vibrante. Eu vou ter certeza que essa camada é selecionada, e fazer o Command U, e eu vou aumentar essa saturação para ser bastante pesado. Vou torná-lo um pouco mais escuro, perfeito. Isso é o que eu quero, e agora eu quero que este vermelho se sinta um pouco mais como coral. Com essa camada selecionada, eu vou fazer o Command U, e trazer essa Matiz para o lado direito. Sim, eu realmente gosto que eles preencham mais tangerina para ele. Eu mencionei que eu queria fazer este asteriscos brancos, e eu acho que o branco vai ficar muito bom contra este fundo aster. A primeira coisa que vou fazer é o Comando U, e reduzir a saturação para absolutamente nada, pressione “Ok”. Agora vou usar meus níveis para terminar isso para torná-lo mais branco e menos cinza. Para chegar aos meus níveis, eu vou fazer Comando L. Você também pode chegar lá indo para Imagem, Ajustes, Níveis. Vou alternar da extrema direita e trazê-lo bem alto, até que esteja branco brilhante, perfeito, e pressione “Ok”. Eu tenho meus três elementos, exatamente do jeito que eu quero. Colorido com perfeição contra esse fundo rosa pastel. Agora é hora de colocá-los em uma composição legal. O que eu quero fazer é ter o círculo de tangerina sobrepondo o rosa, e então ter esses asteriscos sobrepondo a tangerina. Lembre-se de colocar esse asterisco sobrepondo tudo o resto. Basta clicar nele e arrastá-lo para o topo da pilha na paleta de camadas. Vou usar minha transformação para torná-la um pouco menor. Isso parece uma boa colocação, então eu vou pressionar Enter para definir a transformação, tempo para diminuir um pouco. Oh longe demais, legal. Novamente, se você quer essa flexibilidade, você deve agrupá-los. O que quero dizer com flexibilidade é que se você quiser ser capaz mover essas coisas individualmente mais tarde, você deve agrupar. Mas para mim, eu vou ir em frente e fundi-los todos juntos porque eu sei que eu gosto desta composição. Agora eu tenho meu pequeno agrupamento, eu vou colocar perfeitamente no centro. Legal e eu só vou fazer isso. Vou fazer uma cópia dessa camada, Comandos J, puxe-a para a esquerda. Eu vou fazer uma pilha horizontal desta vez em vez de vertical apenas para alterá-lo. Comandos J, encoste. Lembre-se, o Photoshop diz exatamente quanto espaço há entre esses dois. Eu sei que é idêntico, então vai ser uma grade perfeita, e a mesma coisa. Faça algumas cópias, puxe-o e enxágue e repita. Agora vou selecionar todos esses caras juntos, mantendo a tecla Shift pressionada e mesclando-os pressionando Comando E. Agora vou fazer uma cópia da camada Comando J. Puxe-a para baixo, mova-a para cima. Agora nós temos uma lacuna aqui, então o que eu vou fazer é usar a minha ferramenta Marquee, eu vou selecionar esse cara, fazer uma cópia, e puxá-los para fora, perfeito. Agora podemos ir em frente e colocá-los juntos novamente. Selecione-os e Command E para mesclar. Agora é apenas uma questão de duplicar essas camadas em uma composição muito legal. Comando J, e eu só vou estar olhando isso em algo que parece um bom espaçamento em grade, e Photoshop ainda está lá para me ajudar com essas linhas cor-de-rosa, legal. Aí estão os meus padrões finais. Vou em frente e selecionar todos esses caras juntos. Pressione Command E para mesclá-los e faça um pouco de zoom para ver como ele fica. vez, esta é uma coisa que eu realmente gosto sobre a criação desses elementos feitos à mão. Você vê muita textura dentro das pinceladas. Estes círculos em si não são perfeitos. Você pode dizer que eles foram pintados diretamente à mão. É uma justaposição muito agradável entre estes elementos feitos à mão, e, em seguida, este padrão grelhado perfeitamente estruturado. Isto é essencialmente o que é moderno e sobre a criação de padrões de tendência. Muita exploração e diversão e aquela combinação de algo feito à mão ou artesanal, misturado com um toque digital moderno. Agora que dominamos nossos padrões geométricos, vamos passar para o padrão contínuo. Lembre-se das formas de aquarela que pintamos de limões e laranjas. 8. Padrão contínuo: Hora de enfrentar nosso último padrão de hoje. Este será um padrão sem costura, que também é conhecido como um padrão de repetição. O que torna este diferente é que ele pode ser empilhado em blocos, e as bordas se alinham perfeitamente. Isso significa que ele pode ser expandido infinitamente. Por exemplo, aqui está um padrão não contínuo se parece quando eu tentei duplicá-lo e alinhá-lo. Aqui está o que parece quando eu organizei esses mesmos elementos para um padrão sem costura. Você pode ver como todas as bordas se alinham perfeitamente, o que significa que eu posso crescer esse padrão infinitamente. Os momentos em que eu uso padrões sem costura são quando eu estou projetando tecido com farinha de colher ou em papel de parede, papel de embrulho, mesmo em web design para fundos de página. Quando você descobre como usar padrões sem costura, pode ser uma ferramenta incrível. Nós já criamos nossos elementos para este padrão. São os pedaços de frutas que pintámos antes. Vá em frente e puxe o arquivo e vamos em frente e começar. Eu tenho meu arquivo puxado para cima e eu vou fazer a mesma coisa que fizemos antes, que é começar um novo documento. Estou mantendo meus detalhes predefinidos exatamente os mesmos, então 10.000 por 10.000, lembre-se pixels não polegadas. 300 ppi no modo de cor RGB. Eu só vou pegar todos os meus ativos perfeitos, eles já estão agrupados nessa pasta, então é bem fácil. Apenas deixe-os entrar. Vou começar por estabelecer esse mosaico de Canvas. Então, para isso, vou usar a minha ferramenta de letreiro. Você também pode obter isso pressionando 'M '. Então eu vou desenhar um quadrado basicamente em torno do meio da minha página. Estou mantendo o turno pressionado com a minha ferramenta para festas para fazer um quadrado perfeito. Vou começar uma nova camada aqui no canto inferior onde diz criar uma nova camada. Vou preencher isso com uma cor escura para que eu possa ver o que estou fazendo. Neste ponto a cor realmente não importa, é apenas para me ajudar a ver o que estou fazendo. Cinza escuro parece bom. Usando meu balde de tinta, que você pode obter pressionando 'G' ou você pode encontrá-lo aqui na sua barra de ferramentas, eu vou apenas preencher essa seleção e então 'Command D' para desmarcar. Como esse plano de fundo está cobrindo totalmente minha ilustração, eu vou apenas ir até o painel de camadas clicar nele e arrastá-lo por baixo desse agrupamento. Legal. Agora vou ampliar para ver o que estou fazendo, e abrir meu grupo. Eu já fiz o trabalho chato mais cedo que é rotular cada camada individual. Mais uma vez, isto ajuda-me a manter-me organizado. Quero dizer, confie em mim quando começarmos a duplicar muitos destes, ficarás contente por eu ter os nomes dos ficheiros já estabelecidos. Ok, então aqui está a parte divertida. Vamos começar a mover esses elementos individuais e organizá-los para a praça. Então, para começar a mover meus elementos eu vou usar minha ferramenta de movimento, que é 'V' no teclado. O que eu vou fazer é trabalhar em algumas sobreposições na borda esquerda e superior, mas isso significa que eu não quero que nada se sobreponha no lado direito ou na parte inferior. Como regra geral, gosto de manter as coisas longe dos cantos também. A razão pela qual eu não quero me sobrepor nesses lados é porque qualquer coisa que está acontecendo na borda esquerda ou no topo, vai ser repetido aqui. Vou começar a preencher as coisas. Estou usando a ferramenta de transformação 'Command T' para rodar esses caras. Lembre-se de fazer uma cópia de qualquer um destes, basta selecionar essa camada e fazer 'Command J'. Não quero deixar muito espaço em branco, quero que pareça bonito. Incrível. Enquanto organizo estes, estou tentando estar consciente de como eles serão revestidos juntos. Por exemplo, como esta laranja está sobrepondo esta borda bem aqui, basta ter em mente que diretamente horizontalmente através é onde ela ainda vai passar. Estou de olho nisso agora. Vamos testá-lo daqui a pouco para ter certeza. Acho que tenho espaço, mas veremos. Se não, podemos sempre movê-lo. A mesma coisa para esta laranja no topo, diretamente abaixo que é onde ele vai estar espreitando quando o azulejo começar a se repetir. Isso está se sentindo muito bem. Acho que é hora de testar. Você pode ver que eu deixei lacunas nessas áreas porque é onde eu estou antecipando que algumas dessas formas se sobreponham. Para testá-lo, vou seguir em frente e fechar minha pasta, fazer uma cópia dela, clicar com o botão direito do mouse e selecionar 'Mesclar grupo'. O que isso fez foi achatado o grupo para que tudo esteja em uma camada. Não podemos mais, deixa-me em frente e esconda este para que possas ver. Você não pode mais se mover em torno de elementos individuais, eles estão todos na mesma camada. Fiz isso para que pudéssemos testá-lo. Usando a minha ferramenta de letreiro, vou apenas selecionar todo o caminho até a borda e, em seguida, mudar para a minha ferramenta de movimentação, que é 'V'. Vou clicar nisso e trazê-lo para cá. Não se esqueça de manter pressionado o 'Shift' enquanto você está arrastando essas peças pelo quadro de artes. Dessa forma, eles ficam em um eixo horizontal perfeito, e eles não vão mudar para cima e para baixo. Vou aumentar o zoom para ter certeza que acerto na borda, e desmarcar fazendo 'Command D'. Isso realmente alinhado muito bem, você pode ver como ele tem esses movimentos agradáveis. Não está tocando acidentalmente em nenhuma forma. Até agora, tudo bem no lado direito. Vamos fazer a mesma coisa para o topo. Usando a minha ferramenta de tenda para festas que é 'M', eu vou dar um passo lá o mais possível, eu vou ampliar apenas para ter certeza que eu tenho todo o caminho nessa borda. Perfeito. Em seguida, usando a minha ferramenta de movimento que é 'V', eu só vou pegar isso e trazê-lo para o fundo, eu vou ampliar bem para que eu possa ver o que eu estou fazendo. Legal. 'Comando D 'para desmarcar e diminuir o zoom. Eu não fiz um trabalho tão bom no fundo, você pode ver como essa folha se sobrepõe. Também não gosto do quão perto estas duas formas se juntam. Tirando isso, está se sentindo muito bem. Eu acho que o que eu poderia fazer é adicionar uma forma bem aqui, então o que eu vou fazer é ir em frente e voltar para a minha versão em camadas. Eu quero manter a mesma referência visual, então o que eu vou fazer é mudar a opacidade para cerca de 60 e, em seguida, bloquear essa camada. Você pode bloqueá-lo selecionando essa camada e, em seguida, apenas colocando um bloqueio lá. Agora, quando eu clico e arrasto minha folha e eu posso puxá-la, você quase pode ver a forma fantasma de como essa folha se parece antes. O que é bom ter como referência. Eu só vou movê-lo para um espaço que se sente muito bem. Eu só vou mover mais algumas formas ao redor. Eu vou levantar esse limão para que não fique tão perto dessa folha, e eu vou trazer esta pequena laranja um pouco para que não fique muito perto daquela casca. Por último, mas não menos importante, eu vou trazer este pequeno pedaço verde bem aqui para preencher aquele espaço um pouco para que ele não se sinta muito vazio. Agora, eu não preciso mais desta camada achatada. Eu estava usando isso como um guia visual, mas agora que eu preenchi todas as minhas peças nós podemos ir em frente e quebrar o bloqueio clicando nele e, em seguida, apenas pressionando 'delete'. Sei que as coisas vão se encaixar muito bem agora. Então eu vou fazer o mesmo que eu fiz antes. Vá em frente e feche esse grupo, faça uma cópia dele pressionando 'Command J' e fundindo-o para achatá-lo. Vai em frente e esconder o meu arquivo de trabalho, e a mesma coisa usando a ferramenta de letreiro que é 'M', eu vou chegar perto desta borda. Amplie para ter certeza de que todo o caminho até lá. Perfeito. Em seguida, usando a minha ferramenta de movimento que é 'V', clicando nele e arrastando-o para cima. Posso ampliar para ter certeza que fica perfeitamente nessa borda. 'Comando D 'para desmarcar e a mesma coisa de cima para baixo. Ampliar a ferramenta de letreiro. Você pode ver que o Photoshop está me ajudando adicionando aquela linha rosa realmente ligeira. Peguei-o. Usando minha ferramenta de movimento que é 'V', eu só vou arrastar isso para baixo. Oh, e então só um aviso, eu estou segurando 'Shift' enquanto eu derrubo estes para baixo. Assim, eles ficam perfeitamente na grelha. Eles não estão se movendo da esquerda para a direita assim. Se você manter pressionado 'Shift', eles vão estar perfeitamente trancados com onde eles estavam acima. Então zoom em qualquer bit. Você pode ir em frente e manter pressionado 'Shift' trazer isso perfeitamente para a borda. Amplie super perto para ter certeza. Mais um pixel e 'Command D' para desmarcar. Eu tenho meu azulejo estabelecido. Agora vamos em frente e transformá-lo em um padrão de repetição. Amplie e eu vou selecionar ambos e fazer uma cópia fazendo 'Command J'. Agora podemos simplesmente encostar esse azulejo, não se esqueça de segurar 'Shift'. Deixe o Photoshop ajudá-lo com essas linhas cor-de-rosa. Porra, parece perfeito. Você vai em frente e seleciona todos eles e puxa-os mais para o meio. Agora vamos fazer a mesma coisa, exceto trazê-los para baixo. Com todos eles selecionados, vou fazer 'Comando J'. Em seguida, usando minha ferramenta de movimento, basta trazê-la para baixo. Legal. Aqui temos o padrão de repetição. Podemos continuar repetindo isso praticamente infinitamente. Eu vou em frente e trazê-lo aqui, trancá-lo para o canto, e repetir estas últimas formas. 'Comando J ', segure-os. Então esses caras aqui embaixo, “Comando J “e trazendo-os para baixo. Legal. Deixe-me diminuir o zoom para que você possa ver. Incrível. Temos o nosso padrão final de repetição. Agora, para nos mantermos organizados, podemos mesclar esses padrões em uma camada. Mas antes de fazermos isso, basta ir em frente e fazer uma cópia de um desses blocos. Então eu acabei de selecionar um aleatório, eu vou clicar em 'comando J', e eu vou chamar isso de “Padrão Block”. Ok, e eu vou te dizer o porquê em um segundo, mas vamos em frente e selecionar todas as outras peças sem costura, não o bloco de padrões que fizemos uma cópia. 'Comando E' para fundi-los. Eu vou fazer o mesmo com todos os quadrados de fundo, 'Command E'. A razão pela qual eu estou salvando este “Pattern Block” por conta própria, é porque quando eu estou carregando este projeto para colher farinha ou carregá-lo como papel de parede repetindo ou repetindo papel de embrulho, qualquer coisa assim. Vou querer apenas carregar o bloco de padrões em si para que ele seja capaz de ser repetido. Mas eu vou manter esses caras juntos e eu posso salvar isso como um JPEG e enviá-lo para algo que não necessariamente repete bloco padrão. Então talvez um travesseiro ou uma capa de telefone. Está bem. Espero que isso faça sentido. Pelo bem da organização, vou agrupar estes dois e chamar de padrão completo. Agora eu tenho três camadas específicas aqui: Eu tenho o bloco de padrões que eu posso salvar individualmente para carregar mais tarde. Só não se esqueça de cortá-lo antes de carregá-lo como um bloco. O próximo grupo é a minha camada de padrão completo, que eu posso usar em qualquer produto que não exija um bloco de padrões repetidos. Por último, tenho o meu ficheiro de trabalho. Isso tem todos esses elementos individuais. Se eu quiser ajustá-lo no futuro, ainda tenho isso no bolso de trás. Antes de irmos mais longe, eu provavelmente deveria ter feito isso antes, por precaução, mas vamos em frente e salvá-lo. Vou salvar isso como padrão contínuo, como um arquivo do Photoshop para manter todas as camadas. Legal, acabamos de completar nosso padrão mais complicado que estamos fazendo na aula de hoje. Bom trabalho, rapazes. Em seguida, vamos mergulhar em algumas coisas menos complicadas e mais divertidas, que vai ser edição spot algumas dessas cores. 9. Cores e metálicos: Certo, hora da diversão, brincar com cores e texturas metálicas. Vamos nos divertir muito com esta lição enquanto exploramos. Nesta lição, vou mostrar-lhe como mudar seus padrões em paletes de dois tons. Também mostrarei como infundir texturas metálicas e em áreas selecionadas de seus padrões geométricos. Eu amo esse olhar, ele sempre se sente realmente moderno e em tendências. Por último, mostrarei como editar cores em nossos padrões perfeitos para que algumas áreas mudem de cor, enquanto outras permaneçam consistentes. Pode parecer complicado, mas prometo que é muito simples de fazer. Antes de mergulharmos, eu também estou fornecendo algumas texturas metálicas bônus para vocês baixarem e guardarem. Você pode encontrar os arquivos na guia Projetos e recursos. Quando estiver lá, no lado direito da página, você verá uma seção chamada recursos. Abaixo você pode encontrar meu arquivo zip. Clique para baixar, e você será capaz de abrir todas as minhas texturas metálicas, que eu estou dando a vocês totalmente grátis para assistir a minha aula hoje. Muito bem, vamos começar com o primeiro padrão, vamos alterar a largura da cor hoje, que é o padrão simples, conhecido como aqueles olhos malignos. Eu tenho o meu primeiro padrão que fizemos hoje puxado para cima, são aqueles olhos malignos. Este é o lugar onde deixamos os olhos malignos. Tínhamos acabado de transformá-los na marinha. O que eu quero mostrar aqui é como fazer dois tons. Quero manter a marinha como um dos meus tons e usar o verde menta como meu outro tom. Vamos apenas ir em frente e mergulhar. Vou usar a minha ferramenta de letreiro, que você pode obter pressionando M no teclado. Eu só vou passar e selecionar todos os outros globos oculares. Lembre-se que estou mantendo a tecla Shift pressionada para que eu possa selecionar mais de uma área de cada vez. Legal. Agora que tenho todos os outros olhos selecionados, vou certificar-me de que a minha camada marinha está selecionada. A mesma coisa de antes. Vou fazer o Command J no meu teclado. Realmente não parece que nada aconteceu na tela mas se você olhar para a minha paleta de camadas, você verá que uma nova camada foi criada e todos os outros olhos que eu selecionei. Neste ponto, é bem simples. Eu só vou para a tonalidade e saturação, então Comando U. Como eu mencionei antes, eu quero que este seja um verde de menta. Eu vou aumentar a leveza e alternar em torno de matiz até eu encontrar um bom verde mentolado. Ooh, eu gosto dessa. Eu poderia aumentar a saturação um pouco. Legal. Pressione Enter. Lá, nós temos. É bem simples. aqui que estávamos antes. Só estou ligando e desligando essa camada. É aqui que estamos agora. Eu realmente gosto de ter essa cor alternada. Vamos aprender a fazer outro. Certo, próximo passo, puxei meu padrão geométrico desses triângulos. O que eu quero fazer é transformar todos esses triângulos realmente escuros em uma folha metálica dourada e podemos fazer isso em alguns passos simples. Primeiro passo, vou pegar essa textura dourada e soltá-la diretamente no meu arquivo e clicar duas vezes para definir a transformação. Agora eu vou clicar nele e apenas trazê-lo bem abaixo da camada triangular nas paletas de camadas. Agora o que eu quero é que todos esses triângulos escuros sejam substituídos por esta textura metálica dourada. Para iniciar esse processo, vou puxar minha ferramenta de varinha mágica, que é W no teclado. Você também pode encontrá-lo aqui. Antes de começarmos, vamos verificar algumas coisas na barra de ferramentas superior. Vou aumentar a tolerância até 50. Quero ter certeza de que o contíguo está desligado. A razão pela qual eu quero que ele desligado é porque quando eu faço uma seleção como esta, ele está selecionando todos os triângulos, não apenas o que eu selecionei originalmente. Vou dar um zoom para ter certeza de que tenho tudo. Parece que pegou a maior parte do triângulo, mas há alguns pedacinhos por aqui que ele não agarrou. Tenho a sensação de que vão ficar um pouco mais leves. Vou pegar minha ferramenta de varinha mágica de volta. Eu vou baixar a tolerância para cerca de 20 porque eu não quero que ele selecione acidentalmente nenhuma área neste azul e, em seguida, pressionando Shift, eu vou clicar naquela pequena pepita e ter certeza que ele tem o resto do triângulo. Há um pequeno ponto à esquerda, então vou manter a tecla Shift pressionada e clicar nessa também. Legal, tem tudo. Deixe-me diminuir o zoom. Eu só quero ter certeza de que ele não pegou acidentalmente nada nesta área azul ou nesta área de hortelã. Tudo parece bom, vai diminuir o zoom. Antes de fazer uma máscara sobre esse ouro, eu só quero usar a mesma técnica que eu usei anteriormente, que é Selecionar, Modificar, Difusão, e apenas passar por um pixel. Lembre-se de que apenas desfoca ligeiramente as bordas, por isso não é um recorte tão áspero. Tudo bem. Agora vou selecionar minha textura dourada e, em seguida, aqui na parte inferior da paleta de camadas, vou clicar em Adicionar máscara de camada. Isso foi super anticlimático porque esta camada de ouro estava baixo então deixe-me ir em frente e clicar nela e arrastá-la acima de tudo o resto. Sim, estes são os nossos efeitos finais. Nós substituímos esses triângulos escuros por esta textura de ouro metálico e eu estou realmente amando esta combinação de ouro metálico misturado com este verde-azulado e hortelã. Aí está, bem simples. As máscaras de camada são uma das minhas ferramentas favoritas para usar no Photoshop. Isso lhe dá muita flexibilidade. Vá em frente e salve, e vamos fazer alguns ajustes de cor para o nosso último padrão. Está na hora do nosso último truque de magia de cor de hoje. O que eu quero fazer é marcar para editar a cor no meu padrão para que algumas cores mudem, enquanto outras áreas permanecem exatamente as mesmas. Primeiramente, vou selecionar minha camada de padrão completo e fazer uma cópia dela. Vou esconder o outro, desactivar esta camada. Eu não quero essas cores de fundo, então eu vou apenas ir em frente e excluí-lo. Isso é muito mais fresco em vibrante. Antes de editarmos certas áreas de cor, mostrarei como mudar tudo de uma só vez. Com essa camada selecionada, eu vou para o Command U para puxar para cima matiz e saturação. É muito divertido fazer experimentos. Você pode simplesmente alternar para baixo na tonalidade para ver como ela se parece quando todas as cores mudam. Eu gosto disso, parece grapefruits em filas. De qualquer forma, isso é apenas para mostrar o que é possível quando você pode mudar todas essas cores juntos. Coisas muito divertidas. Adoro a estética da onda de vapor deste. É assim que você muda a cor de toda a ilustração de uma só vez. O que eu quero fazer, é editar certas cores. Vou fazer o Comando Z para desfazer o que acabei de fazer, voltar para onde estava. Vamos usar uma técnica um pouco mais refinada para este. Vou para camada, nova camada de ajuste, matiz e saturação. Aqui você terá um pouco mais de flexibilidade. O que eu quero fazer é clicar em Mestre para alternar para baixo para todas as minhas opções e eu vou descer e selecionar todos os meus greens. Não parece que muita coisa aconteceu no quadro de arte, o que é verdade, mas olha o que acontece quando começo a mudar minha tonalidade para cima e para baixo no espectro. Você pode ver que apenas certas áreas da minha ilustração ou mudança de cor, é este cara aqui. São todas essas folhas agora que estão se transformando em roxo. Vou colocá-los muito perto de algo que pareça com a Marinha. Isso é muito bom. Eu acho que a razão pela qual os outros verdes não foram selecionados é porque eles provavelmente estão se encaixando como mais ciano. Vamos em frente e selecionar cianos agora e, em seguida, mover aqueles ao redor. Sim, foi isso. Vou encostar para o lado direito até conseguir um olhar mais marinho. Eu também vou trazer a leveza para baixo e amplificar essa saturação um pouco. Legal, adoro os resultados disso. Vou clicar na cenoura para me livrar do painel Propriedades. Incrível, então o que eu fiz foi apenas selecionar as folhas verdes e transformá-las em azul marinho. Você pode ativar e desativar essa camada e ver como era antes e depois. Estou gostando desse efeito. Porque sou muito organizado, vou mudar o nome da pasta para “Navy Leaves”. Legal e não se esqueça de salvar. Falando em salvar na próxima lição, vou mostrar a vocês muito, muito rápido, os métodos ideais de salvamento e exportação para todos esses padrões que estamos criando. Sem mais delongas, vamos começar com nossa quase última lição de hoje. 10. Salvando: Vou mostrar brevemente minhas configurações de salvamento e exportação ideais. Para isso, vou usar o arquivo PSD padrão contínuo como um exemplo. Vou clicar duas vezes para abrir. Nós já o salvamos. A maneira mais importante de salvar qualquer coisa no Photoshop, que é salvar o arquivo PSD ou Photoshop original. Isso significa que toda vez que você abre um arquivo PSD, você tem todas as suas camadas intactas aqui. Nada é achatado, tudo é preservado. Você pode voltar e editar onde quer que tenha deixado. Mas se você vai fazer upload desse padrão para um site impresso sob demanda como Society6, ou Redbubble, ou talvez você queira compartilhá-lo no Facebook ou Instagram, você não pode usar arquivos PSD para isso. Para isso, JPEG é geralmente melhor. Vá para Arquivo, Salvar como e ative para baixo para JPEG e pressione “Salvar”. Sou super exigente com a qualidade e a resolução do meu arquivo. Eu geralmente quero ir para o máximo absoluto, que é 12. Vá em frente e aperte “Ok”. Vou te mostrar o que isso parece aqui. Agora, eu tenho dois arquivos. Eles são muito parecidos, mas quando você abre o JPEG, veja isso aqui na paleta Camadas. Tudo é achatado e você perdeu a capacidade de editar qualquer um dos seus elementos individuais. Lembre-se de que, ao salvar como JPEG, você perde todos esses recursos de edição. É literalmente apenas um arquivo achatado. Todas as suas camadas desapareceram. Vou fechar este e voltar para o meu arquivo do Photoshop. Há outro tipo de arquivo que eu acho que é muito importante para aprender e aqueles são PNGs transparentes. O que isso significa é um fundo completamente transparente. Se eu for em frente e desativar minha camada de plano de fundo, você verá essa área com grade no Photoshop. Isso basicamente significa que é transparente, não há nada por trás. Para salvar este, vou para Arquivo, Salvar como e selecionar PNG, pressione “Salvar”. Apenas um aviso sobre isso, porque nossos tamanhos de arquivo são bem grandes, 10.000 pixels por 10.000 pixels a 300 DPI. Meu Deus, vocês já estão cansados de me ouvir dizer isso? De qualquer forma, como nossas dimensões são tão grandes em nossos arquivos, ele vai fazer alguns tamanhos bem grandes de arquivos. Vou te mostrar o que quero dizer. Sim, este PNG transparente, este filhote tem pouco mais de 48 megs, o que é um arquivo bem grande. mim, prefiro que meu arquivo seja grande demais, mas não grande o suficiente, porque você sempre pode reduzir as coisas para caber se precisar. Mas você não pode aumentar a escala sem que ele fique embaçado e perca essa resolução. Se você quiser tornar o tamanho do seu arquivo um pouco menor, por exemplo, se você quiser compartilhá-lo no Instagram, ele realmente não precisa ser tão grande. Vou abrir meu JPEG e ir para Image, Image Size, e vou reduzir isso para 15 por 15 polegadas a 150 PPI. Você pode ver o quanto menor ficou. Você não pode realmente dizer na tela agora até eu começar ampliar e você ver a desfocagem dessas bordas. Mas novamente, eu estou salvando este para o Instagram, então o tamanho do arquivo é realmente muito perfeito. Eu vou para Arquivo, Salvar como padrão contínuo e eu vou chamar este um LowRes. Assim me lembro que é uma versão menor. Pressione “Salvar”, e eu posso ir em frente e fechá-lo. Sim, a coisa mais importante a lembrar aqui é sempre manter o arquivo de trabalho do Photoshop intacto. Porque você nunca sabe quando você pode precisar abrir este bebê novamente e fazer alguns ajustes e re-salvar. Agora que você sabe os prós e contras de salvar e exportar, eu tenho mais uma coisa para compartilhar com você. É assim que ganho a vida vendendo os meus padrões. 11. Ganhe dinheiro com o Licenciamento de arte: Se você está assistindo isso, parabéns por fazer isso até os fins e boa decisão porque eu guardei os melhores nuggets de informação para agora. Eu não faço apenas padrões por diversão, eu realmente construí minha carreira com isso. Licencio meus projetos de superfície, obras e ilustrações para empresas que transformam meus designs em produtos que eles vendem para seus clientes. Eu recebo uma porcentagem de vendas, que são chamadas de royalties. É assim que ganho a vida, e é como posso viajar por todo o mundo trabalhando como eu vou. Agora estou em um [inaudível] em Tbilisi, Geórgia, na Europa Oriental. Estarei aqui por um mês trabalhando no meu laptop e saindo com amigos. Depois disso, ou vou para Itália ou Polônia, mas ainda não reduzi isso. A questão é que é graças ao licenciamento de arte que me dá esse estilo de vida. Inicialmente entrei no licenciamento de arte em 2014 com uma empresa chamada Society6. Society6 é uma loja online onde você pode comprar capas de telefone da moda, itens de decoração de casa, roupas e muito mais. A parte legal é que todos os seus produtos são projetados por artistas de todo o mundo. Então, quando uma capa de telefone vende com meu design, eu recebo uma parte dessas vendas. Ao longo dos anos, vendi apenas um tímido de 100.000 produtos através da Society6. Muitos desses são produtos com meus projetos de superfície neles, como o que fizemos na aula de hoje. Há um monte de sites impressos sob demanda lá fora, assim como Society6. É muito simples montar uma loja com qualquer um deles, Society6, Redbubble, Spoonflower, Zazzle, Design By Humans, Threadless, Fine Art America, há muitas opções. Tenho uma turma inteira dedicada a este tópico. Nele, eu explico tudo o que sei sobre ganhar renda através de impressão sob demanda e licenciamento de arte. Sinta-se à vontade para conferir se estiver interessado em aprender mais. É chamado de guia passo-a-passo para licenciamento de arte. Venda a sua primeira peça de arte online. Confira aqui com este link que eu também listado na descrição da classe abaixo. Tudo bem, espero que tenha aprendido muito hoje. Muito obrigado por se matricular na minha turma. Se você tiver alguma dúvida ou comentário, você pode colocá-los abaixo na discussão da aula. Você pode me seguir no Instagram e em todas as outras formas de mídia social @catcoq. Não se esqueça de me seguir em [inaudível] clicando no botão Seguir acima. Tudo bem, cuide-se e verei vocês na próxima aula.