Photoshop Formas E Camadas de Forma Essentials

As Ferramentas de Forma

Photoshop nos dá seis ferramentas de Forma a escolher a Ferramenta Retângulo, Retângulo Arredondado Ferramenta, a Ferramenta Elipse, Polígono Ferramenta, a Ferramenta de Linha, e a Ferramenta Custom Shape, e todas elas estão aninhados juntos no mesmo lugar no painel de Ferramentas. Por padrão, a ferramenta retangular é a que está visível no painel de ferramentas, mas se clicarmos no ícone da ferramenta e segurarmos o botão do mouse por um segundo ou dois, aparece um menu fly-out que nos mostra as outras ferramentas de forma que podemos escolher:

 as ferramentas de forma no Photoshop.

todas as seis ferramentas de forma estão localizadas no mesmo local no painel de ferramentas.

uma vez que tenha uma ferramenta de forma seleccionada, se precisar de mudar para uma diferente, não há necessidade de voltar para o painel de ferramentas (embora possa, se quiser) porque o Photoshop dá-nos acesso a todas as ferramentas de forma directamente a partir da barra de opções ao longo do topo da tela. Por exemplo, vou seleccionar a ferramenta Rectangular do painel de ferramentas:

seleccionando a ferramenta Rectangular no Photoshop.

seleccionar a ferramenta Rectangular.

com a ferramenta Rectangular seleccionada, aparece uma linha de seis ícones na barra de opções, com cada ícone a representar uma ferramenta de forma diferente. As ferramentas são listados da esquerda para a direita, na mesma ordem em que aparecem no painel de Ferramentas, então, novamente, temos a Ferramenta Retângulo, Retângulo Arredondado Ferramenta, a Ferramenta Elipse, Polígono Ferramenta, a Ferramenta de Linha, e a Ferramenta Custom Shape. Basta carregar num dos ícones para escolher a ferramenta de que necessita:

as opções da ferramenta de forma na barra de Opções.

todas as seis ferramentas de forma podem ser selecionadas diretamente da barra de Opções (após uma delas ser selecionada pela primeira vez no painel de ferramentas).

The Shape Layers Option

Before we start drawing any shapes, we first need to tell Photoshop which type of shape we want to draw, and by that, I don’t mean retangular or circles. Photoshop realmente nos permite desenhar três tipos muito diferentes de formas – formas vetoriais, caminhos, ou formas baseadas em pixels. Vamos olhar mais de perto para as diferenças entre os três e por que você gostaria de usar cada um em outro tutorial, mas na maioria dos casos, você vai querer desenhar formas vetoriais, que são os mesmos tipos de formas que estaríamos desenhando em um programa como o Illustrator. Ao contrário dos pixels, as formas vetoriais são independentes da resolução e totalmente escaláveis, o que significa que podemos torná-los tão grandes quanto quisermos e redimensioná-los o quanto quisermos, sem qualquer perda de qualidade de imagem. As bordas das formas vectoriais permanecerão sempre nítidas e afiadas, tanto na tela quanto quando formos imprimi-las.

para desenhar formas vectoriais, seleccione a opção camadas de forma na barra de Opções. É o primeiro de três ícones perto da extrema-esquerda (a opção localizações é o meio dos três ícones seguidos pela opção Fill Pixels à direita):

seleccionando a opção Shape layers na barra de opções no Photoshop.

seleccione a opção camadas de forma para desenhar formas vectoriais.

Escolha Uma Cor Para A Forma

Com a Forma de Camadas de opção selecionada, a próxima coisa que precisa fazer é escolher uma cor para o nosso estado, e temos de fazer isso clicando na amostra de cor para o direito da palavra de Cor na Barra de Opções:

Seleccionar uma cor para a forma no Photoshop.

carregue no swatch de cores para escolher uma cor para a forma.

o Photoshop irá abrir o selector de cores onde podemos escolher a cor que queremos usar. Eu escolho o vermelho. Carregue em OK logo que tenha escolhido uma cor para fechar do extractor de cores:

a escolha de cores no Photoshop.

Escolha uma cor para a sua forma na escolha de cores.

não se preocupe em escolher a cor errada para a sua forma, se não tiver a certeza de que cor vai precisar. Como veremos, camadas de forma tornam mais fácil voltar atrás e mudar a cor de uma forma a qualquer momento depois de desenhá-lo.

