Material:

só efeitos do PSP e um gráfico.

Este trabalho é feito em quatro partes, separadamente.

Abra o seu gráfico e faça quatro cópias ( Shift+D).  Minimize-as e feche o original. 

 

Primeira parte - Backgroud

 

1 - Abra uma imagem de 1024x400 transparente

 Selections - Select All.

 

2 - Abra uma cópia do gráfico

Edit/Copy  e ativando a imagem do background, Edit/Paste into selection

Retire a seleção ( Ctrl+D)

 

3 - Diminua a opacidade da layer para 30

Layers/ Merge all.

 

4 - New Raster layer

 

Segunda parte - primeiro quadro

 

5 - Abra outra cópia do gráfico e Image/Resize para 250 de atura.

 

6 - Layer/ Promote backgroud layer e diminua a opacidade para 80

Layers/Merge all.

 

7 - Image/Add borders - 1 - cor preta, Symmetric marcado.

 

7 - Image/Add borders - 15 - cor que combine com o gráfico, Symmetric marcado.

Com a Magic Wand selecione a borda e aplique Effects/3D Effects/Inner Bevel, nas configurações:

 Retire a seleção (Ctrl+D)

 

8 - Image/Add borders - 1 - cor preta, Symmetric marcado.

 

9 - Edit copy

Edit/Paste as new selection no background.

 

10 - Mantenha a seleção e aplique 3D Effects/ Drop Shadow nas configurações:

 

Repita com os valores negativos em Horizontal e Vertical

 

 

11 - Ative a ferramenta Deform Tool, e estique as pontas superior esquerda e inferior direita do gráfico, até os cantos do back.  Faça isso puxando no canto com o mouse, mantendo pressionada a tecla Shift.

 

 

     Configuração Deform Tool

 

 

 

12 - New Raster Layer.

 

Terceira parte - segundo quadro.

 

13 - Abra outra cópia do gráfico e Image/Resize para 200 de altura.

 

14 - Layers/Promote backgroud layer e diminua a opacidade para 70

Layers/Merge all.

 

15 - Image/Add borders - 1 - cor preta, Symmetric marcado.

 

16 - Add borders - 15 - cor que combine com o gráfico - Symmetric marcado. 

Selecione as borda e vá em Effects/3D Effects/Inner Bevel nas configurações anteriores.

Retire a seleção

17 - Add borders - 1 - cor preta, Symmetric marcado.

 

18 - Edit copy 

Edit/Paste as new selection.

 

19 - Aplique o Drop Shadow nas mesma configurações anteriores, mas desta vez com a cor cinza selecionada.

 

20 - Ative a ferramenta Deform Tool (nas mesmas configurações anteriores), e estique as pontas inferior esquerda e superior direita do gráfico, conforme exemplo abaixo. Retire a seleção.

 

 

Quarta parte - Figura

 

21 - Abra a última imagem e com a ferramenta Freehand Selection, contorne a imagem predominante do gráfico.

 

22 - Selections/ Modify/ Feather - 30 

Edit/Copy 

Edit/Paste as new image (fora do top).

 

23 - Image/Resize, entre 400 e 350 de altura, de forma a ficar harmoniosa no top.

 

24 - Edit/Cpy 

Edit/Paste as new selection, e posicione a imagem como desejar.

 

25 - Faça o acabamento que mais lhe agradar. Aqui, depois de unir as layers repetimos as bordas usadas nos quadros, cplicando Inner Bevel.

Exporte com o JPGOptimizer observando cuidadosamente o peso final para que não fique excessivo.  Nos nossos testes chegamos a usar 30% de compressão.  Acompanhe o tutorial para otimizar o peso, aqui.

 

Espero que vocês gostem.

Bjosss

Marga

 

 

Outro exemplo:

 

 

Para formatar este top no Outlook Express, veja o tutorial aqui.  

Use a alternativa de formatar no Front Page, seguindo o tutorial aqui.

 
 

Tutorial by Marga (Sed@)  para os sites 
 
 
Edição para Web: Romy Bastos

     Janeiro de 2006

      Direitos reservados