您好!欢迎您光临本站! 体育 I 论坛 I 交友 I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>教程园地>>>教程天天看>>>音画的制作过程与发帖须知
音画的制作过程与发帖须知
发表日期:2011/10/9 21:56:00 出处:网络 作者:未知 发布人:mohan1980 已被访问 2378

音画的制作过程与

发帖须知

 

一、音画分为以下几种类型:

第一种:框图音画。主要通过html语句实现多层图框,在图片上附加透明flash美化,配音乐。

第二种:特效音画。主要通过一些特效代码,实现图片动态效果,近似动画场景,配音乐。

第三种:大图音画。通过photoshop制成大图,将其进一步制成网页,再附加透明flash美化,配音乐。

第四种:电子杂志。使用制作杂志的软件,将图片编辑成册,透明flash以及音乐,用软件可导入自动生成。

第五种:单幅音画。一般高度低于3000的大图音画,可视为单幅音画。

从音画的发展来看,由于前两种具有以下特点,对制作者来说,既不易于掌握,又比较费心劳神,所以现在已很少有人使用。

 1、框图音画对代码要求非常严,构建层层框架的代码,常因错一个字符就会乱码,无法正常显示。

 2、特效音画对代码要求更严格,代码的编排以及相应处图片的更换,都需要细心和耐心,若有字符错误,也是无法正常显示。

现在网络流行的音画作品,后三种居多,因它们具有易操作,易掌握的特点,没有繁琐的代码编排,只需熟练使用软件便可,但也有相应的难点。

 1、必须会使用photoshop,因为制作图片和实现网页都要借助于它。

 2photoshop功能较强大,要完全掌握并非易事,不过循序渐进,图片制作水平提高了,制作出的网页也会更美观。

     

 photoshop软件制作大图

 1、首先打开photoshop,选择文件下拉菜单中的新建

 2、在新建对话框中,设置宽度(自定尺寸),高度(自定尺寸),分辨率(72),颜色模式(RGB),背景内容(透明色)。

注:宽度和高度,一般用像素作单位。括弧内的参数,是我使用的设置。分辨率单位为像素/英寸,颜色模式选择8位就可以。

在此对话框的高级里,我们还可以设置颜色配置文件和像素长宽比,我的设置分别是prophoto RGB 和 方形。 

