打开photoshop cs3,点击左上角的“文件”菜单,选点"新建",打开"新建"对话框,设定宽800 高1500像素,RGB颜色。
然后点"确定",就新建了一幅"未标题—1"文档。(文档的尺寸可根据需要而定,此处只为演示)此文档在图层面板自动命名为背景,在图层窗口我们看到是空白的。
三.图片的拼合
步骤1: 打开素材1, 解锁,拖入背景层。刚拖入的图层被自动命名图层一,为了方便识别,我们改一下名称:在图层面板的“图层一”点右键-图层属性-弹出更改名称窗口-,改名"湖水"。如图:
步骤2:重复以上操作,将素材2拖入背景,改名为"鼋头渚"。如图:
步骤3:同样将素材3拖入背景,改名为"荷花"。三幅图拖入背景层后如图:
步骤4:点击选定图层面板的"湖水",再点击"编辑"菜单—"变换"—"缩放",可调整其尺寸大小,调整完毕双击该图即可,用同样方法调整其他两幅,使三幅图的比例大小配置得当,图层的遮盖顺序从图层面板中可以看出是上层压下层,必要时可随时调整。拼合后如下图:
至此图片拼合完毕
第四节 简单的溶图与调色
从第三节中可以看出,直接拼合的背景图很不理想,一是拼接的边缘十分生硬,二是色彩差异较大,不和谐,不经溶合及调色处理是难登大雅之堂的,下边就介绍一下溶图和调色的基本操作:
一.溶图
先将上面两张图片的边缘重叠(重合量根据接图需要而定),使用套索工具,在图片的边缘处画出选区,羽化20,按Delete删除。(注意:删除时要分两次进行,即在图层面板上选定上图时可删除上图选区,选定下图时才可删除下图选区)。如图:
羽化并调整图幅及位置后的效果如下:
羽化和调整的目的是让图片拼合过度自然,看不出边缘和拼接痕迹,这才是我们想要的效果。下面是整体效果,这里只是讲解方法,做得并不细。
二.调色
拼接后如果色差较大,效果仍然不理想,或需要统一色彩。可以点击"图像"—"调整"—"去色",使图片先变成黑白色,然后再次执行"图像"—"调整"—"色彩平衡",只要滑动三个模块,就可以调出任何自己喜欢的颜色,使色彩得到统一,见下图:
调色之后还可以添加其他素材,我在荷花之上添加了一个小姑娘,就称她为荷花仙子吧!记着抠图时要羽化,然后再用移动工具拖进,并放到适当的位置,见下图。
第五节 大图的分割
图片过大必然会影响打开速度,我们用PS就可以把它分割成若干份。在左侧的工具栏里有一个“切片选择工具”,右键点开,有两个选择项,选下面的“切片选取工具”如图:
把鼠标移到画布上,右键选点“划分切片”。在弹出的窗口,设为水平划分为4片,(实际制作中可以随意划分)。如下图:
现在我们看到做好的图被切割成了4份了。
第六节 ps生成文件的保存
打开菜单栏的文件,在下拉菜单中选“存储为web所用格式”如图:
在弹出的存储选项窗口,设置文件类型、大小、品质:如图
在不损失图像品质的前提下,尽量压缩文件大小,以不超过100K为宜。各项设置好以后点“存储”,选择存储位置,【比如存到E盘】,命名为“荷花仙子”。
打开E盘之后,我们可以看到两个文件,一个是web文件,一个是自动命名的images文档文件夹。
文件夹里存放的是切割好的4张图片,web文件里是网页应用的信息,点击web文件,就可以在本地浏览作品了,点击"查看"菜单,打开"源文件"就打开了记事本文件,在此代码文件中可以插入音乐代码(如第二节中所示代码的第十三行)、 flash特效(如第二节中所示代码的第十行)或其他显示代码,如此就可以上传了。
第七节 音画作品的发布
音画作品的发布可分两种情况:
第一种情况:自己没有空间的首先应当寻找或注册一个免费空间,用以上传自己 images文件夹中的相应图片。
例如 http:/// 就是一个免费上传图片和视频的空间,图片上传成功后就可取回地址,然后按如下几步进行:
1.打开web文件,点击"查看"菜单-"源文件",删除代码的前7行和后3行,
2.替换代码中所有图片的本地地址,如:"images/荷花仙子_01.jpg",
3.变更table行显示设置代码,如:变更前代码为:
<table id="__01" width="宽度数值" height="高度数值" border="0" cellpadding="0" cellspacing="0">
变更为:
<TABLE style="LEFT: -10px(视幅宽而定); WIDTH: 宽度px; POSITION: relative; TOP: 0px" cellSpacing=0 cellPadding=0 width="宽度数值" align=center border=0>
(注意:宽屏设置的网站发宽屏帖一般LEFT: -10px,窄屏设置的网站发宽屏帖一般LEFT: -125px)
4.根据需要插入音乐、flash特效、移动字幕等元素,经测试位置适当,显示正常后即可发帖
5.在本站发帖时如是直接复制打开web页面后的画面,可直接粘贴到文件发表的大白框中,如复制的是源代码,则要先点击大白框下面的"源代码"后。 再粘贴到大白框中,然后点一下"编辑",等画面出现后再点击"添加"按钮。如图:
第二种情况:自己有空间的不但可以上传图片,也可以上传整个html文件,发布时代码如下:
<DIV style="LEFT: -10px(视幅宽而定); WIDTH: 宽度px; POSITION: relative; TOP: 0px"> <IFRAME marginWidth=0 marginHeight=0 src="已上传的网页地址" frameBorder=0 width=宽度数值 scrolling=no height=高度数值></IFRAME></DIV>
第八节 音画图的静态修饰与点缀
一幅完整、漂亮的音画作品常常需要进行多种修饰和点缀,修饰又可以分为静态的修饰(比如添加艺术边框、插图、割线、签名印章以及诗词或说明文字等)和动态的修饰(比如插入透明flash、移动字幕以及可以移动的画面等),以强化其美感,提高其欣赏性,这里先介绍一点静态修饰的常用方法:
一.边框的添加
先把第四节中的第三幅图存储,进行如下操作(当然也可以在做背景主图之前最先做边框):
1、点击"文件"菜单--"新建",在新建对话框中设宽为1000,高为1700(为主图留边框200),然后点"确定"
2、点击"编辑"菜单--"填充",在填充对话框中可选定使用图案,点自定义图案的下拉三角,选编织(宽),再点确定,如下图所示:
3、用选择工具将主图拖入,在背景图中用方向键调整好其位置
4、点一下背景图层,点击图像--调整--色彩平衡,在色彩平衡对话框中调整三个滑快设置与主图相配的色彩,然后点确定即可,见下图:
二.插图的添加
比如要添加这幅小女子的图片,可按如下几步进行:
三.图案及贴件的添加
音画帖常常需要插入一些图案或贴件用以美化作品,现以自定形状"云彩"为例,说明其用法和步骤:
1、先创建一个新图层
2、选点自定形状工具,在自定形状选项中,选点"定义的比例",如下图
3、点按自定形状拾色器,点选云彩1,见下图:
4、定义前景色并在图中点画便出现了云彩图形
5、使用方向键可放置到任意位置(也可也点击编辑进行随意变换),点选文字工具,可在图形中键入文字
四.文字的添加与修饰
文字是音画帖不可缺少的元素,不管是题目、落款、诗词还是说明都离不开文字的表达,现举例说明其简单用法,比如例帖中的一首诗:“四面垂柳十里花,碧波荡漾连天涯,水天一色湖光美,荷仙抖妆似彩霞”。
1、为便于观察显现效果可适当调大主图的显示比例(如60%)并选定适当的添加位置
2、选点文字工具(横排)并设置文字选项,我这里设定为:华文行楷,36点,左对齐,显示色码#94773b
3、在图中选择适当位置和起始点点击鼠标,输入诗句,回车换行
4、点击图层菜单-图层样式-混合选项,在出现的图层样式对话框中选择"投影""外发光"及"斜面和浮雕"三项,然后点击确定,见下图:
当然,文字设置及图层样式中的各种选项均可自行选定,以达到不同的显示效果,此处只是简单举例而已。
第九节 音画图的动态修饰与调整
动态修饰主要是指插入一些透明flash素材,或是移动图片及字幕等,使画面动静结合,生动活泼,增加视觉效果。下面介绍一点基本方法和代码:
一、透明flash的插入(如:在天空插入四只飞翔的小鸟)
代码如下:
<EMBED style="LEFT: 200; WIDTH: 696px; POSITION: absolute; TOP: 120; HEIGHT: 257px" align=right src=http://www./flash/11/2/woso7_flash_3.swf type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED>
蓝色字体表示flash距左(left)200,距顶(top)120,flash尺寸为宽(WIDTH)696,高(HEIGHT)257;红色字体表示flash的地址及名称,使用时只要复制粘贴此段代码,更换flash的相应地址并调整好相关尺寸及位置就可以了。
值得注意的是由于各网站显示框架的不同,在网上发布时距顶(top)的数字需作相应的调整,否则显示结果会有一定偏差。
二、移动字幕的插入
代码如下:
<DIV style="LEFT: 550px; TOP: 400px POSITION: absolute; "> <MARQUEE scrollAmount=3 direction=up width=220 height=150> <FONT style="FONT-WEIGHT: bold; FONT-SIZE: 20pt; COLOR: #94773b; FONT-FAMILY: 华文行楷" >
四面垂柳十里花<BR>碧波荡漾连天涯<BR>水天一色湖光美<BR>荷仙抖妆似彩霞<BR> </FONT></MARQUEE></DIV>
蓝色字体表示字幕距左(left)550,距顶(top)400,红色字体表示字幕尺寸为:宽(WIDTH)220,高(HEIGHT)150,移动速度为3级,移动方向向上;粉色字体表示字幕的文字为20pt,颜色为#94773b,字体为华文行楷,使用时只要复制粘贴此段代码,更换字幕所用文字,并调整好相关尺寸及位置就可以了。
三、移动图片的插入
这是一幅自抠的小船的图片,插入时代码如下:
<DIV style="LEFT: 100px; POSITION: absolute; TOP: 650px"> <MARQUEE scrollAmount=3 direction=left width=740 > <IMG height=66 src="http://star778./domName/star778/20095225285762759.gif" width=56></MARQUEE> </DIV>
同样,使用时只要复制粘贴此段代码,更换图片地址,并调整好相关尺寸及位置就可以了。
编后语:
本教材应几位朋友之邀而编写,仅以简单的实例为初学者引个路子而已,教材中的方法可举一反三,触类旁通,初学者可在学习过程中灵活发挥、随意变通。
学习音画可以从摹仿和套改开始,但决不可就此止步,要作出高水平的音画作品没有ps的深厚功底和基本的代码常识是远远不够的,本人因水平有限,不妥之处在所难免,如有谬误,敬请各位朋友和老师及时指正,希望大家多提宝贵意见!。