gel texto com efeito camada Estilos

Passo 1: Abra um novo documento Photoshop

Vá até o menu Arquivo, na parte superior da tela e escolha Novo … Para abrir Photoshop’s New Documento caixa de diálogo e digite uma largura e altura para o seu documento. Vou usar um preset tamanho de 640×480 pixels. Clique em OK para criar o novo documento:

Creating a new document in Photoshop

Adobe Photoshop Texto Efeitos: Crie um novo documento no Photoshop.

Etapa 2: Escolha uma cor para o seu texto

Selecione o Tipo ferramenta da paleta Tools:

Selecting the Type tool from Photoshop's Tools palette

Adobe Photoshop Texto Efeitos: Escolha o Tipo ferramenta da paleta Tools.

Você também pode pressionar T no teclado para selecioná-la rapidamente. Então, com a ferramenta Tipo selecionado, vá até o Opções Bar, localizado na parte superior da tela e clique sobre o texto de cor swatch:

Clicking on the text color swatch in the Options Bar

Adobe Photoshop Texto Efeitos: Com a ferramenta Tipo selecionado, clique sobre o texto de cor swatch no Bar Opções.

Isto abre Photoshop’s Color Picker. Escolha uma cor para o texto. Eu vou para escolher um azul claro para mim:

Photoshop's Color Picker

Adobe Photoshop Texto Efeitos: Escolha uma cor para o seu texto com Photoshop’s Color Picker.

Clique em OK uma vez que você tenha escolhido uma cor para sair do Color Picker.

Etapa 3: Digite Seu Texto

Escolha uma das opções Bar font. Estou usando o “Bauhaus 93”. Em seguida, clique dentro do seu documento Window e digitar seu texto. Eu vou para digitar a palavra “fotografia”:

Typing the word 'photo' into the Document Window.

Adobe Photoshop Efeitos Texto: Digite o texto no documento.

Etapa 4: use “Free Transform” para redimensionar o texto se necessário

Eu vou para aumentar um pouco o meu texto utilizando Photoshop do comando Free Transform. Com o meu texto camada selecionada na paleta Camadas, vou usar o atalho de teclado Ctrl + T (Win) / Command + T (Mac) para abrir a caixa Free Transform e puxadores em torno de meu texto. Então vou mantenha pressionada Shift + Alt (Win) / Shift + Option (Mac) e arraste para fora um dos cantos alças para ampliar o meu texto. Segurando Shift constrangimentos o texto proporções, e segurando Alt / Opção forças de texto para redimensionar a partir do centro:

Using Photoshop's Free Transform command to enlarge the text.

Adobe Photoshop Texto Efeitos: Use Free Transform para ampliar o texto, se for necessário.

Passo 5: Selecione O “Drop Shadow” Layer Style

Estamos indo para cabeça no mundo da estranha Layer Estilos neste ponto, e os primeiros Layer Style vamos para acrescentar ao texto é uma gota sombra.

Antes de prosseguirmos, gostaria apenas de dizer mais uma vez que você deve sentir-se livre para experimentar com as diferentes configurações que estamos a utilizar para este efeito. Você não precisa usar a configurações específicas vou estar usando. Há lotes de wiggle sala para brincar com a criação deste texto gel efeito.

Agora vamos adicionar gota a nossa sombra. Clique sobre a Layer Style ícone na parte inferior da paleta Camadas:

Clicking the Layer Style icon at the bottom of Photoshop's Layers palette.

Adobe Photoshop Texto Efeitos: Com a camada texto selecionado, clique sobre o “Layer Estilos” ícone na parte inferior da paleta Camadas.

Selecione Drop Shadow da lista:

Selecting Drop Shadow from the list of Layer Styles.

Adobe Photoshop Texto Efeitos: Select “Drop Shadow” da lista de Layer Estilos.

Isso levanta Photoshop’s Layer Style caixa de diálogo para definir o Drop Shadow opções no meio coluna:

The Drop Shadow options in Photoshop's Layer Style dialog box.

Adobe Photoshop Texto Efeitos: O Layer Style caixa de diálogo para definir o Drop Shadow opções no meio coluna.

