http://www.dwphotoshop.com/photoshop/javascript/heart1/
Интересно и ефектно, нали  Искате ли да видим как става?
1. Отворете си нов документ (40px/40px, RGB, 72 ppi, transparent background)
2. Дайте Zoom 600% Изберете червен цвят (hex #FF0000) Вземете Shape tool и нагласете да рисувате с
пиксели, не с вектор-"fill pixels" т.е. направете следните настройки:
и си нарисувайте сърцето.
3. Кликнете върху лeйъра си в палета на слоевете, за да го маркирате, след което отидете на Edit > Stoke.
Направете следните настройки:
1 pixel
inside
maroon, hex #660000
blending = normal
Opacity = 100%
4. Дубликирайте лейъра и му махнете "оченцето".
5. Вземене move tool и "намалете" сърцето си до 80% в широчина и височина:
6. Преминаваме в Image Ready
7. Направете фмемовете по следния начин:
Frame 1: layer 1copy- видим, време за задържа0,5
Frame 2: layer 1- видим (време -no delay)
Frame 3: layer 1copy -видим (време 0,2)
Frame 4: layer 1- видим (no delay)
8. Върнете се на фрем 1. Отворете си панела optimize. Поставете следните настройки:
GIF image with lossy = 0, colors = 3, web, no dither.
9. Отидете на File > Save Optimized As
Именувайте файла-burst1.gif.
Направете същото с втория фрейм, като го именувате -burst2.gif.
Повторете това и за третия и четвъртия фрейм, съответно burst3.gif и burst4.gif.
10. Отворете си notepad-а като кликнете на
start > programs > accessories > notepad (зеления бутон най в ляво долу на екрана ви)
11.Copy- paste следния скрипт в notepad-а ви :
Код:<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Mousetrails</title>
</head>
<script>
B=document.all;
C=document.layers;
T1=new Array("burst1.gif",40,40,"burst2.gif",30,30,"burst3.gif",25,25,"burst4.gif",20,20,"burst4.gif",15,15,"burst1.gif",10,10)
nos=parseInt(T1.length/3)
rate=50
ie5fix1=0;
ie5fix2=0;
for (i=0;i<nos;i++){
createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")}
function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){
with (document){
write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; ");
if(St){
if ©
write(" style='");
write(St+";' ")
}
else write((B)?"'":"");
write((At)? At+">" : ">");
write((HT) ? HT : "");
if (!Op)
closeContainer(N)
}
}
function closeContainer(){
document.write((B)?"</div>":"</layer>")
}
function getXpos(N){
return (B) ? parseInt(B[N].style.left) : C[N].left
}
function getYpos(N){
return (B) ? parseInt(B[N].style.top) : C[N].top
}
function moveContainer(N,DX,DY){
c=(B) ? B[N].style :C[N];c.left=DX;c.top=DY
}
function cycle(){
//if (IE5)
if (document.all&&window.print){
ie5fix1=document.body.scrollLeft;
ie5fix2=document.body.scrollTop;
}
for (i=0;i<(nos-1);i++){
moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))
}
}
function newPos(e){
moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,(B)?event.clientY+ie5fix2:e.pageY+2
)
}
if(document.layers)
document.captureEvents(Event.MOUSEMOVE)
document.onmousemove=newPos
setInterval("cycle()",rate)
</script>
<body>
</body>
</html>
12. За да запазите файла си дайте File >Save.
Сложете го в папката, където са ви останалите файлове от "сърцето". Кръстете файла си index.html и изберете за save as type-All files от падащото меню.
С HTML редактора си може да видите какво сте направили.
Забележка: Вижда се през IE, през Mozilla при мен не става.
превод: marta
източник: http://www.dwphotoshop.com/
|
