论坛风格切换切换到宽版
  • 4826阅读
  • 0回复

手把手教你用Fireworks做出超级清晰动态签名图 [复制链接]

上一主题 下一主题
离线admin
 

发帖
17319
金钱
88512080
威望
88
贡献值
20070
只看楼主 倒序阅读 使用道具 0 发表于: 2006-10-21

Fireworks教你做出超级清晰签名图

好多朋友对于一些细节步骤还是觉得不够详细,我就再来编辑一下,力求大家都能理解.嘿嘿,我看到有部分卖家一看到文字多就头大,千万不要这样哦,做任何事情都要有耐心,开店也是如此.还有部分卖家只看图不看文字,结果很多部分都不明白怎么做,希望大家学习的时候最好把每个字都看清楚哦.

   我是第二次自己做签名图啦,本来是菜鸟一个,可是看到好多新手卖家询问做签名图的办法,而回帖又说不清楚,所以斗胆在这里献丑啦,希望对大家有帮助。如果大家觉得有帮助的话一定要帮忙顶哦~,记得收藏哦

   
现在就给大家介绍一下我这张签名图的制作过程吧:

   

   首先,确定做图软件,我选择的是Firework.
   理由:Photoshop简单方便,最重要的是做出来的图片超级清晰哦,还可以设置图片的容量。我用Photoshop做的第一张签名图图片的质量很模糊,大家可以看看我制作的第一张签名图,用photoshop制作的,真的很模糊:


我的成功源于你的帮助——第一个签名档新鲜出炉!!!


所以我在这里强烈推荐用Fireworks,这就是这个软件的图标:

   下面我就来介绍步骤啦:

第一大步:创建一个帧:


1.      打开这个软件,点击最左上端的“文件”→“新建”,打开后如下:



    请大家注意画布的大小,因为签名图片的规格要求是468×60像素,所以大家要把宽调为468像素,高调为60像素,其余不变。这样创建好后就是下面这样:



2.打开你想要显示的图片.点击最左上端的“文件”→“打开”,选好你要打开的图片:



    打开之后把鼠标点在图片,按住图片拖一拖,哈哈,想怎么移动就怎么移动,看看:



   不过移动的目的并不是要你移动哦,还是把图片移回原位吧,这样做的目的是为了能够修改图片的大小。如果你不动它一动的话,下面修改大小的数值框根本就没作用,你动动之后放回原位,我们就可以修改大小啦

3.修改图片大小:



    大家注意宽为78,高为60,因为你是打算在签名图里放6张图片的嘛,所以用468的宽除以6得来的78。嘿嘿,看看你选中的图片是不是也随之变小了呀,哈哈。。。

4.把修改好的图片拖到先前创造的画布里面:



    拖进去后就是这样的啦:



    这是拖一张图片的方法。后面五张图片全部用这种234的步骤方法拖进去就OK啦:



5.保存此画布。
    定好名字,保存为GIFJPEG格式都可以。如下图:



   注意以上的结果是一帧的页面,不是动画的哦。保存好后就都关闭掉吧,不然会给你的视线带来麻烦。
   如果你想让别人看到两页或者三页交替出现的画面,就按上面的步骤再创建一个或几个画布,看看创造文字的画布:

①新建画布,大小和上面一样哦:468×60



②把背景涂为需要的颜色,可以用油漆桶工具,或者用矩形工具,注意选颜色哦:





③把你想写的字写进去吧:

注意选好字体、颜色和大小:


把每个画布都保存好后全部关掉。因为是先保存好了的,所以关掉的时候问你要不要保存什么什么,就选NO。关掉是必要的,不要偷懒哦。


第二大步:把创造的帧设置动画


1.把保存好的画布一一打开:“文件”→“打开”。
   下面是我根据自己的需要创建的三个画布:




2. 新建一个画布
    还是按照第一大步里面的第一点(注意大小468×60)。新建画布的目的是为了创造出动画。


3. 把你想要首先显示的第一个画布拖进这个新建的画布里。
   方法和第一大步里的第4点一样。



   
   这就是动画里会第一张显示出来的图啦,也就是第一帧。

4.创造第二、第三帧
    这时候注意在Fireworks的最右边有“帧历史记录”,注意它的右顶端图标,点击它:



    点开之后点击第一项“添加帧”。
    这样你会发现画布一下子变成白色的了,别担心,先前拖进去的图还在呢,那就是第一帧,嘿嘿。现在这个添加的就是第二帧,哈哈,把你想第二个显示出来的画布也拖进去吧,依次顺序创造第三帧、第四帧……想创造几个就创造几个!
    我创建了三个帧拉:嘿嘿,就是上图里面的帧1、帧2、帧3

5动画的创建
    在“历史记录”方框中把三个帧都选中,方法:按住Ctrl键并单击第一帧、第二帧和最后一帧的名称。是在“帧 和 历史记录”里点击哦。 
    选中之后颜色都成兰色哦,就是上面那幅图里那样,好啦,开始动画啦:
   
    动画的精髓就是“设置帧延时”:

①    依旧是点击右上方这个图标:


再接着选中“属性”(倒数第5排就是的)
    马上你就看见会出现一个“帧延时”的下拉框:



    输入你想要的每帧显示的时间,我选的50,也就是半秒钟。
请看看设置好帧延时后的变化:



按那个白色的三角符号就可以预览动画效果了哦。



第三大步:保存你的签名图


点击“文件”→“导出向导”(不是"导出"哦):



   在弹出的上面的对话框中选中“目标导出文件大小”,数值设置必须小于100,因为签名图只接受小于100K的容量。再点击“继续”,后面的全部按默认的选择点中就可以啦.最后一步是“导出”,那一步也有个预览动画的,不要在乎它哦(那个预览不是你设置的预览,你只需要导出来就够了)。

新问题来啦,有朋友已经做到最后一步了,可是偏偏就是看不到动画.注意啦,你要看动画的话就得按播放键才能动起来哦.或者你根本就不必在FW里看,直接去你保存文件的地方打开看吧.


补充说明:
    我的每一帧里的六个图片都是不动的,是因为这样顾客更容易看清你的宝贝。如果你喜欢六张图片一张张显示出来,可以创造六个帧,步骤和第二大步第4点一样。如果还不是很清楚,我就再专门写一个教你如何做依次显示图片的帖子。


  哈哈,大功告成了,你高兴吗?快自己动手为店铺做一个漂亮的签名档吧

评价一下你浏览此帖子的感受

精彩

感动

搞笑

开心

愤怒

无聊

灌水
快速回复
限100 字节
 
上一个 下一个