可爱老人网

 找回密码
 注册会员
搜索
查看: 3264|回复: 27

【教程学习】怎 么 制 作 歌 词 同 步 音 画

[复制链接]
发表于 2019-5-16 20:18 | 显示全部楼层 |阅读模式
本帖最后由 老可人 于 2019-5-16 20:22 编辑

 
【教程学习】怎么制作歌词同步音画
 
 
 
 
 
这个歌词同步组合音画,使用了二个素材,一个是GIF图片素材(动态图片),
一个是flashdh动画素材(在网上获取动画地址)。
 
 
《歌词同步音画》★ 你 侬 我 侬 ★

 
 
这里是教程内容和同步歌词音画作品完整代码      复制如下:

 

 
 
二个素材组合需要使用代码来重合叠加在一起
 
素材组合代码
 
动态图片代码

动画代码


<DIV style="MARGIN-TOP: -490px; MARGIN-LEFT: 0px" align=center> <EMBED height=530 type=application/x-shockwave-flash width=900 src=http://images.missyuan.com/attachments/day_091118/20091118_e0425893c46070b1a42aTmT3z5558g17.swf wmode="transparent"></DIV>
 

代码中白色部分<DIV style="MARGIN-TOP: -490px; MARGIN-LEFT: 0px" align=center> 是定位代码,-490数字是调整上下定位的,-数字愈大,数字越小就往下,调整的画面这个代码是经常使用的,同步歌词也需要这个代码。
 
酷我音乐网上获取同步歌词和音乐的地址
 
[00:21.42]你侬我侬忒煞情多
[00:25.99]情多处热如火
[00:30.83]沧海可枯坚石可烂
[00:35.37]此爱此情永远不变
[00:40.46]把一块泥捻一个你
[00:45.15]留下笑容使我长忆
[00:50.03]再用一块塑一个我
[00:54.68]长陪君旁永伴君侧
[00:59.69]将咱两个一起打破
[01:04.41]再将你我用水调和
[01:09.25]重新和泥重新再做
[01:13.99]再捻一个你再塑一个我
[01:18.99]从今以后我可以说
[01:23.76]我泥中有你你泥中有我
[01:28.64]将咱俩个一起打破
[01:33.99]再将你我用水调和
[01:38.29]重新和泥重新再做
[01:42.83]再捻一个你再塑一个我
[01:47.99]从今以后我可以说
[01:52.99]我泥中有你你泥中有我
[02:16.93]将咱俩个一起打破
[02:21.64]再将你我用水调和
[02:26.99]重新和泥重新再做
[02:31.15]再捻一个你再塑一个我
[02:35.89]从今以后我可以说
[02:40.64]我泥中有你你泥中有我
[02:45.55]将咱俩个一起打破
[02:49.95]再将你我用水调和
[02:54.99]重新和泥重新再做
[02:59.03]再捻一个你再塑一个我
[03:04.05]从今以后我可以说
[03:09.06]我泥中有你你泥中有我
[03:25.27]你泥中有我
 
 
获取同步歌词和音乐mp3地址使用彩云归老师为我们提供的【在线工具】KUWO音乐ID转换MP3网址(歌词)
 
点击下面在线工具地址来获取同步歌词和音乐地址
 
 
获取同步歌词和地址,需要安装在播放器插件来使用,http://img3.oldkids.cn/upload/260805000/u260804222/2015/11/25/blog_20151125163040571605.swf 
 
这个播放器插件是把彩云归老师的插件下载后,又上传到老小孩网站获取的地址。
 
下面是把获取同步歌词和音乐mp3地址安装好在播放器插件的代码,可以作为模板
 
保存,以后查找到同步歌词和音乐地址替换就可以了。
 
绿色定位代码中红色数字要根据画面情况来调整上下位置
 

