Como desenhar gradientes com a ferramenta Gradiente no Photoshop

desenhar gradientes no Photoshop

criar um novo documento

vamos começar por criar um novo documento Photoshop. Para isso, irei ao menu Ficheiro na barra de Menu ao longo do topo do ecrã e escolherei o novo:

isto abre a nova janela. Para este tutorial, vou definir a largura do meu documento para 1200 pixels e a altura para 800 pixels., Não há nenhuma razão especial para eu estar usando este tamanho, então se você está trabalhando comigo e tem um tamanho diferente em mente, sinta-se livre para usá-lo. Vou deixar o valor de resolução definido para o seu padrão de 72 pixels / polegada, e vou certificar-me de que o conteúdo de fundo está definido para branco. Vou carregar em OK quando terminar de fechar a janela, altura em que aparece um novo documento branco no ecrã:

seleccionar a Ferramenta de gradiente

a Ferramenta de gradiente do Photoshop é encontrada no painel de ferramentas à esquerda do ecrã., Vou seleccioná-lo clicando no seu ícone. Você também pode selecionar a Ferramenta de gradiente simplesmente pressionando a letra G no seu teclado:

the Gradient Picker

With the Gradient Tool selected, the next thing we need to do is choose a gradient, and there’s a couple of ways we can do that. Um é abrindo a escolha gradiente do Photoshop; o outro é abrindo o editor gradiente maior., A diferença entre os dois é que o Seletor de Gradiente simplesmente nos permite escolher a partir de ready-made preset gradientes, enquanto o Editor de gradientes de cor, como o seu nome indica, é onde podemos editar e personalizar nossos próprios gradientes. Para este tutorial, vamos focar no próprio catador gradiente. Vamos aprender tudo sobre o editor Gradient no próximo tutorial.,

Quando você só quer escolher um dos gradientes predefinidos do Photoshop, ou um que você criou anteriormente e gravou como uma predefinição personalizada (mais uma vez, vamos aprender como fazer isso no próximo tutorial), carregue na pequena seta à direita da barra de antevisão do gradiente na barra de Opções. Certifique-se de que você clique na seta em si, e não na barra de visualização (clicando na barra de visualização irá abrir o Editor de gradientes de cor e nós não queremos ir para lá ainda):

Se carregar na seta, irá abrir o separador do gradiente, com as miniaturas de todos os gradientes predefinidos que possamos escolher. Para escolher um gradiente, carregue na sua miniatura e carregue em Enter (Win) / Return (Mac) no seu teclado, ou carregue em qualquer espaço vazio na barra de opções, para fechar o selector de gradientes. Poderá também fazer duplo-click na miniatura, que irá tanto seleccionar o gradiente como fechar fora do separador do gradiente:

carregando mais gradientes

por padrão, apenas um pequeno número de gradientes pré-definidos estão disponíveis, mas Photoshop inclui outros conjuntos de gradientes que podemos escolher. Tudo o que temos de fazer é carregá-los. Para isso, clique no ícone da engrenagem no canto superior direito:

Se procurar na metade inferior do menu que aparece, irá encontrar a lista de conjuntos adicionais de gradientes, cada um baseado num tema específico, como harmonias de cores, metais, pastéis e muito mais., Se você é um fotógrafo, os gradientes de densidade neutra e tonificação fotográfica são particularmente úteis:

para carregar qualquer um dos conjuntos, carregue no seu nome na lista. Clicei no conjunto de tonificação fotográfica. O Photoshop irá perguntar se deseja substituir os gradientes actuais pelos novos. Se carregar em Adicionar, em vez de substituir os gradientes originais, irá simplesmente adicionar os novos abaixo dos originais., Como veremos em um momento, é fácil restaurar os originais, então eu vou clicar OK para substituí-los com o conjunto de tonificação fotográfica:

E agora, vemos no separador gradiente que os gradientes originais foram substituídos pelos gradientes de tonificação fotográfica. Para saber mais sobre o conjunto de tonificação fotográfica e como usá-lo, confira o nosso tutorial completo de tonificação fotográfica predefinida:

restaurando os gradientes predefinidos

para nos manter focados no básico, vamos ficar com os gradientes predefinidos originais por agora. Para restaurá-los, carregue mais uma vez no ícone da engrenagem no selector do gradiente:

então escolha Reiniciar gradientes do menu:

o Photoshop irá perguntar se deseja substituir os gradientes actuais pelas predefinições. Carregue em OK:

E agora, estamos de volta aos originais:

o gradiente de primeiro plano para segundo plano

Antes de aprendermos a desenhar gradientes, vamos olhar rapidamente para um gradiente em particular – o gradiente de primeiro plano para segundo plano. É o que o Photoshop selecciona por omissão para nós, mas você também poderá seleccioná-lo manualmente se precisar, Carregando na sua miniatura (a primeira à esquerda, linha superior):

como poderá ter adivinhado, o gradiente principal para o fundo obtém as suas cores a partir das suas cores principal e de fundo. Você pode ver as suas cores de primeiro plano e de fundo actuais nas manchas de cores perto do fundo do painel de ferramentas. O swatch na parte superior esquerda mostra a cor principal, e a da parte inferior direita mostra a cor de fundo. Por omissão, a cor principal é definida a preto e a cor de fundo é definida a branco:

Uma vez que se baseia nas suas cores de primeiro plano e de fundo actuais, o gradiente de primeiro plano para segundo plano é o mais fácil de todos os gradientes a personalizar e o que muitas vezes se revela mais útil. Vamos usá-lo para nos ajudar a aprender como realmente desenhar um gradiente, e ao longo do caminho, vamos ver como é fácil mudar suas cores para o que precisamos!

Baixe este tutorial como um PDF pronto para impressão!

desenhar um gradiente com a Ferramenta de gradiente

desenhar um gradiente com a Ferramenta de gradiente no Photoshop é tão fácil como carregar e arrastar o rato., Simplesmente clique no documento para definir um ponto de partida para a gradiente e, em seguida, mantenha o botão do mouse pressionado e arrastar para longe do ponto de partida para onde você deseja que o gradiente termine. Enquanto você está arrastando, você verá apenas uma linha fina indicando a direção do gradiente. Quando você liberar o botão do mouse, o Photoshop completa o gradiente e o desenha com SUAS CORES ESCOLHIDAS.

Por exemplo, eu vou clicar no lado esquerdo do meu documento, em seguida, com o meu botão do mouse ainda mantido para baixo, eu vou arrastar para o lado direito., Note que até agora, tudo o que podemos ver é uma linha fina entre o ponto de partida e o ponto final. Se quiser tornar mais fácil desenhar um gradiente perfeitamente horizontal, Pressione e mantenha a sua tecla de deslocamento à medida que estiver a arrastar, o que irá limitar o ângulo em que poderá arrastar. Lembre – se apenas de esperar até ter lançado o seu botão do rato antes de lançar a tecla Shift ou não irá funcionar:

quando liberto o botão do rato, o Photoshop desenha o gradiente., Uma vez que a minha cor principal foi definida a preto e a minha cor de fundo foi definida a branco, acabo com um gradiente preto A Branco:

inverter as cores

pode inverter as cores no seu gradiente, seleccionando a opção inversa na barra de opções:

com seleção reversa, se eu desenhar o mesmo gradiente exato, vemos que desta vez, as cores aparecem em lados opostos, com branco na esquerda e preto na direita. Esta é uma funcionalidade útil, mas certifique-se de desligar a opção inversa quando terminar, caso contrário os próximos gradientes que desenhar também serão invertidos:

é claro que os gradientes não precisam de correr horizontalmente assim. Podem correr em qualquer direcção que escolheres. Vou desenhar outro gradiente, desta vez de cima a baixo., Repare que não preciso de desfazer ou apagar o meu gradiente existente. O Photoshop irá simplesmente substituir o gradiente actual pelo novo. Eu vou clicar perto do topo do meu documento, em seguida, manter meu botão do mouse mantido para baixo e arrastar para baixo em direção ao fundo. Tal como com o desenho de um gradiente horizontal, é muito mais fácil desenhar um gradiente vertical se carregar e mantiver a sua tecla Shift carregada à medida que está a arrastar, certificando-se de esperar até ter libertado o botão do rato antes de libertar a tecla Shift., Aqui novamente, vemos apenas um esboço fino no início:

quando liberto o botão do rato, o Photoshop completa o gradiente, substituindo o horizontal inicial por um gradiente vertical preto-branco:

alterando as cores do gradiente por omissão

Uma vez que o gradiente por omissão obtém as suas cores a partir das cores de primeiro plano e de fundo actuais, tudo o que precisamos de fazer para alterar as cores do gradiente é seleccionar diferentes cores para o primeiro plano e fundo. Por exemplo, vou escolher uma cor principal diferente, carregando no swatch de cores de primeiro plano no painel de ferramentas (o que está definido de momento a preto):

isto abre a escolha de cores do Photoshop., Vou seleccionar o vermelho para a minha nova cor principal, depois vou carregar em OK para fechar a escolha de cores:

a seguir, vou mudar a minha cor de fundo ao carregar no seu swatch de cores (o que está cheio de branco):

isto mais uma vez abre o extractor de cores., Vou mudar a cor de fundo do branco para um amarelo brilhante, então eu vou OK para fechar fora do extractor de cores:

Notice that the color swatches have updated to show the new colors i’ve chosen for the Foreground and Background:

a barra de antevisão do gradiente na barra de opções também foi actualizada para me mostrar como serão as novas cores do gradiente:

desenharei o gradiente, desta vez diagonalmente, carregando no canto inferior esquerdo do meu documento e arrastando-o para a parte superior direita. Mais uma vez, não há necessidade de desfazer ou excluir o gradiente anterior. O Photoshop irá substituí-lo pelo novo:

quando liberto o botão do rato, o Photoshop desenha o gradiente diagonal vermelho-amarelo através do documento:

Repor O primeiro plano E Cores de Fundo

Observe que, se eu abrir o meu Seletor de Gradiente na Barra de Opções, o primeiro plano para plano de Fundo do gradiente miniatura também é mostrando minhas novas cores vermelha e amarela:

pode alterar as cores deste gradiente sempre que quiser, carregando no primeiro plano e/ou no fundo da barra de opções e escolhendo cores diferentes. Mas se precisar de repor rapidamente as cores de volta aos seus valores por omissão, tornando a cor principal preta e a cor de fundo branca, basta carregar na letra D (pense “D” para “valores por omissão”) do seu teclado. Você verá que os swatches no painel de ferramentas voltam ao padrão preto e branco:

e irá ver que tanto a barra de antevisão do gradiente na barra de opções como a miniatura do gradiente de fundo na picadora do gradiente estão mais uma vez a mostrar as cores predefinidas:

Desenho de Um Gradiente Em Sua Própria Camada

Se a gente olhar no meu painel de Camadas, vemos que, até este ponto, eu estive desenho meu gradientes diretamente sobre a camada de Fundo:

desenhar na camada de fundo pode ser bom para os nossos propósitos aqui, mas uma maneira muito melhor de trabalhar no Photoshop é tirar partido das camadas e colocar cada item em nosso documento em sua própria camada separada. Para isso, primeiro vou limpar o meu gradiente subindo ao menu Editar no topo do ecrã e escolhendo preencher:

quando a janela de preenchimento abrir, vou definir a opção conteúdo no topo para branco, depois vou carregar em OK., Isto preenche a camada de fundo com branco: