《实用平面创意设计与技法》(精品·公开课件).ppt

上节回顾? 第10章 绘制网页广告? 10.1 客户要求 客户需求：零点都市广告的网页广告 主题内容：网页广告 10.2 设计思路 1、设计主题的传达 猎人娱乐互动世界这则广告，通过文字的颜色来和时尚呼应，以背景中 不停摆动的小球和网络互动的特点相适应。 10.3 设计前的准备工作 1、设计素材的收集与整理 比较一下网页广告与常见的一些广告的区别 2、设计技巧概述 A、“猎人娱乐互动世界“网站 主要是对文字的设置和调整，以及细心的绘制出动画 中需要的每一个图象元素。然后是在Image Ready 中设置动画。（通过在动画 调板中添加动画帧，以及更改每一帧的停留时间和调整”图层“调板中的显示与否 来实现动画效果的。 第一节 绘制网页图像? 10、4 猎人网 网站制作目的：使更多的人知道该网站，以增加该网站的知名度和点击率。 本章小结? * * 《实用平面创意设计与技法》 主讲：袁 超 信息技术系软件教研室 第9章 制作网页A.设计网页应该注意的问题： 注意整体的 把握，色彩 的运用 要适当，不宜太多，要有 秩序感。 B.制作网页大体上包含的环节： a.设计素材的搜集与整理； b.创建静态画面； c.进入Image Ready设置动作，完成制作。 C.结合PS软件知识点： a.钢笔路径工具的应用 b.色彩渐变编辑器的设置 c.图层调板的综合应用 效果预览 1、客户要求 A、“猎人娱乐互动世界“网站 网页广告 效果要求：突出互动的特点以及娱乐、时尚的特点。 2、对客户要求的界定 ※ 网页广告与现实广告的区别：网页广告受到网速的限制。广告画面的 尺寸不能太大，颜色不能太丰富，画面的内容也不允许复杂。 A、绘制一个画面教为简洁的图象，从颜色上来和广告所要求表现的效果 相呼应 2、具体思路表述 猎人娱乐互动世界的广告中 整个画面的色彩以黑、白、灰为主，只是在位于 画面正中的广告语中加了一些红色。黑色、白色、红色的搭配，给人以时尚、前 卫的感觉。再加上整个网页画面中简洁的图象与布局，以及背景中不停摆动的小 球，处处和猎人网互动、娱乐的特点想吻合。 制作动画前的图像 10.4.1 绘制静态的网页画面 制作步骤： 图10.1 ”新建“对话框 （1）启动photoshop7.0，在 菜单栏中选择”文件“|”新建“命 令，打开”新建“对话框，参照 图10.1所示，新建一个”猎人 网“的空白文档。 （2）在工具箱中选择”矩形选框“工具，在视图的下端绘制一个矩形的选区，如下图10.2所示效果。 图10.2 绘制矩形选区 （3）保持工具箱中前景色为黑色，在键盘上按下Alt+Backspace快捷键，使用前景色将矩形选区填充（如下图10.3所示）。 小帖士： 快捷键复习 前景色填充： ALT+Backspace/Delete 背景色填充： CTRL+Backspace/Delete 图10.3 填充后的效果一 （4）继续使用：“矩形选框”工具，在视图的顶端再绘制一个大些的矩形选区， 并用浅灰色将其填充，取消选区后的效果（如下图10.4所示）。 图10. 4 填充后的效果二 （5）使用“矩形选框”工具在如图10.5所示位置，绘制选区。 图10.5 绘制选区 （6）在工具箱中单击前景色按钮，打开“拾色器”对话框。如图10.6所示，将颜色 调整为深一些的灰色。 图10.6 “拾色器”对话框 参考如图 所示参数 较上面深一些的灰色 （7）使用“矩形选框”工具在视图 中右击鼠标，在弹出的快捷菜单 中选择“描边”命令，打开“描边” 对话框，如图10.7所示。在“描边” 选项组中，将“宽度”设置为3像素， 位置为“居内”，单击“好”按钮，对 选区进行描边操作。 图10.7 描边选区 （8）在菜单栏中“选择”|“取消 选择”（CTRL+D），将图像中 的选区取消。 填充像素 （9）选择工具箱中的 工具，单击其选栏中的黑色三角形按钮，在弹出的“几何 选项”面板中，选中“终点”复选框，然后再将“粗细”参数栏设置为5像素，如图10.8所示： （10）使用“直线”工具，在如图10.9的位置绘制箭头图像。 图10.8 设置选项栏 图10.9 绘制箭头 5 （10）选择工具箱中的 “横排文字”