注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

心灵茶园

好好把握每一个今天,开心快乐的活着

 
 
 

日志

 
 

【转载】特效音画《恰是你的温柔》制作流程  

2014-02-21 14:39:13|  分类: 图文教程(视频) |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

效果图:

特效音画《恰是你的温柔》制作流程 - 豪墨逸青 - 豪 戈 的 博 客

 

特效音画《恰是你的温柔》制作流程 - 豪墨逸青 - 豪 戈 的 博 客

 

特效音画《恰是你的温柔》制作流程 - 豪墨逸青 - 豪 戈 的 博 客

 

特效音画《恰是你的温柔》制作流程 - 豪墨逸青 - 豪 戈 的 博 客
 
编排的翻页特效:
 
制作视频:
 
 
制作视频2
 
素材:
特效音画《恰是你的温柔》制作流程 - 豪墨逸青 - 豪 戈 的 博 客
 
特效音画《恰是你的温柔》制作流程 - 豪墨逸青 - 豪 戈 的 博 客
 
特效音画《恰是你的温柔》制作流程 - 豪墨逸青 - 豪 戈 的 博 客
 
特效音画《恰是你的温柔》制作流程 - 豪墨逸青 - 豪 戈 的 博 客
 
特效音画《恰是你的温柔》制作流程 - 豪墨逸青 - 豪 戈 的 博 客
 
特效音画《恰是你的温柔》制作流程 - 豪墨逸青 - 豪 戈 的 博 客
 
特效音画《恰是你的温柔》制作流程 - 豪墨逸青 - 豪 戈 的 博 客
 
特效音画《恰是你的温柔》制作流程 - 豪墨逸青 - 豪 戈 的 博 客
特效音画《恰是你的温柔》制作流程 - 豪墨逸青 - 豪 戈 的 博 客
 
特效音画《恰是你的温柔》制作流程 - 豪墨逸青 - 豪 戈 的 博 客
 
特效音画《恰是你的温柔》制作流程 - 豪墨逸青 - 豪 戈 的 博 客
 
特效代码:
   

<html xmlns="http://kx9h.com:828/郁金香的畅想/999.html">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<META http-equiv=imagetoolbar content=no>

<STYLE type=text/css>

#center {

       LEFT: 50%; POSITION: absolute; TOP: 50%

}

#DHTMLBOOK {

       BACKGROUND: #000; LEFT: -210px; VISIBILITY: hidden; WIDTH: 646px; POSITION: relative; TOP: -160px; HEIGHT: 254px

}

#TXTBOX {

       FONT-SIZE: 0.8em; WIDTH: 646px; COLOR: limpid; FONT-FAMILY: verdana; POSITION: absolute; TOP: 320px; TEXT-ALIGN: center

}

.page {

       OVERFLOW: hidden; BORDER-LEFT: limpid 1px solid; WIDTH: 50%; CURSOR: pointer; POSITION: absolute; HEIGHT: 100%

}

.right {

       BORDER-RIGHT: limpid 1px solid; LEFT: 50%

}

.turn {

       BACKGROUND:limpid

}

.img {

       WIDTH: 200%; POSITION: absolute; HEIGHT: 100%

}

</STYLE>

 

<SCRIPT type=text/javascript><!--

 

document.onselectstart = function () { return false; }

 

var nI  = 0;

var kI  = 0;

var run = false;

 

function setOpacity(obj,o) {

       if (o<0) o=0; else if (o>100) o = 100;

       if (obj.filters)obj.filters.alpha.opacity=o; else obj.style.opacity = o/100;

}

function TPR__(p) {

       P1.style.left  = 50-(2.5*p)+"%";

       P1.style.width = (2.5*p)+"%";

       setOpacity(P1i, .5*p*p);

       if (p == 20) run = false;

}

function TPR_(p) {

       P2.style.width = 50-(2.5*p)+"%";

       setOpacity(P2i, 100-.5*(p*p));

       if (p == 20) {

              P2i.src = IMGSRC[kI].src;

              setOpacity(P2i, 100);

              P2.style.width = "50%";

              for(var i=1; i<=20; i++) setTimeout("TPR__("+i+")", i*32);

       }

}