Passo 6: Escolha Uma cor para a queda sombra e aplicá-la

Clique na cor swatch Drop Shadow:

Choosing a color for the drop shadow

Adobe Photoshop Texto Efeitos: Clique no Drop Shadow’s color swatch para escolher uma cor.

Isto abre a Color Picker. Em vez de escolher uma cor no Color Picker, passar o cursor do mouse sobre o texto, que irá transformar o seu cursor do mouse para o Eyedropper, e clique sobre o texto de amostra sua cor:

Sampling the text color with the Eyedropper

Adobe Photoshop Texto Efeitos: Clique em qualquer lugar do texto a amostra da cor.

Em seguida, vá para o Color Picker e selecionar uma tonalidade mais escura do que a cor a utilizar para a queda sombra:

Choosing a darker shade of the sampled color to use for the drop shadow

Adobe Photoshop Texto Efeitos: Selecione uma tonalidade diferente da amostra de cor no Color Picker usar para o drop shadow.

Clique em OK para sair do Color Picker, e sua queda sombra aparecerá na cor que você selecionou:

The drop shadow now appears using the color you selected.

Adobe Photoshop Texto Efeitos: A queda sombra aplicada ao texto utilizando a cor escolhida no Color Picker.

Não clique em OK na caixa de diálogo Layer Style ainda. Nós só agora começou.

Etapa 7: Aplique um “Inner Shadow” Layer Style

Clique diretamente sobre as palavras Inner Shadow Layer Style no menu do lado esquerdo da caixa de diálogo Layer Style, diretamente abaixo “Drop Shadow”:

Choose 'Inner Shadow' from the list of Layer Styles on the left

Adobe Photoshop Texto Efeitos: Clique diretamente sobre as palavras “Inner Shadow” abaixo “Drop Shadow” no menu à esquerda da caixa de diálogo Layer Style.

A primeira coisa que vamos fazer aqui é selecionar uma cor que pretende utilizar para o Inner Shadow, tal como fizemos para a Drop Shadow. Clique na cor swatch Inner Shadow:

Clicking on the color swatch for the Inner Shadow layer style

Adobe Photoshop Texto Efeitos: Clique no Inner Estilo cor swatch para escolher uma cor.

Isto abre Photoshop’s Color Picker. Da mesma forma que fizemos com o Drop Shadow, em vez de selecionar uma cor directamente no Color Picker, mover o mouse sobre o texto e clique sobre ele para amostra a cor do texto:

Sampling the text color once again

Adobe Photoshop Texto Efeitos: Clique em qualquer parte do texto, mais uma vez, a amostra da cor.

Em seguida, selecione uma tonalidade mais escura da cor do Color Picker usar para o Inner Shadow:

Choosing a darker shade of the sampled color to use for the inner shadow

Adobe Photoshop Texto Efeitos: Selecione uma tonalidade diferente da amostra de cor no Color Picker usar para o interior sombra.

Clique em OK para sair do Color Picker mais uma vez. O interior sombra aparecerá na cor que você selecionou:

The inner shadow now appears using the color you selected.

Adobe Photoshop Texto Efeitos: O Inner Shadow é agora aplicado ao texto utilizando a cor selecionada.

Eu vou para aumentar o tamanho da minha Inner Shadow efeito, clicando no tamanho deslizante e arrastando-a para a direita. Vou aumentar mina a cerca de 16 pixels:

Increasing the size of the Inner Shadow effect.

Adobe Photoshop Texto Efeitos: Aumente o tamanho da Inner Shadow efeito arrastando o “tamanho” barra para a direita.

Veja o resultado após o aumento da Inner Shadow tamanho:

The effect after increasing the Inner Shadow size.

Adobe Photoshop Texto Efeitos: O efeito tão longe depois aumentar o tamanho Inner Shadow a 16 pixels.

Etapa 8: Aplique uma “Outer Glow” Layer Style

Clique diretamente sobre as palavras Outer Glow Layer Style no menu do lado esquerdo da caixa de diálogo Layer Style, diretamente abaixo “Inner Shadow”:

Choose 'Outer Glow' from the list of Layer Styles on the left

Adobe Photoshop Texto Efeitos: Clique diretamente sobre as palavras “Outer Glow” no menu à esquerda da caixa de diálogo Layer Style.

Mais uma vez, a primeira coisa que vamos fazer é escolher uma cor para o nosso Outer Glow, da mesma forma que fizemos para o Drop Shadow e Inner Glow. Primeiro, clique no Outer Glow cor swatch:

Clicking on the color swatch for the Outer Glow layer style

Adobe Photoshop Texto Efeitos: Clique no Outer Glow cor swatch para escolher uma cor.

Isso levanta o Color Picker. Clique diretamente no texto, mais uma vez, a amostra da cor. Depois, volte para o Color Picker, mas desta vez, em vez de escolher uma tonalidade mais escura da cor, escolha uma leve sombra:

Choosing a lighter shade of the text color to use for the Outer Glow.

Adobe Photoshop Texto Efeitos: Escolha uma leve sombra do texto cor desta vez de utilizar para o efeito Outer Glow.

Clique em OK para sair do Color Picker.

Com a minha cor aplicada, vou alterar algumas das outras opções Outer Glow. Novamente, sinta-se livre para experimentar aqui no seu próprio país, mas se você quiser seguir junto, aqui está a configuração que estou usando. Primeiro, a opacidade menor valor na parte superior a cerca de 60%. Em seguida, em “Elementos” seção no meio, aumentar a Espalhe a cerca de 15% e do tamanho de cerca de 10 pixels:

Making changes to the Outer Glow options.

Adobe Photoshop Texto Efeitos: Faça as mudanças circulados em vermelho acima para o Outer Glow opções.

Aqui está o meu resultado depois de fazer as alterações:

The effect so far after applying the Outer Glow layer style.

Adobe Photoshop Texto Efeitos: O efeito tão longe depois de aplicar o “Outer Glow” layer style.

Etapa 9: Aplique um “Inner Glow” Layer Style

Clique diretamente sobre as palavras Inner Glow Layer Style no menu do lado esquerdo da caixa de diálogo Layer Style, diretamente abaixo “Outer Glow”:

Choose 'Inner Glow' from the list of Layer Styles on the left

Adobe Photoshop Texto Efeitos: Clique diretamente sobre as palavras “Inner Glow” no menu à esquerda da caixa de diálogo Layer Style.

O que é que vamos fazer em primeiro lugar? Sim, nós estamos indo para escolher uma cor que pretende utilizar para o Inner Glow. Vá em frente e clique no Inner Glow cor swatch:

Clicking on the color swatch for the Inner Glow layer style

Adobe Photoshop Texto Efeitos: Clique no Inner Glow cor swatch para escolher uma cor.

Isso levanta o Color Picker. Desta vez, em vez de clicar sobre a cor do texto em si e, em seguida, selecionar uma tonalidade mais escura no Color Picker, basta clicar sobre uma das áreas escuras no texto. Usaremos a cor para o Inner Glow:

Click on a darker area in the text to use that color for the Inner Glow.

Adobe Photoshop Texto Efeitos: Clique em uma cor mais escura no texto de amostra-lo e usá-lo para o efeito Inner Glow.

Clique em OK no Color Picker para sair dela, uma vez que você tenha a sua cor amostrados.

Temos a nossa cor mais escura selecionado, mas por omissão, a mistura de modo a Inner Shadow é definido como “Screen”, o que significa que não estamos indo para ver a nossa cor mais escura. Basicamente, temos necessidade de mudar a partir de um inner “brilho” de um inner “sombra”, e por isso, todos nós precisamos fazer é mudar a mistura de modo “Screen” para Multiplicar:

Change the Blend Mode of the Inner Glow to 'Multiply'.

Adobe Photoshop Texto Efeitos: Clique na seta apontando para baixo-e mudar a mistura de modo a Inner Glow efeito de “Multiply”.