a ferramenta Rectangular

como você pode provavelmente adivinhar pelo seu nome, a ferramenta Rectangular do Photoshop permite-nos desenhar formas rectangulares de quatro lados. Basta carregar no documento para definir o ponto de partida para a sua forma, mantendo o botão do rato carregado e arrastando diagonalmente para desenhar o resto da forma. À medida que você arrasta, você verá um esboço fino de como a forma será:

desenhando uma forma retangular no Photoshop.

arrastando uma forma rectangular. À medida que você arrasta, apenas um contorno da forma aparece.

quando estiver satisfeito com a aparência da sua forma, largue o botão do rato, altura em que o Photoshop preenche a forma com a cor que seleccionou na barra de Opções:

uma forma rectangular desenhada com a ferramenta Rectangular no Photoshop. O Photoshop enche a forma com cor quando soltar o botão do rato.

desenhar uma forma a partir do seu centro

se precisar de desenhar um rectângulo (ou qualquer forma) a partir do seu centro em vez de um canto, carregue no interior do documento onde o centro do rectângulo deverá estar e comece a arrastar a forma como normalmente faria. Assim que começar a arrastar, carregue na sua tecla Alt (Win) / Option (Mac) e mantenha-a carregada enquanto continua a arrastar. A tecla Alt / Option diz ao Photoshop para extrair a forma do seu centro. Isto funciona com todas as ferramentas de forma, não apenas a ferramenta retangular:

desenhar um retângulo a partir do seu centro com a ferramenta retangular no Photoshop.

mantenha baixa a opção Alt (Win) / Option (Mac) depois de começar a arrastar para desenhar uma forma a partir do seu centro.

desenhar quadrados

também podemos desenhar quadrados com a ferramenta Rectangular. Para desenhar um quadrado, clique dentro do documento e comece a arrastar uma forma retangular. Uma vez que você começou a arrastar, pressione a sua tecla Shift no seu teclado e mantenha-a carregada enquanto você continua arrastando para fora a forma. Segurando a tecla Shift para baixo irá forçar a forma em um quadrado perfeito não importa em que direção você arraste. Poderá também adicionar a tecla Alt (Win) / Option (Mac) para extrair o quadrado do seu centro (para que carregue e mantenha o Shift+Alt (Win) / Shift+Option (Mac)):

desenhando uma forma quadrada com a ferramenta Rectangular no Photoshop.

mantenha o deslocamento para baixo à medida que arrasta com a ferramenta Rectangular para desenhar um quadrado perfeito.Mais uma vez, o Photoshop irá mostrar apenas um contorno fino do quadrado à medida que estiver a arrastar, mas quando libertar o seu botão do rato, o Photoshop enche-o com cor: uma forma quadrada desenhada com a ferramenta Rectangular no Photoshop.

o Photoshop espera sempre até libertar o botão do rato antes de preencher a forma com cor.

as opções de forma

se procurar na barra de Opções, directamente à direita dos seis ícones da ferramenta de forma, irá ver uma pequena seta para baixo. Se carregar na seta, irá abrir uma lista de opções adicionais para a Ferramenta de forma que tiver seleccionado. Com a ferramenta Rectangular seleccionada, por exemplo, se carregar na seta, fará aparecer as opções do rectângulo.
com exceção da ferramenta Polígono e da ferramenta de linha, que veremos mais tarde, você não vai encontrar-se usando este menu muitas vezes, porque já aprendemos a acessar as principais opções diretamente do teclado.

por exemplo, a opção sem restrições é selecionada para nós por padrão, e esse é apenas o comportamento normal da ferramenta retangular, permitindo-nos desenhar formas retangulares de qualquer tamanho ou proporção. A opção quadrada nos permite desenhar quadrados, mas podemos fazer isso apenas segurando a chave de deslocamento enquanto arrastamos. E a opção do centro irá desenhar a forma do seu centro, mas novamente, já podemos fazer isso segurando a nossa tecla Alt (Win) / Option (Mac) enquanto arrastamos:

as opções da ferramenta Rectangular no Photoshop.

