CSS – O que é? Como usar?
O que é CSS?
CSS(Cascating Style Sheets) é uma tecnologia que apareceu em 1996 e padronizada pela W3. O CSS permite que sejam adicionados atributos especiais as tradicionais tags do HTML além de permitir uma formatação muito mais precisa nos elementos no layout da pagina.
Um exemplo que todos já conhecem é esse efeito de quando se passa o mouse acima de um link ele muda de cor ou faz qualquer alteração na font. Claro que isso é o mais basico de tudo, com CSS você pode posicionar elementos, definir font/cor/fundo para os textos e links, bordas e até alguns efeitos especiais como sombra.
Você pode usar 4 diferentes modos de usar CSS em uma pagina HTML:
Dicas de Photoshop
Se você começou a usar o photoshop a pouco tempo, deve ter percebido que apertando ctrl+z, ele só volta uma etapa, para voltar o máximo possível, pressione ctrl+alt+z.
Você tabém pode usar o menu History onde são mostradas todas as ações recentes. Para abrir esse menu, vá em Window-History
Seleções com laço
Quando está fazendo uma seleção com o laço poligonal pode errar uma linha, o ctrl+z não volta essa linha e você tem que fazer tudo de novo…
Calma, é só apertar shift+backspace que a ultima linha feita irá sumir e você poderá continuar seu trabalho tranqüilamente. 
Quando você cria ou abre uma imagem no photoshop a layer background vai estar bloqueada, apenas de dois cliques sobre ela e depois clique em OK.
Fazer isso é necessário pq com a layer bloqueada você não poderá usar muitas funções que envolvem transformações e recortes.
Obs: Algumas imagens não poderão ser desbloqueadas(como as .gif).
Abra uma imagem qualquer e desbloqueie o background. Vá em Edit-Transform-Warp. Você terá vários pontos nos lados da imagem, clique em algum dele e arraste, com isso você pode modelar suas imagens e até dar um efeito de dobra.
Ex:
Os modos de blendagem podem dar alguns efeitos muito legais em suas imagens, para mudar o blend mode de uma camada, use o seguinte campo:
Para fazer um teste, abra uma imagem qualquer, duplique a layer(ctrl+j ou botão direito- duplicate layer) e então mude o blend mode dessa layer.
Criando feixes claros
Para criar um efeito de um feixe claro, vamos usar o blend modo overlay. Abra uma imagem qualquer e crie uma nova camada(shift+ctrl+N) acima do background e então, com a ferramenta de seleção(M), faça um retângulo (ou qualquer outra forma que preferir). Pinte essa seleção de branco com a ferramenta do balde de tinta(G). Para terminar apenas mude o blend mode para Overlay.
Você pode obter muitos resultado interessantes fazendo isso. Exemplo:
Em textos
Crie um texto qualquer, na lista de layers, clique com o botão direito sobre a layer do texto e então selecione Blending options…
Na nova janela que irá aparecer, selecione Stroke e então você pode definir a cor, tamanho, transparência e posição do contorno. Após configurar isso, apenas clique em OK.
Em camadas
Mesmo processo usado para textos, mas se você quer usar o contorno para criar um borda na imagem terá que, nas propriedades do stroke, definir a posição como center. Feito isso você ja terá uma borda em sua imagem.
[Fireworks] Transformando uma foto em desenho
Deixar uma foto real como um desenho em preto e branco é bem fácil no fireworks. Esse efeito também pode ser feito no photoshop, mostrarei isso em outro post.
Download do fireworks
http://www.soft32.com/download/63-58277/fw…wmx_2004_en.exe
Obs: Esta é a versão trial.
Começando
Primeiro precisamos de uma foto para transformar. No tutorial estarei usando essa da Kylie Minogue:
—-
Após abrir a imagem no fireworks iremos apenas fazer três pequenos passos.