Eu vou para alterar algumas outras opções aqui também para o Inner Glow. Primeiro, eu vou abaixar o valor a opacidade em torno de 50%. Em seguida, em “Elementos” seção no meio, eu vou levantar a Choke valor de cerca de 10% do tamanho e valor para 13 pixels:

Changing the Inner Glow options.

Adobe Photoshop Texto Efeitos: Alterar as opções circulados em vermelho acima para o Inner Glow.

Novamente, sinta-se livre para experimentar com os valores em seu próprio país.

Aqui está o meu vigor até à data com o Inner Glow aplicadas:

The effect after applying the Inner Glow layer style.

Adobe Photoshop Texto Efeitos: O efeito depois de aplicar o Inner Glow camada estilo.

Passo 10: Aplique A “Bevel e Emboss” Layer Style

Estamos indo para adicionar o Bevel e Emboss estilo próximo, a fim clique diretamente sobre as palavras Inner Glow Layer Style no menu do lado esquerdo da caixa de diálogo Layer Style, diretamente abaixo “Inner Glow”:

Choose 'Bevel and Emboss' from the list of Layer Styles on the left

Adobe Photoshop Texto Efeitos: Clique diretamente sobre as palavras “Bevel e Emboss” no menu à esquerda da caixa de diálogo Layer Style.

Desta vez não há cores para escolher. Em vez disso, há algumas opções que devem ser alterados. Eu sei que eu já disse isto algumas vezes, mas você não precisará utilizar estas configurações específicas para o seu efeito. De fato, você provavelmente precisará ter em torno de jogar com eles um pouco se você estiver usando uma fonte diferente tipo ou tamanho. No entanto, dito isto, aqui está a configuração que usei no Bevel e Emboss opções:

The Bevel and Emboss options.

Adobe Photoshop Texto Efeitos: Alterar as opções circulados em vermelho acima.

Primeiro, eu aumentaram o tamanho de cerca de 16 pixels. Depois, no “sombreado”, eu desmarcada Use Global Light, definir o ângulo de 90 ° e definir a altitude de 75 °. Em seguida, na parte inferior, eu arrastado a barra deslizante para a Shadow Mode opção totalmente para a esquerda para definir o seu valor para 0%, uma vez que já temos mais do que suficiente sombras, o efeito.

Estamos indo para adicionar o “Contour” efeito nos aqui também, de forma directa clique na palavra Contour no menu à esquerda. It’s a seguir “Bevel e Emboss”:

Click directly on the words 'Contour' in the menu on the left.

Adobe Photoshop Texto Efeitos: Clique diretamente sobre a palavra “Contour” no menu à esquerda.

No contorno opções, clique sobre a seta apontando para baixo, à direita do Contorno preview miniatura e, em seguida, clique no Half Round opção para selecioná-la (é a primeira à esquerda, linha inferior):

Select the 'Half Round' contour option.

Adobe Photoshop Texto Efeitos: Clique na seta apontando para baixo-e selecione a opção “Half Round” contorno, linha inferior, extrema esquerda.

Aqui está o meu texto depois de aplicar o filtro Bevel e Emboss:

The effect after applying the 'Bevel and Emboss' filter.

Adobe Photoshop Texto Efeitos: O efeito após a aplicação do “Bevel e Emboss” style.

Passo 11: Aplique A “Satin” Layer Style

Mais uma camada estilo de aplicar, e é o “Satin” estilo, então clique diretamente sobre a palavra Satin Layer Style no menu do lado esquerdo da caixa de diálogo Layer Style, diretamente abaixo “Textura”:

Choose 'Satin' from the list of Layer Styles on the left

Adobe Photoshop Texto Efeitos: Clique diretamente sobre a palavra “Satin” no menu à esquerda da caixa de diálogo Layer Style.

Estamos de volta para escolher uma cor mais uma vez, desta vez para o Satin efeito, portanto clique no Satin cor swatch:

Clicking the color swatch in the Satin options.

Adobe Photoshop Texto Efeitos: Clique na cor swatch para escolher uma cor para o Satin camada estilo.