carregue na pequena seta para ver as opções adicionais para a ferramenta Rectangular.Antes de verificar o resto das ferramentas de forma, vamos rapidamente dar uma olhada no que está acontecendo no painel de camadas. Se você se lembra, no início do tutorial, nós aprendemos que para desenhar formas vetoriais no Photoshop, precisamos certificar-se de nós tem a Forma de Camadas opção selecionada na Barra de Opções, e agora que eu desenhei uma forma, vemos que tenho uma Forma de camada no meu documento, que o Photoshop tem chamado de “Forma 1”. Cada nova forma vectorial que desenhamos é colocada na sua própria camada de forma que parece diferente das camadas normais baseadas em pixels. À esquerda de uma camada de forma está um ícone Swatch de cor, que mostra a cor atual de nossa forma, e à direita do swatch de cor é uma miniatura de máscara vetorial: uma camada de forma aparece no painel de camadas no Photoshop.

as camadas de forma têm um swatch de cor à esquerda e uma miniatura de máscara vetorial à direita.

anteriormente mencionei que não precisamos nos preocupar em escolher a cor correta para uma forma, porque podemos facilmente mudar a sua cor depois de desenhá-la, e podemos fazer isso clicando diretamente no swatch de cores da camada de forma:

mudando a cor de uma forma, clicando em seu swatch de cor no painel de camadas.

para mudar a cor de uma forma existente, faça duplo-click no seu swatch de cores.

o Photoshop irá reabrir o extractor de cores para nós, para que possamos escolher uma cor diferente para a forma. Vou escolher o azul desta vez.:

a escolha de cores no Photoshop.

escolhendo uma cor diferente da escolha da cor.O Photoshop muda a cor da minha forma quadrada de vermelho para azul: a cor da forma foi alterada de vermelho para azul.

é fácil voltar atrás e mudar a cor de uma forma a qualquer momento.

à direita do swatch de cores em uma camada de forma é a miniatura da máscara vetorial. A área branca dentro da miniatura representa a nossa forma. Máscaras vetoriais são semelhantes ao pixel-com base máscaras de camada em que eles revelam algumas partes de uma camada de ocultação de outras partes, e por isso, quero dizer que quando desenhamos uma forma vetorial, Photoshop, na verdade, preenche toda a camada com a nossa cor escolhida, mas ele só exibe a cor dentro da forma da área. Ele esconde a cor nas áreas fora da forma. Isto não é algo que você realmente precisa saber para trabalhar com formas no Photoshop, mas é sempre bom entender o que é que você está olhando. A área cinzenta em torno da forma na miniatura da máscara vetorial é a área na camada onde a cor está sendo escondida da vista, enquanto a área branca é onde a cor é visível:

a máscara vetorial Na camada de forma no Photoshop.

a área branca na máscara vetorial representa a área de forma visível na camada.

para tornar mais fácil ver como o Photoshop exibe a forma vectorial, podemos realmente desligar as máscaras vectoriais temporariamente, segurando a nossa tecla Shift e clicando diretamente na miniatura da máscara vectorial. Um grande X vermelho irá aparecer na miniatura, informando-nos que a máscara está agora desligada:

desligando temporariamente a máscara vetorial no painel de camadas.

Hold Shift and click on a vector mask to turn it off.Com a máscara vetorial desligada, toda a camada é revelada no documento, e podemos ver que está completamente cheia com a cor Azul que escolhi para a minha forma. Se você olhar de perto, você pode ver o contorno fino de onde a forma está sentada na camada: toda a camada colorida é revelada com a máscara vetorial desligada.

desligar a máscara vetorial mostra que toda a camada em si está cheia de cor.

para voltar a colocar uma máscara vetorial, basta manter o deslocamento para baixo e clicar novamente na sua miniatura no painel de camadas. Com a máscara de volta, toda a cor fora da forma está mais uma vez escondida da vista, e tudo o que podemos ver é a cor dentro da forma em si. As áreas brancas em torno da forma na minha janela do documento são a partir da minha camada de fundo abaixo dela:

 a forma azul reaparece depois de voltar a ligar a máscara vetorial.

the document after turning the Shape layer’s vector mask back on.

agora que olhamos para as camadas de forma, vamos ver que outros tipos de formas podemos desenhar no Photoshop usando as outras ferramentas de forma geométrica.’Plugin’ de códigos de acesso, acções e filtros: erro no código de acesso

a ferramenta Rectangular arredondada

