|
1、博友曾咨询我的博客首页图片如何设置成整张图，且里面还有文字在闪动？其实这是一幅以GIF为后缀的动态图片。为了补充诸多博友的疑惑，此文一并做个详解（只有在这里才能图文并茂讲得清），也算是抛砖引玉，希望网友们通过交流，共同提高。除了博客中的动图应用，此类动图装饰手段也可用于新浪圈子中的题头图装饰。 动态图片大致分为两大类，一种是以SWF为后缀的FLASH动图，然而新浪是不支持此类动图文件的直接引用的，而需要第三方网站的支持才能在新浪博客引用其网址（曾在【?网络应用→动态相册制作→自己动手】博文中图文并茂地介绍过简易动态相册制作全过程，有兴趣的朋友可参考之）。另一种动态图就是以 GIF为后缀的图片。这种动图的好处就是可以像普通图片一样复制、黏贴应用，无需像 SWF文件那样，还需要第三方网站（网站维护甚至关闭动图就会失效）支持才能应用。此文专题简介 GIF动图的制作，当然还可以根据自己的喜好举一反三。 在制作动图之前，先说明一下动图在新浪博客的应用环境。之前有博友按照我提供的制作方法制作出来的动图，电脑中点击之后是可闪动的，上传到新浪博客之后就不动了。去一看，其实她忽略了我的提示：新浪的动图应用是有限制的，也就是说图片超过了它的规定尺寸，就会被系统自动压缩调整，从而破坏了动画结构，故该图不能在新浪博客中动弹了。新浪博客首页装饰图参考尺寸：1280×800，一定是以BMP位图或者以GIF为后缀的动态图片（图1）。而新浪博文中的GIF动态图片，最大尺寸横向不宜超过690，否则上传后，动态图片也不会动弹的。 2、制作GIF动态图可以使用多种软件（可牛、美图秀秀、U5等）我们以可牛来说明如何在图片上写动态文字。 步骤一：先使用软件调整成新浪各种使用环境所允许的尺寸（见上图）确定之后勿忘保存一下已调整好的文件。 步骤二：如果图片文件尺寸太大可使用给软件中的【裁剪】功能。（见上图）也可以按图裁剪再调整尺寸也行。 步骤三：在原有图片中加载动态字，可以使用软件中的【动画闪字】功能，详细步骤：点击【动感闪图】→【动画闪字】→【闪字设置】→【输入文字】→【选择横竖排版】→【动静模式】→【粗体、斜体等】（有时候粗体笔画会缺省，估计是软件 bug）→【字体颜色】→【字体选择】（网络文字需要保持网络畅通）→【添加闪字】 实例一（此图片来自于【漫游上海·目光聚焦中国画·艺术殿堂】博文）： 之前发表【漫游上海·目光聚焦中国画·艺术殿堂】博文，其中一幅动态字画，颇受棋迷博友 三峡刘星的青睐，他甚至将这幅画引用到他的博客【网上客112 ：下里巴人】之中去，足见其喜欢程度。此前曾有承诺，撰写此文也算对三峡刘星博友有了回应。此动态闪字按照上面两图的制作流程完成的，每一排闪字都是独立制作而成，而要将四排闪字对齐却破费周折，因为软件没有考虑到此排版模式，否则给一个闪字时态调整就会很省力。 实例二（此图片来自于【漫游上海·时代烙印油画展·生活再现】博文）： 前面已经提到过了，只要掌握了动图制作流程，可以展开想象，举一反三，做到独树一帜。正因为闪字多，排列难以掌握闪动一致，所以就有了一句句出现的构思，出字的步骤和闪字制作类似，可以参考之。只是将那些分图集合成动态图有些麻烦，按讲可牛影像软件中也有此功能，步骤是：动感闪图→自己做闪图→添加一帧→保存。 U5动图制作软件（有99网盘的朋友可到我的网盘 电脑人人有 中分享，没有网盘的朋友可直接点击下载）： 遗憾的是有些操作系统中可牛对大文件似乎不支持，同时，加载素材图片也不够利索，此时可以使用U5动态画制作软件来打制 GIF动态图，这款软件制作起来比较得心应手，是一个不错的选择。具体步骤如上图：不熟悉的朋友可以使用该软件的【动图向导】→【拟定尺寸】（注意本文中提及的各种图片最大限制）→【下一步】→【添加图像】（这里也要注意图片不能太大、太多，否则动态图会很大，因为大多数论坛对上传图片都会有限制的）→【下一步】→【设定时间】（每帧分图间隔时间，100=1秒）→【下一步】→【完成】→此时所有分图片会出现在软件底部的调整框内。可根据需要调整（点住一帧画可以拖栧到合适的位置去），也可以增加或删除分图，还能添加文字等项功能，有兴趣的朋友可以尝试一下，完成之后可以预览，并保存为以 GIF为后缀的动态文件。 实例三（图片来自于【生活随笔·姹紫嫣红春色早·此起彼伏】博文）： 画卷慢慢打开，图片不断翻新。是不是也满有创意？如果家有连拍相机，（相机有遥控器也能设法自拍）架好三脚架之后，可以连拍素材分图，间隔时差越小，出来的动画效果越佳。但是也要考虑论坛能够承受的图片大小。 实例四（图片来自于【漫游上海·雕塑作品个性展·立意新颖】博文）： 和实例三相同的两幅都是画卷徐徐打开，但这一幅动态图是横向展开的，在此只是做动态图的举例展示，而真正的画卷比例应更狭长一点。所以说，如何应用制作动态美图，还是需要根据个人的审美喜好来定夺，欢迎交流。 实例五（图片来自于【生活随笔·奇花异草别样情·争奇斗艳】博文）： 如果想要在动态图片中加载移动的文字串（见上图结尾），也可以使用 U5软件中的相关功能，具体步骤是：加载好图片之后，点击软件底部的【添加文本条】（T 字图标）→请先选择【中文字体】（软件默认为英文，如果此时输入中文，则会出现问号的差错）→【效果】（何种形式出字）→【画面帧控制】（时间设置）→【霓虹】
实例六（图片来自于【生活随笔·花开果硕惹人爱·满树挂果】博文）： 一般文字取色会选择反差较大的颜色，要是遇到上图这样的环境，就可以采取双色的文字，这样的效果也不错。翻页效果，可将几张图片集合到一起并且让它们的过渡是翻页效果，这样的动感更有韵味。具体的制作方法是：先选中一张需要翻动的图片，然后选中它，再点击工具栏中的【视频F/X】→【电影】→【反转页面-电影】→查看效果之后，保存为以gif为后缀的文件即可。这里还是要注意文件的大小要符合上传网站对文件的最大限制！
实例七：（图片来自于思泉博友的《【带您游南湖】（64）小瀛洲——仓颉祠供造字祖》博文） 思泉博友是星海之友圈主，也是我的好友，所以我能及时知悉他的新作，近日他在撰写南湖游记，南湖离上海近，先后去过多次，对一些景点较熟悉，也算是随着好友的博文故地重游，看到好图一高兴就会来两句随口溜。思泉很客气，遇到喜欢的评语就会上博，于是选了这张照片，将我的评语制作成了这个gif动态图片相送于他。
三峡刘星博友撰写
既然也是翻页效果图，为何需要再来一张呢？这里又要强调新浪系统的上图限制机制（图太大了它会自动压缩）之前说到横向图片最大宽度为 690左右，但是竖向的图片对应长宽度却不是这个数据，而要根据图片的整体大小来确定，图片大小超过了它的限制，系统就会自行压缩。最好的测试方法就是：将这张照片上传到相册内，然后再观察它的具体尺寸，基本上这就是此张照片（竖型）的纵横尺寸，以此为参考制作动态图片，都可以动弹的！ 【?网络应用→动态相册制作→自己动手】、【?网络应用→博客装饰代码→设置步骤】 【?网络应用→请 Q友到桌面→快捷方式】、【?网络应用→自动连接宽带→开机自拨】 【?网络应用→有朋自远方来→不亦乐乎】、【?扮靓电脑→桌面变动物园→素材集锦】 【?扮靓电脑→主题素材集锦→动漫卡通】、【?扮靓电脑→主题素材集锦→风光美景】 【?扮靓电脑→主题素材集锦→明星时尚】、【?扮靓电脑→主题素材集锦→名车体育】 |
|
|