Em seguida, clique no texto de uma amostra de sombra mais escura a cor do texto. Se as cores em seu texto virou estranho quando você clicou a palavra “Satin” no menu à esquerda, não se preocupe. Basta clicar uma vez em qualquer lugar do texto e as cores voltará ao modo como elas deveriam ser. Em seguida, clique em qualquer área mais escura que a amostra de cor:

Click in a darker area of the text to sample that color.

Adobe Photoshop Texto Efeitos: Clique em uma área mais escura do texto a que a amostra de cor para uso com o Satin camada estilo.

Assim que você clicar o mouse para amostra de cores, você verá o Satin efeito aplicar em si usando essa cor. Se quiser, você pode clicar em torno de manter dentro do texto para escolher uma cor diferente, e as Satin efeito será atualizado cada vez que você clicar, para que possa manter clicando até encontrar uma sombra escura estiver satisfeito com. É basicamente um live preview do efeito.

Uma vez que você tenha a sua cor selecionada, clique em OK no Color Picker a saia do programa e, em seguida, faça as alterações que eu circulados abaixo:

The Satin layer style options.

Adobe Photoshop Texto Efeitos: Mudar o Satin opções circulados em vermelho acima.

No caso do Satin efeito, que está realmente acontecendo querer experimentar com estas configurações você mesmo, mas por razões de seguir junto, em primeiro lugar, mudou o ângulo de 75 °. Então eu aumentou a distância para 43 pixels e no tamanho de 54 pixels. Finalmente, eu clico na seta apontando para baixo, à direita do Contorno visualizar miniaturas e escolheu o Anel contorno, que é o segundo a partir da esquerda, linha inferior.

Aqui está o meu texto depois de aplicar o filtro Satin:

The effect after applying the 'Satin' filter.

Adobe Photoshop Texto Efeitos: O efeito após a aplicação do “Satin” style.

Passo 12: salvar a camada estilo

Estamos feito adicionando camada estilos neste ponto, mas antes de fechar fora do Layer Style caixa de diálogo, clique no botão Novo Estilo à direita:

Click the 'New Style' button on the right

Adobe Photoshop Texto Efeitos: Clique no botão “New Style” botão do lado direito.

Estamos indo para salvar esse efeito gel estilo para que possamos voltar a usá-lo sempre que desejar. Quando você clica no botão, Photoshop aparece a caixa de diálogo Novo Estilo. Vou fazer o meu nome novo estilo “Gel efeito”:

Photoshop's 'New Style' dialog box.

Adobe Photoshop Texto Efeitos: Photoshop’s “New Style” caixa de diálogo. Nome do novo estilo “Gel efeito”.

Em seguida, clique em OK e vou agora tenho meu estilo guardados no Photoshop. Vamos ver como podemos aplicá-la de imediato de qualquer outra coisa.

Desde que eu já tenho a palavra “fotografia” entrou em minha janela do documento, eu vou pegar a minha Tipo ferramenta, mais uma vez, a partir da paleta Tools e desta vez, vou digitar a palavra “loja” abaixo dele. Estou também vai usar o comando Free Transform para redimensioná-la assim ele é do mesmo tamanho que a palavra “fotografia”, e eu vou rodar ele também. Veja o que parece neste momento:

Adding the word 'shop', then resizing it and rotating it with Free Transform.

Adobe Photoshop Texto Efeitos: Clique em uma área mais escura do texto a que a amostra de cor para uso com o Satin camada estilo.

Neste momento, a palavra “loja” está usando nada mais do que o texto original cor, mas gostaria que possa ter o mesmo “efeito gel” Eu criei com a palavra “fotografia”. Eu poderia passar por todas as etapas novamente e re-criar a camada estilo, mas, felizmente, não tenho que me foi dado inteligentes o suficiente para salvar o efeito como um novo estilo. Onde posso encontrar o estilo? It’s no Photoshop’s Estilos paleta, localizado na parte inferior:

Photoshop's Styles palette.

Adobe Photoshop Texto Efeitos: Photoshop’s “Estilos” paleta com os meus guardados “Gel efeito” estilo na parte inferior da lista de estilos predefinidos.

