Recursos do tutorial
Os seguintes recursos foram usados durante a produção deste tutorial:
1. Como criar um plano de fundo
Passo 1
Crie um novo 100 x 667 pixels documento. Depois coloque o Couro Sorensen – Campo-Borgonha-20824 imagem no topo da Fundo camada, renomeie sua camada para Textura BGe redimensione-o como desejar.
Passo 2
Clique no Crie uma nova camada de preenchimento ou ajuste ícone na parte inferior do Camadas painel e escolha Níveis.
etapa 3
Mudar o Gama valor para 1.10 e a Destaques para 180.
Passo 4
Adicione um Gradiente camada sobre todas as camadas.
Criar uma Transparente para preencher a cor preenchimento gradiente, usando as cores #d6d6d6 para a esquerda e #a6a6a6 Para a direita.
Mudar o Estilo para Radial e a Escala para 250e verifique o Pontilhar caixa.
Etapa 5
Mudar o Gradiente camadas Modo de mistura para Queimadura de cor.
2. Como criar o texto
Passo 1
Crie o texto em Tudo em maiúsculas usando a fonte Ronnia Bold. Colocou o Cor para Whitee a Tamanho para 150 pontos.
Passo 2
Alterar a camada de texto Preencher valor para 0e duplique-o duas vezes.
3. Como aplicar um estilo de camada à camada de texto original
Duplo click o original camada de texto para aplicar o seguinte estilo de camada:
Passo 1
Adicione um Sombra projetada com estas configurações:
- Modo de mistura: Luz forte
-
Cor:
#f2dede - Opacidade: 10%
- Desmarque o Use a luz global caixa
- Ângulo: -19
- Distância: 11
- Tamanho: 20
Passo 2
Clique no + sinal à direita do Sombra projetada guia, para adicionar outro Sombra projetada efeito com estas configurações:
- Modo de mistura: Queimadura de cor
-
Cor:
#837777 - Opacidade: 30%
- Desmarque o Use a luz global caixa
- Ângulo: 107
- Distância: 12
- Espalhar: 2
- Tamanho: 10
Isso criará a sombra projetada e destacará parte do efeito.
4. Como aplicar um estilo de camada à camada de texto da primeira cópia
Duplo click o primeira cópia camada de texto para aplicar o seguinte estilo de camada:
Passo 1
Adicione um Chanfro e relevo com estas configurações:
- Tamanho: 3
- Modo sombra: Sobreposição
Passo 2
Adicione um Contorno com estas configurações:
- Contorno: Enseada – Profunda
- Verifica a Suavização de serrilhado caixa.
- Faixa: 100%
etapa 3
Adicione um Sombra interior com estas configurações:
- Modo de mistura: Tela
-
Cor:
#e2e2e2 - Opacidade: 10%
- Desmarque o Use a luz global caixa
- Ângulo: 90
- Distância: 2
- Tamanho: 13
Passo 4
Adicione um Brilho interior com estas configurações:
- Modo de mistura: Sobreposição
- Opacidade: 30%
-
Cor:
#f1ecec - Técnica: Preciso
- Tamanho: 3
- Verifica a Suavização de serrilhado caixa
- Faixa: 35
Etapa 5
Adicione um Sobreposição de Gradiente com estas configurações:
- Verifica a Pontilhar caixa
- Modo de mistura: Luz suave
- Opacidade: 50%
- Estilo: Refletido
- Ângulo: 105
- Escala: 150%
- Verifica a Reverter caixa
- Clique no Gradiente caixa para criar o preenchimento gradiente
Etapa 6
Para criar o gradiente, você precisará clicar abaixo da barra de gradiente para adicionar Paradas de corese, ao clicar em cada parada de cor, você pode alterar sua Cor e Localização valores. Aqui está o Parada de cor valores usados da esquerda para a direita:
Cor – Localização
-
#252321– 0% -
#656565– 22% -
#eeeeee– 44% -
#585858– 69% -
#eeeeee– 70% -
#606060– 83% -
#252321– 100%
Etapa 7
Altere a camada da primeira cópia Preencher valor para 0.
5. Como aplicar um estilo de camada à camada de texto da segunda cópia
Duplo click o segunda cópia camada de texto para aplicar o seguinte estilo de camada:
Passo 1
Adicione um Chanfro e relevo com estas configurações:
- Tamanho: 5
- Verifica a Suavização de serrilhado caixa
- Modo sombra: Sobreposição
Passo 2
Adicione um Contorno com estas configurações:
- Verifica a Suavização de serrilhado caixa.
- Faixa: 70%
Isso estilizará a última parte do efeito.
6. Como mascarar uma seleção
Passo 1
Escolha o Ferramenta Laço Poligonale clique no Adicionar à seleção ícone no Opções bar.
O que você precisa fazer a seguir é criar formas nítidas em algumas partes do texto, para imitar a aparência de áreas quebradas.
Passo 2
Quando terminar de criar a seleção, segure o Opção chave e clique no botão Adicione uma camada de máscara ícone na parte inferior do Camadas painel.
etapa 3
Segure o Opção pressione novamente e arraste a máscara para cada uma das camadas de texto copiado.
7. Como criar peças quebradas simples
Passo 1
Com o Ferramenta Laço Poligonal novamente, crie algumas seleções mais nítidas de formas menores espalhadas ao redor do texto, para criar as peças quebradas.
Quando terminar, crie uma nova camada acima de todas as camadas, chame-a Peçase preencha a seleção das peças com White.
Imprensa Comando-D para se livrar da seleção.
Passo 2
Duplique o Peças camada duas vezes.
8. Como copiar e colar estilos de camada
Passo 1
Clique com o botão direito a camada de texto original e escolha Copiar estilo de camada. Então clique com o botão direito o Peças camada e escolha Colar estilo de camada.
Repita isso para a primeira cópia e a segunda cópia do texto e Peças camadas.
Passo 2
Clique com o botão direito o efeitos ícone à direita do Peças camada e escolha Efeito de escala.
etapa 3
Colocou o Escala valor para 50%. Repita isso para o Peças copiar camadas.
Passo 4
Duplo click o Peças camada e altere o Sombra projetada efeito Tamanho valor de volta para 10.
Isso garantirá que a sombra tenha o mesmo tamanho para todas as partes do texto.
9. Como criar um efeito de destaque
Passo 1
Use o Ferramenta Letreiro Elíptico para criar uma elipse ao redor do texto.
Passo 2
Crie uma nova camada acima da Gradiente camada e chame-a Luz.
Preencha a seleção com a cor #d6d6d6.
etapa 3
Vá para Filtro > Desfoque > Desfoque Gaussianoe defina o Raio para 50 ou qualquer outro valor que você preferir.
Passo 4
Mudar o Luz camadas Modo de mistura para Luz fortee os seus Opacidade para 10% ou qualquer outro valor que você quiser.
Parabéns, você terminou!
Neste tutorial, criamos alguns efeitos de texto bem legais no Photoshop! Fizemos um fundo simples usando uma textura de couro e uma camada de preenchimento gradiente para o efeito de vinheta. Em seguida, criamos três camadas de texto e as estilizamos para criar o efeito de vidro.
Depois disso, usamos a Polygonal Lasso Tool para criar as áreas quebradas e as peças quebradas, e estilizamos as peças para se ajustarem ao efeito. Por fim, adicionamos iluminação atrás do texto, usando uma seleção elíptica e um filtro de desfoque.
5 efeitos de texto incríveis para Photoshop (da Envato Elements)
Se você está procurando fontes com efeito de vidro para Photoshop, você veio ao lugar certo. Temos cinco opções incríveis que vão te ajudar na hora de seguir nosso tutorial de como criar um efeito de vidro quebrado no Photoshop.
ga-analytics#sendElementsClickEvent”>Envato Elements tem milhares de ativos de design para todas as suas necessidades criativas, incluindo ga-analytics#sendElementsClickEvent”>efeitos de texto do Photoshop, ga-analytics#sendElementsClickEvent”>gráficos, ga-analytics#sendElementsClickEvent”>ilustrações, ga-analytics#sendElementsClickEvent”>planos de fundo, ga-analytics#sendElementsClickEvent”>vídeos de estoque e muito mais.
1. ga-analytics#sendElementsClickEvent”>Efeito de fonte Chrome moderno (ATN, GRD, PAT, PSD)
Efeitos de texto do Photoshop como este são difíceis de encontrar. Baixe este efeito de texto cromado e aproveite seus dez estilos diferentes que você pode usar para diversos fins. Leve seus designs para o próximo nível com apenas alguns cliques.
2. ga-analytics#sendElementsClickEvent”>Fonte de efeito de vidro do Photoshop (PSD)
Aqui está uma versão moderna dos efeitos de texto de vidro para Photoshop. Ele apresenta um design ousado que combina bem com fontes sem serifa, resultando em uma arte final impressionante. Baixe agora e receba um guia de como utilizá-lo caso se perca.
3. ga-analytics#sendElementsClickEvent”>Efeito Metálico para Photoshop (PSD)
Os efeitos metálicos no Photoshop são bastante comuns, mas quando aplicados às fontes, os resultados podem ser verdadeiramente surpreendentes. Ao baixar esta fonte metálica e cromada, você terá acesso a muitos recursos, incluindo arquivos bem organizados, uma fonte complementar, objetos inteligentes e um guia do usuário útil. Experimente este efeito de texto cromado.
4. ga-analytics#sendElementsClickEvent”>Efeito de vidro editável do Photoshop (PSD)
Adoramos os efeitos do Photoshop com designs de vidro devido à sua versatilidade. SVocê pode deixar o efeito transparente e colocar seu texto em cima de um fundo gradiente, semelhante ao exemplo acima. Alternativamente, você pode remover o efeito de transparência do Photoshop e também ficará ótimo.
5. ga-analytics#sendElementsClickEvent”>Efeito brilhante para Photoshop (PSD)
Nossa opção final é este versátil efeito brilhante no Photoshop. Inclui um objeto inteligente, para que você possa usar qualquer fonte e obter esse efeito legal. O arquivo também vem com quatro opções de cores diferentes e textura granulada.
Descubra mais tutoriais no Envato Tuts+
Você gostou do nosso efeito de fonte de vidro quebrado? Se sim, temos muito mais reservado para você no Envato Tuts+. Explore nossos artigos e tutoriais criados para aprimorar suas habilidades e aprimorar seu crescimento como criador. Confira:
