动画教程,简单的制作动态图片教程

一篇入门级别的动态图片教程

裸眼3D,做裸眼3D动态图片视频教程

这东西原理小时候玩的那种变画尺子一样的,只不过最近两年已经用到显示器广告展示方面了 经常可以在一些博物馆啊,火车站,机场能看到有安放裸眼的3D广告显示器,算是一种比较新的显示方式 前段时间接了很多这个的

16xx8提示:教程所用软件版本是CS2,如果你用的是CS6以后的版本,后来第十三步用到的窗口-动画就改成窗口-时间轴

1、打开Photoshop软件后,按Ctrl+N新建快捷键,新建一个100*100像素、分辨率为72、颜色模式为RGB、背景内容为透明的文件

动画教程,简单的制作动态图片教程插图

  2、建议选取你店里销售商品的照片来制作,在Photoshop中将挑选好的照片打开

动画教程,简单的制作动态图片教程插图(1) 

  3、用裁切工具将照片切出相同的尺寸和精彩内容,裁好后点击工具箱中的移动工具将这些照片拖动到新建的透明文件中。每张照片就是一个图层,调整好图片顺序,为后面的Imageready制作动画的序

动画教程,简单的制作动态图片教程插图(2) 

  4、点击背景图层制作背景画面,使用选取制作如图所示的颜色条,然后用圆形制作选区将多余的删掉,再与背景层合并

动画教程,简单的制作动态图片教程插图(3) 

  5、可点选工具箱中的魔棒工具,吸取每个小玩具图层的白色背景制作选区,白色底图按Delete删掉就可以了

动画教程,简单的制作动态图片教程插图(4) 

  6、复制一个背景图层移至最上一层,将图层名称修改为图层10,然后使用漂亮的彩色手写文字,添加一些小装饰。这里的制作步骤是根据动画的变化来制作的,也就是每层显示的内容就是后面动画每帧的内容,如图所示的顺序最后变换内容制作个性的店名

动画教程,简单的制作动态图片教程插图(5) 

  7、店名完全变换完成后,新建一个图层使用工具箱中的套索工具制作如图所示的选区,填充为白色,然后将不透明度设为50%

动画教程,简单的制作动态图片教程插图(6) 

  8、以此类推,按照如图所示的样式制作出另外3个闪光的形式

动画教程,简单的制作动态图片教程插图(7) 

  9、隐藏刚制作的闪光的4个图层,新建一个图层21,按Ctrl+Alt+Shift+E盖印图像

动画教程,简单的制作动态图片教程插图(8) 

  10、将图像保存,存为“.psd”格式

动画教程,简单的制作动态图片教程插图(9) 

  11、打开之前制作的PSD图像,然后按Alt背景图层,这时除背景图层外其他的图层都隐藏了起来

动画教程,简单的制作动态图片教程插图(10)

 

12、点击工具箱中最下方的按钮,可以切换至Imageready软件中来继制作动画

动画教程,简单的制作动态图片教程插图(11) 

  13、在窗口菜单调出“动画”面板配合图层的显示和隐藏功能

动画教程,简单的制作动态图片教程插图(12) 

  14、首先设置第一帧,如图保留显示的照片,然后设置延迟时间为0.1秒,图层的显示和隐藏全靠图层面板中小眼睛图标来完成

动画教程,简单的制作动态图片教程插图(13) 

  15、点击动画调板下方的“复制当前帧”按钮,这时调整第2帧的显示画面,其它设置同上

动画教程,简单的制作动态图片教程插图(14) 

  16、以此类推,如图一直重复前面的设置到第九帧最后一个小人出现为止

动画教程,简单的制作动态图片教程插图(15) 

  17、再次复制当前帧为第十帧时,显示画面为“图层10”,同样设置动画的延迟时间为0.1秒

动画教程,简单的制作动态图片教程插图(16) 

  18、以此类推,如图至“图层16”为止

动画教程,简单的制作动态图片教程插图(17) 

  19、复制当前帧为第17帧,将显示图层17,同样设置动画延迟的时间为0.1秒

动画教程,简单的制作动态图片教程插图(18) 

  20、复制当前帧为第十八帧,将图层17隐藏,显示图层18,同样设置动画的延迟时间为0.1秒

动画教程,简单的制作动态图片教程插图(19) 

  21、同上设置后面的帧,最后显示图层21即可,点击动画画板下方的播放按钮就可以观看动画效果了