a ferramenta Rectangular arredondada é muito semelhante à ferramenta Rectangular normal, excepto que nos permite desenhar rectângulos com cantos arredondados bonitos. Nós controlamos a arredondamento dos cantos usando a opção raio na barra de Opções. Quanto maior o valor que introduzimos, mais arredondados os cantos aparecerão. Vou definir o valor do meu raio para 50 px:

, definindo o valor do raio para a ferramenta Rectangular arredondada no Photoshop.

utilize o valor do raio para definir a arredondamento dos cantos.

para desenhar um rectângulo arredondado depois de ter introduzido um valor de raio, carregue no interior do documento para definir um ponto de partida, mantendo o botão do rato pressionado e arrastando o resto da forma. Assim como vimos com a Ferramenta normal retângulo, Photoshop exibe um esboço fino da forma enquanto você está desenhando:

desenhar um rectângulo arredondado com a ferramenta Rectangular arredondada no Photoshop.

arrastar um rectângulo arredondado depois de definir o valor do raio na barra de Opções.

quando libertar o seu botão do rato, o Photoshop completa a forma e enche-a de cor:

um rectângulo arredondado desenhado com a ferramenta Rectangular arredondada no Photoshop.

a forma é cheia de cor quando soltar o botão do rato.

aqui está outro retângulo, desta vez com o meu valor de raio definido em 150 px, grande o suficiente (neste caso de qualquer forma) para fazer todo o lado esquerdo e direito do retângulo parecer curvado:

um retângulo arredondado com um valor de raio de 150 px.

um valor de raio mais elevado produz cantos mais arredondados.

e aqui está um retângulo, mas com um raio de valor muito inferior de apenas 10 px, dando-me cantos arredondados muito pequenos:

um retângulo arredondado com um raio de valor de 100 px. Um raio menor dá-nos cantos menos arredondados.

infelizmente, não há maneira de antever como os cantos arredondados aparecerão com o nosso valor de raio escolhido antes de desenharmos o retângulo. Além disso, não podemos ajustar o valor do raio na mosca enquanto estamos desenhando a forma como podemos no Illustrator, e Photoshop não nos deixa voltar e fazer mudanças simples para os cantos depois de desenhá-lo, o que significa que desenhar retângulos arredondados é muito um tipo de “tentativa e erro” de coisa. Se não estiver satisfeito com a arredondamento dos cantos depois de ter desenhado a forma, carregue em Ctrl+Z (Win) / Comando+Z (Mac) para desfazer rapidamente o passo, então indique um valor de raio diferente na barra de opções e tente de novo.

assim como a ferramenta Rectangular nos permite desenhar quadrados, o rectângulo arredondado nos permite desenhar quadrados arredondados. Basta manter a sua tecla Shift carregada depois de começar a arrastar para forçar o rectângulo arredondado para uma forma quadrada. Mantenha carregada a tecla Alt (Win) / Option (Mac), depois de começar a arrastar para desenhar o rectângulo arredondado (ou quadrado) a partir do seu centro.

Se a nós, clique na seta na Barra de Opções para exibir o Retângulo Arredondado Opções, vemos que ele compartilha a mesma exata opções como normal Ferramenta Retângulo, como Irrestrita, Square e Do Centro, e de novo, nós já sabemos como acessá-los a partir do teclado:

Uma lista de opções para a Ferramenta Retângulo Arredondado.

a ferramenta Rectangular e a ferramenta Rectangular arredondada partilham a mesma lista de opções.

a ferramenta Elipse

a ferramenta Elipse de Photoshop permite desenhar formas elípticas ou circulares. Assim como com o Retângulo e Retângulo Arredondado Ferramentas, clique dentro do documento para definir um ponto de partida, em seguida, mantenha o botão do mouse pressionado e arraste o resto da forma:

Desenho de uma forma elíptica com a Ferramenta Elipse no Photoshop.

desenhando uma forma elíptica com a ferramenta Elipse.

liberte o seu botão do rato para completar a forma e fazer com que o Photoshop a encha com cor:

uma forma elíptica desenhada com a ferramenta Elipse no Photoshop.

a forma elíptica cheia de cor.Mantenha a sua tecla Shift carregada depois de começar a arrastar com a ferramenta Elipse para forçar a forma a um círculo perfeito. Se mantiver a sua tecla Alt (Win) / Option (Mac) carregada, depois de começar a arrastar, irá desenhar a forma do seu centro: uma forma circular desenhada com a ferramenta Elipse no Photoshop.

