FTIN - Módulo de WebDesign
Prof. Iran Pontes
FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA
PHOTOSHOP PARA WEB
FERRAMENTAS DE FORMAS
• Pode-se criar Quadrados, Quadrados com Cantos
arredondados, Círculos, Poligonos, Linhas e Simbolos
pré-definidos.
FERRAMENTAS DE TEXTO
• Recursos da ferramenta texto:
– Trocar a fonte
– Tamanho da fonte
– Alinhamento da fonte
– Criar textos em arcos
FERRAMENTAS DE TEXTO
• Painel de Caracteres
FERRAMENTAS 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
• Conhecendo o painel Layers
TRABALHANDO COM LAYERS
• Opções do Painel
1 – 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 extensos
5 - Preenchimento: Solid, Gradient, Pattern...
6 - Nova Camada: Cria uma nova camada
7 - Excluir: Exclui uma camada
TRABALHANDO COM LAYERS
• Opacidade
TRABALHANDO COM LAYERS
Opacity - Controla a opacidade em toda a layer incluindo os efeitos
TRABALHANDO COM LAYERS
Fill - Controla a opacidade do conteúdo da layer, não de efeitos.
(Usado para criar uma marca d´água)
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 layer
Drop Shadow: Criar sombras em um objeto.
Inner Shadow: Cria uma sobra interna
Out Glow: Cria um brilho ao redor do objeto
Inner Glow: Cria um brilho interno no objeto
Bevel and Emboss: Efeito de Volume
Satin: Efeito de Iluminação
Color Overlay: Sobrepõe uma cor
Gradient Overlay: Sobrepõe uma cor com
gradiente
Pattern Overlay: Sobrepõe uma cor com uma
pattern (padrão de repetição)
Stroke: Cria uma borda no objeto
TRABALHANDO COM LAYERS
Efeitos CS6
TRABALHANDO COM LAYERS
• Criando um “botão”.
RULES E GRID
Menu View> Rules
Menu View> Show> Grid
ATALHOS BÁSICOS
•
•
•
•
•
•
•
Ctrl + : Zoom In.
Ctrl – : Zoom Out.
Ctrl + 0 (Zero) : Ajusta a imagem à tela.
Ctrl + Z : Desfaz a última alteração.
Ctrl + Alt + Z : Desfaz as alterações continuamente.
Ctrl + Shift + Z : Refaz as alterações desfeitas.
Criar atalho: Ctrl + Alt + Shift + K, escolha o menu e
insira seu atalho
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
preferência que possua os seguintes efeitos de layer:
–
Drop Shadow, Bevel and Emboss, Stroke, Satin
3) Criar um Botão usando efeitos de layers de sua
preferência;
Cada atividade é uma avaliação, dedique-se.
Faça as atividades com suas palavras, não copie e cole da internet ou colegas.
ATIVIDADE
Prazo para postagem:
14/09/2013 até às 23h55
• Evite enviar a postagem de sua atividade no último dia.
Imprevistos podem ocorrer;
• Sua organização e pontualidade também estão sendo avaliadas;
•Não plagie. Caso constatado, a atividade receberá conceito negativo (NSF).
DÚVIDAS...
Acesse o Fórum de dúvidas e discussões
Diariamente.
Chat na Terça-Feira 10/09/2013
19h00 as 20h30
FERRAMENTAS DE APOIO
• Apostilas e vídeos do AVASIS;
• Fórum durante o módulo com resposta em até
06 horas úteis;
• Email do professor: [email protected]
POR HOJE É SÓ!
• PRÓXIMA AULA:
–
–
–
–
+Photoshop: Ferramenta Slices.
Briefing;
Wireframe.
Criando Layouts para Web;
• SIGA-ME:
– Facebook.com/iranpontes
– Twitter.com/iranpontes
– www.designculture.com.br
POR HOJE É SÓ!
"Qual de vocês, se quiser construir uma torre,
primeiro não se assenta e calcula o preço, para ver se
tem dinheiro suficiente para completá-la?
Pois, se lançar o alicerce e não for capaz de terminála, todos os que a virem rirão dele,
dizendo: ‘Este homem começou a construir e não foi
capaz de terminar”.
Lucas 14:28-30