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

板桥高家湖的博客

.

 
 
 

日志

 
 

宽屏大图音画教程  

2011-10-27 19:17:56|  分类: FLASH教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
制作大图有很多现成的背景图片,缺点是色彩华丽却显得生硬。最常用的是用滤镜效果做背景,变化无穷丰富多彩。前提 < 是,需要一定的PS功底。下面讲的是比较简单使用的一种方法,用小图拼合大图背景。

  一,如何用小图拼合大图背景
从画廊借来几张图 作为素材。素材一:

  素材2:

  素材3:

  素材4:

  点左上角的“文件” 新建一空白文档, 宽800 高1500像素,RGB颜色。

  (这个尺寸并不够大,只是为了操作起来方便)新建的文档在图层窗口自动命名为背景,在图层窗口我们看到是空白的。

  步骤1: 打开素材1 解锁,拖入背景层。刚拖入的图层被自动命名图层一,为了方便记住,我们改一下名:在图层窗口的“图层一”点右键-图层属性-弹出窗口-,改名古镇。如图下图:

  步骤2:重复以上操作,将素材2拖入背景,命名为“小船”。调整位置,编辑、变换、缩放,调整大小。如图:

  步骤3:同样将素材3、4拖入背景。做同上调整,铺满画布。素材的排列顺序、大小、位置的调整自定。现在看到的画布上,四张素材的边缘清晰可见,这就是大图合成的关键。将两张图片的边缘重叠,使用套索工具,在图片的边缘处画出选区,羽化20,按Delete删除。如果一次删除不干净,可以按两次、三次按Delete,满意为原则。如图:

  羽化后的效果:

注意:现在羽化的只是当前工作图层。比如羽化的是图层一,图层二的边缘又显示出来了,那么在图层窗口激活图层二,再对图层二进行羽化。过度自然,看不出边缘拼接痕迹,才是我们想要的效果。下面是对各图层羽化后对效果,只是讲解方法,弄得不是很细.

  用图片做背景 基本就算完成了 需要添加其他元素自行设计,宗旨是与背景风格要吻合,比如这个江南女子。
图:

  前面有一个主题是介绍“用蒙版无痕拼接图片”,现在就用这个方法把人物融入背景,图:如果感觉人物还是过于突出,可以在图层面板适当降低透明度。最后拼合图层。

  二,颜色的调整

  现在看到的效果颜色杂乱很不理想,需要整体调整色彩。执行 图像 — 调整—去色,使图片变成黑白色。继续执行 图像——调整——色彩平衡,进行如下设置:

  滑动三个模块,可以调出任何自己喜欢的颜色,试试看吧。

  三,大图的分割
  图片过大必然会影响打开速度,我们用PS把它分割成若干份。在左侧的工具栏里有一个“切片选择工具”,右键点开,有两个选择项,选下面的“切片选取工具”如图:

  把鼠标移到画布上,右键,选择“划分切片”。图:

  在弹出窗口,设为水平划分,10片。(实际制作中可以随意划分)图:

  我们看到做好的图被切割成了10份。

  四,保存文件
  打开菜单栏的文件,在下拉菜单中选“存储为web所用格式”如图:

   在弹出的存储选项窗口,设置文件大小、品质:图

  在不损失图像品质的前提下,尽量压缩文件大小,以不超过100K为宜。各项设置好点“存储”,选择存储位置,【比如存到E盘】,命名为“水乡小镇” 保存类型选择为“HTML和图像”。

  五、最后我们把保存的HTML在DW软件时进行编辑,把代码复制到发表文章的源代码里,把图片上传后地址换一下就可以了。

 

宽屏大图片音画教程

 

   近来网络开始流行宽屏大图片音画,美观大气,在视觉效果上非常棒,很受网友的喜爱.这种音画是将一个系列的大图片经过PS的处理组合在一起,形成一个主题帖子,比起特效帖更加易于观赏和理解.这种音画的制作过程如下:

1.首先在网络上找好图片素材,最好要大图片,分辨率高,做出的帖子才漂亮. 

2 .在Photoshop里新建一个文件,这个文件的大小就是整个图片的大小,即:(标准屏"宽778,高2000)(宽屏:"宽1000,高4000”)(图片的大小朋友你可以根据自己的需要来设定),背景色暂设为透明.(也可以自定)

3 .选定一张图片做背景.打开这张图片,选定"编辑"--"定义图案".将该图片定义为一种纹理图案.然后选定778*2000的新建文件,"编辑"---"填充",在弹出的对话框下拉菜单中选定"图案"选项",选定你定义好的图案.

4. 下面主要是图片拼接了,图片拼接的要点是,要保证图片之间不要脱节,要形成一个连续的画面,看起来才美观流畅.

5. 最常见的拼接是,打开素材图片,用矩形或椭圆形选框选择图片需要的部分.用移动工具拖移选区到新建文件中.或者用羽化的方法,羽化之后再拖移进行组合.

6. 在图片衔接的地方如果色彩差异过大,可以用模糊工具进行处理.不过这样效果不是很好.最好将要使用的图片素材经过色彩处理,使它们颜色尽量相近.成为一个系列.

7.图片在组合的时候,不能呆板地将大图片一张张接在一起,有的图片只能取一小角,有的可以多取点.拼帖的过程很辛苦,效果要达到最满意,就要不停地试,一张张地组合.不过也乐在其中.以我的经验而言,不要总是使用矩形选框,多用椭圆选框或者羽化.

8. 要保证帖子画面的连贯性和美观效果,对背景图案的选择很重要.要考虑图片和背景能够很好的相溶在一起,画面看起来才舒服.最好在做帖之前根据自己的喜好,确定好主题和色彩,再下手做帖.背景的选择很重要.

9. 图片是音画帖的灵魂,所以好的帖主要看图片的艺术效果,关于PS图片处理的方法,朋友们可以到《冰山火焰教室》来参加学习.

   图片制作好之后,就是制作文字了,文字效果的制作,首先要下载好的字体,网上有很多,我常用的是"方正流行简体""黄草简体行书""文鼎霹雳体",都是很不错的字体.

10. 图片完全制作好之后,就是裁减了.要将778*2000的大图片裁减为几张小图片.(小图片在论坛才容易上传).我常将高为2000的大图片裁减为4张小图. 

下面我们就讲一下怎样发表音画作品:

1:把我们切片好的(四张)图片上传,得到四张图片的网址。

2:我们先说一下标准屏代码(以四张图片为例)

A:不加透明FLASH动画语法:

<TABLE id=table1 style="LEFT: -100px; WIDTH: 970px; POSITION: relative; TOP: 10px" cellSpacing=40 align=center background=放背边框网址 border=0>
<TBODY>
<TR>
<TD width="100%">
<P align=center>&nbsp;</P>
<P align=center>
<TABLE cellSpacing=0 cellPadding=0 width=778 align=center border=0>
<TBODY>
<TR>
<TD colSpan=4><IMG height=图片高度 src="第一张图片网址" width=760></TD></TR>
<TR>
<TD colSpan=4><IMG height=图片高度 src="第二张图片网址" width=760></TD></TR>
<TR>
<TD colSpan=4><IMG height=图片高度 src="第三张图片网址" width=760></TD></TR>
<TR>
<TD colSpan=4><IMG height=图片高度 src="第四张图片网址" width=760></TD></TR>
<TR></TR></TBODY></TABLE><EMBED src=此处加音乐网址 hidden=true type=audio/mpeg loop="true" autostart="true"></EMBED>
<P></P>

B:音画中加入透明FLASH动画语法:

例:梦幻之秋

<TABLE id=table1 style="LEFT: -106px; WIDTH: 970px; POSITION: relative; TOP: 10px" cellSpacing=40 align=center background=背景图片网址 border=0>
<TBODY>
<TR>
<TD width="100%">
<P align=center>&nbsp;</P>
<P align=center>
<TABLE cellSpacing=0 cellPadding=0 width=760 align=center border=0>
<TBODY>
<TR>
<TD colSpan=4><IMG height=图片高度 src="第一第图片网址" width=760></TD></TR>
<TR>
<TD colSpan=4><IMG height=图片高度 src="第二第图片网址" width=760></TD></TR>
<TR>
<TD colSpan=4><IMG height=图片高度 src="第三第图片网址" width=760></TD></TR>
<TR>
<TD colSpan=4><IMG height=图片高度 src="第四第图片网址" width=760></TD></TR>
<TR></TR></TBODY></TABLE><EMBED src=此处加入音乐网址 hidden=true type=audio/mpeg loop="true" autostart="true"></EMBED>
<P>
<P><EMBED style="RIGHT: 0px; WIDTH: 800px; POSITION: absolute; TOP: 300px; HEIGHT: 600px" align=left src=第一个透明FLASH网址 type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED>
<P>
<P><EMBED style="RIGHT: 0px; WIDTH: 800px; POSITION: absolute; TOP: 0px; HEIGHT: 2000px" align=right src=第一个透明FLASH网址 type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED>
<P>
<P><EMBED style="RIGHT: 0px; WIDTH: 800px; POSITION: absolute; TOP: 800px; HEIGHT: 1000px" align=center src=第一个透明FLASH网址 type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED></P>
<DIV></DIV></TD></TR></TBODY></TABLE>
<CENTER></CENTER></TD></TR></TBODY></TABLE>

C:FLASH音画语法:

例:秋语

<TABLE id=table1 style="LEFT: -105px; WIDTH: 970px; POSITION: relative; TOP: 0px" cellSpacing=40 align=center background=背景图片网址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=0 width=760 align=center border=0>
<TBODY>
<TR>
<TD>
<P align=center><EMBED src=第一个FLASH动画网址 width=FLASH宽度 height=FLASH高度 type=application/octet-stream wmode="transparent"></P></TD></TR>
<TR>
<TD>
<P align=center><EMBED src=第二个FLASH动画网址 width=FLASH宽度 height=FLASH高度 type=application/octet-stream wmode="transparent"></P></TD></TR>
<TR>
<TD>
<P align=center><EMBED src=第三个FLASH动画网址 width=FLASH宽度 height=FLASH高度 type=application/octet-stream wmode="transparent"></P></TD></TR>
<TR>
<TD>
<P align=center><EMBED src=第四个FLASH动画网址 width=FLASH宽度 height=FLASH高度 type=application/octet-stream wmode="transparent"></P></TD></TR>
<TR>
<TD>
<P align=center><EMBED src=第五个FLASH动画网址 width=FLASH宽度 height=FLASH高度 type=application/octet-stream wmode="transparent"></P></TD></TR></TBODY></TABLE><EMBED src=此处加入音乐网址 hidden=true type=audio/mpeg autostart="true" loop="true"></EMBED></TD></TR></TBODY></TABLE>

    音画的制作最主要的是学习好Photoshop CSFlash动画只有学好了这二门技巧你才能随心所欲的制作出你想表达的优秀作品,还有就是HTML语言了。

 在网页上加透明FLASH代码

<EMBED style="LEFT: 20px; POSITION: absolute; TOP: 0px" align=center src=" http://sucai.heima.com/sucai/news/flash/66.swf" width=1000 height=600 type=application/x-shockwave-flash ; quality="high" wmode="transparent">  

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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