动画教程,简单的制作动态图片教程插图(20) 

  22、最后存储为优化后的Gif格式的小动画就可以发布到你得网店上了

动画教程,简单的制作动态图片教程插图(21)

16xx8提示:教程所用软件版本是CS2,如果你用的是CS6以后的版本,后来第十三步用到的窗口-动画就改成窗口-时间轴

1、打开Photoshop软件后,按Ctrl+N新建快捷键,新建一个100*100像素、分辨率为72、颜色模式为RGB、背景内容为透明的文件

动画教程,简单的制作动态图片教程插图

  2、建议选取你店里销售商品的照片来制作,在Photoshop中将挑选好的照片打开

动画教程,简单的制作动态图片教程插图(1) 

  3、用裁切工具将照片切出相同的尺寸和精彩内容,裁好后点击工具箱中的移动工具将这些照片拖动到新建的透明文件中。每张照片就是一个图层,调整好图片顺序,为后面的Imageready制作动画的序

动画教程,简单的制作动态图片教程插图(2) 

  4、点击背景图层制作背景画面,使用选取制作如图所示的颜色条,然后用圆形制作选区将多余的删掉,再与背景层合并

动画教程,简单的制作动态图片教程插图(3) 

  5、可点选工具箱中的魔棒工具,吸取每个小玩具图层的白色背景制作选区,白色底图按Delete删掉就可以了

动画教程,简单的制作动态图片教程插图(4) 

  6、复制一个背景图层移至最上一层,将图层名称修改为图层10,然后使用漂亮的彩色手写文字,添加一些小装饰。这里的制作步骤是根据动画的变化来制作的,也就是每层显示的内容就是后面动画每帧的内容,如图所示的顺序最后变换内容制作个性的店名

动画教程,简单的制作动态图片教程插图(5) 

  7、店名完全变换完成后,新建一个图层使用工具箱中的套索工具制作如图所示的选区,填充为白色,然后将不透明度设为50%

动画教程,简单的制作动态图片教程插图(6) 

  8、以此类推,按照如图所示的样式制作出另外3个闪光的形式

动画教程,简单的制作动态图片教程插图(7) 

  9、隐藏刚制作的闪光的4个图层,新建一个图层21,按Ctrl+Alt+Shift+E盖印图像

动画教程,简单的制作动态图片教程插图(8) 

  10、将图像保存,存为“.psd”格式

动画教程,简单的制作动态图片教程插图(9) 

  11、打开之前制作的PSD图像,然后按Alt背景图层,这时除背景图层外其他的图层都隐藏了起来

动画教程,简单的制作动态图片教程插图(10) 
12、点击工具箱中最下方的按钮,可以切换至Imageready软件中来继制作动画

动画教程,简单的制作动态图片教程插图(11) 

  13、在窗口菜单调出“动画”面板配合图层的显示和隐藏功能

动画教程,简单的制作动态图片教程插图(12) 

  14、首先设置第一帧,如图保留显示的照片,然后设置延迟时间为0.1秒,图层的显示和隐藏全靠图层面板中小眼睛图标来完成

动画教程,简单的制作动态图片教程插图(13) 

  15、点击动画调板下方的“复制当前帧”按钮,这时调整第2帧的显示画面,其它设置同上

动画教程,简单的制作动态图片教程插图(14) 

  16、以此类推,如图一直重复前面的设置到第九帧最后一个小人出现为止

动画教程,简单的制作动态图片教程插图(15) 

  17、再次复制当前帧为第十帧时,显示画面为“图层10”,同样设置动画的延迟时间为0.1秒

动画教程,简单的制作动态图片教程插图(16) 

  18、以此类推,如图至“图层16”为止

动画教程,简单的制作动态图片教程插图(17) 

  19、复制当前帧为第17帧,将显示图层17,同样设置动画延迟的时间为0.1秒

动画教程,简单的制作动态图片教程插图(18) 

  20、复制当前帧为第十八帧,将图层17隐藏,显示图层18,同样设置动画的延迟时间为0.1秒

动画教程,简单的制作动态图片教程插图(19) 

  21、同上设置后面的帧,最后显示图层21即可,点击动画画板下方的播放按钮就可以观看动画效果了

动画教程,简单的制作动态图片教程插图(20) 

  22、最后存储为优化后的Gif格式的小动画就可以发布到你得网店上了

动画教程,简单的制作动态图片教程插图(21)

作者: 791650988

为您推荐