Arquivo mensal de July, 2007



Dando vida para as fotos

É um tutorial simples, mas interessante, as definições de tons podem variar de imagem para imagem.

1. Abra a imagem que você vai querer adicionar mais cores. eu vou usar esta.

mvi_1.jpg

2. Duplique a camada da foto clicando com o botao direito em cima dela depois >>> ‘Duplicate Layer’ (CTRL+J).

3. Vá na guia ‘Image’ >>> Adjustments >>> Color Balance (CTRL+B)

4. Escolhe a guia ‘Midtones’ e coloque os seguintes valores

mvi_2.jpg

5. Mude a guia para ‘Highlights’ e coloque os seguintes valores

mvi_3.jpg

6. Clique sobre a guia ‘Shadows’ e coloque estes valores



Como fazer um gif animado com Photoshop

A partir da versão 5.5 de Photoshop temos a nossa disposição um programa muito interessante para realizar, entre outras coisas, trabalhos específicos para o web, como podem ser a criação de GIFs animados ou imagens que mudem ao passar o mouse por cima (Rollover). O produto em concreto é Image Ready e vamos estudar a maneira de trabalhar com ele para realizar um GIF animado.

Criar um arquivo .psd com os diferentes fotogramas

A primeira tarefa para realizar um GIF animado com Photoshop eé criar um arquivo .psd, que é o formato próprio de Photoshop onde podemos manter as “layers”, ou seja, as camadas que serão necessárias para realizar o GIF animado.



Roda Dentada

1.Cria um novo layer. Desenha um circulo (com a tecla Shift pressionada desenhas um circulo perfeito), e preenche com preto (Edit > Fill > Black).

Cria um novo layer e faz a selecção indicada na figura.
17.gif
2.Preenche a selecção.Selecciona o layer com o circulo preto. Alinha-o com o layer com a forma rectangular para Vertical Center e Horizontal Center.

Seleciona o layer com o rectângulo e duplica-o Layer > Duplicate Layer.

Faz um “Rotate de 90 Graus.

Faz “Merge” ao Layer com o circulo e torna a duplicar o layer.

25.gif



Criando botões “aqua” no fireworks!

Olá pessoal, td bom com vocês? Espero que sim!

O Tutorial de hoje é simples.. mas.. muito legal.. hehe!

Primeiramente crie um novo documento 153×50 :

btn_1.jpg

Após feito isso crie um retangulo com a ferramenta ” RECTANGLE TOOL”, com o preenchimento linear , de forma que fique parecido com isto:

btn_2.jpg

As cores utilizadas foram as seguintes:

btn_3.jpg

Bom, Após isso aplique um “Effects > Shadow and Glow > Glow” :

btn_4.jpg

Deixando as propriedades da seguinte forma:

btn_5.jpg



Aplicando profundidade

Olá pessoal , beleza !
Neste tutorial estaremos aplicando profundidade a uma imagem e deixando seu aspecto bem mais interessante.

É possível também aplicar a outros objetos, assim se desejarem enviem os trabalhos de vcs com o antes e o depois que estarei publicando aqui no site.

Aplicarei numa moeda, e essa imagem peguei no Google Imagens, de modo que você pode usar essa ou outra que desejar. De qualquer forma se preferir essa “mesma” que estou usando, envie um email para mim que mando para a imagem.

E vamos que vamos !



Criando um texto com aspecto de ser vidro

Vamos criar nesse tutorial um texto com aparência de ser vidro. Podemos usa-lo em vários tipos de imagem, incluindo layout.Vamos ao que interessa.

1. Crie uma imagem com o tamanho de 300×124 px.

2. Em Foreground deixe a cor como #000000 e em background deixe a cor como #47D714. Depois, em Filter > Render > Clouds.

001.jpg

3. Escreva algum texto. Pode ser o que quiser.

002.jpg

4. Agora em Layer » Layer Style » Blending Options. Deixe como a imagem abaixo:

003.jpg

5. Agora em Inner Glow, deixa assim:

004.jpg



Listas HTML feitas com tabelas

As listas de elementos criadas com HTML (com as etiquetas

    ou

      ) são pouco versáteis, pelo na minha opinião. Servem para fazer listas com bastante rapidez, mas se quisermos realizar algo um pouco mais complicado, não temos garantias de que vai funcionar. Por exemplo, pode ser que necessitemos de una lista de elementos ordenada que tenha vários níveis de classificação 1), 1.1), 1.2), 1.2.1), 1.2.2), 1.3), 2)… neste caso não nos servirá aninhar as etiquetas

        , porque não há maneira de especificar que a lista permita índices de tipo x.y) ou x.y.z).

        Outro exemplo para o qual não nos serve a lista, tal qual está definida em HTML, é uma onde, no lugar de pontos em cada elemento, colocamos o logo da companhia para a qual estamos desenvolvendo a página. A lista permite configurar para colocar vários tipos de pontos (bullets em inglês): círculos, circunferências, quadrados, mas se desejamos que tenham outros tipos de elementos, temos que realiza-lo a mão.



Criar Esferas

1. Esferas

16.gif

Cria um novo layer.
Usa a ferramenta “Circle Marquee” para fazer uma selecção circular (pressiona a tecla Shift para um circulo perfeito).
Escolhe as cores pré-definidas (D). Inverte (X) Preto para background e branco para foreground.
Dois cliques na ferramenta “Gradient” e escolhe background to Foreground, tipo radial.
Depois mantêm o botão esquerdo do rato pressionado e traça uma diagonal da direita para a esquerda de cima para baixo.
2. Mais Esferas
Repete o passo 1 para criares mais esferas. A medida que criares mais esferas tem em atenção o tamanho de cada uma.