这些设置都完成了,为了以后制图方便,我们可以点击存储预设保存。

 3、制做图片,自由发挥。(具体步骤略)

 4、图片做好保存时,最好是psd格式,便于各图层修改。

 5、由于图较大,不便于上传到网上,也不易打开,所以必须使用切片工具,将其切割成一些小图。

 6、选择photoshop“文件下的存储为web所用格式,将大图自动生成为html网页。

 7、为了网页的像素品质高,存储为网页格式时,一些相关设置必须注意,在存储为web所用格式对话框中,我使用的具体参数设置如下:

 A、预设:优化的文件格式(jpeg),压缩品质(最佳),连续”“ICC配置文件处打勾,品质(100),模糊(0),杂边(无)。

 B、图像大小:品质选择两次立方(较平滑)

 8、存储为网页格式时,出现将优化结果存储为对话框,参数选择如下:

 A、文件名:自定,后缀为html

 B、保存类型:HTML和图像(html

 C、设置:背景图像

 D、切片:所有切片

 9、保存后,会出现html文件和images文件夹,images文件夹内所有图片都是切割好的图片,用于html文件调用。

注:一定要先将大图切割,再进行存储为网页这一步。

二、音画作品在网站的发帖方法。

1】、1 <p align=center><A href="音画网址" target=_blank ><FONT color=#f70968 size=6>点击全屏观看</FONT></A></P><BR><BR>

<DIV style="LEFT: -215px; WIDTH: 1000px; POSITION: relative; TOP: 80px"><IFRAME marginWidth=0 marginHeight=0 src="音画网址" frameBorder=0 width=1000 scrolling=no height=600>

</IFRAME></DIV><BR><BR><BR><BR><BR><BR><BR>

语句中蓝色数据,可根据论坛的具体情况进行调整,使音画居中,文字颜色和谐。语句中红色数据,可根据自己音画的高度和宽度进行调整。音画网址处,填写自己音画的网址。

 2、论坛发贴时,注意要选择在html模式下进行编辑,普通模式下编辑发出的只是代码。用这段html代码发贴时,不能有字符错误,否则会无法正常显示音画。

3、此代码适合单幅音画、组图音画、htlm音画发帖来使用,具体情况根据自已发贴的情况来确定。

2】、1<TABLE style="LEFT: -120px; WIDTH: 1000px; POSITION: relative; TOP: 0px" cellSpacing=0 cellPadding=0 width=1008 align=center border=0>

<TBODY>

<TR>

<TD><IMG height=550 src="http://upload.ourgame.com/uploadservice/bbs/upload/2011/10/05/20111005215709_95359_9LKG.jpg" width=1000></TD></TR></TBODY></TABLE><EMBED src=http://music.showchina.org/mp3/zgmyjc_2_02.MP3 hidden=true type=audio/mpeg loop="true" autostart="true"></EMBED>

<DIV style="Z-INDEX: 1; LEFT: 500px; WIDTH: 0px; POSITION: absolute; TOP: 450px"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/123.swf width=550 height=580 type=application/x-shockwave-flash wmode="transparent" invokeurls="false" allownetworking="none" allowscriptaccess="never" loop="false"></DIV>

2这是一个比较通用的发单帖代码。我很多时候用这个。红色的部分为:1,图片上传的地址,2mp3音乐地址,3、透明素材flash地址。这几个一定要注意的,只有管用的地址才能做得更完美。

3】、1 大图音画由于图片大,因此打开速度就会很慢,有时网速不好,或黄金时间段打开就更慢了,因此有些性急的读者就会因等不及而放弃欣赏,其实使音画文件变小而打开速度变快的方法是很简单的,那就是把你制作好的大图片在PS里边纵向裁切成若干段,然后分别上传,发表时用如下的代码发表就OK了。

2<TABLE style="LEFT: -120px; WIDTH: 1000px; POSITION: relative; TOP: 0px" cellSpacing=0 cellPadding=0 width=1008 align=center border=0>
<TBODY>
<TR>
<TD><IMG height=
图片高度 src="第一张图片网址" width=1000></TD></TR>
<TR>
<TD><IMG height=
图片高度 src="第二张图片网址" width=1000></TD></TR>
<TR>
<TD><IMG height=
图片高度 src="第三张图片网址" width=1000></TD></TR>
<TR>
<TD><IMG height=
图片高度 src="第四张图片网址" width=1000></TD></TR></TBODY></TABLE>

<EMBED src=此处加音乐网址 hidden=true type=audio/mpeg loop="true" autostart="true"></EMBED>

3、此代码适合发一些大图音画,文件做好后,在ps里横向切成小片,逐个上传,然后用代码来发帖。

注:代码说明:

 

style="LEFT: -120px; WIDTH: 1008px; POSITION: relative; TOP: 0px这点对大图音画贴的发贴是个关键,其属性如下:

LEFT: -120px;定位网页整体的左右位置,数值越小越向左,反之向右。

TOP: 0px 边框距顶部的距离,数值越大图片会越向下,反之越向上。

WIDTH: 1008px 整体网页的展示宽度,用像素值来定义

POSITION: relative 设定网页以相对本文档面显示

 

 

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:



223
(2011/11/29 4:40:00) [124.225.14.]

222


曼茗
(2011/10/10 20:01:00) [113.106.186.]

墨含辛苦了,呵呵


水含烟
(2011/10/10 8:54:00) [114.103.13.]

辛苦了,墨含老师! 向你致敬!!!


飘风萧萧
(2011/10/10 8:17:00) [221.213.115.]

墨含,辛苦了!


369珍惜缘分
(2011/10/9 21:55:00) [117.80.74.]

上茶,辛苦你啦!为家园呕心沥血,家园有你而精彩,为你而骄傲

 发表评论:共有 6 条评论

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

家园音画 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话:QQ:48480510 联系人:风中的水哥