手把手教你用Fireworks做出超级清晰动态签名图

admin · 发表于 2006-10-21 20:20:53

Fireworks教你做出超级清晰签名图好多朋友对于一些细节步骤还是觉得不够详细,我就再来编辑一下,力求大家都能理解.嘿嘿,我看到有部分卖家一看到文字多就头大,千万不要这样哦,做任何事情都要有耐心,开店也是如此.还有部分卖家只看图不看文字,结果很多部分都不明白怎么做,希望大家学习的时候最好把每个字都看清楚哦. 我是第二次自己做签名图啦，本来是菜鸟一个，可是看到好多新手卖家询问做签名图的办法，而回帖又说不清楚，所以斗胆在这里献丑啦，<img src="http://image.taobao.com/forum/smiles/wangwang/w0046.gif" border="0" />希望对大家有帮助<img src="http://image.taobao.com/forum/smiles/wangwang/w0043.gif" border="0" />。如果大家觉得有帮助的话一定要帮忙顶哦~<img src="http://image.taobao.com/forum/smiles/wangwang/w0051.gif" border="0" />，记得收藏哦<img src="http://image.taobao.com/forum/smiles/wangwang/w0051.gif" border="0" />。 现在就给大家介绍一下我这张签名图的制作过程吧： 首先，确定做图软件，我选择的是Firework. 理由：比

hotoshop简单方便，最重要的是做出来的图片超级清晰哦，还可以设置图片的容量<img src="http://image.taobao.com/forum/smiles/wangwang/w0037.gif" border="0" />。我用

