max怎么制作水波纹这种波纹效果

来源：蜘蛛抓取(WebSpider) 时间：2016-12-04 08:05 标签： ps怎么制作水波纹
js制作波纹动画效果 - 开源中国社区
当前访客身份：游客 [
当前位置：
发布于 日 11时,
代码不是很多。采用cavans标签和js数学函数生成波纹曲线，可以设置波长、波高和频率（波速），如果点击speed直至最大值令波纹转变流动方向，点击width直至最大值会出现多个wave效果。
代码片段(3)
1.&[代码]HTML&&&&
&script src="/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"&&/script&
&canvas id='example'&Wave&/canvas&
&input type="button" id="speedp" value="Speed +" style="position:left:100top:300" /&
&input type="button" id="speedd" value="Speed -" style="position:left:180top:300" /&
&input type="button" id="heightp" value="Height +" style="position:left:260top:300" /&
&input type="button" id="heightd" value="Height -" style="position:left:340top:300" /&
&input type="button" id="widthp" value="Width +" style="position:left:420top:300" /&
&input type="button" id="widthd" value="Width -" style="position:left:500top:300" /&
2.&[代码]CSS&&&&
padding:0;
background:rgba(115, 196, 255, 1);
border:1px solid #
background-color:#
font-size:10
padding:2px 5
3.&[代码]JS&&&&
var ppp = 0;
var hhh = 50;
var wid = 0;
$("#speedp").click(function(){
$("#speedd").click(function(){
$("#heightp").click(function(){
$("#heightd").click(function(){
$("#widthp").click(function(){
$("#widthd").click(function(){
var myAarray = new A
var globCount=0.1;
function rend()
var counter = 0;
var increase = Math.PI /90+
var example = document.getElementById("example")
example.width = window.innerW
example.height = window.innerHeight-20;
var withi = window.innerWidth/5
for ( i = 0; i &= i ++ )
y = Math.sin(counter+globCount);
counter +=
var pp =150+y*
if(myAarray[i]==undefined || myAarray[i]=='' )
myAarray[i]=example.getContext('2d');
myAarray[i].beginPath();
myAarray[i].lineWidth="5";
myAarray[i].strokeStyle="white"; // Green path
myAarray[i].moveTo(0+jj,0);
myAarray[i].lineTo(jj,pp);
myAarray[i].stroke(); // Draw it
globCount+=0.1+
setInterval('rend()',50);
开源中国-程序员在线工具：
相关的代码(50)
[JavaScript]
[JavaScript]
[JavaScript]
[JavaScript]
[JavaScript]
[JavaScript]
[JavaScript]
[JavaScript]
[JavaScript]
[JavaScript]
Nice.锯齿有点过大。
2楼：The-Dawn 发表于
开源从代码分享开始
Jackitshot的其它代码当前位置：
→ ps怎么做出动态水波效果
本类常用软件
下载量：584204
下载量：416917
下载量：366961
下载量：365699
下载量：325855
ps怎么做出动态水波效果
14:11:49&&出处：&&&人气：7083次&&&&字号：&&&&
广东广州电信 网友 客人 发表于:
厉害！厉害！
福建泉州联通 网友 客人 发表于:
最后那几步看不懂
湖北黄冈联通 网友 客人 发表于:
不错，谢谢了
浙江联通 网友 客人 发表于:
动画帧在哪啊。。。
湖南邵阳电信 网友 客人 发表于:
然后切换选择工具点这俩图层用键盘上的方向键下移2到3下【移动多了就变成大浪了】
请问这里的切换选择工具点这俩图层，具体怎么操作？
黑龙江大兴安岭高级中学 网友 客人 发表于:
试了好多次都学不会，就是然后把图层1和图层3移动到上边选中俩图层用锁（下边有个【链接图层】点这个就实现了）给锁起来，然后切换选择工具点这俩图层用键盘上的方向键下移2到3下【移动多了就变成大浪了】怎么都不会弄。
美国CZ88.NET 网友 客人 发表于:
东坡下载 & 分享互联网
Copyright(C)
All Rights Reserved! 网站备案/许可证号:鄂ICP备号-1推荐这篇日记的豆列
······怎样用PS滤镜制作水波纹
有时我们看到图片上的水波纹效果很棒，其实很多都是用PS的滤镜生成的，这里我们教大家详细的操作步骤。1、我们首先打开PHOTOSHOP新建个640*480的文件，并将背景填充为黑色。2、我们执行滤镜-渲染-镜头光晕。3、我们再执行，滤镜-扭曲-水波。4、在弹出的窗口中，我们可以将数值设大一些，产生如下效果。5、我们继续执行滤镜-素描-铬黄。6、在弹出的窗口中，自己调整数值，尽量使看上去平滑。7、咱们再在背景图层上新建一个图层，用油漆桶填上自己喜欢的颜色。8、再将该图层混合模式改为叠加，就出来自己喜欢效果。　注意事项　　光晕的形状要掌握好，不然水波到时候的形状很难看。要调节下方向。　　扭曲-水波的大小要调节好。
如果您喜欢本文请分享给您的好友，谢谢！
评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）

我要回帖

更多关于 ps怎么制作水波纹 的文章

 

随机推荐