PHOTOSHOP在网页中的应用.docVIP

课题十 PHOTOSHOP在网页中的应用 ——浮动动态广告的制作 1、打开PS捆绑的另一个软件，界面是“交互调板”。 2、将“动态浮动广告”文件夹的“素材”导入ImageReady里。 菜单【文件】→【导入】→【作为帧的文件夹】 导入后的效果截图 3、选中所有帧，对不同帧的播放时间进行统一设置（0.2秒）。 4、对第1帧、第2帧之间的过滤进行设置。 将光标放置在第1帧上，选择【过渡设置按钮】 弹出过渡设置对话框，设置过渡到下一帧，添加的帧为5帧。 下图红色框内即为添加的5个过渡的帧。 5、再分别对其他帧进行【过渡设置】。 6、最后保存，选择“将优化格式保存为”，格式为GIF格式。 课题十 PHOTOSHOP在网页中的应用 ——动态Banner的制作 操作步骤如下: 1.打开素材文件Banner.psd,在其文件图标上单击鼠标右键，从弹出的快捷菜单中选择使用ImageReady编辑命令，即用ImageReady直接打开Banner.psd。 2、在ImageRead中“动画”面板底部单击新建按钮，复制第1帧的内容并创建第2帧。 3、在“图层”面板中，隐藏图层“2” 的内容，显示图层“3” 的内容。 4、在“动画”面板底部单击新建按钮， 将第2帧复制为第3帧，设置图层“3” 隐藏，图层“1”显示。 5、在“动画”面板中，选中所有的 帧（shift），设置所有帧的“延迟”值为0.2。 6、在“动画”面板中，选中第1帧，单击“动画”面板底部的过渡按钮，设置透明过渡效果。 7、用同样的方法，对第2帧、第3帧；第3帧、第1帧之间也设置透明过渡效果。 最终效果图如下（共18帧，其中第1、7、13是3个关键的帧） ： 8、按住CTRL键的同时，点击第1、7、13帧，设置他们的延迟时间为2秒。 9、按shift+Ctrl+Alt+S,弹出“将优化结果存储为”对话框，将动态图片保存在桌面。 课题十 PHOTOSHOP在网页中的应用 ——动态LOGO的制作 一、动态图片动态元素的准备过程 1、在桌面双击Photoshop图标，打开PHOTOSHOP界面。 2、新建一个PS文件，内容设置如截图所示。只需对图片名称（网站标志）和图片的大小（170×71像素）进行设置。 3、对图层进行背景填充。色彩为：#02A652。 快捷键： D：还原默认前景色（黑色）和背景色（白色） X：前景色、背景色的切换 ALT+DEL（填充前景色） CRL+DEL（填充背景色） 4、在工具栏中，选择【文字工具】，录入“mp3地带”。 对文字的大小（36）、字体（华文行楷）等属性进行设置 5、复制文字图层，一个字符占 一个图层，再调整其位置，与初 始状态相同。 6、再新建一个图层，录入网站的网址：如：。 对文字进行设置：字体（黑体）大小（18）字间距（75）。 7、对文字设置投影效果。 先选中对象，再选择样式设置按钮，弹出样式对话框，选择投影样式，设置内容如截图所示。 8、其他图层文字的设置：采用 “复制图层样式”方式。 首先选择已经设置好样式的层，然后点鼠标右键，弹出快捷菜单，选择【拷贝图层样式】。再选择需要同样设置的图层，点鼠标右键，弹出快捷菜单，选择【粘贴图层样式】即可。 二、动态图片“动态元素图片”的生成过程 1、在桌面新建一个文件夹，重命名为：网页标志。 2、回到PS界面，除【图层0】的图层可视性设置为【可见】，其他图层都设置为【不可见】。 3、将PS文件保存，存储为GIF格式。 注意：不可直接保存，要选择存储为，才能选择GIF格式。图片命名为1.GIF。 4、重复第3步的操作，保存第2张图片为2.GIF。 5、其他图片以此类推，最后文件夹将会有7张图片。 注意图片的顺序不要搞乱。 三、动态图片动态元素的合成 1、打开PS捆绑的另一个软件，界面是“交互调板”。 2、将“网站标记”文件夹的内容导入ImageReady里。 菜单【文件】→【导入】→【作为帧的文件夹】 导入后的效果截图 3、对不同帧的播放时间进行设置。 4、对第6帧、第7帧之间的过滤进行设置。 将光标放置在第6帧上，选择【过渡设置按钮】 弹出过渡设置对话框，设置过渡到下一帧，添加的帧为5帧。 下图红色框内即为添加的5个过渡的帧。 5、最后保存，选择“将优化格式保存为”，格式为GIF格式。动态图片至此制作完成。 4