大海情怀

知识在于积累，聪明在于学习，智慧比财富更令人羡慕。

日志

关于我

大海情怀

热情、开朗、大方......

文章分类

宽屏大图片音画教程

2011-02-28 07:28:54| 分类：博客素材 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

宽屏大图片音画教程

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

这种音画的制作过程：

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

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

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

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

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

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

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

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

9. 图片是音画帖的灵魂,所以好的帖主要看图片的艺术效果,

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

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

下面就讲一下怎样发表音画作品：

1：把我们切片好的（四张）图片上传，得到四张图片的网址。

2：先说一下标准屏代码（以四张图片为例）

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

<TABLE style="LEFT: -100px; WIDTH: 970px; POSITION: relative; TOP: 10px" cellSpacing=40 align=center background=放背边框网址 border=0>
<TBODY>
<TR>
<TD width="100%">
<P align=center> </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>
<MARQUEE style="WIDTH: 488px; HEIGHT: 24px" scrollDelay=120 width=488 height=24> <FONT color=#7fff00><STRONG><FONT size=5> 欢迎您走进我的家园 </FONT><FONT color=#ff0000 size=6><FONT size=5>--</FONT>大海情怀</FONT></STRONG></FONT></MARQUEE>
<P></P>
<P align=center><A href="http://blog.163.com/xw_zn/"><FONT color=#7fff00 size=6>http://blog.163.com/xw_zn/</FONT></A></P></TD></TR></TBODY>
<CENTER></CENTER>
<DIV></DIV></TD></TR></TBODY></TABLE>
<CENTER></CENTER>
<DIV></DIV></TD></TR></TBODY></TABLE>
<CENTER></CENTER></TD></TR></TBODY></TABLE>

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

<TABLE style="LEFT: -106px; WIDTH: 970px; POSITION: relative; TOP: 10px" cellSpacing=40 align=center background=背景图片网址 border=0>
<TBODY>
<TR>
<TD width="100%">
<P align=center> </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>
<P></P>
<MARQUEE style="WIDTH: 488px; HEIGHT: 24px" scrollDelay=120 width=488 height=24> <FONT color=#7fff00><STRONG><FONT size=5> 欢迎您走进我的家园 </FONT><FONT color=#ff0000 size=6><FONT size=5>--</FONT>大海情怀</FONT></STRONG></FONT></MARQUEE>
<P></P>
<P align=center><A href="http://blog.163.com/xw_zn/"><FONT color=#7fff00 size=6>http://blog.163.com/xw_zn/</FONT></A></P></TD></TR></TBODY>
<CENTER></CENTER>
<DIV></DIV></TD></TR></TBODY></TABLE>
<CENTER></CENTER>
<DIV></DIV></TD></TR></TBODY></TABLE>
<CENTER></CENTER></TD></TR></TBODY></TABLE>

C：FLASH音画语法：

<TABLE 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 CS和Flash动画只有学好了这二门技巧你才能随心所欲的制作出你想表达的优秀作品，还有就是HTML语言了。

评论这张

转发至微博

阅读(1326)| 评论(12)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_094069083083081067083087084095086080086071083086095071',
              blogTitle:'宽屏大图片音画教程',
              blogAbstract:'  <H3\><BR\>  <TABLE cellSpacing=\"38\"  cellPadding=\"0\"  width=\"100%\"   bgColor=\"#4c0760\"  background=\"http://tyzjsck.nease.net/ks/wyctk/sdct/048.jpg\"  border=\"0\"  \>  <TBODY\>  <TR\>  <TD width=\"100%\"   \>  <P\> </P\>  <P\><FONT color=\"#f0ffff\"  size=\"6\"  \><STRONG\>宽屏大图片音画教程</STRONG\></FONT\></P\>  <P\><FONT color=\"#f0ffff\"  size=\"5\"  \><STRONG\><FONT size=\"3\"  \> </FONT\></STRONG\></FONT\></P\>  <P\><FONT color=\"#ffffff\"  size=\"4\"  \>近来网络开始流行宽屏大图片音画,美观大气,在视觉效果上非常棒,很受网友的喜爱.这种音画是将一个系列的大图片经过PS的处理组合在一起,形成一个主题帖子,比起特效帖更加易于观赏和理解.  </FONT\></P\>  <P align=\"left\"  \><FONT color=\"#ffffff\"  size=\"4\"  \> 这种音画的制作过程： </FONT\></P\>  <P align=\"left\"  \><FONT color=\"#ffffff\"  size=\"4\"  \>1.首先在网络上找好图片素材,最好要大图片,分辨率高,做出的帖子才漂亮.  </FONT\></P\>  <P align=\"left\"  \><FONT color=\"#ffffff\"  size=\"4\"  \>2 .在Photoshop里新建一个文件,这个文件的大小就是整个图片的大小,即：（标准屏\"</FONT\></P\></TD\></TR\></TABLE\></H3\>',
              blogTag:'宽屏大图片音画教程',
              blogUrl:'blog/static/2674709420111266546905',
              isPublished:1,
              istop:false,
              type:0,
              modifyTime:1316777038356,
              publishTime:1298849334007,
              permalink:'blog/static/2674709420111266546905',
              commentCount:12,
              mainCommentCount:6,
              recommendCount:5,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'热情、开朗、大方......',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/2674709420111266546905">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

大海情怀

导航

日志

宽屏大图片音画教程

历史上的今天

最近读者

热度

评论

页脚