<p style="MARGIN-TOP: -90px; MARGIN-LEFT: 0px" align="center"> <embed height="80" type="application/x-shockwave-flash" width="90%" src="http://img3.oldkids.cn/upload/260805000/u260804222/2015/11/25/blog_20151125163040571605.swf" allownetworking="internal" flashvars="mp3=http://np01.sycdn.kuwo.cn/resource/n1/66/56/679606537.mp3&amp;mp3n=你侬我侬&amp;sf=180&amp;lrc=
[00:00.30]《你 侬 我 侬》
[00:05.00]作词 : 李抱忱
[00:09.00]作曲 : 管道升
[00:13.00]演唱 : 江  蕾
[00:18.00]☆ LRC歌词编辑制作: 可 人 ☆
[00:21.42]你侬我侬忒煞情多
[00:25.99]情多处热如火
[00:30.83]沧海可枯坚石可烂
[00:35.37]此爱此情永远不变
[00:40.46]把一块泥捻一个你
[00:45.15]留下笑容使我长忆
[00:50.03]再用一块塑一个我
[00:54.68]长陪君旁永伴君侧
[00:59.69]将咱两个一起打破
[01:04.41]再将你我用水调和
[01:09.25]重新和泥重新再做
[01:13.99]再捻一个你再塑一个我
[01:18.99]从今以后我可以说
[01:23.76]我泥中有你你泥中有我
[01:28.64]将咱俩个一起打破
[01:33.99]再将你我用水调和
[01:38.29]重新和泥重新再做
[01:43.23]再捻一个你再塑一个我
[01:48.39]从今以后我可以说
[01:53.39]我泥中有你你泥中有我
[01:58.00]☆ ★ ☆ ★ ☆ ★ ☆ ★ ☆ ★ ☆
[02:16.93]将咱俩个一起打破
[02:21.64]再将你我用水调和
[02:26.99]重新和泥重新再做
[02:31.15]再捻一个你再塑一个我
[02:35.89]从今以后我可以说
[02:40.64]我泥中有你你泥中有我
[02:45.55]将咱俩个一起打破
[02:49.95]再将你我用水调和
[02:54.99]重新和泥重新再做
[02:59.03]再捻一个你再塑一个我
[03:04.05]从今以后我可以说
[03:09.06]我泥中有你你泥中有我
[03:15.00]祝欣赏愉快
[03:28.00]
&amp;gczt=宋体&amp;gczh=40&amp;gcys=ffff00&amp;gcys1=00ff00&amp;gcct=1&amp;gcydys=ff0000&amp;s=1" allowscriptaccess="never" invokeurls="false" wmode="transparent"></p>

  
 
上面绿色代码是把歌词定位在素材画面合适的位置上
 
复制同步歌词,可以粘贴你的博客,当然要粘贴的代码编辑页面,点击博客上面左边源码,然后粘贴复制好代码,点击发布帖子在博客左下角的标题就可以了,最好是发在草稿箱页面,然后查看是否有不足地方,修改好后,把原来代码刷蓝去掉,重新粘贴编辑好的代码就OK了。
 
这里推荐一下,最好在360图书馆的撰写页面平台编辑作品,这个撰写平台是最简单,最好使用的编辑平台,比任何编辑器都要好。需要注册一下。
 
下面是同步歌词音画的完整代码 

<DIV align=center>
<DIV style="POSITION: relative; WIDTH: 960px; TOP: 20px; LEFT: 0px" class=divBorderStyleRelative>
<DIV align=center>
<TABLE style="WIDTH: 1000px" border=0 cellSpacing=0 borderColor=#ffffff cellPadding=0 background=http://www.ppfyq.com/data/attachment/forum/201905/16/195629g0c5w509gvv0we55.gif align=center>
<TBODY>
<TR>
<TD>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>
<DIV style="FILTER: Wave glow(color=#ff0000, strength=5); WIDTH: 990px; HEIGHT: 90px; FONT-SIZE: 35pt" scrolldelay="69" direction="up" scrollamount="3" width="870">
<DIV align=center><FONT color=#ffff00><FONT style="FONT-SIZE: 38pt" face=华文彩云>《歌词同步音画》★ 你 侬 我 侬 ★</FONT></DIV></DIV></DIV>
<DIV align=center><IMG src="
http://www.ppfyq.com/data/attachment/forum/201905/16/200239rrr888rniium4kpn.gif"></DIV>
<DIV style="MARGIN-TOP: -490px; MARGIN-LEFT: 0px" align=center><EMBED height=530 type=application/x-shockwave-flash width=900 src=http://images.missyuan.com/attachments/day_091118/20091118_e0425893c46070b1a42aTmT3z5558g17.swf wmode="transparent"></DIV>

