21、Web图形制作指南

Web图形制作指南

1. 引言

在网页设计中，创建各种常见的网页元素和效果是非常重要的。本文将详细介绍如何创建“Aqua”风格按钮、为按钮添加反射效果、制作卷曲贴纸以及绘制带有丝带的金色奖章等内容。这些技巧不仅适用于网页设计，还可以应用于其他场景。

2. 创建“Aqua”风格按钮

“Aqua”风格按钮在许多用户界面中都很常见，从操作系统到网页都有应用。以下是创建该风格按钮的具体步骤：
1. 选择矩形工具（F4 或 R），创建一个 450x150 px 的矩形作为按钮的基础。按住 Ctrl 键可保持正确的比例，然后在选择工具栏上锁定比例，将宽度更改为 450，高度会自动变为 150，也可以直接在矩形工具栏中输入这些尺寸。
2. 按住 Ctrl 键拖动圆角半径手柄，将按钮的角全部拖到垂直边缘的中间，使按钮的角变圆。
3. 将矩形的填充颜色设置为蓝色（#0000FF），描边颜色设置为海军蓝（#000080），描边宽度设置为 8。
4. 复制矩形（Ctrl + D），移除描边，将填充颜色设置为水蓝色（#00FFFF）。向下拖动顶部箭头手柄，将高度缩小到原来的一半左右，按住 Shift 键拖动侧边箭头手柄，适当缩小宽度，使对象不超出按钮范围。
5. 将水蓝色对象模糊 25，不用担心模糊溢出，后续会进行裁剪。
6. 再次选择蓝色矩形并复制（Ctrl + D），将填充颜色设置为白色，移除描边。
7. 按住 Shift 键（保持居中）和 Ctrl 键（保持比例），拖动角箭头手柄，将白色对象缩小到约 92%。
8. 向上移动白色对象，直到几乎到达蓝色对象的描边边缘（按向上箭头）。
9. 将白色矩形转换为路