滴墨斋主的后花园

.

日志

关于我

滴墨斋主

文章分类

【原创】漏图制作技巧及图框合成代码运用

2015-10-02 17:51:08| 分类：原创教材 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

漏图制作技巧及图框合成代码运用

漏 ☆图 ☆制 ☆作 ☆技 ☆巧 ☆交 ☆流

如果你是制图高手，滴墨斋主不敢在关公面前耍大刀，请老师坐一旁看看我的诗歌，看看我的博文，虽没有什么学术价值，但可以博你一乐没有问题。本帖只是为了那些上了年岁愿意和斋主交流，一同闲扯的老博友而作，和一些初开博客，不会作图又不懂代码的新朋友，混个脸熟，提高一下点击率而已。放松心态，一起玩博啊！
漏图——原指：在项目设计竞标时，设计图纸一旦泄露，满盘皆输。
在这里代指：把前边的图漏到后边。看到一些博友做的图生动有趣，十分美观，自己不会做，又不肯谦虚的请教他人。尤其是动闪图框合成，总也搞不明白，相框里的图片与相框内边的处理方法。从前边作图，很难解决不规则内边的交接部分，很容易出现毛边。如果有FLASH素材就更难处理。经过一段时间琢磨，想起真实的相框与图片的关系是框在前图在后，终于鼓捣出漏图（改前图后框为前框后图）代码，经过删减修改并进行一个阶段测试，运转正常。

一、全码如下：

<table title="" border="0" cellspacing="0" cellpadding="0" width="400" align="center">

<tbody>

<tr>

二、代码设置

1、将白色文字替换为相片地址；
2、将蓝色文字替换为相框地址；
3、width="400" 指图片的宽400（像素）。height: 400px; 指图片的高为400（像素）：4、谢绝擅自对上边的代码修改。转载、引用本帖时请切勿删除底部链接。谢谢合作！

三、漏图制作注意事项

1、注意图与框的大小和逻辑关系：图片的大小应当依据动闪相框的内框和外框的大小做参数而定。即漏图边缘应当大于内框小于外框，大于内框——是为了达到图框链接部分更加自然。小于外框——是为了保证闪框镂空部分不受影响，更加美观。

2、按照上边的要求制作完成图片以后，另建一个透明图层，透明图层大小与闪框一致，导入闪图，注意先不要合并，再导入前边做好的图，参考闪图放到合适位置。删除闪图，合并图层，你就得到一张（画面小像素大）的虚拟“大图”。

3、就用这张“大图”按照第二步<代码设置>填写图框宽、高。复制粘贴图框地址。

4、打开日志，点击<>粘贴漏图代码后再点击<>,看到效果了吧。

有什么疑问可以给我留言，交个朋友。学会了别忘推荐一下啊！

点击文字获得博客教材汇编

分割线材 时尚边框 原创诗歌 滴墨成章 精品收藏 音乐沙龙

图片素材 代码超市 背景素材 ps课堂 相框素材 制作工具

知识吧台

时代民谣

滴墨斋主后花园导游链接

flash制作

博客技巧

____

评论这张

转发至微博

阅读(1403)| 评论(109)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_087069082085088064083086085074072082083065082082087070081',
              blogTitle:'【原创】漏图制作技巧及图框合成代码运用',
              blogAbstract:'<table style=\"WIDTH: 850px; HEIGHT: 0px;\"   border=\"1\"   cellspacing=\"5\"   cellpadding=\"0\"   width=\"850\"   background=\"http://img611.ph.126.net/VCT64W5lBxO4qIlNRtCkiA==/1916844591400906791.jpg\"   align=\"center\"   \>\n<tbody\>\n<tr\>\n<td\>\n<table style=\"WIDTH: 711px; HEIGHT: 0px;\"   border=\"1\"   cellspacing=\"5\"   cellpadding=\"0\"   width=\"711\"   background=\"http://img7.ph.126.net/1qEG_JTgvVSpcqvVYb_d0Q==/6597521665935340567.gif\"   align=\"center\"   \>\n<tbody\>\n<tr\>\n<td\>\n<table style=\"WIDTH: 711px; HEIGHT: 0px;\"   border=\"1\"   cellspacing=\"0\"   cellpadding=\"0\"   width=\"711\"   background=\"http://img44.bimg.126.net/photo/eq5xC2XCQYNVBuaTv6JlnQ==/4829266175425863631.jpg\"   align=\"center\"   \>\n<tbody\>\n<tr\>\n<td\><font color=\"#cc0000\"   \>\n</font\></td\></tr\></table\></td\></tr\></table\></td\></tr\></table\>',
              blogTag:'',
              blogUrl:'blog/static/4226415520159255020772',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1443779468436,
              publishTime:1443779468229,
              permalink:'blog/static/4226415520159255020772',
              commentCount:109,
              mainCommentCount:47,
              recommendCount:11,
              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:true,
              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/4226415520159255020772">${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 - 订阅此博客

滴墨斋主的后花园

导航

日志

【原创】漏图制作技巧及图框合成代码运用

历史上的今天

最近读者

热度

评论

页脚