“我想成为一名网页设计师，所以我正在看很多 Photoshop 视频教程”

你知道 HTML、CSS 和 JS 吗？如果没有，请先从那里开始。

然后使用 Photoshop 作为工具来创建与 HTML、CSS 和 JS 一起使用的图形。

没有什么特别的“网站设计”以 PhotoShop 中的特定工具为中心。它只是一个图像创建和编辑工具。

Photoshop 中的每个工具、画笔、滤镜和效果都有自己的用途。没有简单的“把这个工具学好，什么都用”，因为不同的工具等用于不同的效果。

例如，如果您喜欢页面上闪亮的略带 3dish 光泽的按钮（这些按钮在不久前非常流行），您将需要使用一些阴影、几个渐变、蒙版，也许还需要使用画笔工具进行一些手动调整。对于背景，您可以只使用带有纹理/图案蒙版的纯色或渐变。

由于没有“Photoshop 的一部分”可以学习，因此您可以做的最好的事情就是通过使用各种工具变得全面。浏览并查看各种网站。记下您喜欢的功能，然后尝试自己重新创建它们。通常你可以剖析元素——对象是否有边界、渐变、纹理、光源等——并重新创建类似的东西。

同时，我不能再努力地敲击，以至于除了 Photoshop 之外还有更多的设计。我的建议是在当地社区学院（或其他任何地方）上一门设计课，感受一下平衡、颜色、空白等。这些概念通常会在看起来专业和看起来像某人的阿姨之间产生差异（谁，在这种情况下，不是专业设计师）编辑了 Geocities 模板。

要设计网站，您还应该查看其他模型。考虑一些您可以使用的效果，例如页面剥离、导航栏链接。很多这在 Photoshop 中并不难做到，但需要一些谷歌搜索。我经常查看Dribbble，这是一个很棒的设计社区。它非常流行，所以你肯定会看到很多网页设计师正在实施的新技术。

但要获得总体概述，请尝试使用一组专门用于设计网站的教程。甚至是非常基础的教程。因为这些将为您概述步骤，您可以在未来的项目中复制这些步骤。我在下面添加了 2 个非常棒的资源，希望您能查看它们。我保证你会找到你喜欢的初学者模板教程——你会学到很多东西！

• 40+ 最伟大的 Web 界面设计 Photoshop 教程

• 使用 Photoshop 设计网站的 70 个教程

如果你想设计网站，那么使用 Fireworks 要比使用 Photoshop 好得多。PS本质上是一个照片处理应用程序，虽然它的工具可以用于线框，但它们并不是特别有效。换句话说：使用 PS 进行网页设计就像使用 PS 作为 InDesign 上的 DTP 应用程序。是的，它可以做到，但这不是一个很好的方法，从长远来看你会失败。

Fireworks带来的优势是：

• 使用真正的矢量形状更容易
• FAR 更容易定义像素尺寸；拉伸等没有模糊的笔触。
• 可以定义“母版页”以对您的模型进行站点范围内的设计更改，而无需重做每一个图像
• 更容易创建常用 UI 控件库（对于设计 Web 应用程序很有价值）
• UI 更接近典型的桌面应用程序界面，这意味着更浅的学习曲线

Photoshop 带来的唯一真正优势是

• 字体渲染更好
• 您的同事会（稍微）更好地了解该应用程序