Padrões perfeitos no Photoshop: um guia para iniciantes

1. Introdução: Os padrões são ótimos, especialmente usados na arte digital. Você pode usar padrões como fundo para a arte digital, você pode usá-lo para criar textura, você também pode usar padrões para reforçar sua marca. Criar padrões no Photoshop é divertido e fácil também. Quanto mais padrões você fizer, maior será a sua biblioteca de padrões que você pode usar em todos os seus futuros projetos de arte digital no Photoshop. Oi lá. Sou Sam Concklin. Eu sou um artista digital, e eu animo e desenho quadrinhos. Eu basicamente faço muita arte digital no Photoshop. Nesta aula, eu vou estar ensinando meus métodos de criar um padrão completamente do zero. Se você é um iniciante completo, tudo bem. Vou guiá-lo através da configuração do documento, desenho do padrão, e depois aplicá-lo em uma obra de arte. Nesta aula, vamos falar sobre como criar quadros de damas, palavras, rabiscos e tábuas de madeira. No final da aula, eu vou fazer um projeto executado. Vou guiá-lo através dos passos que você precisa para criar uma peça de arte digital usando padrões. É super fácil e rápido, então definitivamente fique por perto para isso. Esta classe é mais adequada para iniciantes. Se você nunca tocou no Photoshop, não se preocupe, eu te peguei. Se você está familiarizado com o Photoshop, mas nunca usou padrões antes, isso também é ótimo. Se você está familiarizado com padrões, mas você não tocou nele há um tempo, esta classe será uma ótima avaliação para você também. Tudo que você precisa para começar é um Photoshop e, de preferência, um tablet de desenho, que usarei ao longo das lições enquanto desenho os diferentes padrões. Pronto para começar? Incrível. Isso está criando padrões perfeitos no Photoshop. Estou ansioso para vê-lo na minha aula. 2. Configuração do documento: Como acontece com qualquer projeto do Photoshop, o primeiro passo que vamos dar aqui é criar um novo documento. Eu gosto de fazer o processo de configuração de documentos para cada aula que eu leciono só porque, caso você seja novo no Photoshop, eu posso orientá-lo. Apanhei-te. Vamos criar um novo. Há muitas opções aqui, mas o que vamos nos concentrar principalmente são os pixels aqui. Queremos a largura e a altura. Vai ser a largura e a altura da tua Canvas. Queremos que eles sejam medidos em pixels, e queremos que o número de pixels seja duas coisas. Queremos que seja um grande número, e queremos que seja divisível por quatro. Agora, eu vou te ensinar em uma lição mais tarde porque é importante que ele seja divisível por quatro ou dois. Mas vamos colocar 1200 por 1200 pixels. A resolução de 72 é muito boa, e a cor RGB é muito boa para nós também. Com isso, vamos criar o nosso Canvas. 3. O que são padrões?: Com isso, a primeira coisa que vamos fazer antes mesmo de falar sobre como fazer um padrão é o que é mesmo um padrão no Photoshop? Um padrão no Photoshop é uma imagem repetida, um retângulo de repetição basicamente que exibe peças mais, e mais, e mais apenas para criar um padrão atrás de uma obra de arte ou para dar textura a algo. Essas são algumas aplicações diferentes de padrões. Deixa-me mostrar-te do que estou a falar. Vamos criar uma nova camada aqui em baixo. Nós vamos subir aqui para ajudar, vamos digitar o padrão, que eu fiz antes, ele automaticamente preenchido aqui. Temos o padrão e as três opções no menu. Há Padrão Definido; há Estilo de Camada, Sobreposição de Padrão; e há Nova Camada de Preenchimento, Padrão. Vamos escolher essa. Se você já tem um padrão que você gostaria de usar, você pode selecionar “Nova camada de preenchimento, padrão”, e nós vamos dizer, ok e ele vai preencher a tela com um dos padrões que você tem em sua biblioteca. Para abrir sua biblioteca de padrões, ela automaticamente vai puxar esta janela aqui. Vou clicar nesta seta para baixo. Você pode realmente clicar aqui para alternar entre diferentes padrões. Agora, estes são padrões diferentes que eu fiz no passado. Alguns deles são maiores, alguns deles são menores, isso é apenas baseado no tamanho da tela que você começa com. Você não vai ter tudo isso porque estes são aqueles que eu fiz e coloquei aqui, mas você pode ter alguns para começar que são apenas padrão com o Photoshop, incluindo esta linha diagonal na grade aqui. Temos algumas bolinhas. Estes são muito pequenos. Presumo que sejam feitos para impressão para arte em preto e branco se você quiser preencher algo, mas você não quer que seja cinza, você quer que seja uma mistura de preto e branco. Isso é apenas o meu palpite, mas eu pessoalmente não usaria estes porque para o meu gosto, eles são muito, muito pequenos, eles são muito apertados. Se você queria mudar a escala disso, digamos que queremos ir com isso, você mal pode ver que é uma grade. Mas vamos mudar a escala aqui. Este é o tamanho real do padrão com o qual você está trabalhando. Se você for maior, há um problema. Se formos maiores, maiores, maiores, até 1.000 por cento, se você olhar aqui, a grade parece muito confusa. Isso é porque no Photoshop, você nunca vai querer ir maior. Você quer criar algo grande que você é capaz de tornar menor porque se você pegar algo pequeno no Photoshop e tentar torná-lo maior, você vai perder alguma qualidade para a imagem. Vai parecer confuso, vai parecer ruim. Nós não queremos isso. Mas por alguma razão, digamos que quiséssemos usar esse padrão. Vou dizer: “Temos o nosso padrão aqui.” Agora, se apertarmos V para a ferramenta de movimentação e tivermos essa camada selecionada, podemos pegar a grade, e podemos movê-la, o que é muito legal. Se você tem um padrão que não é uma grade, você tem algo um pouco mais complexo e você quer ajustá-lo para que seja apenas certo, isso é ótimo porque não importa o quanto você movê-lo, o padrão sempre estará lá. É um padrão perfeitamente repetido que sempre parecerá o mesmo. Esse é o nosso objetivo com esta classe. Vou ensinar-vos a fazer um padrão a partir do zero que, assim como este, se repete perfeitamente. Ele tesselates, se você quiser. Voltando para a aula de geometria lá. Temos um padrão e isso é ótimo. Por que iríamos querer usá-lo? Qual é o ponto dos padrões, afinal? Bem, digamos que você queira desenhar alguma coisa. Vou desenhar um belo coração aqui. Como podem ver, criei uma nova camada, e coloquei esta aqui em cima. Então, podemos mover isso ainda se quisermos. Podemos até diminuir a opacidade e boom, temos um coração, e então temos um pano de fundo que o elogia. Há um pouco de diferença aí. Há um contraste entre o que você desenhou e o que está no fundo. Essa é provavelmente a minha maneira favorita de usar um padrão é como pano de fundo para qualquer arte que eu estou desenhando em cima. É muito mais interessante visualmente do que ter o coração sozinho. Padrões são ótimos. Eles são incríveis. Vamos começar. Vou mostrar-vos, vamos fazer o nosso primeiro padrão. 4. Trabalhando com Grids: Vamos desligar a visibilidade desta camada. Vamos clicar no globo ocular aqui só para desligar isso e vamos criar o nosso primeiro padrão. Vou clicar no botão “Pasta” aqui para criar uma pasta para nossas camadas no painel de camadas aqui. Vamos clicar duas vezes nele e chamá-lo de xadrez. Vou colocar todas as coisas do tabuleiro de xadrez dentro desta pasta. Nosso primeiro padrão vai ser um padrão de xadrez porque eu acredito que ele mostra como padrões funcionam melhor, então vamos fazê-lo. A primeira coisa que vamos fazer é criar uma grade. Agora, certifique-se de ir até aqui e verificar se sua tela é grande. Se você seguiu meu exemplo, ele vai ser 1.200 por 1.200 pixels, mas se você não tem certeza de quão grande é sua grade, você pode realmente descer aqui, clicar neste documento, pouca informação aqui. Clique e mantenha pressionado e ele dirá qual é a largura, qual é a altura e algumas outras informações. Na verdade, o meu é 1.200 por 1.200 pixels, e isso é ótimo. Eu pessoalmente quero pegar toda essa grade e eu quero dividi-la em quatro quadrados como este. Isso seria basicamente dividi-lo pela metade desta maneira e então dividi-lo pela metade desta maneira. Uma vez que a coisa toda é 1.200 pixels, metade será 600 pixels. Vamos fazer exatamente isso. O que estou fazendo aqui é que vamos criar um guia para todos os nossos padrões que vamos fazer usando a grade. Vamos para a parte “Ajuda”, digite G-R-I-D para grade. Vamos ao “Show Grid”. Perfeito. O meu já parece bom assim, mas caso o seu pareça um pouco diferente, vamos mudar as opções de grade e certificar-nos de que ele está definido e parece exatamente como queremos que ele fique. Vamos fazer Preferências, Guias, Grade e Fatias. Agora aqui temos todos os tipos de opções. Estamos preocupados principalmente com a opção de grade. Você pode escolher a cor que quiser. Eu prefiro algo mais brilhante, então eu gosto de magenta porque ele simplesmente sai do que eu estou fazendo. Aqui diz Gridline a cada quantos pixels. O padrão da mina é 300 pixels. Há um limite aqui, você pode realmente torná-lo 1.200 pixels. Você vê que isso é a cada 120, se eu adicionar outro zero, o programa não se importa. Há um limite de quão grande essas linhas de grade podem ser. Já que o meu é 1.200, vamos tentar 600. É como eu disse antes, 600 dividirão a coisa toda em quatro quadrantes, que é exatamente o que queremos para o nosso tabuleiro de xadrez. Siga este exemplo aqui. Se o seu número não é 1.200 basta dividir o número que você escolheu por dois e assumindo que é um quadrado, ele vai dividi-lo em metade, como uma janela, como esta. Este é o nosso guia. Você verá que não há camada extra aqui. Isso é apenas algo que o Photoshop coloca no topo para que, enquanto estiver trabalhando, você possa ver o que estiver desenhando linhas com a grade. Quando você exporta sua arte ou quando você salva algo, ela não terá a grade em cima dela. Este é apenas um guia para usarmos, pois estamos trabalhando apenas para referência. Vamos criar nosso tabuleiro de xadrez. 5. Desenhe o Checkerboard: Eu tenho minha pasta Checkerboard selecionada aqui e eu vou clicar em “Criar Nova Camada”, e nós temos uma nova camada aqui, completamente vazia. Vamos escolher a ferramenta Balde de Pintura aqui, ou você pode pressionar G para puxar isso para cima. Eu só vou clicar e ele vai preencher toda a tela com preto, ou qualquer cor que você selecionou aqui em cores. Para todos esses, eu vou trabalhar com preto, é simples, é mais universal para que possamos seguir em frente e continuar com isso. Agora, algo interessante é que se fizermos um padrão com isso, todo o padrão será preto. Só vai ser uma cor preta. Não vai haver nada nisso, porque é o que vemos na tela. Vamos pegar essa camada que está selecionada. Vamos pressionar V e nós realmente vamos encolher, então ele ocupa apenas este quadrado aqui. Vamos pegar este canto aqui embaixo, e movê-lo para cima, e vamos movê-lo para cima até que ele quase estale. Se ele não se encaixar, vamos subir para ajudar, grade e certificar-nos de que Encaixar à Grade tem uma marca de seleção ao lado dele. Veja como camadas e limites de documentos de uma marca de seleção? Queremos que a grade também tenha uma marca de seleção. Vamos clicar nisso, e agora à medida que o arrastamos, ele deve encaixar direito a ele. Se ainda não acontecer, o que eu estou fazendo aqui é que eu estou segurando Shift pressionado, e shift é uma ótima maneira de relaxar o equilíbrio para que ele não tenha mais que ser um quadrado, mas manter a tecla Shift pressionada também permite que algo se encaixe. À medida que o movemos, ele se encaixa para aquele lado e se encaixa para este lado e isso é perfeito. Agora, se fizéssemos um padrão como este, quero que adivinhem como isso seria. Vamos criar um novo padrão e apenas praticar. Então ajude-me. Nós estamos indo para ir para Padrão, Definir Padrão, e nós vamos dizer Checkerboard 1. Agora, vamos criar uma nova camada, e vamos verificar como esse padrão xadrez vai se parecer. Ajuda, Novo padrão de camada de preenchimento. Vamos aplicar o padrão que acabamos de criar com Definir Padrão, e em escala, isso é 100%, porque esse é o tamanho exato que acabamos de criar. Vamos torná-lo maior, e enche a coisa toda. Vamos torná-lo menor. Veja como o padrão, nós só colocamos o quadrado preto em um canto, mas nós não colocamos no outro. Temos este padrão de tecelagem cesta. Isso é ótimo, mas não é um tabuleiro de xadrez. Vamos tentar de novo. Vamos desligar este padrão que temos lá, e temos apenas este quadrado e desta forma, vamos duplicar este padrão aqui. Vamos duplicar esta camada, selecionando-a, pressionando Copiar e depois Colar. Ele vai colá-lo no centro, e vamos mover isso aqui para baixo para que ele se encaixe, e boom, nós temos essa telha incrível. Agora isto, se fizermos um padrão deste, este será um tabuleiro de xadrez. Vamos fazer isso mais uma vez, fazer outro padrão. Ajuda, Padrão, Definir Padrão. Este vai ser Checkerboard número 2. Esse é o nome padrão. Vamos criar uma nova camada e testar isso para ver como nosso tabuleiro de xadrez se parece. Novo padrão da camada de preenchimento. Agora vamos torná-lo menor e ver como ele se parece. Incrível. Temos um padrão de xadrez. Lanchonete muito dos anos 50. Eu adoro isso. Agora temos o nosso padrão de xadrez e você tem os conceitos básicos de como os padrões funcionam. Basicamente, tudo o que estamos fazendo é desenhar algo nesta tela, dizendo ao Photoshop, “Ei, defina encontrar Você vê essas coisas, faça com que seja um padrão, e então boom, é um padrão, você pode nomeá-lo você mesmo e você adicioná-lo ao seu arsenal de diferentes padrões com os quais você pode trabalhar. Se você verificar aqui, eu estou apenas clicando duas vezes nesta imagem padrão aqui. Você pode clicar para baixo e você pode ver ambos os padrões que ele acabou de fazer são contabilizados aqui mesmo. Lindo. Esse é o seu primeiro padrão. A próxima lição, vamos levar um pouco para cima. Vou te mostrar como desenhar seus próprios rabiscos e ter um lindo padrão de rabiscos que você fez sozinho. 6. Doodles na Grid: A rabiscar na grelha. Esta é provavelmente uma das minhas maneiras favoritas de fazer um padrão, porque é tão aberto. Há estrutura lá, mas é uma coisa muito fácil de se fazer. Eu vou fazer aqui é criar uma nova pasta aqui, eu vou chamar isso de “Doodles”. Nós vamos criar uma nova camada aqui, então nesta camada, eu vou estar desenhando meu próprio padrão. Pode ser o que quiser. Para mim, sinto-me inspirado a desenhar cães e gatos, por isso vamos fazer isso. O que vamos fazer é basicamente desenhar algo em cada um desses quadrados, então, quando criarmos um padrão, essas imagens serão repetidas por todo o lado, então vamos fazê-lo. Vamos editar, desfazer tudo isso. Se você viu meu pincel que eu estou usando agora, é na verdade este grande selo velho aqui. Eu mesmo fiz este pincel. Se você ampliar de perto, você pode ver todas as maneiras diferentes que eu rabisquei aqui. Se você está interessado em aprender a fazer seus próprios pincéis, deixe-me saber, estou definitivamente interessado. Estou fazendo disso uma aula, porque os pincéis, assim como os padrões, são super versáteis e super divertidos. Como eu disse, vou desenhar um tema de cães e gatos. Você pode desenhar o que quiser em seus quatro quadrados, desde que o que você desenhar esteja centrado em cada quadrado, e não toque nas bordas. Você não quer nada para tocar nas bordas enquanto você está desenhando isso. Vamos fazer isso. Você pode ver aqui eu tenho todos os meus rabiscos aqui, eles estão todos na mesma camada, não se preocupe. Mas uma coisa que eu notei é que eu desenhei esta pata, aqui em cima no canto superior direito, eu desenhei um pouco fora do centro, então eu realmente vou mover isso. Vamos para a “Ferramenta de Laço”. Você pode selecionar “L”. Existem diferentes tipos de ferramentas Laço. Eu só vou usar o clássico aqui, e no meu tablet de desenho. Com esta camada selecionada, vou dar a volta por aqui, pressionar “V”, e movê-la para baixo. Se você descobriu enquanto desenha que está muito perto de uma linha de grade, e ela está ajustando a ela, você pode ir em frente e ir para “Ajuda”, e “Grade”, e desmarcar “Ajustar à grade”. Isso é algo que às vezes mexe com o que você está tentando desenhar aqui. Eu só vou apagar isso. Apenas no caso de algum de vocês se deparar com isso, esteja ciente de se seu Snap to Grid está ativado ou desativado. Então, eu estou realmente indo para circular este aqui, e mover esta parte também. Lindo. Eu tenho minha bela arte aqui, animais perfeitos, lindamente simétricos olhando, vamos em frente e transformar isso em um padrão. Agora, a primeira coisa antes de realmente fazer isso, o padrão que fizemos até agora era preto e branco, mas se você quisesse usar um padrão que tem transparência, nós podemos realmente desativar essa camada de fundo, e vamos criar um padrão fora disso. “ Padrão”, “Definir Padrão”, “Gatos e Cães 1". Agora, vamos desligar a visibilidade para isso, e vamos criar uma nova camada, e preencher a camada com o padrão de gatos e cães que acabamos de fazer. Vire o tamanho, não muito pequeno, temos este padrão adorável que tem gatos, cães e patas estampas por todo o lado, e é super doce. Eu não sei quanto a você, mas eu amo isso. Eu acho que é fofo. Isso seria ótimo para, se você estiver criando arte e quiser ter um papel de parede no fundo, ou se você quiser apenas alguma textura na parte de trás da sua arte, isso seria ótimo. 7. Noções básicas para colorir: Mais uma coisa sobre este padrão é talvez você queira colorir a coisa toda. Uma maneira fácil de fazer isso seria selecionar tudo, inverter essa seleção para que nós estamos selecionando o interior, e depois colorir. Deixa-me mostrar-te exactamente do que estou a falar. Vamos pressionar W para uma ferramenta, e certifique-se de que esta camada está selecionada. Vamos clicar no lado de fora aqui. Veja, há essas pequenas linhas em ziguezague classificadas em torno das linhas pretas que desenhamos. Mas se fôssemos colorir isso, há uma coisa técnica que acontece. Se fôssemos colorir isso, ele também iria colorir nessas áreas de cinza claro, porque o Photoshop, embora seja um programa incrível, não é super perfeito para determinar as bordas entre o que está lá e o que não está. Vamos selecionar, modificar, vamos expandir nossa seleção em torno de quatro pixels, digamos. Vamos fazer mais uma coisa, vamos selecionar “Inverse”. Agora, em vez do lado de fora, o interior é selecionado. Nós vamos colorir o interior deles, e boom, eles estão todos coloridos. Agora que temos todos esses caras coloridos, vamos criar um novo padrão com esses caras, porque o anterior, não era colorido, este é. Vamos fazer Define Pattern, gatos e cães também. Vamos desligar estes. Vamos criar um novo padrão aqui, Novo padrão de camada de preenchimento. Vamos baixar essa escala. Bonito, estes gatos e cães são todos coloridos. Só para fazê-los estourar um pouco mais, podemos criar uma camada aqui embaixo, colorir. Isso é muito brilhante. Podemos ver que esses caras são coloridos, e eles estão pulando, e parece ótimo. A próxima coisa que vamos aprender é trabalhar com cantos, então fique por perto para a próxima lição. 8. Trabalho com cantos: Vamos aumentar as coisas um pouco. Vamos criar uma nova pasta aqui. Vamos chamar este de “Corners”. Vamos criar algo que se repete nos cantos. Vamos fazer algo celestial temático. Eu vou ter certeza que eu tenho preto selecionado aqui, B para escova. Estou pronto para desenhar. Incrível. Digamos que eu queria criar algo em vez de ter arte aqui e aqui. Se eu quisesse ter uma pequena peça de arte repetindo nos cantos, você teria uma parte aqui, uma parte aqui, uma aqui e outra aqui. Vamos criar um padrão com isso muito rápido e ver como isso se parece. “ Ajuda”, “Padrão”, “Definir Padrão”. Vamos chamar isso de Teste de Canto Celestial, só para funzies. Vamos criar uma nova camada aqui. Mais uma vez, crie um padrão com isso. Vamos ver o que parece. Se você olhar aqui e ver que há uma forma estranha entre o sol e a lua, esses são na verdade os quatro cantos que eu desenhei. Como você vê, eles não se alinham corretamente. Se este é o olhar que você quer, glitchy, está perfeitamente bem. Mas, para a maioria das obras de arte, você vai querer ainda mais controle sobre ela. Desenhar você mesmo nos cantos, provavelmente não é a melhor idéia. Mas, se quisesses utilizar esquinas, vou ensinar-te, vamos fazê-lo. O primeiro passo é criarmos nossa nova camada aqui. Vou desenhar uma forma, uma lua. É uma lua muito em forma de C. Vamos fazer algo assim. Legal. Lá vamos nós, temos uma forma de lua aqui. Vou movê-lo para o centro aqui. Isso é simplesmente bom. A primeira coisa que queremos fazer é pegar esta lua e vamos movê-la todo o caminho para o lado aqui. Isso não tem que ser exato, isso pode apenas parecer como você quiser que ele pareça. O próximo passo, que é muito crucial, é que vamos pegar essa camada, arrastá-la para baixo para a nova camada, e isso irá duplicar a camada para que ela esteja exatamente no topo da camada da qual foi copiada. Normalmente, se você copiar e colar, ele não faz isso. Certifique-se de selecionar essa camada e arrastá-la para baixo até “Criar nova camada” para duplicá-la. Agora, vamos fazer um pouco de magia matemática com o Photoshop aqui. Vamos selecionar o canto aqui, vamos ter uma dessas camadas selecionada. Clique no canto. Atualmente está localizado em zero e 600 pixels. O que isso significa? Bem, se medirmos a localização desta obra de arte a partir do canto superior, seria zero pixels para a direita e 600 pixels para baixo. Se quisermos mover isto para a direita, o X aumenta. Mas a questão é, quanto queremos que o X aumente? Neste exemplo, é muito fácil. Queremos movê-lo mais de 1.200 pixels. Boom, perfeito. Vou dizer-te agora, se fizermos um padrão disto, teríamos uma lua a repetir-se perfeitamente. Isso é como garantir que seu padrão pode perfeitamente tessellate, sem sobreposições estranhas, sem arte perdida, essa coisa. Mas vamos colocá-lo no canto. Vamos selecionar os dois, movê-los para aqui em algum lugar. Vamos fazer o mesmo que fizemos com os dois selecionados. Vamos arrastá-los para baixo para criar uma nova camada, movê-los para cá. Mas a coisa é que não sabemos exatamente até onde movê-los. Vamos fazer o que fizemos antes. Agora que temos esses caras duplicados, vamos clicar em um canto para puxar essas coordenadas. Agora, o X está bem. Isso é 600 pixels, isso significa que entre esses dois objetos, o centro está bem no meio aqui, 600, porque temos 0, 600, 1.200. Está no meio. Mas o Y está a 28 negativo, que significa que está um pouco acima aqui. Agora, você poderia fazer algumas contas. Você pode dizer, bem, é 1.200 pixels de altura, menos 28 é este novo número. Mas a maneira mais fácil de fazer isso, o programa fazer as contas por você. Temos 28 pixels negativos. Sabemos que queremos movê-lo para baixo exatamente 1.200 pixels na direção Y. Vamos fazer mais 1.200 pixels e boom, é perfeitamente colocado lá no centro. Agora, se eu criasse um padrão com o cara, Apenas a Lua “é o nome desse padrão. Vamos criá-lo. Vamos desligar esses caras. Vamos dar uma olhada em como este padrão lunar parece. Escala a 100, parece que sim. Vamos abaixar, e a lua é perfeita. Funciona porque a nossa obra de arte que desenhamos é perfeitamente idêntica e cada parte está a 1.200 pixels de distância das outras partes. Vamos terminar esta obra de arte. Vamos desenhar um sol no centro. Isto não tem de ser perfeito. Eu só vou fazer isso. Desenhe algumas linhas aqui, divirta-se um pouco. Sinta-se livre para desenhar o que quiser. Você poderia fazer sóis e luas, você poderia fazer mais gatos e cães, você poderia fazer plantas, qualquer que seja a sua fantasia. Eu também vou desenhar algumas estrelas só para dar alguma personalidade a isso. Temos algumas estrelas, temos um sol, temos uma lua. Super fofo, adorei. Você pode adicionar o que quiser a isso. Mais uma vez, desde que estes não toquem nos cantos, porque se tocarem nos cantos ou nas paredes, teríamos de nos certificar de que se repete do outro lado. Este padrão vai ser Celestial Repetir. Você sabe o que fazer, vamos desligar a visibilidade para esses caras. Vamos testar este padrão. Veja como parece. Parece super fofo. Como fica quando é menor? Brilhante. Eu adoro isso. É super fofo. Isto é super doce. Outra coisa a observar quando você está fazendo padrões é que você pode testar as coisas tornando-as menores. Se você notar aqui, talvez haja alguns pontos que poderiam usar mais algumas estrelas, apenas algo para preenchê-lo. Pode anotar isso. Então, quando você voltar e editar sua obra de arte aqui para o seu padrão, você poderia realmente adicionar essas estrelas e então isso vai ficar muito bem. Vá em frente e faça isso. Faça sua arte parecer exatamente como ela parece. É assim que funciona com bordas e cantos no Photoshop. Essa é basicamente a maior lição. Essa é basicamente a parte mais difícil de tudo isso; é certificar-se de que seus padrões se repetem perfeitamente e que eles tesselate e não há linhas funky e tudo mais. Você fez isso. superamos a parte difícil. Já que estamos no meio do caminho, vou apenas fazer um pequeno grito para agradecer a todos que estão deixando nossas opiniões para minhas aulas anteriores. Esta é a minha terceira classe em Skillshare. Estou começando a pegar o jeito das coisas aqui. Mas, se há algo que eu estou fazendo que você gostaria de ver mais ou se você tem alguma dica ou idéia para coisas que eu poderia fazer de forma diferente no futuro, eu realmente apreciaria se você deixasse um comentário e me dissesse o que você acha. 9. Padrões com palavras: Neste ponto, já sabemos como usar cantos, como usar paredes, e tudo assim, por exemplo, o que desenharmos aqui tem que reaparecer aqui. É assim que os padrões funcionam. Vamos aplicar esse conhecimento à nossa próxima lição. Nesta lição, vamos falar sobre como fazer um padrão com palavras ou frases. Adoro trabalhar com isto. Acho que é super divertido, mas há uma coisa que precisamos fazer antes de começarmos. Vamos ajustar a nossa grelha. Como você sabe, para chegar à nossa grade, vamos até “Ajuda”, digite “Grid”. Vamos para “Preferências”, “Guias, Grades e Fatias”, todas essas coisas boas. Vou cortar isto ao meio. Em vez de ter uma linha de grade a cada 600 pixels, teremos uma linha de grade a cada 300 pixels. Outra coisa que eu poderia fazer, que seria essencialmente a mesma, seria a cada 600, mas depois ter mais subdivisões, subdivisões de duas. Como você pode ver o que isso criou, nós temos os principais quadrantes e então nós temos os quadrantes menores aqui também. Se você quisesse mais, você poderia digitar três, você pode digitar 36, bem, quantos você quiser. Vamos com 600 pixels e duas subdivisões. Clique em “Ok”. Vamos usar essas subdivisões aqui como um guia enquanto desenhamos algumas palavras. Se isso for difícil de ver, podemos ativar nossa visibilidade de fundo agora mesmo. Então é assim que eu normalmente trabalho. Eu normalmente tenho as linhas de grade aqui quando eu estou trabalhando com eles e há muito mais fácil de ver com o fundo aqui. Depois, quando terminar, desligo a visibilidade. Portanto, você tem mais transparência, esse tipo de coisa. Chega de semântica, vamos desenhar um padrão usando palavras. Vamos escolher um tema. Para o meu tema, eu só vou escrever meu nome para que eu possa usá-lo em meus vídeos futuros. Eu gosto de escolher uma palavra ou uma frase que você acredita em sua caligrafia vai caber bem dentro de um bloco como este. Ou você poderia ter algo dentro de um bloco de três e então ter um coração. Basicamente, o que nós vamos fazer é escrever algo assim e então nós vamos ter que mudar para cá. Vamos ter outra versão que muda por aqui. Então, para o último, fique assim. Basicamente você tem 1, 2, 3, 4 e, em seguida, 1 , 2, 3, 4 e 1, 2. Basicamente recriando este padrão onde você tem palavras e eles mudam suas posições de onde eles estão para que quando você zoom out você tem um padrão diagonal indo. Se isso não faz sentido, aguente firme. Vou mostrar-te exactamente o que quero dizer. Vamos desligar essa visibilidade. Vamos começar a escrever nossas palavras. Minha alça é @SAMCONCKLIN, então vou escrever isso aqui. Eu estou realmente indo para diminuir o tamanho do meu pincel aqui batendo o colchete esquerdo @, certifique-se de que parece tão bom e limpo como você gosta, @SAMCONCKLIN, de modo que realmente tocou a borda um pouco, então eu vou corrigir isso muito rápido. Apague esse pouco aí, e parece-me muito bom. Hora de fazer o próximo. Eu vou desenhar isso em uma nova camada, só para que nós tenhamos escrito bem, e este vamos fazer algo semelhante ao que fizemos com as luas. Vamos movê-lo até que seja sobre, temos esta praça aberta aqui. Vamos duplicar essa camada aqui em baixo. Clique no canto para obter esses números aqui. Como estamos movendo-o horizontalmente para a direita, vamos editar o x. Mantenha o que estiver lá, menos é 307 mais 1200 para movê-lo para a direita. Agora, esta parte vai se repetir perfeitamente, e isso é bom. Vamos em frente e desenhar os outros e fazer a mesma coisa, @SAMCONCKLIN. Este aqui, mais uma vez, nós vamos movê-lo para cima. Vamos duplicar aqui em baixo, clicar no “Canto” e depois o x mais 1200, a largura da nossa tela aqui. Se você não gosta do jeito que isso parece, se quisermos alinhar um pouco diferente, podemos realmente selecionar ambos. Não importa o quanto para a esquerda ou para a direita você movê-lo, ele sempre repetirá perfeitamente o padrão, o que é super bom saber. Por exemplo, se eu quiser que a arte acabe um pouco mais, eu posso fazer isso. Vou deixá-la assim e depois passaremos para a final. Vamos pegar isso e movê-lo para que o L-I-N esteja todo o caminho. Nós vamos duplicar isso, e então movê-lo sobre 2 mais 1200 pixels, e lá vamos nós. Meu nome está escrito aqui e se você quiser fazer menos mudanças, você pode. Eu gosto de ficar cauteloso de quanto espaço há entre essas linhas de grade. Eles são um guia maravilhoso. Eu vejo que isso era muito maior, este é um pouco menor, então eu vou realmente mover estes aqui para cima e, em seguida, mover o terceiro aqui também para que as coisas sejam espaçadas um pouco mais uniformemente. Como vocês sabem, o verdadeiro teste para isso é que nós deveríamos pegar isso e apenas criar um padrão e dar uma olhada, ver como tudo se desenha. “ Padrão”, vamos definir este padrão @SAMCONCKLIN, colocá-lo em todas as maiúsculas apenas para fantasias, @SAMCONCKLIN. Desligue a visibilidade para aqueles caras. Vamos fazer esse padrão e ver como ele fica quando é menor. Impressionante, eu gosto do jeito que isso parece. Eu gosto muito. Você pode até ver o símbolo at tem esse tipo de cascata ângulo de 45 graus indo para baixo, o que é muito divertido. Na verdade, fiz um destes antes com a minha outra alça, bem não o meu punho, mas eu fiz @SAMC. Eu coloquei isso no fundo com algumas das minhas outras coisas. Este também foi super divertido. Este, como você pode ver, é muito mais curto e menor. 10. Como ajustar padrões: Eu acho que há um espaço aqui que poderia ser preenchido um pouco melhor, então eu vou realmente ir em frente e editar isso. Descobri que havia muito espaço aqui entre esse cara e esse cara. Na verdade, vou mover o fundo o mais baixo que puder para remediar isso. Mova um pouco mais para baixo. Queremos, visualmente, o espaço entre estes, espaço entre aqui e aqui, e aqui, seja quase o mesmo. Vamos mover esses caras para baixo só um toque. Isso deveria ser melhor. Vamos criar um novo padrão com isso e ver se fica melhor. Desligue isso. Novo padrão, torná-lo menor. Isso é super minúsculo. Eu acho que parece muito melhor e eu adoro isso. Eu até amo que tenha aquele pequeno pop de pateta Sam Concklin no meio de todo o oceano do meu nome. Acho que isso é divertido. Isso é como fazer palavras no Photoshop como um padrão. Mais uma vez, sinta-se livre para se divertir com ele. Eu já fiz palavras toneladas de vezes antes e é provavelmente a minha segunda maneira favorita de usar padrões. A próxima lição, a última coisa que vou ensinar a vocês como exemplo de padrões no Photoshop, é um desafio, mas estamos intensificando. Vamos dar uma olhada. Vamos fazer isso juntos. Vamos fazer tábuas de madeira. 11. Placas de madeira: Nós revisamos como fazer um tabuleiro de xadrez, como desenhar rabiscos, trabalhar com os cantos, trabalhar com palavras. Esta última lição que estou cobrindo diferentes padrões que podemos fazer vai ser um pouco estranha. É um desafio, mas estou feliz que esteja aqui porque é super viável. É um efeito super legal e é muito útil em um monte de ilustração que você pode estar fazendo. Se você é um ilustrador, isso vai ser muito útil para você. Vamos aprender a desenhar uma prancha de madeira, um padrão repetido de tábuas de madeira que é sem costura, e lindo, e desenhado à mão. Vamos chegar a ele. Vamos criar nossa pasta aqui chamada tábuas de madeira, e vamos desenhar algumas tábuas. Eu acho que eu poderia acabar desenhando cinco deles para fazer um esboço rápido, algo assim. Faça-os aproximadamente da mesma altura um do outro, mas torne-os um pouco diferentes. Vai ser algo assim, então vamos começar. Eu sei que eu quero que eles sejam sobre este tamanho, então eu vou tentar adivinhar e torná-lo tão grande. Digamos que sobre essa altura, eu estou segurando Shift enquanto eu desenhei estes apenas para fazer linhas retas. Agora, apenas saiba que quanto mais você fizer isso, a linha aqui, mais curta essas outras serão então apenas tenha isso em mente enquanto você está desenhando essas tábuas. Este, talvez façamos este um pouco menos largo ou um pouco menos longo, assim. Este, vamos ter este para o lado. Um pouco assim. Faça o nosso melhor para alinhá-lo, mas não precisa ser perfeito. Apague um pouco dessa sobreposição lá e mova isso para baixo apenas um pouco mais. Mova isto só para que seja quase comovente. Vai ser metade do tamanho. Legal. Nós fizemos isso, e a última coisa que vamos fazer é movê-lo para cá. Vamos duplicá-lo. Clique no canto. Vamos movê-lo 1.200 pixels para cima, o que significa que vamos manter o y do jeito que está menos 1.200 pixels. Finalmente, vamos desenhar a prancha final. Eu vou fundir estes dois juntos para que isto seja tudo uma camada juntos. Vou selecionar os dois, clicar com o botão direito do mouse, mesclar camadas. Boom, agora é uma camada com toda aquela arte ainda lá. Vamos criar a prancha final conectando esses caras. Vou colocá-lo bem aqui. Eu quero fazer isso se alinhar com nenhum dos antes, então eu vou colocá-lo bem aqui. Perfeito. Temos tudo isso aqui e se quisermos, podemos alinhá-los perfeitamente colocando a linha preta bem na borda. Queremos um pouco da linha preta em cima e um pouco em baixo. Agora, o próximo passo é que vamos entrar, na verdade vamos desenhar em um padrão de prancha para que você possa se sentir livre para dar uma olhada nisso. Vou acelerar esta parte, mas basicamente, queremos desenhar uma linha solta agradável e depois desenhar uma ao lado dela, onde é um pouco mais larga em algumas partes, finas outras, e depois larga novamente. Cada golpe que desenharmos vai ser agradável e solto. Um bom golpe longo e solto. Dessa forma, parece mais natural e mais confiante e então vamos começar a isso. Temos nossas tábuas desenhadas aqui e temos todos os detalhes colocados também. Vou em frente e apagar alguns dos pedaços extras aqui. Apenas deixe as coisas parecerem agradáveis e uniformes e agora temos essas pranchas incríveis com as quais vamos trabalhar. Vamos pegar essa coisa toda. Neste ponto, esse padrão se repetirá para cima e para baixo, mas também precisamos preencher as tábuas do outro lado, basicamente a outra metade das tábuas. Vamos pegar esse cara, vamos movê-lo todo o caminho até aqui para que tenhamos uma pequena prancha em cada lugar aqui. Não queremos buracos como nenhum branco aqui ou aqui. Queremos que cada prancha seja contabilizada à esquerda. Agora vamos pegar isso e duplicá-lo. Clique em um desses pequenos quadrados para obter isso. Vamos movê-lo 1.200 para a direita então vamos fazer mais 1.200 e aquele x e então nós começamos a jogar alguma conexão. Vamos pegar esses dois como fizemos antes, clique com o botão direito do mouse, mesclá-los. Vamos manter o Shift pressionado enquanto desenhamos apenas para conectar essas tábuas. Vamos fazer um pouquinho aqui em cima e um pouco mais aqui embaixo. Perfeito, para que todos eles estejam conectados assim. O passo final será desenhar mais detalhes da prancha, então vamos em frente e fazer isso. Mais uma vez, o truque para essas tábuas é usar traços agradáveis, longos e suaves. Não precisa ser perfeito. Basta mantê-lo agradável, solto, e confiante, e você vai acabar com um padrão muito limpo. Isso é parte do que eu gosto sobre esses padrões é que a caligrafia de todos, o estilo de arte de todos é completamente diferente e único, então você sempre acaba com algo um pouco diferente e especial para cada artista. Vamos em frente e limpar algumas dessas linhas que desenhei aqui. Vou pegar minha borracha, torná-la pequena. Vamos entrar aqui e apagar esses pequenos nubs aqui. Quando é pequeno e repetindo, você não vai notar isso tanto, mas só para mim como um animal de estimação, eu gosto de fazer as coisas o mais uniforme possível, incluindo esta linha aqui poderia ser um pouco mais espessa. Vou apagar o canto ali. Mais uma vez, cabe ao artista fazer as coisas parecerem como você quer. Para mim, isso parece um padrão de repetição incrível aqui. Nosso padrão de prancha está feito. É um pouco mais de trabalho do que algumas das outras coisas que passamos com essas lições, mas acaba sendo bastante incrível. Vamos dar uma olhada em como isso acabou. Padrão, definir padrão, tábuas de madeira 1. Então, pela última vez, vamos fazer um padrão de camada de preenchimento. Escala 100 por cento. Vamos torná-lo menor. Incrível, isso parece ótimo. Com isso, passamos por alguns exemplos incríveis de maneiras que você pode desenhar, e photoshop, e transformá-los em padrões. Para a próxima lição, vou falar sobre o que é o projeto e vou mostrar um exemplo de como usar esses padrões em uma obra de arte real. 12. Passo Passo para projeto: Nós passamos por cima nesta classe como criar todos esses diferentes padrões impressionantes. Mas como nós realmente os usamos em uma obra de arte? Uma das minhas maneiras favoritas é desenhar uma peça de arte e depois ter um fundo. Crie uma nova pasta aqui chamada Arte com Padrões. Acho que vou desenhar um alienígena, vamos ter que ser o topo, ir direto para baixo, dar a volta, assim. Desenhe outra linha como essa, talvez colocar alguns círculos lá para representar as pequenas luzes que estão nos lados. Nós vamos atrair alienígenas aqui e os alienígenas vão ter um pequeno sinal de paz e esta é a minha obra de arte até agora. Vamos colorir. Vamos bater na ferramenta varinha e selecionar bem fora daqui. Temos essas formigas marchando aqui fora. Vamos fazer “Selecionar”, “Modificar”, “Expandir”, expandindo cerca de quatro pixels e vamos clicar em “Mac Command” “Shift+I” para selecionar o inverso. Vamos apertar “Command” para criar uma nova camada por baixo, e vamos colorir isso apenas com uma cor cinza azulada. Perfeito. Aí está minha bela arte e vou colorir o alienígena com um tom verde. Vou colorir este à mão, isto é só por diversão. Eu vou colorir apenas por traçar o lado de fora apenas para ter certeza que não perca nada e, em seguida, ir e totalmente colorir para dentro. Faça o pincel um pouco maior lá. Lindo. Nosso alienígena parece super feliz, mas eles precisam de alguma arte por trás deles, certo? Vamos criar outra camada abaixo e ir para “Ajuda”, preencher padrão de camada e o padrão que vou usar é o celestial que criamos. Vamos torná-lo um pouco menor. Lindo. Eu amo isso. Vamos criar uma camada logo abaixo dela com algum tipo de cor. Vamos ter uma cor azulada escura. Agora, isso é muito legal, mas o padrão realmente não aparece, então eu realmente vou pegar isso e rasterizá-lo. Isso significa que não é mais um padrão que você pode mover, significa que agora esses são pixels reais com os quais podemos trabalhar. Vou apertar “Command+I” no meu Mac, que inverte esse padrão. Vamos desligar a grade, podemos ver o que estamos fazendo aqui. Vou pegar isso e usar um modo de mistura chamado sobreposição. O que isso faz é que o branco ilumina o fundo com a mesma tonalidade, a mesma cor, mas é muito mais brilhante. Uma vez que isso tem um pouco mais de contraste do que eu gostaria, eu vou pegar essa camada padrão, bater “Opacidade”, baixá-lo para talvez cerca de 50 por cento e boom, nós temos esta obra de arte e ela está linda e eu adoro isso. A única coisa que provavelmente faço agora é cor nos olhos dos alienígenas, então vamos fazer isso. Tenho aqui a minha obra de arte, tenho o passado. Tudo o que você precisa fazer para o seu projeto é criar uma obra de arte e usar um padrão de alguma forma. Sinta-se livre para fazer o que quiser. Se você quiser mais idéias sobre como usar padrões, definitivamente deixe um comentário sobre esta aula e deixe-me saber, se você tiver alguma dúvida, qualquer coisa que você queira aprender mais sobre, uma ótima maneira de fazer isso é deixar um comentário desta classe. Se você tem idéias sobre coisas que eu posso melhorar ou coisas que eu posso fazer melhor da próxima vez ou se você realmente ama essa aula, significaria muito para mim se você pudesse deixar um comentário e me dizer o que você pensou.