Padrão de repetição no Photoshop – The Basics

Passo 1: Criar um novo documento

Discuta começar por criar um único azulejo para o padrão. Para isso, precisamos de um novo documento em branco, por isso vá até ao menu File na Barra de Menu ao longo do topo do ecrã e escolha New:

Esta acção abre a caixa de diálogo Novo Documento. Introduzir 100 pixels tanto para a Largura como para a Altura. O tamanho do documento determinará o tamanho do azulejo, o que afectará a frequência com que o padrão se repete no documento (uma vez que um azulejo mais pequeno precisará de mais repetições para preencher a mesma quantidade de espaço do que um azulejo maior o faria). Neste caso, vamos criar um azulejo de 100 px x 100 px. Mais tarde, vai querer experimentar com tamanhos diferentes ao criar os seus próprios padrões.

Deixe o valor da minha Resolução definido para 72 px/polegada. Defina o conteúdo de fundo para Transparente para que o nosso novo documento tenha um fundo transparente:

Clique OK quando tiver terminado de fechar a caixa de diálogo. O novo documento aparece no seu ecrã. O padrão da caixa de verificação que preenche o documento é a forma do Photoshop de nos dizer que o fundo é transparente. Uma vez que o documento é bastante pequeno a apenas 100 px x 100 px, vou fazer zoom sobre ele segurando a minha tecla Ctrl (Win) / Command (Mac) e premindo o sinal de mais ( + ) algumas vezes. Aqui, o documento é ampliado para 500%:

Passo 2: Adicionar Guias Através do Centro do Documento

Precisamos de conhecer o centro exacto do nosso documento, e podemos encontrá-lo usando os guias do Photoshop. Ir para o menu Ver no topo do ecrã e escolher Novo Guia:

Esta acção abre a caixa de diálogo Novo Guia. Seleccione Horizontal para a Orientação, depois introduza 50% para a Posição. Clique OK para fechar fora da caixa de diálogo, e verá um guia horizontal aparecer através do centro do documento:

Voltar ao menu Ver e mais uma vez escolher Novo Guia. Desta vez, na caixa de diálogo Novo Guia, seleccionar Vertical para a Orientação e introduzir novamente 50% para a Posição:

Clique OK para fechar a caixa de diálogo, e deverá agora ter um guia vertical e horizontal a percorrer o centro do documento. O ponto onde eles se encontram é o centro exacto. A cor padrão da guia é ciano, pelo que podem ser um pouco difíceis de ver na imagem do ecrã:

Mudando a cor da guia (Opcional)

Se tiver dificuldades em ver as guias devido à sua cor clara, pode alterar a sua cor nas Preferências do Photoshop. Num PC, vá até ao menu Editar, escolha Preferências, depois escolha Guias, Grid & Fatias. Num Mac, vá ao menu do Photoshop, escolha Preferências, depois escolha Guias, Grid & Slices:

Esta abre a caixa de diálogo Preferências do Photoshop definida para os Guias, Grelha & Opções das Fatias. A primeira opção no topo da lista é Cor do Guia. Como mencionei, está definida para Cyan por defeito. Clique na palavra Cyan e escolha uma cor diferente da lista. Verá uma pré-visualização da cor na janela do documento. Vou mudar a minha para Vermelho Claro:

Click OK quando tiver terminado de fechar a caixa de diálogo Preferências. Os guias na janela do documento aparecem agora na nova cor (note que o Photoshop continuará a exibir guias nesta nova cor até voltar às Preferências e mudar a cor de volta para Cyan ou escolher uma cor diferente):

Passo 3: Desenhe uma forma no centro do documento

P>Pode criar padrões muito complexos no Photoshop, ou podem ser tão simples como, digamos, um ponto ou círculo repetitivo. Vamos desenhar um círculo no centro do documento. Primeiro, seleccione a Ferramenta de Marquise Elíptica a partir do painel Ferramentas. Por defeito, está escondida atrás da Ferramenta de Marquee Rectangular, por isso clique na Ferramenta de Marquee Rectangular e mantenha o botão do rato pressionado por um segundo ou dois até aparecer um menu fly-out, depois seleccione a Ferramenta de Marquee Elíptica a partir da lista:

Com a Ferramenta de Marquee Elíptica seleccionada, mova a mira directamente sobre o ponto de intersecção das guias no centro do documento. Mantenha premido Shift+Alt (Win) / Shift+Option (Mac), clique no centro do documento, depois com o botão do rato ainda premido, arraste para fora uma selecção circular. Segurando a tecla Shift enquanto arrasta, forçará a forma da selecção a um círculo perfeito, enquanto a tecla Alt (Win) / Option (Mac) diz ao Photoshop para desenhar o contorno da selecção a partir do centro. Quando terminar, o seu esquema de selecção deve parecer semelhante a este (não se preocupe com o tamanho exacto desde que esteja perto):

Step 4: Fill The Selection With Black

Vá até ao menu Edit no topo do ecrã e escolha Fill:

Esta acção abre a caixa de diálogo Preencher, onde podemos escolher uma cor para preencher a selecção. Defina a opção Usar na parte superior da caixa de diálogo para Preto:

Clicar OK para fechar fora da caixa de diálogo. O Photoshop preenche a selecção circular com preto. Prima Ctrl+D (Win) / Command+D (Mac) para remover rapidamente o contorno da selecção em torno da forma (também pode ir até ao menu Seleccionar no topo do ecrã e escolher Deseleccionar, mas o atalho do teclado é mais rápido). Tenha em mente que o meu documento ainda está ampliado a 500%, razão pela qual as bordas do círculo parecem em bloco:

Códigos de cor, Acções e Filtros Plugin: Erro no código de atalho

Passo 5: Duplicar a camada

Com apenas este círculo adicionado no centro do azulejo, poderíamos guardar o azulejo como padrão, mas vamos fazer com que pareça um pouco mais interessante antes de o fazermos. Primeiro, faça uma cópia da camada subindo para o menu Layer no topo do ecrã, escolhendo New, depois escolha Layer via Copy. Ou, se preferir atalhos de teclado, prima Ctrl+J (Win) / Command+J (Mac):

Nada via Copy.p>Nada será ainda inexistente na janela do documento, mas uma cópia da camada, que o Photoshop nomeia “Camada 1 cópia”, aparece acima do original no painel Camadas:

Passo 6: Aplicar o Filtro de Offset

Ao desenhar azulejos para usar como padrões de repetição, há um filtro que se usa quase sempre, e que é o Offset, ao qual se pode chegar indo até ao menu Filtro no topo do ecrã, escolhendo Outro, depois escolhendo Offset:

Isto abre a caixa de diálogo do filtro Offset. O filtro Offset move, ou compensa, o conteúdo de uma camada por um número especificado de pixels quer horizontalmente, quer verticalmente, ou ambos. Ao criar padrões simples de repetição como o que estamos a desenhar aqui, vai querer introduzir metade da largura do seu documento na caixa de entrada Horizontal e metade da altura do seu documento na caixa de entrada Vertical. No nosso caso, estamos a trabalhar com um documento de 100 px x 100 px, por isso defina a opção Horizontal para 50 pixels e a opção Vertical também para 50 pixels. Na parte inferior da caixa de diálogo, na secção Áreas indefinidas, certifique-se de que Wrap Around está seleccionado:

Clicar OK para fechar a caixa de diálogo. Na janela do documento, vemos que o filtro Offset pegou na cópia do círculo que fizemos no passo anterior e dividiu-o em quatro partes iguais, colocando-as nos cantos do documento. O círculo restante no centro é o círculo original que desenhámos na Camada 1:

Passo 7: Definir o azulejo como padrão