comece a arrastar, depois adicione a tecla Shift para desenhar um círculo perfeito.

se carregar na pequena seta na barra de Opções, fará aparecer as opções da elipse, que são quase idênticas às opções do rectângulo e do rectângulo arredondado. A única diferença é que a ferramenta Elipse tem uma opção para desenhar um círculo em vez de um quadrado:

as opções da ferramenta Elipse na barra de opções no Photoshop.

a ferramenta Elipse também compartilha as mesmas opções básicas que o retângulo e as ferramentas arredondadas retângulo.

a Ferramenta do polígono

a Ferramenta do polígono é onde as coisas começam a ficar interessantes. Enquanto a Ferramenta de retângulo está limitada a desenhar polígonos de quatro lados, a Ferramenta de polígono nos permite desenhar polígonos com tantos lados quanto quisermos. Até nos permite desenhar estrelas, como veremos num momento.

indique o número de lados de que necessita para a sua forma de polígono na opção dos lados na barra de Opções. O valor padrão é 5, mas você pode introduzir qualquer valor de 3 a 100:

a opção de lados para a ferramenta Polígono na barra de opções no Photoshop.

Use a opção dos lados para dizer ao Photoshop quantos lados você precisa para a sua forma de polígono.

uma vez introduzido o número de lados, carregue no documento e arraste a forma do polígono. O Photoshop desenha sempre formas de polígonos do seu centro para que não haja necessidade de manter a sua tecla Alt (Win) / Option (Mac). Mantendo a sua tecla Shift carregada depois de começar a arrastar, irá limitar o número de ângulos em que a forma pode ser desenhada, o que poderá ajudar a posicionar a forma como necessita:

desenhando uma forma poligónica de cinco lados com a ferramenta Polígono no Photoshop.

a Ferramenta do polígono é grande quando precisamos de algo diferente de um retângulo de quatro lados.

definir a opção dos lados para 3 para a ferramenta Polígono nos dá uma maneira fácil de desenhar um triângulo:

desenhar uma forma de triângulo com a ferramenta Polígono no Photoshop.

um triângulo simples desenhado com a ferramenta Polígono.

e aqui está uma forma de polígono com a opção lados definida para 12:

desenhando uma forma de polígono de 12 lados com a Ferramenta de polígono no Photoshop.

um polígono de doze lados.

Desenho de Estrelas Com A Ferramenta Polígono

Para desenhar estrelas com a Ferramenta Polígono, clique na pequena seta na Barra de Opções para trazer o Polígono Opções e, em seguida, selecione Estrelas:

O Polígono de opções de Ferramenta na Barra de Opções no Photoshop.

escolha a estrela no menu Opções do polígono.

com a opção Estrela seleccionada, basta carregar no interior do documento e arrastar uma forma de estrela. A opção dos lados na barra de Opções controla o número de pontos na estrela, de modo que com o valor dos lados padrão de 5, por exemplo, temos uma estrela de 5 pontas:

uma forma de estrela desenhada com a ferramenta Polígono no Photoshop.

uma estrela de 5 pontas desenhada com a Ferramenta do polígono.

mudar o valor dos lados para 8 dá-nos uma estrela de 8 pontas:

uma forma de estrela de 8 pontas desenhada com a Ferramenta do polígono no Photoshop.

define o número de pontos na estrela com a opção dos lados.

podemos criar uma forma de vetor estelar aumentando a indentação dos pontos usando os lados de indentação por opção. O valor padrão é 50%. Vou aumentá-lo para 90%:

o indentar lados por opção nas opções do polígono no Photoshop.

aumentando o valor de indentação da estrela para 90%.

aqui está a minha forma de estrela com a indentação definida para 90%. Também aumentei o número de lados para 16:

 uma forma de vetor estelar desenhada com a ferramenta Polígono no Photoshop.

aumenta os lados e os valores de indentação para criar uma forma de vetor estelar.

por padrão, as estrelas têm cantos afiados nas extremidades dos seus pontos, mas podemos torná-los arredondados, escolhendo a opção cantos lisos:

a opção cantos lisos nas opções polígonos no Photoshop.

seleccionar a opção cantos suaves.

aqui está uma estrela padrão de 5 pontas com a opção cantos lisos ativada::

 uma estrela com pontos arredondados desenhados no Photoshop.

a opção cantos suaves dá às estrelas um olhar amigável para elas.

podemos suavizar também os travessões e torná-los arredondados, seleccionando a opção dos travessões lisos:

a opção dos travessões lisos nas opções do polígono no Photoshop.

seleccionando a opção “Smooth Indents”.

e novamente, temos um olhar diferente para a nossa forma estelar:

uma estrela com travessões arredondados desenhados em Photoshop.

uma forma estelar com travessões lisos activados.

a Ferramenta de linha

finalmente, a Ferramenta de linha, que é a última das ferramentas de forma geométrica do Photoshop, permite-nos desenhar linhas rectas simples, mas também podemos usá-la para desenhar setas. Defina a espessura da linha, indicando um valor, em pixels, na opção peso na barra de Opções. Eu vou definir o meu para 16 px:

a opção de peso para a Ferramenta de linha no Photoshop.

Use a opção peso para definir a espessura da linha.

em seguida, basta clicar no documento e arrastar para fora a sua forma de linha. Mantenha a tecla Shift carregada depois de começar a arrastar para limitar a direcção em que poderá desenhar a linha, o que torna mais fácil desenhar linhas horizontais ou verticais:

desenhar uma linha horizontal com a Ferramenta de linha no Photoshop.

mantenha o deslocamento à medida que arrasta para desenhar linhas horizontais ou verticais.

para adicionar pontas de flecha às linhas, clique na pequena seta na barra de opções para mostrar as opções das pontas de flecha. O Photoshop permite-nos adicionar pontas de flecha ao início ou ao fim de uma linha, ou a ambos. Se você quiser que a ponta da flecha apareça na direção em que você está desenhando a linha, que é normalmente o caso, selecione a opção final. Certifique-se que seleciona esta opção antes de desenhar a linha, uma vez que o Photoshop não nos permite voltar atrás e adicionar pontas de seta depois de a linha já ter sido desenhada:

as opções das pontas de flecha para a ferramenta linha no Photoshop.

Seleccione o fim nas opções das pontas de flecha para adicionar uma ponta de flecha na direcção em que a linha foi traçada.

aqui está uma forma de linha semelhante à anterior, desta vez com uma ponta de flecha no final:

 uma forma de linha com uma ponta de seta desenhada com a Ferramenta de linha no Photoshop.

a Ferramenta de linha torna mais fácil desenhar setas direcionais.

se o tamanho por omissão da ponta de seta não funcionar para si, poderá ajustá-lo usando as opções largura e comprimento. Também podemos fazer a ponta da flecha parecer côncava usando a opção concavidade. O valor padrão é 0%. Vou aumentá-lo para 50%:

a opção concavidade nas opções de pontas de flecha para a Ferramenta de linha no Photoshop.

aumente a opção de concavidade para mudar a forma da ponta da flecha.

isto muda a forma da ponta da flecha. Mais uma vez, certifique-se que define a opção concavidade antes de desenhar a linha, caso contrário terá de apagar a forma e desenhá-la de novo:

desenhar uma linha com uma ponta de seta côncava no Photoshop.

uma ponta de flecha com o valor de concavidade fixado em 50%.

escondendo o contorno em torno da forma

se olhar de perto para a sua forma depois de a ter desenhado (independentemente da ferramenta de forma que usou), verá frequentemente um contorno fino a aparecer em torno dela que poderá achar irritante. O contorno aparece em torno da forma sempre que a máscara vetorial da forma é selecionada, e é sempre selecionada por padrão depois de desenhar uma nova forma.

se você olhar para a camada da forma no painel de camadas, você verá que a miniatura da máscara vetorial tem um limite branco de realce em torno dela, o que nos diz que a máscara está de fato selecionada. Você pode esconder o contorno em torno da forma deseleccionando sua máscara vetorial. Para fazer isso, basta clicar na miniatura da máscara vetorial. O contorno de realce em torno da miniatura irá desaparecer, assim como o contorno em torno da forma no documento:Clicando na miniatura da máscara vetorial para deseleccioná-la.

carregue na miniatura da máscara vetorial para a deseleccionar e esconder o contorno em torno da forma.



+