动态LOGO设计.pptVIP

* * 动态LOGO设计 动态LOGO设计 实训3 准备期 点击进入下一页 一、实训目的： 了解PS在网站设计中作用； 掌握PS设计网站制作网站动态LOGO方法； 了解ImageReady网站设计中的各种技巧。 二、实训学时：6学时 三、实训要求： 要求能熟练掌握PS软件的使用技巧； PS与ImageReady的互动。 四、实训内容及操作： “纵横网际”动态 LOGO 的制作 动态LOGO设计 实训3 实例1 点击进入下一页 “纵横网际”动态 LOGO 的制作，效果如下图 （播放幻灯片即可看到） 动态LOGO设计 实训3 实例1 点击进入下一页 实训步骤 1、新建88*31的文件。背景色填充为#5368842、建新图层，使用文字工具输入5， 字体选择“文鼎广告体繁”。（颜色：#FF6D02） 动态LOGO设计 实训3 实例1 点击进入下一页 3、复制5次文字图层，是为了做由模糊到清晰的动态效果。 （见下图 ） 动态LOGO设计 实训3 实例1 点击进入下一页 4、删格化文字后载入文字选区使用描边命令，参数见下左图， 其效果见下右图： 动态LOGO设计 实训3 实例1 点击进入下一页 5、由复制的第一个文字图层开始，使用滤镜/模糊/动感模糊命令（具体参数自己决定，要注意是做模糊到清晰的过度，所以复制的5个文字图层，每一个图层的参数应该都不一样。为了方便你就由大到小设置吧。 ） 动态LOGO设计 实训3 实例1 点击进入下一页 6、现在做“5”上面的“人头”，用椭圆选框工具拉出一个圆，大小注意。并使用描边命令，参数和刚才的描边一样。效果见下图 7、复制6个图层。（注，每个图层大小都不一样，因为是 为了做头由大到小的渐变，最后覆盖整个LOGO的过程。 图层见下图： 动态LOGO设计 实训3 实例1 点击进入下一页 8、输入文字，这里以“纵横网际为例”。输入以后复制文字图层。在下面的文字图层使用滤镜/模糊/动感模糊，参数自定。效果见下图： 9、在另一个文字图层使用描边命令，颜色自定。 10、用矩形选框工具在正中间选择一矩形区域，填充白色。效果如图： 动态LOGO设计 实训3 实例1 点击进入下一页 11、新建三个图层，每个图层的效果如图。 动态LOGO设计 实训3 实例1 点击进入下一页 12、复制最上面的图层（白色区域最长的那个）三次，调 整每个的透明度分别为：38%，75%，81%（这个可以自己 定） 主要做闪光效果。 13、这个LOGO还有一个网址，制作方法与文字（纵横网际） 相同。 动态LOGO设计 实训3 实例1 点击进入下一页 动态LOGO设计 实训3 实例1 点击进入下一页 14、切换到ImageReady。 15、先看看它的动画面板。第一帧保持原始的。（我这个图里是已经作好的原文件，你开始只能看到一帧。） 动态LOGO设计 实训3 实例1 点击进入下一页 16、新建一帧，点选图层面板“5”模糊图层的最模糊那层，如图 动态LOGO设计 实训3 实例1 点击进入下一页 17、再新建一层，点选第二个模糊的“5”层 动态LOGO设计 实训3 实例1 点击进入下一页 18、动画面板如图 动态LOGO设计 实训3 实例1 点击进入下一页 19、依此类推。直到这样：（再说一次，我的图是原文件，你们后面的帧是没有的） *