Com o azulejo desenhado, vamos guardá-lo como um padrão real, um processo a que o Photoshop se refere como “definindo um padrão”. Ir para o menu Editar no topo do ecrã e escolher Definir Padrão:

Photoshop abrirá uma caixa de diálogo pedindo-lhe para nomear o novo padrão. É uma boa ideia incluir as dimensões do azulejo no nome do padrão, no caso de desenhar vários azulejos semelhantes em tamanhos diferentes. Neste caso, nomeie o azulejo “Círculos 100×100”. Clique OK quando tiver terminado para fechar a caixa de diálogo. O azulejo é agora guardado como um padrão!

Passo 8: Criar um novo documento

Concebemos o nosso azulejo e definimo-lo como um padrão, o que significa que agora podemos usá-lo para preencher uma camada inteira! Vamos criar um novo documento para trabalhar. Tal como fizemos no Passo 1, vá até ao menu Ficheiro e escolha Novo. Quando a caixa de diálogo Novo Documento aparecer, introduza 1000 pixels tanto para a Largura como para a Altura. Deixe a Resolução definida para 72 pixels/polegada, e desta vez, defina o Conteúdo de Fundo para Branco, para que o fundo do novo documento seja preenchido com branco sólido. Clique OK quando terminar para fechar fora da caixa de diálogo. O novo documento aparecerá no seu ecrã:

Passo 9: Adicionar uma nova camada

Podíamos simplesmente preencher a camada de fundo do documento com o nosso padrão, mas isso limitaria seriamente o que podemos fazer com ele. Tal como veremos no próximo tutorial, quando olharmos para adicionar cores e gradientes aos padrões, uma forma muito melhor de trabalhar é colocar o padrão de repetição na sua própria camada. Clique no ícone Nova Camada na parte inferior do painel de Camadas:

Uma nova camada em branco chamada “Camada 1” aparece acima da camada de fundo:

Passo 10: Preencher a nova camada com o padrão

Com a nossa nova camada adicionada, vamos preenchê-la com o nosso padrão! Vá ao menu Editar e escolha Fill:

Normalmente, o comando Fill do Photoshop é usado para preencher uma camada ou selecção com uma cor sólida, tal como fizemos no Passo 4 quando o usámos para preencher a selecção circular com preto. Mas também podemos usar o comando Fill para preencher algo com um padrão, e fazemo-lo definindo primeiro a opção Use no topo da caixa de diálogo para Pattern:

Com o Padrão seleccionado, uma segunda opção, Padrão Personalizado, aparece directamente abaixo dele, que é onde escolhemos o padrão que queremos usar. Clique na miniatura de pré-visualização do padrão:

Isto abre o Selecionador de Padrão, que exibe pequenas miniaturas de todos os padrões que temos actualmente de escolher. O padrão circular que acabámos de criar será a última miniatura da lista. Se tiver Dicas de Ferramentas activadas em Preferências do Photoshop (estão activadas por defeito), o nome do padrão aparecerá quando passar o cursor sobre a miniatura. Faça duplo clique sobre ele para o seleccionar e sair do Selecionador de Padrões:

Após ter seleccionado o padrão, tudo o que resta fazer é clicar em OK para fechar a caixa de diálogo Preencher. O Photoshop preenche a camada em branco no documento com o padrão de círculo, repetindo o azulejo tantas vezes quantas forem necessárias:

Onde ir a seguir…

E isso é realmente tudo! Obviamente que o nosso padrão de círculo a preto e branco não nos vai ganhar muitos prémios, mas as coisas importantes a retirar deste primeiro tutorial são os passos que usámos para o criar, desenhando um único ladrilho, definindo o ladrilho como um padrão, depois usando o comando Fill do Photoshop para preencher uma camada inteira com o padrão. A seguir, vamos começar a levar as coisas mais longe, aprendendo como adicionar cores e gradientes aos nossos padrões! Ou visite a nossa secção Básicos do Photoshop para aprender mais sobre os básicos do Photoshop!