IM05 Imagem em Tiras - formatação adian


"Clique em cima da flechinha e arraste para marcar o passo do tutorial onde está trabalhando"






    

IM05 Imagem em Tiras

Esse tutorial oferece o script onde o efeito é: a formação da imagem através de tiras da mesma.
Primeiro passo é criar a moldura que vamos usar  no tutorial.


1.Moldura:
Vou usar uma moldura da Dama da Noite, tutorial a seguir:

Plugin ,mask e efeitos do PSP 9

Esse tutorial é interessante de fazer em função dos inúmeros artifícios, tais como o uso de um plugin novo e um já conhecido , efeitos do próprio PSP ,aplicação de tubes e mask , o que dará oportunidade de criarem trabalhos bem interessantes ,não se atendo apenas a moldura, mas backs também.


Pegue o material no zip para download.
Pegue esta Patternclicando com o botão direito do mouse
Descompacte os tubes na pasta de tubes do PSP , a mask na pasta de masks  e a pattern deixe aberta na sua área de trabalho

1-Abra uma imagem de 400X400 pxls
2-Preencha com um tom de verde (#008000)
3-Vá em Layers


4-Na janela que abrir clique no quadrinho vermelho


5-Localize a sua mask ali.
6-Effects>3D effects>Drop shadow


7-Effects>Plugins>FMTools>Blend Emboss na configuração que abrir
8-Add new layer
9-Configure o Foreground com um tom mais escuro de verde ( #024303) e preencha esta layer
10-Arraste para baixo da layer 1
11-Add new layer e aplique o tube da folhagem
12-Repita o passo 6 e ajuste a folhagem no centro
13-Add new layer e aplique o tube do vaso
14-Repita o passo 12
15-Merge All
16-Effects>Plugin effects>Simple>Pizza Slice Mirror
17-Com a Magic wand clique na área lisa da imagem em qualquer um dos cantos apontados abaixo


18-Effects>Texture Effects >Mosaic-Antique


19-Effects>Texture Effects >Mosaic-Glass


20-Configure o seu Foreground com uma pattern dourada e o Background com uma cor que não tenha na imagem.
21-Image>Add Border>symmetric de 5 pxl.
22-Com a magic wand selecione esta borda.
23-Preencha com o dourado.
24-Effects>3D Effects>Out bevel.


25-Image>Add border>symetric 20 pxl
26-Selecione a borda com a magic wand
27-Configure o seu Foreground com a pattern que salvou no inicio do tutorial e preencha esta borda.
Agora preste atenção nesta dica para quando quiser fazer molduras múltiplas
28-Com a ferramenta selections configurada em retângulo selecione a parte interna da primeira moldura



29-Inverta a seleção
30-Copy
31-Image>Add border >symmetric>25 pxls
32-Selecione a borda com a magic wand
33-Edit>Past>into selection (esse passo é importante para que não fique emendas na aplicação da pattern)

Gostaram ??? Pois é, bem simples não ?

Agora repitam os passos 31, 32 e 33 quantas vezes quiser para criar molduras progressivas.
Por último arremate com uma última moldurinha feita nos passos 21,22,23 e 24.

Esse tutorial foi criado Dama Da Noite® em 28/12/2003.


2. Inserindo o Script:

Criada a moldura, vamos introduzir o script na nova mensagem
2.1 - Abra uma nova mensagem.
2.2 - Clique na abinha "Origem"
2.3  - Cole o script do efeito, substitua a linha responsável pelo Background. <BODY bgColor=#ffffff>

2.4 - Cole  em seu lugar a o seguinte código:

Script: Imagem em tiras


<META content="MSHTML 6.00.6000.16414" name=GENERATOR>
<STYLE></STYLE>

<STYLE>UNKNOWN {
FONT-WEIGHT: bold; FONT-SIZE: 12pt; MARGIN: 2em; COLOR: #90702c; BACKGROUND-REPEAT: repeat; FONT-STYLE: normal; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #ffffff; FONT-VARIANT: normal
}
SPAN {
Z-INDEX: -1; LEFT: 0px; POSITION: absolute; TOP: 0px
}
IMG {
Z-INDEX: -1; LEFT: 0px; VISIBILITY: hidden; POSITION: absolute; TOP: 0px
}
</STYLE>

<META content="MSHTML 6.00.6000.16414" name=GENERATOR></HEAD>
<BODY bgColor=#000000 scroll=yes>
<DIV align=center><IMG id=image0 src="CAMINHO DA MOLDURA">
<SCRIPT>
//-----------Rip curl or more of the same ... ---------------------
//-----------a script by MP, auguste de '99 -----------------------
//-----------d'après Gerard Ferrandez------------------------------
//-----------"another way to twist the ole pics"-------------------
//-----------thanks to Aladdin for the original VBscript-----------
//
// attention : cette version,
// n'est pas un panorama, [elle colle peu ou pas].
//
// Si l'image ne vient pas de suite, pète énergiquement, ça décoiffe.

var nh = 24, nv = 1
var argu = 128, darg = 1
var wx = document.body.offsetWidth, wy = document.body.offsetHeight, midx, midy, maxK = Math.round(wx * 0.35) / argu, mayK = Math.round(wy * 0.5) / argu, mux, muy
var iL, iH
var ob = new Array()
var xs, ys
//--------------------------------

function ziva() {
iL = image0.width
iH = image0.height
midx = Math.round((wx - iL) * 0.5)
midy = Math.round((wy - iH) * 0.5)
mux = 5
muy = 11
var ese = 0, a, dx = iL / nh, dy = iH / nv, t = 0, r = dx, b = dy, l = 0
while (ese < nh * nv) {
//rect(top right bottom left)
a = "<IMG src=" + image0.src + " style=\"CLIP: rect(" + Math.round(t) + " " + Math.round(r) + " " + Math.round(b) + " " + Math.round(l) + ")\">"
document.body.insertAdjacentHTML("AfterBegin", a)
ob[ese] = new abject(ese++, document.body.children(0))
t += dy
b += dy
if (b > iH) {
t = 0
b = dy
l += dx
r += dx
}
}
}

function abject(ion, o){
this.i = ion
this.arg = argu

this.obj = o.style

this.tourne = bougE
this.tournf = bougF

this.obj.visibility = "visible"
this.tourne()
}

function bougE() {
this.obj.pixelLeft = midx + Math.sin((this.arg + this.i) / mux) * this.arg * maxK
this.obj.pixelTop = midy + Math.sin((this.arg + this.i) / muy) * this.arg * mayK
this.arg--
if (this.arg >= 0) setTimeout("ob[\"" + this.i + "\"].tourne()", 33);
else {
mux += (1 - Math.random()*2) * 0.5
muy += (1 - Math.random()*2) * 0.5
setTimeout("ob[\"" + this.i + "\"].tournf()", 1000)
}
}

function bougF() {
this.obj.pixelLeft = midx + Math.sin((this.arg + this.i) / mux) * this.arg * maxK
this.obj.pixelTop = midy + Math.sin((this.arg + this.i) / muy) * this.arg * mayK
this.arg++
if (this.arg <= argu) setTimeout("ob[\"" + this.i + "\"].tournf()", 33);
else this.tourne()
}

setTimeout("ziva()", 1000)

// Compatible OE4, ça meussieu...
</SCRIPT>


5 - Ao visualizar o   efeito perceberá que a moldura vai estar com um X vermelhinho.
6 - Clique em Arquivo/Salvar e feche a nova mensagem. Ela irá estar salva em Rascunhos. Abra novamente e visualize. Você irá ver que a moldura e o efeito aparecerá.
7 - Visualizado o efeito volte à abinha "Editar" para completar a formatação :
7.a: Background: ( Formatar/Plano de fundo/Imagem)
Insira a pattern usada na criação da moldura. Eu usei  a que está abaixo:


7.b  Tabela:
Abaixo da Moldura, insira uma tabela de sua preferência. Para inserir a tabela. Coloque na abinha "Editar" Dê enter no cursor até que ele fique abaixo da moldura e cole a tabela.
7.c  Texto: Adicione um texto de sua preferência.
7.d  Adicione ainda:
Borda colorida
Barra de rolagem colorida
Texto
Música
Assinatura ( opcional)
script para rodapé

Script para o rodapé


<SCRIPT language=VBScript>
'This script is written
'by YRJA - 2002
'- - - - - - - - - -

Dim sch, scw, pict, picl, cct, ccl, R, A, timoutHandle
R=100
A=0

Sub Window_OnLoad
on error resume next
window.status=" Escreva Aqui "
scw=document.body.clientWidth
sch=document.body.clientHeight
cct=(sch/2)
ccl=(scw/2)
pic.style.Top=pict
pic.style.Left=picl
circle
End Sub

Sub circle()
ClearTimeOut(timoutHandle)
A=A+0.05
picl=(R*cos(A)+200)
pict=(R*sin(A)+150)
pic.style.Left=picl
pic.style.Top=pict
if A>6.28 then timoutHandle=SetTimeOut ("reset", 30) else timoutHandle=SetTimeOut ("circle", 30)
End Sub


Sub reset()
ClearTimeOut(timoutHandle)
A=0
circle
End Sub

Sub Window_OnResize()
Window_OnLoad
End Sub

</SCRIPT>








IM05 - Envie para o grupo um e-mail formatado como foi ensinado nesse tutorial.
Ele deverá conter:
Script com o efeito da imagem em tiras
background
tabela
Texto
Borda Colorida
Barra de Rolagem Colorida
Música
Assinatura (opcional)




Não esqueça, por favor:
Colocar no assunto: seu nome ou nick - IM05 - Imagem em Tiras
No corpo do e-mail coloque o link correspondente a esse tutorial.
Verificar o peso de sua mensagem.
Não esqueça do anti-banner


Copyright© 2002/2007 Dama Da Noite * Todos os direitos reservados*
Esse  tutorial foi criado por brisa®  em abril de 2007,  especialmente para o Grupo PSP Brasil.
É expressamente proibida, por lei, a divulgação desta página em outro site ou qualquer outro modo de veiculação sem a autorização expressa da autora ou dos detentores de copyright do texto, da formatação e dos demais elementos que compõem a página. 
Direitos Autorais protegidos pela Lei 9.610 de 19/02/1998.



Nenhum comentário:

Postar um comentário

Para se inscrever nas listas clique nos títulos de cada grupo na página inicial. Comece com as aulas de PSP, depois continue com o PSP + AS, e se quiser siga com o Xara e a Formatação para criar belos e-mails.
Deixe aqui suas opiniões e seja sempre bem-vindo(a).