• 网站地图|收藏本站|数学学习|学习方法|电脑学习|教学大全|生活常识|句子大全|管理资料下载|范文大全
  • 如何制作闪动图标

    时间:10-27 16:53:39来源:http://www.laixuea.com 网店装修阅读:8513

    概要:把图片的像素修改好以后,找出第一张的背景图,然后点击移动工具,再点击一下下一张图片的标题栏使其成为活动图片,再用移动工具把图片拖动覆盖在背景图的上面,图片不正的可以慢慢摆正,都可以通过移动工具完成。其他图片也一样逐张覆盖在上面。有一点要注意哦,就是在拖动每一张图片之前一定要先点击一下该图片的标题栏,激活该图片才能处理!把全部图片都覆盖在背景图上面了吗?开始制作动画图标咯!点击一下工具栏最下方的ImageReady,这是在安装Photoshop时附带的一个程序。如下图:进入到ImageReady后,点击任务栏的“窗口”,选择“动画”,如下图:弹出动画制作的窗口以后就把右边工具栏图层傍边的小眼睛点击一下去掉,如下图:把小眼睛点开以后,剩下最后一张背景图不用点哦!在制作动画的窗口的右上角有一个小三角,点击一下选择“新增帧”然后把图层1原来小眼睛的位置重新点击一下让小眼睛出现,再点击“新增帧”,再点击出现图层2的小眼睛,

    如何制作闪动图标,标签:淘宝网店装修教程,免费网店装修,http://www.laixuea.com

      把图片的像素修改好以后,找出第一张的背景图,然后点击移动工具

    图片点击可在新窗口打开查g/allimg/081126/0003096.jpg
    ,再点击一下下一张图片的标题栏使其成为活动图片,再用移动工具把图片拖动覆盖在背景图的上面,图片不正的可以慢慢摆正,都可以通过移动工具完成。其他图片也一样逐张覆盖在上面。

      有一点要注意哦,就是在拖动每一张图片之前一定要先点击一下该图片的标题栏,激活该图片才能处理!

      把全部图片都覆盖在背景图上面了吗?开始制作动画图标咯!点击一下工具栏最下方的ImageReady,这是在安装Photoshop时附带的一个程序。如下图:

      

    图片点击可在新窗口打开查g/allimg/081126/0003097.jpg

      进入到ImageReady后,点击任务栏的“窗口”,选择“动画”,如下图:

      

    图片点击可在新窗口打开查g/allimg/081126/0003098.jpg

      弹出动画制作的窗口以后就把右边工具栏图层傍边的小眼睛点击一下去掉,如下图:

      

    图片点击可在新窗口打开查g/allimg/081126/0003099.jpg

      把小眼睛点开以后,剩下最后一张背景图不用点哦!

      

    图片点击可在新窗口打开查g/allimg/081126/00030910.jpg

      在制作动画的窗口的右上角有一个小三角,点击一下选择“新增帧”

      

    图片点击可在新窗口打开查看

      然后把图层1原来小眼睛的位置重新点击一下让小眼睛出现,再点击“新增帧”,再点击出现图层2的小眼睛,依此类推,直至让全部图层的眼睛出现为止。

      不要急哦,闪动图标就快完成啦!接着就是选择每张图片的停留时间,我觉得0.5秒的时间比较好,不快不慢,个人喜欢哦!

      

    图片点击可在新窗口打开查g/allimg/081126/00030912.jpg

      把每一张图片的时间选上就完成咯,下面就是预览一下自己的作品:

      

    图片点击可在新窗口打开查g/allimg/081126/00030913.jpg

      如果觉得满意了,记得要把作品保存哦!点击“文件”中的“将优化结果储存为”,一定要用GIF格式储存哦!

      当你把这个闪动图标的制作方法多试验几次你就会悟出其中的道理咯,记住,除了背景图的像素限制在100*100以外,其他的最好比这个大哦,这样才能完全覆盖住!

    上一页  [1] [2] 


    Tag:网店装修淘宝网店装修教程,免费网店装修开网店 - 网店装修