Criar Web, manuais e recursos para desenvolvimento web
Manuais
Programas
FAQS
Diretório
Comunidade
  Inicio > Manuais > Tutoriais de web design / Workshop de Photoshop
SEÇÕES
Manuais relacionados
+Tutoriais de web design
+Workshop de Photoshop
Categorias
+Design
+Guias de desenho

Índice do Manual Tutoriais de web design
+ Como fazer um gif animado com Photoshop
+ Definições de tela
+ As cores e HTML
+ Formatos gráficos para páginas web
+ Tabela com esquinas arredondadas
+ Tabela com desenho em sua base
+ Tabela com desenho em sua base II
+ Frames sem bordas
+ Barra de navegação HTML simples
+ Barra de navegação HTML
+ Setores de Photoshop
+ Listas HTML feitas com tabelas
+ Tabela melhorada com imagens para barra de navegação
+ Informe sobre o estudo Eyetrack III
+ Montar uma web a partir de uma imagem com Photoshop
+ Como criar um gif com Photoshop II
+ Fluxograma
+ Formatos de Arquivos
+ 30 dicas de Photoshop
+ Criar imagem em miniatura (thumbnail) com Photoshop
+ Efeito de texto com Photoshop
+ Links sem sublinhado
+ Fundo tipo mosaico a partir de uma imagem com Photoshop
+ Efeito de reflexo de texto em Photoshop
+ Fazer um texto que se adapta a um círculo, Photoshop CS2
+ Trabalho com ações de Photoshop. Gravar e executar uma ação
+ Lote com Photoshop para executar uma ação sobre os arquivos de um diretório
+ Mudar o tamanho de todas as imagens de uma pasta com Photoshop
+ O banner perfeito
+ Páginas fluidas

Descrição dos capítulos

Índice do Manual Workshop de Photoshop
+ Como fazer um gif animado com Photoshop
+ Como criar um gif com Photoshop II
+ Setores de Photoshop
+ Montar uma web a partir de uma imagem com Photoshop
+ Criar um fundo com linhas diagonais com Photoshop
+ Fundo tipo mosaico a partir de uma imagem com Photoshop
+ Efeito de reflexo de texto em Photoshop
+ Efeito de texto com Photoshop
+ Criar imagem em miniatura (thumbnail) com Photoshop
+ Fazer um texto que se adapta a um círculo, Photoshop CS2
+ Trabalho com ações de Photoshop. Gravar e executar uma ação
+ Lote com Photoshop para executar uma ação sobre os arquivos de um diretório
+ Mudar o tamanho de todas as imagens de uma pasta com Photoshop
+ Definir um motivo para fazer um fundo com Photoshop

Descrição dos capítulos

Parceiros
- CSS para Web Design
- S.O.S Designers
- Slackware-Brasil
- Crie seu Web site
- Oficina da Net


Efeito de texto com Photoshop

Pequeno tutorial para fazer um efeito de texto com resplendor exterior e bisel – relevo


Veremos uma maneira de fazer um efeito que podemos utilizar para dar um pouco de exibição a um possível titular ou logotipo. Com Photoshop pode-se fazer uma infinidade de efeitos de texto, simplesmente mexendo um pouco nos filtros ou nos efeitos de camada. Agora veremos como mexendo nos efeitos de camada "resplendor exterior" e "bisel e relevo" poderemos modificar o estilo da camada para fazer um texto atrativo.

Partimos de um texto plano, que fizemos com a ferramenta de texto de Photoshop. Utilizaremos a fonte que for melhor para nosso design. Nós utilizamos uma que se chama Horseradish.


Agora vamos fazer uns efeitos de camada. Para entrar na janela de efeitos de camada temos que dar dois cliques na camada sobre qual queremos fazer o efeito, na janela de camadas, justamente na área que marcamos com um 1) na imagem seguinte.


Isso nos abre a janela de efeitos de camada. Também podemos acessar a um efeito concreto pela barra de menus: Camada - Estilo de camada - O estilo desejado. Concretamente, vamos jogar com os efeitos de "resplendor exterior" e "bisel e relevo".

Podemos jogar com estes efeitos até conseguir o resultado que gostarmos mais. Nós colocamos os valores como segue:

Resplendor exterior:


Bisel e relevo:


Isto nos dará como resultado uma imagem similar à seguinte:


Para terminar vamos dar dois retoques. Primeiro, um degrade para a cor do texto. Criamos uma camada nova, com o correspondente botão da janela de camadas ou com o menu Camada - Nova… - Camada. Logo, selecionamos a área visível da camada de texto. Isto se faz com a tecla de Control (CTRL) pressionada e clicando com o mouse na camada de texto da janela de camadas, no lugar onde marcamos como 2) da seguinte imagem:


Selecionamos a ferramenta do degrade, de branco a transparente e aplicamos na camada que criamos por cima do texto, de cima para baixo. Com isto, nossa imagem agora se parecerá a isto:


Por último, para destacar um pouco mais o resplendor exterior, vamos colocar uma cor branca pela borda do texto. Voltaremos a criar uma nova camada e voltaremos a selecionar a área visível da camada de texto.

Logo, marcamos o contorno da seleção com branco. Para isso, selecionamos o menu Edição - Contornar. As opções serão contorno de 1 pixel na cor branca e para dentro.

Com este efeito conseguiremos um resultado parecido a este:

Autoria e outras referências sobre este artigo

Manuais relacionados com este artigo
Dentro de Tutoriais de web design

Dentro de Workshop de Photoshop

Categorias relacionadas
Através das categorias do nosso diretório podem ser encontrados outros tipos de recursos relacionados com este artigo:
+ Entrar em Design
+ Entrar em Guias de desenho


Comentários dos visitantes
Os comentários dos visitantes são para ampliar a informação do artigo. Todos podem participar.
Acrescentar um comentário do artigo Acrescentar um comentário do artigo



Sobre nós | Copyright | Anuncie | Entrar em contato <criarweb>

Hospedado por Hostnet Hospedagem de Sites