Para aplicá-lo ao meu texto, tudo o que tenho a fazer é certificar-se de que eu tenho a “loja” camada texto selecionado na paleta Camadas e, em seguida, clique em “Gel efeito” estilo na paleta Estilos. O efeito é imediato acrescentada ao texto:

The 'Gel effect' style is instantly applied to the new text.

Adobe Photoshop Texto Efeitos: O “efeito Gel” estilo é aplicado de imediato ao novo texto.

E se eu queria que a palavra “loja”, para ser uma cor diferente embora? É fácil mudar a cor, mas há um bocado de um truque para ele, como veremos em seguida.

Passo 13: alterar a cor do texto efeito gel

Estamos a concluir a criação do “gel” efeito usando camada estilos, nós salva-lo como um novo estilo chamado “efeito Gel”, e temos que aplicar de imediato a palavra “loja”. Mas o que eu quero, se a palavra “loja”, para ser uma cor diferente? Provavelmente você está pensando “Fácil, basta usar um Matiz / Saturação ajustamento camada”. Portanto, vamos tentar isso e veja se ele funciona.

Eu vou usar Matiz / Saturação para mudar a cor da palavra “loja” de azul para rosa. Aqui está o resultado:

The word 'shop' is now pink after applying Hue/Saturation to it.

Adobe Photoshop Texto Efeitos: A palavra “loja” é agora rosa após aplicação “Matiz / Saturação”.

A palavra em si já virou rosa, mas você vê o problema? A camada estilos ainda são azuis. O Matiz / Saturação ajustamento não teve efeito sobre eles. Se queremos mudar tanto o texto da camada de cor e estilos de cor, é preciso usar um pouco de um truque.

Com a “loja” camada continua selecionado na paleta Camadas, use o atalho de teclado Ctrl + G (Win) / Command + G (Mac) para colocar a “loja” em uma camada Layer Group, que Photoshop nomes “Grupo 1”:

Placing the 'stop' layer into a Layer Group.

Adobe Photoshop Texto Efeitos: Pressione “Ctrl + G” (Win) / “Command + G” (Mac) para colocar a “loja” em uma camada Layer Group.

Podemos ver na paleta Camadas acima, que a “loja” camada está agora dentro da Camada Group. Em seguida, temos de mudar a mistura de modo a Camada Grupo de sua omissão de “Através Pass” para Normal:

Change the blend mode of the Layer Group from 'Pass Through' to 'Normal'.
Adobe Photoshop Texto Efeitos: Com o Layer grupo selecionado, altere a sua mistura de modo “Pass Através” para “Normal”.

Agora, clique sobre a “loja” camada para selecioná-la e, em seguida, clique no ícone New Adjustment Layer na parte inferior da paleta Camadas:

Clicking the 'New Adjustment Layer' icon.

Adobe Photoshop Texto Efeitos: Com a “loja” camada selecionada, clique sobre o “New Adjustment Layer” ícone na parte inferior da paleta Camadas.

Selecione Matiz / Saturação da lista:

Selecting 'Hue/Saturation' from the list of Adjustment Layers.

Adobe Photoshop Texto Efeitos: Selecione “Matiz / Saturação” da lista de Ajustamento Camadas.

Quando o Matiz / Saturação caixa de diálogo exibida, arraste a Hue deslizante para alterar a cor do texto:

Dragging the 'Hue' slider in the 'Hue/Saturation' dialog box.

Adobe Photoshop Texto Efeitos: Mude a cor do texto, arrastando o “Matiz” deslizante.

Mantenha um olho em seus textos no Documento Window como você está arrastando o controle deslizante. Quando estiver satisfeito com as novas cores, clique em OK para sair do Matiz / Saturação caixa de diálogo e, desta vez, porque a “loja” camada foi colocada dentro de um Grupo Layer, a camada estilos agora são coloridas, juntamente com o texto Em si:

The final result.

Até a próxima!

site de origem:

http://www.photoshopessentials.com/photoshop-text/text-effects/gel/page-10.php

~ por Julio Cesar Milanes em janeiro 19, 2008.

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

 
%d blogueiros gostam disto: