FTIN - Módulo de WebDesign

Prof. Ítalo Araújo

PHOTOSHOP CS5FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA

Ferramenta de Texto

• Recursos da ferramenta texto:– Trocar a fonte– Tamanho da fonte–Alinhamento da fonte–Criar textos em arcos

Ferramenta de Texto

• Painel de Caracteres

Ferramenta de Texto

• Painel Parágrafo

Trabalhando com Layers

• Layers ou Camadas, é um recurso fundamental do Photoshop. Com ela, podemos manipular objetos com maior facilidade, aplicar estilos, efeitos, mascaras, agrupar objetos e muito mais...

Trabalhando com Layers

Trabalhando com Layers

• Para a abrir o painel layers, vamos até o menu “Window > Layers”.

Trabalhando com Layers

• Conheçendo o painel Layers

Trabalhando com Layers

• Opções do Painel1 – Link Layers: Criar um grupo de layers sem criar uma pasta. 2 - Blending Options: você pode colocar alguns efeitos nas camadas, como bevel, stroke...3 - Máscaras: você pode criar máscaras com um simples clique!4 - Pastas: Crie pastas e organize as camadas! Extremamente útil em trabalhos extensos5 - Preenchimento: Solid, Gradient, Pattern...6 - Nova Camada: Cria uma nova camada7 - Excluir: Exclui uma camada

Trabalhando com Layers

• Opacidade

Trabalhando com Layers

• Visibilidade

Trabalhando com Layers

• Bloqueio de Layers

Trabalhando com Layers

• Transformando background em layer

Trabalhando com Layers

• Agrupando Layers

Trabalhando com Layers

• Alinhando layers

Trabalhando com Layers

• Criando efeitos em uma layerDrop Shadow: Criar sombras em um objeto.Inner Shadow: Cria uma sobra internaOut Glow: Cria um brilho ao redor do objetoInner Glow: Cria um brilho interno no objetoBevel and Emboss: Efeito de VolumeSatin: Efeito de IluminaçãoColor Overlay: Sobrepõe uma corGradient Overlay: Sobrepõe uma cor com gradientePattern Overlay: Sobrepõe uma cor com uma pattern (padrão de repetição)Stroke: Cria uma borda no objeto

Trabalhando com Layers

• Criando um “botão”.

ATIVIDADE

1) Criar uma layer utilizando os seguintes efeitos de layers:– Drop Shadow, Inner Glow, Gradient Overlay, Stroke

2) Aplicar os efeitos de layers em um texto de sua prefêrencia que possua os seguintes efeitos de layer:– Drop Shadow, Bevel and Emboss, Stroke, Satin

• Enviar um ZIP para o portal com os 2 arquivos em PSD.

Atividade

Prazo para postagem: 07/07/12 até às 23:55h

EVITE DEIXAR A POSTAGEM DE SUA ATIVIDADE PARA O ÚLTIMO DIA.

FAZENDO ISSO, IMPREVISTOS NÃO VÃO LHE PREJUDICAR.

* LEMBRANDO QUE SUA ORGANIZAÇÃO TAMBÉM ESTA

SENDO AVALIADA

FERRAMENTAS DE APOIO

Apostilas e vídeos do AVASIS; Fórum durante o módulo, com resposta

em até 6 horas úteis; E-mail do professor:

DÚVIDAS...

Acesse o Fórum de dúvidas e discussões Diariamente

Chat na Terça-Feira: dia 03/07/12 no horário: das 19:00 às 20:30 h

Por hoje é só!

• Na próxima aula:– Criando Layouts para Web

• Siga-me:– www.italoaraujo.com– Facebook.com/italoj.araujo– Twitter.com/italoj