<p style="MARGIN-TOP: -90px; MARGIN-LEFT: 0px" align="center"><embed height="80" type="application/x-shockwave-flash" width="90%" src="http://img3.oldkids.cn/upload/260805000/u260804222/2015/11/25/blog_20151125163040571605.swf" allownetworking="internal" flashvars="mp3=http://np01.sycdn.kuwo.cn/resource/n1/66/56/679606537.mp3&amp;mp3n=你侬我侬&amp;sf=180&amp;lrc=
[00:00.30]《你 侬 我 侬》
[00:05.00]作词 : 李抱忱
[00:09.00]作曲 : 管道升
[00:13.00]演唱 : 江   蕾
[00:18.00]☆ LRC歌词编辑制作: 可 人 ☆
[00:21.42]你侬我侬忒煞情多
[00:25.99]情多处热如火
[00:30.83]沧海可枯坚石可烂
[00:35.37]此爱此情永远不变
[00:40.46]把一块泥捻一个你
[00:45.15]留下笑容使我长忆
[00:50.03]再用一块塑一个我
[00:54.68]长陪君旁永伴君侧
[00:59.69]将咱两个一起打破
[01:04.41]再将你我用水调和
[01:09.25]重新和泥重新再做
[01:13.99]再捻一个你再塑一个我
[01:18.99]从今以后我可以说
[01:23.76]我泥中有你你泥中有我
[01:28.64]将咱俩个一起打破
[01:33.99]再将你我用水调和
[01:38.29]重新和泥重新再做
[01:43.23]再捻一个你再塑一个我
[01:48.39]从今以后我可以说
[01:53.39]我泥中有你你泥中有我
[01:58.00]☆ ★ ☆ ★ ☆ ★ ☆ ★ ☆ ★ ☆
[02:16.93]将咱俩个一起打破
[02:21.64]再将你我用水调和
[02:26.99]重新和泥重新再做
[02:31.15]再捻一个你再塑一个我
[02:35.89]从今以后我可以说
[02:40.64]我泥中有你你泥中有我
[02:45.55]将咱俩个一起打破
[02:49.95]再将你我用水调和
[02:54.99]重新和泥重新再做
[02:59.03]再捻一个你再塑一个我
[03:04.05]从今以后我可以说
[03:09.06]我泥中有你你泥中有我
[03:15.00]祝欣赏愉快
[03:28.00]
&amp;gczt=宋体&amp;gczh=40&amp;gcys=ffff00&amp;gcys1=00ff00&amp;gcct=1&amp;gcydys=ff0000&amp;s=1" allowscriptaccess="never" invokeurls="false" wmode="transparent"></p>


<DIV align=center>&nbsp;&nbsp;</DIV></FONT></TD></TR></TBODY></TABLE></DIV>
<DIV align=center>&nbsp;</DIV></DIV></DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV>

 红色地址是素材,白色是播放器。复制这个代码粘贴你的博客页面,看看效果。

 

可 人 欢 迎 您 光 临
 
 
 
 
 
 
 
 
 

评分

参与人数 2人气值 +8 收起 理由
松柏一 + 3 赞一个!
潇湘翁 + 5 赞一个!

查看全部评分

发表于 2019-5-16 21:34 | 显示全部楼层
谢谢可人老师传授怎 么 制 作 歌 词 同 步 音 画的知识!
 楼主| 发表于 2019-5-16 22:40 | 显示全部楼层
潇湘翁 发表于 2019-5-16 21:34
谢谢可人老师传授怎 么 制 作 歌 词 同 步 音 画的知识!

谢谢潇管赏评,祝欣赏愉快!
发表于 2019-5-17 10:33 | 显示全部楼层
分享!欣赏学习!
 楼主| 发表于 2019-5-17 21:47 | 显示全部楼层
沪上人 发表于 2019-5-17 10:33
分享!欣赏学习!

祝欣赏愉快!
发表于 2019-6-19 06:12 | 显示全部楼层
本帖最后由 湛蓝 于 2022-3-21 07:55 编辑

谢谢老师的教材!辛苦了!

我先收藏了
 楼主| 发表于 2019-6-19 16:29 | 显示全部楼层
湛蓝 发表于 2019-6-19 06:12
谢谢老师的教材!辛苦了!可惜我不能使用代码,要高一才可以用代码

我先收藏了

欢迎收藏,祝欣赏愉快!
发表于 2022-3-20 23:15 | 显示全部楼层
请问老师这个同步在线制作歌词的地址无法用了吧?
发表于 2022-3-21 07:48 | 显示全部楼层
感谢老师传授经验!
还有一些帖子被系统自动隐藏,点此展开
下一页 »
123下一页
返回列表 发新帖
        
下一页 发布主题 快速回复

手机版|公众号|小黑屋|可爱老人网

GMT+8, 2024-4-24 21:17

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表