Os gradientes dinâmicos no Photoshop 2023 tornam desenhar e editar gradientes mais fácil do que nunca. Este tutorial passo a passo mostra co...
Os gradientes dinâmicos no Photoshop 2023 tornam desenhar e editar gradientes mais fácil do que nunca. Este tutorial passo a passo mostra como desenhar e editar um gradiente dinâmico, salvar uma predefinição de gradiente personalizada, aplicar um gradiente à sua imagem e muito mais!
[caption id="attachment_61951" align="aligncenter" width="853"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Neste tutorial, mostro como é fácil desenhar e editar gradientes usando gradientes ativos no Photoshop 2023.
Os gradientes dinâmicos representam uma grande melhoria em relação aos gradientes tradicionais do Photoshop, por vários motivos. Primeiro, a nova visualização dinâmica do gradiente enquanto o desenhamos. Segundo, os gradientes dinâmicos são editáveis e não destrutivos . E terceiro, os gradientes dinâmicos incluem novos e intuitivos controles na tela para ajustar as cores, o tamanho, o ângulo do gradiente e muito mais. Então, vamos ver como eles funcionam.
Começarei mostrando tudo o que você precisa saber para desenhar e editar um gradiente ao vivo e, depois, veremos um exemplo real de como você pode usar um gradiente em sua foto.
Qual versão do Photoshop preciso para usar gradientes ativos?
Gradientes ativos foram adicionados ao Photoshop na atualização de maio de 2023.
Você pode obter a versão mais recente do Photoshop aqui . Ou use o aplicativo Creative Cloud Desktop para garantir que sua cópia do Photoshop esteja atualizada.
Vamos começar!
A configuração do documento
Para este tutorial, criei um novo documento com um fundo branco simples.
[caption id="attachment_61952" align="aligncenter" width="803"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
O documento original do Photoshop.
Como desenhar um gradiente ao vivo no Photoshop
Aqui estão os passos para desenhar um gradiente dinâmico no Photoshop. Depois de desenhar o gradiente, mostrarei como editar as cores, o tamanho, o ângulo, a opacidade e muito mais.
Veja também:
Etapa 1: Selecione a ferramenta Gradiente
Primeiro selecione a Ferramenta Gradiente na barra de ferramentas (ou pressione G no seu teclado).
[caption id="attachment_61953" align="aligncenter" width="109"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Selecionando a ferramenta Gradiente.
Etapa 2: defina o modo de gradiente como Gradiente
Na Barra de Opções, certifique-se de que o Modo Gradiente (uma nova opção) esteja definido como Gradiente . Escolher Gradiente Clássico no menu desenhará um gradiente legado sem nenhum dos novos recursos ativos.
[caption id="attachment_61954" align="aligncenter" width="365"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
A opção Modo Gradiente na Barra de Opções.
Etapa 3: Escolha uma predefinição de gradiente (opcional)
A amostra de cor ao lado do Modo Gradiente exibe as cores atuais do gradiente. Por padrão, o gradiente usa as cores de primeiro e segundo plano (preto e branco).
[caption id="attachment_61955" align="aligncenter" width="380"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Amostra de cor gradiente.
Mostrarei como escolher suas próprias cores personalizadas depois de desenhar o gradiente. Mas o Photoshop inclui várias predefinições de gradiente que podemos escolher.
Para selecionar uma predefinição, clique na amostra de cor para abrir o seletor de predefinições de gradiente .
[caption id="attachment_61956" align="aligncenter" width="382"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Abrindo o seletor de predefinições de gradiente.
Abra qualquer um dos temas (Azuis, Roxos, Rosas e assim por diante) e clique na miniatura de uma predefinição.
Vou escolher uma do tema Roxo. Clique fora do seletor de Predefinições de Gradiente para fechá-lo.
[caption id="attachment_61957" align="aligncenter" width="383"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Escolhendo uma predefinição de gradiente.
Etapa 4: escolha um estilo de gradiente
Ao lado do Seletor de Gradiente, estão as opções de Estilo de Gradiente . Da esquerda para a direita, temos Linear , Radial , Ângulo , Refletido e Diamante .
Linear e Radial são os estilos que mais usamos. Linear desenha o gradiente em uma linha reta, enquanto Radial o desenha para fora em um círculo. Você pode alternar entre os estilos no teclado usando as teclas de colchete esquerdo e direito ( [ e ] ).
Usarei Linear, que é selecionado por padrão.
[caption id="attachment_61958" align="aligncenter" width="356"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Escolhendo Linear para o estilo de gradiente.
Etapa 5: deixe as outras opções de gradiente em seus padrões
Ainda na Barra de Opções, deixe a opção Inverter desmarcada, a menos que queira inverter a direção do gradiente e trocar as cores. Você sempre pode reverter o gradiente depois de desenhá-lo, se necessário.
Além disso, deixe a opção Pontilhamento marcada , o que ajuda a reduzir faixas de cores.
[caption id="attachment_61959" align="aligncenter" width="328"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
As opções Reverse e Dither.
Por fim, deixe a opção Método definida como Perceptual , que exibe as cores de uma forma que corresponde à percepção dos nossos olhos. Linear é o mais básico e exibe as transições de cores em uma linha reta simples, enquanto Clássico corresponde à aparência dos gradientes em versões anteriores do Photoshop.
Na maioria dos casos, Perceptual é a melhor escolha.
[caption id="attachment_61960" align="aligncenter" width="292"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
As opções do Método Gradiente.
Etapa 6: desenhe seu gradiente
Para desenhar o gradiente ao vivo, basta clicar no documento para definir um ponto inicial, manter o botão do mouse pressionado e arrastar para longe desse ponto. O Photoshop exibe uma visualização ao vivo do gradiente enquanto você o desenha.
Para desenhar o gradiente em uma linha reta horizontal ou vertical, mantenha pressionada a tecla Shift no teclado enquanto arrasta.
Solte o botão do mouse para completar o gradiente.
[caption id="attachment_61961" align="aligncenter" width="800"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Desenhando um gradiente ao vivo na tela.
No painel Camadas, observe que o gradiente ao vivo aparece em sua própria camada de Preenchimento de Gradiente, o que mantém o gradiente separado e não destrutivo.
[caption id="attachment_61962" align="aligncenter" width="295"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
A camada Preenchimento de gradiente no painel Camadas.
Editando um gradiente ao vivo usando os controles na tela
Um ótimo recurso dos gradientes dinâmicos é que eles permanecem editáveis mesmo depois de desenhados. E a maneira mais fácil de editar um gradiente é com os novos controles na tela . Veja como usá-los.
Escala
Para ajustar a escala (tamanho ou comprimento) do gradiente usando os controles na tela, clique e arraste uma das paradas de cor redondas em cada extremidade do gradiente.
[caption id="attachment_61963" align="aligncenter" width="800"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Arrastando uma parada de cor para ajustar a escala do gradiente.
Ângulo
Você também pode arrastar uma parada de cor para girar o ângulo do gradiente.
Mantenha pressionada a tecla Shift para girar o ângulo em incrementos de 15 graus.
[caption id="attachment_61964" align="aligncenter" width="800"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Girando o ângulo do gradiente arrastando o limite de cor.
Posição
Para reposicionar o gradiente na tela, clique e arraste a linha que conecta os limites de cor.
[caption id="attachment_61965" align="aligncenter" width="800"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Arrastando a linha para reposicionar o gradiente.
Ponto médio
E para ajustar o ponto médio do gradiente, arraste o ícone de diamante acima da linha.
[caption id="attachment_61966" align="aligncenter" width="800"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Arrastando o losango para mover o ponto médio do gradiente.
Como alterar a cor de um gradiente
Para alterar uma cor, clique duas vezes no limite de cor. Vou alterar a cor à esquerda.
[caption id="attachment_61967" align="aligncenter" width="800"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Clique duas vezes em uma parada de cor para alterar sua cor.
Em seguida, escolha uma nova cor no Seletor de cores.
[caption id="attachment_61968" align="aligncenter" width="804"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Usando o Seletor de cores para escolher uma nova cor.
Ou, enquanto o Seletor de cores estiver aberto, você pode clicar em qualquer lugar ao longo do gradiente para obter uma amostra dessa cor.
Aqui estou amostrando a cor roxa à direita, o que temporariamente torna ambas as cores no gradiente iguais.
[caption id="attachment_61969" align="aligncenter" width="804"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Amostragem de outra cor no gradiente.
Em seguida, arraste o controle deslizante Matiz no Seletor de cores para escolher uma cor ligeiramente diferente.
Os gradientes geralmente funcionam melhor com cores bastante semelhantes, com transições mais sutis, em vez de usar cores em lados opostos do círculo cromático.
Clique em OK para fechar o Seletor de cores quando terminar.
[caption id="attachment_61970" align="aligncenter" width="804"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Arrastando o controle deslizante Matiz para selecionar uma cor diferente, mas semelhante.
Como adicionar uma nova cor ao gradiente
Para adicionar uma nova cor ao gradiente, passe o cursor do mouse logo acima ou abaixo da linha no local onde deseja adicionar a nova cor.
Um sinal de mais aparecerá ao lado do seu cursor.
[caption id="attachment_61971" align="aligncenter" width="800"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Passe o cursor logo abaixo da linha para adicionar uma nova parada de cor.
Em seguida, clique para adicionar uma nova parada de cor naquele local.
O Photoshop usará a cor atual do primeiro plano como a nova cor, que no meu caso é preto.
[caption id="attachment_61972" align="aligncenter" width="800"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
A nova parada de cor é adicionada e definida como a cor de primeiro plano atual.
Clique duas vezes na nova parada de cor para escolher uma cor no Seletor de Cores.
Vou escolher branco só para ficar mais fácil de ver.
[caption id="attachment_61973" align="aligncenter" width="798"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Escolhendo o branco como a terceira cor no gradiente.
Você pode então arrastar a parada de cor ao longo da linha para reposicioná-la.
[caption id="attachment_61974" align="aligncenter" width="800"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Arrastando a nova cor, pare para alterar a localização da cor.
Ou arraste os ícones de diamante em ambos os lados da nova parada de cor para alterar os locais dos pontos médios.
[caption id="attachment_61975" align="aligncenter" width="800"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Arrastando um losango para ajustar o ponto médio entre duas cores.
Como remover uma cor do gradiente
Para excluir uma cor do gradiente, clique no limite de cor para selecioná-la.
Em seguida, arraste a parada de cor para longe da linha até que ela desapareça ou pressione a tecla Delete no seu teclado.
[caption id="attachment_61976" align="aligncenter" width="800"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Excluir uma parada de cor arrastando-a para baixo e para longe da linha.
Editando um gradiente ao vivo no painel Propriedades
Outra maneira de editar um gradiente ao vivo no Photoshop é pelo painel Propriedades . Aqui você encontrará as mesmas opções que podemos editar usando os controles na tela, além de muito mais.
Predefinições
Use a opção Predefinições na parte superior do painel Propriedades para escolher uma predefinição de gradiente diferente.
Clique na amostra de cor para abrir o seletor de predefinições de gradiente, abra um tema de cor e clique em uma miniatura para escolher uma predefinição.
Vou redefinir meu gradiente de volta para a mesma predefinição do tema Roxo que escolhi anteriormente na Barra de Opções.
[caption id="attachment_61977" align="aligncenter" width="295"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Use a opção Predefinições para escolher uma predefinição de gradiente diferente.
Estilo
Em seguida, temos as mesmas opções de Estilo (Linear, Radial, Ângulo, Refletido e Diamante) que vimos na Barra de Opções, para que você possa alterar o estilo do seu gradiente depois de desenhá-lo.
Deixarei o meu definido como Linear.
[caption id="attachment_61978" align="aligncenter" width="295"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
As opções de estilo de gradiente no painel Propriedades.
Ângulo
Para ajustar o ângulo do gradiente, você pode inserir um valor específico ou clicar na seta ao lado da caixa de valor e escolher um ângulo predefinido.
Você também pode clicar e arrastar sobre a palavra "Ângulo" para ajustar o valor usando o controle deslizante . Enquanto arrasta o controle deslizante, mantenha pressionada a tecla Alt (Win) / Option (Mac) para ajustar o valor em incrementos menores. Ou mantenha pressionada a tecla Shift para ajustá-lo em incrementos maiores.
[caption id="attachment_61979" align="aligncenter" width="295"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Ajustando o ângulo do gradiente no painel Propriedades.
Escala
Use a opção Escala para ajustar o tamanho ou o comprimento do gradiente, inserindo um valor específico, clicando na seta ao lado da caixa de valor e arrastando o controle deslizante, ou clicando e arrastando sobre a palavra Escala para ajustá-la usando o controle deslizante.
Novamente, mantenha pressionada a tecla Alt (Win) / Option (Mac) enquanto arrasta com o controle deslizante para ajustar a escala em incrementos menores, ou a tecla Shift para incrementos maiores.
[caption id="attachment_61980" align="aligncenter" width="295"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Ajustando a escala de gradiente no painel Propriedades.
Inverter e Dither
Marque a opção Inverter no painel Propriedades para inverter a direção do gradiente, o que troca as cores nos lados esquerdo e direito.
[caption id="attachment_61981" align="aligncenter" width="295"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Use Reverter para inverter a direção do gradiente.
E você pode desativar o Dither no painel Propriedades, embora eu não recomende isso, a menos que você queira que as faixas de cores sejam mais óbvias.
[caption id="attachment_61982" align="aligncenter" width="295"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Deixe o Dither ativado para reduzir as faixas de cor.
Escolhendo um gradiente sólido ou de ruído
A opção Tipo no painel Propriedades nos permite alternar de um gradiente Sólido (a aparência mais tradicional) para um gradiente de Ruído .
[caption id="attachment_61983" align="aligncenter" width="295"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Use Tipo para alternar entre gradientes Sólido e Ruído.
Gradientes de ruído usam uma mistura aleatória de cores para criar um efeito mais texturizado.
[caption id="attachment_61984" align="aligncenter" width="803"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Um exemplo de gradiente de ruído.
Quando Tipo é definido como Ruído, as seguintes opções aparecem:
- Rugosidade
- Modelo de cores
- Restringir cores
- Adicionar transparência
- Randomizar
Rugosidade
A rugosidade controla a suavidade do ruído.
Valores mais baixos criam variações mais suaves e suaves, com menos contraste, como vemos na barra de visualização abaixo da opção Rugosidade.
[caption id="attachment_61985" align="aligncenter" width="295"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Diminuindo a quantidade de rugosidade para suavizar o gradiente de ruído.
Valores mais altos de Rugosidade criam um padrão de linhas mais nítido e evidente. O valor padrão é 50%.
[caption id="attachment_61986" align="aligncenter" width="295"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Aumentando a quantidade de Rugosidade para um gradiente de ruído mais nítido e abrupto.
Modelo de cores
O modelo de cores permite alternar o gradiente de ruído entre RGB, HSB e LAB.
- RGB (o modelo padrão) exibe cores como uma mistura aleatória de valores vermelho, verde e azul.
- O HSB cria uma mistura aleatória de valores de matiz, saturação e brilho.
- O LAB usa uma mistura aleatória de luminosidade, valores “a” (a gama de cores entre verde e magenta) e valores “b” (a gama de cores entre azul e amarelo).
[caption id="attachment_61987" align="aligncenter" width="295"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
O modelo de cores altera a aparência das cores no gradiente de ruído.
Você pode então usar os três controles deslizantes para limitar o intervalo de cores no ruído, dependendo do modelo de cor escolhido.
Por exemplo, com o modelo de cor definido como HSB:
- Os controles deslizantes H podem ser usados para limitar a gama de matizes possíveis.
- Use os controles deslizantes S para limitar o intervalo de valores de saturação.
- Os controles deslizantes B limitam o intervalo de valores de brilho.
[caption id="attachment_61988" align="aligncenter" width="295"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Arrastando os controles deslizantes S para limitar a saturação nas cores.
Restringir cores e adicionar transparência
Ative Restringir cores para evitar que qualquer uma das cores no gradiente de ruído fique supersaturada.
Ou ative Adicionar Transparência para adicionar quantidades aleatórias de transparência ao longo do gradiente.
Talvez seja necessário rolar para baixo no painel Propriedades para encontrar essas opções.
[caption id="attachment_61989" align="aligncenter" width="295"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Clique em Randomizar para gerar um novo gradiente de ruído.
Randomizar
Por fim, clique no botão Randomizar para regenerar o gradiente de ruído com novas cores aleatórias.
[caption id="attachment_61990" align="aligncenter" width="295"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Clique em Randomizar para gerar um novo gradiente de ruído.
Retornando para um gradiente sólido
Na maioria dos casos, você vai querer um gradiente sólido tradicional, então vou mudar o tipo de Ruído de volta para Sólido .
[caption id="attachment_61991" align="aligncenter" width="295"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Alterando o tipo de gradiente de volta para Sólido.
Método
O método permite que você altere a maneira como as cores são exibidas no gradiente e é o mesmo que vimos anteriormente na Barra de Opções.
- Perceptual (o padrão) exibe cores que parecem mais naturais.
- Linear exibe transições de cores em uma linha reta simples.
- O modo clássico é como os gradientes eram exibidos nas versões anteriores do Photoshop.
Na maioria dos casos, deixar o método definido como Perceptual é a melhor escolha.
[caption id="attachment_61992" align="aligncenter" width="295"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Alterando o tipo de gradiente de volta para Sólido.
Suavidade
O valor Suavidade controla a suavidade da transição entre as cores no gradiente.
Para facilitar a visualização, alternarei temporariamente para a predefinição de gradiente Preto e Branco.
[caption id="attachment_61993" align="aligncenter" width="295"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Alterando a predefinição de gradiente para Preto, Branco.
O valor padrão de Suavidade é 100%.
[caption id="attachment_61994" align="aligncenter" width="295"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Suavidade padrão de 100%.
E observe que em 100%, a maior parte da transição entre as cores acontece mais perto do meio.
Isso cria um gradiente de contraste maior, que geralmente é o que queremos e é ótimo para criar uma foto em preto e branco de alto contraste .
[caption id="attachment_61995" align="aligncenter" width="800"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Valores altos de suavidade empurram a maior parte da transição para mais perto do ponto médio.
Se reduzirmos a Suavidade para 0 por cento:
[caption id="attachment_61996" align="aligncenter" width="295"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Reduzindo o valor de Suavidade para 0 por cento.
A transição é distribuída de forma mais uniforme.
Às vezes pode ser difícil perceber a diferença, mas deixar a Suavidade em 100% geralmente fica melhor.
[caption id="attachment_61997" align="aligncenter" width="800"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Valores baixos de suavidade criam transições mais lineares.
Voltarei para minha predefinição de gradiente roxo.
[caption id="attachment_61998" align="aligncenter" width="295"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Retornando à predefinição de gradiente original.
Editando as cores do gradiente
Abaixo da opção Suavidade está a barra principal de pré-visualização do gradiente mostrando as cores atuais do gradiente.
Aqui podemos editar as cores da mesma forma que fizemos antes, usando os controles na tela.
- Clique duas vezes em uma amostra de cor para escolher uma nova cor no Seletor de Cores.
- Clique abaixo da barra para adicionar uma nova parada de cor e, em seguida, clique duas vezes nela para alterar a cor.
- Arraste uma parada de cor para a esquerda ou direita para alterar sua localização no gradiente.
- Arraste o ícone de losango entre duas paradas de cor para alterar a localização do ponto médio.
- Exclua uma parada de cor arrastando-a para fora da barra de visualização.
[caption id="attachment_61999" align="aligncenter" width="295"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Adicionar e editar cores usando a barra de visualização de gradiente.
Se você moveu o ponto médio entre duas paradas de cor e deseja redefini-lo exatamente para o meio, clique no ícone de diamante para selecioná-lo e defina o valor Localização como 50 por cento .
[caption id="attachment_62000" align="aligncenter" width="295"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Use Localização para definir um valor de ponto médio específico.
Adicionando opacidade ao gradiente
Para adicionar transparência a um gradiente ao vivo, não podemos usar os controles na tela. Em vez disso, precisamos usar os controles de Opacidade no painel Propriedades. Pode ser necessário girar os controles de Opacidade para visualizá-los.
[caption id="attachment_62001" align="aligncenter" width="296"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Os controles de opacidade do gradiente no painel Propriedades.
Abaixo da barra de visualização, há uma parada de opacidade em cada extremidade do gradiente (semelhante a uma parada de cor).
Clique em uma parada para selecioná-la. Eu selecionarei a da esquerda.
[caption id="attachment_62002" align="aligncenter" width="300"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Clicando em uma parada de opacidade.
Para adicionar transparência nesse local:
- Insira um valor específico na opção Opacidade ou
- Clique na seta ao lado do valor e arraste o controle deslizante ou
- Clique e arraste sobre a palavra Opacidade para ajustá-la usando o controle deslizante.
Reduzirei a opacidade do lado esquerdo do gradiente para 0%.
[caption id="attachment_62003" align="aligncenter" width="295"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Tornando o lado esquerdo do gradiente transparente.
Observe que o lado esquerdo agora aparece branco na tela. Mas isso ocorre porque ele é transparente, e o branco é da camada de fundo abaixo dele, que está aparecendo.
[caption id="attachment_62004" align="aligncenter" width="803"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
O branco da camada de fundo está aparecendo através da transparência no gradiente.
Se eu desativar a camada de fundo no painel Camadas:
[caption id="attachment_62005" align="aligncenter" width="295"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Desativando a camada de fundo.
Vemos a transparência, indicada pelo padrão xadrez.
Então agora tenho um gradiente que vai de transparente à esquerda até roxo à direita.
[caption id="attachment_62006" align="aligncenter" width="800"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Desativar a camada de fundo revela a transparência.
Você pode clicar abaixo da barra de visualização de opacidade para adicionar mais pontos de opacidade, arrastar para reposicioná-los, definir a opacidade para cada ponto separadamente ou arrastar o ícone de diamante entre dois pontos de opacidade para ajustar o ponto médio.
[caption id="attachment_62005" align="aligncenter" width="295"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Adicionar mais opacidade interrompe o gradiente.
Para excluir uma parada de opacidade, arraste-a para longe da barra de visualização até que ela desapareça ou clique para selecioná-la e depois clique no ícone da lixeira .
[caption id="attachment_62007" align="aligncenter" width="295"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Clicando na lixeira, você pode excluir a parada de opacidade selecionada.
Vou redefinir a opacidade do ponto esquerdo para 100%.
[caption id="attachment_62008" align="aligncenter" width="298"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Redefinindo a opacidade à esquerda para 100%.
Redefinir alinhamento
O botão Redefinir alinhamento na seção Ações rápidas realinhará o gradiente à tela.
Isso redefine o ângulo do gradiente para 90 graus e estica o gradiente na tela de cima para baixo.
[caption id="attachment_62009" align="aligncenter" width="295"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
O botão Redefinir alinhamento.
Como salvar uma predefinição de gradiente personalizada
Por fim, para salvar um gradiente com suas cores personalizadas, clique no botão Salvar predefinição .
[caption id="attachment_62010" align="aligncenter" width="295"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
O botão Salvar predefinição.
Dê um nome à nova predefinição. Vou nomear a minha de Transparente para Roxo
.
Em seguida, clique em OK para salvá-lo.
[caption id="attachment_62011" align="aligncenter" width="526"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Nomeie a nova predefinição de gradiente e clique em OK para salvá-la.
Depois que o gradiente for salvo, abra o seletor Predefinições de gradiente, na Barra de opções ou na parte superior do painel Propriedades.
[caption id="attachment_62012" align="aligncenter" width="295"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Abrindo o seletor de predefinições de gradiente.
Em seguida, role para baixo abaixo dos temas padrão e você encontrará sua nova predefinição personalizada na parte inferior.
[caption id="attachment_62013" align="aligncenter" width="295"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
A predefinição de gradiente salva.
Exemplo: Usando um gradiente ao vivo com uma imagem
E isso é tudo o que você precisa saber para desenhar, editar e salvar gradientes ao vivo no Photoshop.
Então, vamos ver um exemplo de como você pode usar um gradiente ao vivo em sua foto.
Nesta parte do tutorial, usarei esta imagem do Adobe Stock e usarei um gradiente ao vivo para alterar e aprimorar as cores rapidamente.
[caption id="attachment_62014" align="aligncenter" width="803"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
A foto original.
Selecionando a ferramenta Gradiente
Primeiro, selecionarei a Ferramenta Gradiente na barra de ferramentas.
[caption id="attachment_61953" align="aligncenter" width="109"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Selecionando a ferramenta Gradiente.
Escolhendo uma predefinição de gradiente
Em seguida, na Barra de opções, clicarei na amostra de cor para abrir o seletor de predefinições de gradiente e escolherei uma predefinição do tema Vermelhos.
[caption id="attachment_62015" align="aligncenter" width="471"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Selecionando uma predefinição de gradiente.
Escolhendo um estilo de gradiente
Como até agora só vimos gradientes lineares, desta vez definirei o estilo do gradiente como Radial .
[caption id="attachment_62016" align="aligncenter" width="351"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Escolhendo o estilo de gradiente radial.
Desenhando o gradiente inicial ao vivo
Então clicarei na imagem e arrastarei um gradiente inicial.
Como o estilo está definido como Radial, o gradiente aparece em um círculo que se estende para fora do ponto inicial.
[caption id="attachment_62017" align="aligncenter" width="803"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Desenhando o gradiente radial.
Alterando o modo de mesclagem do gradiente
Claro, há um problema óbvio. O gradiente está bloqueando a visualização da imagem. Para corrigir isso, preciso alterar o modo de mesclagem do gradiente .
No painel Camadas, o gradiente aparece em uma nova camada de Preenchimento de Gradiente acima da imagem. Com a camada de Preenchimento de Gradiente selecionada, alterarei seu modo de mesclagem de Normal para Luz Suave .
[caption id="attachment_62018" align="aligncenter" width="296"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Alterando o modo de mesclagem da camada Preenchimento de Gradiente para Luz Suave.
E agora as cores do gradiente estão se misturando com a imagem.
O modo de mesclagem Soft Light também melhora o contraste, fazendo com que o efeito realmente se destaque.
[caption id="attachment_62019" align="aligncenter" width="803"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
As cores do gradiente se misturam com a imagem após alterar o modo de mesclagem.
Ajustando o gradiente ao vivo
Como estamos trabalhando com um gradiente ao vivo, todas as propriedades do gradiente permanecem editáveis.
Por exemplo, posso reposicionar o gradiente arrastando a linha que conecta os limites de cor. Ou, como se trata de um gradiente radial, também posso arrastar o limite de cor para o centro.
[caption id="attachment_62020" align="aligncenter" width="800"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Reposicionando o centro do gradiente ao vivo.
Ou eu poderia dimensionar e redimensionar o gradiente arrastando a parada de cor na borda externa.
Eu também poderia alterar as cores clicando duas vezes em uma parada de cor ou adicionar uma nova parada de cor clicando logo acima ou abaixo da linha. E eu poderia arrastar as paradas de cor para reposicioná-las ou arrastar os losangos para ajustar os pontos médios.
Mas neste caso, gosto das cores do jeito que elas são.
[caption id="attachment_62021" align="aligncenter" width="800"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Escalando o gradiente radial.
Como ocultar ou mostrar os controles na tela
Para ocultar os controles na tela e obter uma visualização melhor da imagem, basta selecionar qualquer outra ferramenta na barra de ferramentas. Eu selecionarei a Ferramenta Mover.
[caption id="attachment_62022" align="aligncenter" width="129"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Selecionando uma ferramenta diferente para ocultar os controles na tela.
E agora vemos como o gradiente fica sem os controles na tela atrapalhando.
Para trazer os controles na tela de volta, selecione novamente a Ferramenta Gradiente (e certifique-se de que a camada Preenchimento de Gradiente esteja ativa no painel Camadas).
[caption id="attachment_62023" align="aligncenter" width="803"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Visualizando o efeito de gradiente com os controles na tela ocultos.
Reduzindo a opacidade do gradiente
Por fim, se as cores do gradiente estiverem muito fortes, basta diminuir a opacidade da camada Preenchimento de Gradiente no painel Camadas. Vou reduzi-la para 60%.
[caption id="attachment_62024" align="aligncenter" width="295"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
Reduzindo a opacidade da camada Preenchimento de gradiente.
Aqui está novamente a foto com as cores originais.
[caption id="attachment_62025" align="aligncenter" width="799"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
A foto com as cores originais.
E aqui está o resultado final após diminuir a opacidade do gradiente.
[caption id="attachment_62026" align="aligncenter" width="799"]
Como usar gradientes dinâmicos no Photoshop | ::Tutoriais Photoshop::[/caption]
O efeito final da cor gradiente.
E pronto! É assim que se usa gradientes dinâmicos na versão mais recente do Photoshop.
COMENTÁRIOS