hotoshop做的第一张签名图图片的质量很模糊,大家可以看看我制作的第一张签名图，用photoshop制作的，真的很模糊： <img src="http://logo.taobao.com/forum/signature/7e/ed/c2/58/7eedc2585032fe37bf94665d35651224_1154968309491.gif" border="0" /> <a href="http://forum.taobao.com/forum-18/show_thread----6097147-.htm" target="_blank">我的成功源于你的帮助——第一个签名档新鲜出炉！！！</a> 所以我在这里强烈推荐用Fireworks，这就是这个软件的图标： <img src="http://www1.tx8.cn/photo/ekitty5828/20069162278866.jpg" border="0" /> 下面我就来介绍步骤啦： <img src="http://image.taobao.com/forum/smiles/wangwang/w0043.gif" border="0" />第一大步：创建一个帧：<img src="http://image.taobao.com/forum/smiles/wangwang/w0043.gif" border="0" /> 1. 打开这个软件，点击最左上端的“文件”→“新建”，打开后如下： <img src="http://www1.tx8.cn/photo/ekitty5828/20069162279153.jpg" border="0" /> 请大家注意画布的大小，因为签名图片的规格要求是468×60像素，所以大家要把宽调为468像素，高调为60像素，其余不变。这样创建好后就是下面这样： <img src="http://www1.tx8.cn/photo/ekitty5828/200691622155976.jpg" border="0" /> 2．打开你想要显示的图片.点击最左上端的“文件”→“打开”，选好你要打开的图片： <img src="http://www1.tx8.cn/photo/ekitty5828/20069162279798.jpg" border="0" /> 打开之后把鼠标点在图片,按住图片拖一拖，哈哈，想怎么移动就怎么移动,看看: <img src="http://www1.tx8.cn/photo/ekitty5828/20069162279874.jpg" border="0" /> <img src="http://image.taobao.com/forum/smiles/wangwang/w0042.gif" border="0" />不过移动的目的并不是要你移动哦，还是把图片移回原位吧，这样做的目的是为了能够修改图片的大小。如果你不动它一动的话，下面修改大小的数值框根本就没作用，你动动之后放回原位，我们就可以修改大小啦<img src="http://image.taobao.com/forum/smiles/wangwang/w0037.gif" border="0" />。 3.修改图片大小： <img src="http://www1.tx8.cn/photo/ekitty5828/20069162279226.jpg" border="0" /> 大家注意宽为78，高为60，因为你是打算在签名图里放6张图片的嘛，所以用468的宽除以6得来的78。嘿嘿，看看你选中的图片是不是也随之变小了呀，哈哈。。。<img src="http://image.taobao.com/forum/smiles/wangwang/w0037.gif" border="0" /> 4.把修改好的图片拖到先前创造的画布里面： <img src="http://www1.tx8.cn/photo/ekitty5828/20069162296166.jpg" border="0" /> 拖进去后就是这样的啦： <img src="http://www1.tx8.cn/photo/ekitty5828/20069162297353.jpg" border="0" /> 这是拖一张图片的方法。后面五张图片全部用这种2、3、4的步骤方法拖进去就OK啦： <img src="http://www1.tx8.cn/photo/ekitty5828/20069162297999.jpg" border="0" /> 5．保存此画布。 定好名字，保存为GIF或JPEG格式都可以。如下图： <img src="http://www1.tx8.cn/photo/ekitty5828/20069162297764.jpg" border="0" /> <img src="http://image.taobao.com/forum/smiles/wangwang/w0042.gif" border="0" />注意以上的结果是一帧的页面，不是动画的哦。保存好后就都关闭掉吧，不然会给你的视线带来麻烦。 <img src="http://image.taobao.com/forum/smiles/wangwang/w0037.gif" border="0" />如果你想让别人看到两页或者三页交替出现的画面，就按上面的步骤再创建一个或几个画布，看看创造文字的画布： ①新建画布，大小和上面一样哦：468×60 <img src="http://www1.tx8.cn/photo/ekitty5828/20069162297848.jpg" border="0" /> ②把背景涂为需要的颜色，可以用油漆桶工具，或者用矩形工具，注意选颜色哦： <img src="http://www1.tx8.cn/photo/ekitty5828/200691622156573.jpg" border="0" /> <img src="http://www1.tx8.cn/photo/ekitty5828/200691622156206.jpg" border="0" /> ③把你想写的字写进去吧： <img src="http://www1.tx8.cn/photo/ekitty5828/200691622156872.jpg" border="0" /> 注意选好字体、颜色和大小： <img src="http://www1.tx8.cn/photo/ekitty5828/200691622156900.jpg" border="0" /> 把每个画布都保存好后全部关掉。因为是先保存好了的，所以关掉的时候问你要不要保存什么什么，就选NO。关掉是必要的，不要偷懒哦。 <img src="http://image.taobao.com/forum/smiles/wangwang/w0043.gif" border="0" />第二大步：把创造的帧设置动画<img src="http://image.taobao.com/forum/smiles/wangwang/w0043.gif" border="0" /> 1．把保存好的画布一一打开：“文件”→“打开”。 下面是我根据自己的需要创建的三个画布： <img src="http://www1.tx8.cn/photo/ekitty5828/2006916222341168.jpg" border="0" /> 2. 新建一个画布 还是按照第一大步里面的第一点（注意大小468×60）。新建画布的目的是为了创造出动画。 3. 把你想要首先显示的第一个画布拖进这个新建的画布里。 方法和第一大步里的第4点一样。 <img src="http://www1.tx8.cn/photo/ekitty5828/2006916222531412.jpg" border="0" /> 这就是动画里会第一张显示出来的图啦，也就是第一帧。 4.创造第二、第三帧 这时候注意在Fireworks的最右边有“帧和历史记录”，注意它的右顶端图标，点击它： <img src="http://www1.tx8.cn/photo/ekitty5828/2006916222531954.jpg" border="0" /> 点开之后点击第一项“添加帧”。 这样你会发现画布一下子变成白色的了，别担心，先前拖进去的图还在呢，那就是第一帧，嘿嘿<img src="http://image.taobao.com/forum/smiles/wangwang/w0050.gif" border="0" />。现在这个添加的就是第二帧，哈哈，把你想第二个显示出来的画布也拖进去吧，依次顺序创造第三帧、第四帧……想创造几个就创造几个！<img src="http://image.taobao.com/forum/smiles/wangwang/w0037.gif" border="0" /> 我创建了三个帧拉：嘿嘿，就是上图里面的帧1、帧2、帧3。 5．动画的创建 在“帧和历史记录”方框中把三个帧都选中，方法：按住Ctrl键并单击第一帧、第二帧和最后一帧的名称。是在“帧和历史记录”里点击哦。 选中之后颜色都成兰色哦，就是上面那幅图里那样，好啦，开始动画啦： 动画的精髓就是“设置帧延时”： ① 依旧是点击右上方这个图标： <img src="http://www1.tx8.cn/photo/ekitty5828/2006916222531954.jpg" border="0" /> ②再接着选中“属性”（倒数第5排就是的） 马上你就看见会出现一个“帧延时”的下拉框： <img src="http://www1.tx8.cn/photo/ekitty5828/2006916222342315.jpg" border="0" /> 输入你想要的每帧显示的时间，我选的50，也就是半秒钟。 请看看设置好帧延时后的变化： <img src="http://www1.tx8.cn/photo/ekitty5828/2006916222342513.jpg" border="0" /> 按那个白色的三角符号就可以预览动画效果了哦。 <img src="http://image.taobao.com/forum/smiles/wangwang/w0043.gif" border="0" />第三大步：保存你的签名图<img src="http://image.taobao.com/forum/smiles/wangwang/w0043.gif" border="0" /> 点击“文件”→“导出向导”(不是"导出"哦)： <img src="http://www1.tx8.cn/photo/ekitty5828/2006916222531222.jpg" border="0" /> 在弹出的上面的对话框中选中“目标导出文件大小”，数值设置必须小于100，因为签名图只接受小于100K的容量。再点击“继续”，后面的全部按默认的选择点中就可以啦.最后一步是“导出”，那一步也有个预览动画的，不要在乎它哦(那个预览不是你设置的预览,你只需要导出来就够了）。 新问题来啦,有朋友已经做到最后一步了,可是偏偏就是看不到动画<img src="http://image.taobao.com/forum/smiles/wangwang/w0006.gif" border="0" />.注意啦,你要看动画的话就得按播放键才能动起来哦.或者你根本就不必在FW里看,直接去你保存文件的地方打开看吧. 补充说明： 我的每一帧里的六个图片都是不动的，是因为这样顾客更容易看清你的宝贝。如果你喜欢六张图片一张张显示出来，可以创造六个帧，步骤和第二大步第4点一样。如果还不是很清楚，我就再专门写一个教你如何做依次显示图片的帖子。 <img src="http://image.taobao.com/forum/smiles/wangwang/w0036.gif" border="0" />哈哈，大功告成了，你高兴吗？快自己动手为店铺做一个漂亮的签名档吧<img src="http://image.taobao.com/forum/smiles/wangwang/w0043.gif" border="0" /><img src="http://image.taobao.com/forum/smiles/wangwang/w0043.gif" border="0" /><img src="http://image.taobao.com/forum/smiles/wangwang/w0043.gif" border="0" />

		自动登录	找回密码
密码			立即注册

手把手教你用Fireworks做出超级清晰动态签名图

浏览过的版块