lingonlyling 发表于 2015-6-23 18:06:03

如何用PS设计动态图标

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

1、打开Photoshop软件后,按Ctrl+N新建快捷键,新建一个100*100像素、分辨率为72、颜色模式为RGB、背景内容为透明的文件
http://pic.16xx8.com/allimg/150617/2020124Q6-0.jpg
提示:教程详细步骤在二楼!想下载该教程的可以到这里下载:点击进入下载页教程编号:138268 作者:佚名 出处:未知

lingonlyling 发表于 2015-6-23 18:06:03

  2、建议选取你店里销售商品的照片来制作,在Photoshop中将挑选好的照片打开
http://pic.16xx8.com/allimg/150617/20201243c-1.jpg

lingonlyling 发表于 2015-6-23 18:06:03

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

lingonlyling 发表于 2015-6-23 18:06:03

  4、点击背景图层制作背景画面,使用选取制作如图所示的颜色条,然后用圆形制作选区将多余的删掉,再与背景层合并
http://pic.16xx8.com/allimg/150617/2020124618-3.jpg

lingonlyling 发表于 2015-6-23 18:06:03

  5、可点选工具箱中的魔棒工具,吸取每个小玩具图层的白色背景制作选区,白色底图按Delete删掉就可以了
http://pic.16xx8.com/allimg/150617/2020122216-4.jpg

lingonlyling 发表于 2015-6-23 18:06:03

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

lingonlyling 发表于 2015-6-23 18:06:03


  7、店名完全变换完成后,新建一个图层使用工具箱中的套索工具制作如图所示的选区,填充为白色,然后将不透明度设为50%
http://pic.16xx8.com/allimg/150617/20201262I-6.jpg

lingonlyling 发表于 2015-6-23 18:06:03

  8、以此类推,按照如图所示的样式制作出另外3个闪光的形式
http://pic.16xx8.com/allimg/150617/202012I41-7.jpg

lingonlyling 发表于 2015-6-23 18:06:03

  9、隐藏刚制作的闪光的4个图层,新建一个图层21,按Ctrl+Alt+Shift+E盖印图像
http://pic.16xx8.com/allimg/150617/202012KI-8.jpg

lingonlyling 发表于 2015-6-23 18:06:03

  10、将图像保存,存为“.psd”格式
http://pic.16xx8.com/allimg/150617/2020125158-9.jpg

lingonlyling 发表于 2015-6-23 18:06:03

  11、打开之前制作的PSD图像,然后按Alt背景图层,这时除背景图层外其他的图层都隐藏了起来
http://pic.16xx8.com/allimg/150617/202012A06-10.jpg

lingonlyling 发表于 2015-6-23 18:06:03


12、点击工具箱中最下方的按钮,可以切换至Imageready软件中来继制作动画
http://pic.16xx8.com/allimg/150617/2020121238-11.jpg

lingonlyling 发表于 2015-6-23 18:06:03

  13、在窗口菜单调出“动画”面板配合图层的显示和隐藏功能
http://pic.16xx8.com/allimg/150617/202012F32-12.jpg

lingonlyling 发表于 2015-6-23 18:06:03

  14、首先设置第一帧,如图保留显示的照片,然后设置延迟时间为0.1秒,图层的显示和隐藏全靠图层面板中小眼睛图标来完成
http://pic.16xx8.com/allimg/150617/20201264G-13.jpg

lingonlyling 发表于 2015-6-23 18:06:03

  15、点击动画调板下方的“复制当前帧”按钮,这时调整第2帧的显示画面,其它设置同上
http://pic.16xx8.com/allimg/150617/202012H91-14.jpg
页: [1] 2
查看完整版本: 如何用PS设计动态图标