Preto e Branco

Software utilizado: Paint Shop Pro 9.

Plugin: Simple

Clique aqui e copie o Shape "simbols.jsl", caso não tenha.

Clique aqui para ver o resultado deste tutorial.

1. Abra uma imagem colorida com o rosto de uma pessoa ou animal. Duplique essa imagem. Feche a imagem original.

2. Redimensione para que essa imagem tenha no máximo 300 de altura (height).

3. A seguir vamos deixar essa imagem em preto e branco: Vá ao menu Image/ Greyscale - Novamente: Image/ Increase Color Depth / 16 million colors (24 bits).

4. Adjust> Brightness and contrast> Brightness contrast - Brightness=0 Contrast=60 (se preferir uma imagem com menos traços ainda, então aplique novamente esse efeito).

5. Selecione essa imagem com a Freehand selection. Veja como deve ficar a forma de seleção e a configuração da tool options.

6. Selections/ Modify/ Contrac=20   -   Selections/ Modify/ Feather=25.

7. Edit/ Copy - Minimize essa imagem. reserve porque logo irá usá-la.

8. Abra uma imagem nova e transparente, medindo 750X300 pixels.

9. Configure o Foreground com a cor BRANCO e usando a ferramenta  flood fill, preencha a imagem transparente com ela.

10. Adicione uma layer nova.

11. Habilite a ferramenta Preset Shapes. Escolha o shape "Contrast" e ajuste nessa configuração:

12. Trace o shape Contrast na imagem de fundo branco. Não se preocupe dele ficar certinho, trace em qualquer ponto da imagem.

13. Habilite a Deform tool. Agora sim, arraste o shape que traçou para a esquerda e deixe que ele ultrapasse as extremidades da imagem. Estique as extremidade se for preciso para aumentá-la. Veja como deve ficar:

14. Layers/ Merge / Merge all

15. Effects/ Plugins/ Simple/ Zoom out and flip

16. Utilizando a Magic wend (mode=add), dê dois cliques no fundo brando, um do lado direito do desenho preto e outro do lado esquerdo.

17.  Effects/ 3D effects/ Cutout, com essas configurações:

18. habilite aquela imagem que está reservada e que foi preparada no inicio do tutorial. Edit/ copy. Pode fechá-la agora.

19. Volte para a imagem do back, a qual estava trabalhando até agora. Edit / paste/ Paste as new layer.

20. Com a ferramenta MOVE, ajeite a imagem no canto esquerdo. Pode deixar parte dela ultrapassar o desenho preto lateral.

21. Vá à caixa de layers, constate se a layer da figura que acabou de colar está ativa e deixe a opacidade dela em 40%. Não se preocupe, fizemos isso só para podermos visualizar melhor o desenho preto do background e recortar a imagem de cima. Faça isso, selecione com o freehand toda a parte que ultrapassou o desenho preto e depois delete. Depois que terminar de recortar e estiver de acordo, vá à caixa de layers e volte a opacidade ao normal (100%). Tire a seleção. A aparência da posição deverá ser mais ou menos essa. Veja:

22. Image/ Add borders assimétricas:  Botton=10 e o restante = 0 -  Na mesma janela de configuração, escolha sempre a cor  verde limão, pois essa é uma cor que é dificil de se encontrar nas imagens.

23. Selecione a borda com a Magic wend tool. Preencha com a cor BRANCO.

24. Com a borda ainda selecionada, vá em Effects/ Deformations effects/ Polar Coordinates, com essas configurações:

25. Aplique mais uma vez esse último efeito com as mesmas configurações.

26. Com a borda ainda selecionada, habilite a ferramenta Deform e puxe levemente para a esquerda e depois para a direita, procedimento para tirar a marca lateral da borda. Pode tirar a seleção.

Caso queira, adorne o top preto e branco, com um delicado detalhe colorido, fica muito bom também (uma rosa, a boca da figura, algo assim). Isso é opcional.

Salve com o formato jpg.

Vamos fazer o sub-top bunner

Essa imagem irá sob o top bunner e dará um efeito bonito. É simples.

1. Abra uma imagem nova e trabsparente medindo 750X50 pixels.

2. Preencha com a cor Branco.

3. Layer/ Merge/ Merge all

4. Effects/ 3D effects/ Cutout com essa configuração.

5. Salve no formato jpg. Para acompanhar esse top, use o background branco.

Formate este trabalho no Front page.

Selecione e copie o script que está em vermelho, abaixo:

<STYLE>BODY {
BORDER-RIGHT: #ffffff 14px dashed; BORDER-TOP: #ffffff 14px dashed; BORDER-LEFT: #ffffff 14px dashed; BORDER-BOTTOM: #ffffff 14px dashed
}
BODY {
SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #422502; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #422502
}
</STYLE>

Cole depois do <HEAD> no código html da página.

Dica: Dê alguns ENTERs depois das imagens para que a barra de rolagem fique visível.