Adobe Photoshop v7.0 精彩实例--网页设计.pdfVIP

54 这个网页是作者2000年的个人主页 主要 表达作者对设计的理解和他自己一些个性化的 东西 该网页在创意上是成功的 画面虽然简 单 但概括了网站的内容 风格 以及作者对 艺术的追求 A d o b e 精彩实例 55 一只眼睛 网页设计 互联网走进我们的生活好几年了 对于设计师来说 Web Designer成为一种新的职业 网站设计考虑到的因素很多 屏 幕的分辨率 互联网的速度 画面的颜色 导航 内容板块的 安排等 都会影响到一个页面的好坏 所以作为一个网站设计 师考虑的因素很多 在速度和画面的美观上必须做出比较恰当 的取舍 下面我们就以一个案例为基础一起来探讨 新建一个图像文件 步骤 1 A.选择 File文件 菜单 单击 New新建 项 s t e p b y s t e p B.单击 Preset Sizes预先设置 右边的下拉菜单 选择 Custom自定义 Width宽度 设置为 798设置为 798而不设置成 800的原因是因为浏览器的边会占用2pixels 的宽度 Height高度 设置为 440 Resolution分辨率 保持为72dpiMode保持为 RGB模式 因为屏幕是以 RGB模式进行显示的 在 Name处输入 web点击 OK 调入 处理素材 步骤2 A 选择 File Browse打开一张眼睛的图片 选择 Selectall单击 Edit s t e p b y s t e p Copy项 回到web文件 选择 Edit Paste可以看到眼睛的图片被粘贴进来了 B.在图层面板上双击眼睛这一图层 把它改名为 eye在工具面板中选择 Eraser Tool橡皮擦工具 在属性面板上将不透明度 Opacity设置为 32 笔刷大小 Master Diameter设置为 100在眼睛的周围 擦去不需要的部分 擦到一定的程度后将笔刷属性面板上的不透明度 Opacity改为 32 笔刷大小 Master 56 改为 32 笔刷形状改为 Dry Brush 1继续在眼睛周围擦拭 擦出一种随意的感觉 Diameter C 单击 File Save项 在弹出的对话框的第一个下拉菜单里面 选择好保存的路径 这里保存在新 建的web文件夹里 点击 OK 文件就保存了 点选此项 单击此处 为图层重命名 改变笔刷形状与大小 选择笔刷和设置不透明度 擦拭后的效果 输入名称单击 保存 调整 擦拭眼睛 步骤