function TPR() {

       if (!run) {

              run = true;

              P01i.src = IMGSRC[kI].src;

              P1.style.width = 0;

              kI++;

              if (kI>=nI) kI = 0;

              titLe(kI);

              P02i.src = IMGSRC[kI].src;

              P1i.src  = IMGSRC[kI].src;

              for (var i=1; i<=20; i++) setTimeout("TPR_("+i+")", i*32);

       } else setTimeout("TPR()", 100);

}

 

function TPL__(p) {

       P2.style.width = (2.5*p)+"%";

       setOpacity(P2i, .5*p*p);

       if (p == 20) run = false;

}

function TPL_(p) {

       P1.style.left  = (2.5*p)+"%";

       P1.style.width = 40+(10-2.5*p)+"%";

       setOpacity(P1i, 100-.5*(p*p));

       if (p == 20) {

              P1i.src = IMGSRC[kI].src;

              setOpacity(P1i, 100);

              P1.style.left  = 0;

              P1.style.width = "50%";

              for(var i=1; i<=20; i++) setTimeout("TPL__("+i+")", i*32);

       }

}

function TPL() {

       if (!run) {

              run = true;

              P02i.src = IMGSRC[kI].src;

              P2.style.width = 0;

              kI--;

              if (kI < 0) kI = nI-1;

              titLe(kI);

              P01i.src = IMGSRC[kI].src;

              P2i.src  = IMGSRC[kI].src;

              for(var i=1; i<=20; i++) setTimeout("TPL_("+i+")", i*32);

       } else setTimeout("TPL()", 100);

}

function titLe(p) {

       document.getElementById("TXTBOX").innerHTML = IMGSRC[p].alt;

}

onload = function() {

       IMGSRC  = document.getElementById("imgsrc").getElementsByTagName("img");

       DB      = document.getElementById("DHTMLBOOK");

       P01     = DB.getElementsByTagName("span")[0];

       P01i    = P01.getElementsByTagName("img")[0];

       P02     = DB.getElementsByTagName("span")[1];

       P02i    = P02.getElementsByTagName("img")[0];

       P1      = DB.getElementsByTagName("span")[2];

       P1i     = P1.getElementsByTagName("img")[0];

       P2      = DB.getElementsByTagName("span")[3];

       P2i     = P2.getElementsByTagName("img")[0];

       nI      = IMGSRC.length;

       P1i.src = IMGSRC[kI].src;

       P2i.src = IMGSRC[kI].src;

       titLe(kI);

       DB.style.visibility = "visible";

}

//-->

</SCRIPT>

 

<META content="MSHTML 6.00.6000.16809" name=GENERATOR></HEAD>

<BODY>

 

<DIV id=center>

<DIV id=DHTMLBOOK><SPAN class=page onMouseDown="return false;" ondblclick=TPL(); onclick=TPL();><IMG class=img></SPAN>

<SPAN class="page right" onmousedown="return false;" ondblclick=TPR(); onclick=TPR();><IMG class=img style="LEFT: -100%"></SPAN>

<SPAN class="page turn" onMouseDown="return false;" ondblclick=TPL(); onclick=TPL();><IMG class=img style="FILTER: alpha(); opacity: 1"></SPAN>

<SPAN class="page turn right" onmousedown="return false;" ondblclick=TPR(); onclick=TPR();><IMG class=img style="FILTER: alpha(); LEFT: -100%; opacity: 1"></SPAN>

<DIV id=TXTBOX></DIV></DIV></DIV>

<DIV id=imgsrc style="VISIBILITY: hidden">

<IMG alt="文字1" src="http://kx9h.com/data/attachment/album/201201/05/071600177zmo7v7em93y5h.jpg">

<IMG alt="文字2" src="http://kx9h.com/data/attachment/album/201201/05/071602swouscz00db5dnqu.jpg">

<IMG alt="文字3" src="http://kx9h.com/data/attachment/album/201201/05/071603zf1pzc1cbb12cfrf.jpg">

</DIV>

</BODY></HTML>

  评论这张
 
阅读(2)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017