学习Photoshop仅用于网页设计


17

我想成为一名网页设计师,所以我正在看很多Photoshop视频教程,但是其中一些教程对网页设计没有用。例如,一些电影是关于皮肤,牙齿,绘制花朵或改变墙壁图案或类似内容的。因为我没有用于Web设计的任何特定资源,所以这些教程对我来说是一种浪费时间!

您知道任何教程资源可以帮助我在Photoshop中学习网页设计吗?

我应该怎么做才能在Photoshop中专注于网页设计?

网页设计需要Photoshop的哪些部分,而哪些不是?

Answers:


15

Photoshop中的每种工具,画笔,滤镜和效果在世界上都有其自己的用途。没有简单的“好好学习该工具并将其用于一切”的原因,因为不同的工具等用于不同的效果。

例如,如果您喜欢页面上有光泽的略微3盘光泽的按钮(这些按钮在前一段时间很流行),则需要使用一些阴影,多个渐变,遮罩,以及可能需要使用笔刷工具手动摇动一下。对于背景,您可以仅使用纯色或渐变以及带纹理/图案的蒙版。

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

同时,我无法尽全力以至于要设计的不仅仅是Photoshop。我的建议是采取设计类在当地的社区学院(或者whever),去感受的东西像平衡,色彩,空白等,这些概念往往使寻求专业看起来像某人的阿姨之间的差值(谁,在这种情况下,不是由贸易设计师()编辑Geocities模板。


4
“ ...不仅有Photoshop,还有更多的设计余地。” 听见!+1。
菲利普·里根

1
Photoshop严重缺乏设计布局会从很多矢量工具中受益的功能。我可能会切换到illustrator并将photoshop用于其他专业图形。像人物一样,具有真实感的图标……
穆罕默德·乌默尔

17

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

您知道HTML,CSS和JS吗?如果没有,请先从那里开始。

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

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


4

要设计网站,您还应该查看其他模型。考虑可以使用的某些效果,例如页面剥离,导航栏链接。其中很多都不是很难在Photoshop中完成的,但需要使用Google谷歌搜索功能。我经常检查Dribbble,这是一个很棒的设计社区。它非常流行,因此您一定会看到Web设计师正在实施的许多新技术。

但是要获得一般概述,请尝试使用专门用于设计网站的一组教程。甚至是真正的基础教程。因为这些将为您概述步骤,所以您可以在以后的项目中复制这些步骤。我在下面添加了2个非常有用的资源,希望您能检查一下。我保证您会找到喜欢的初学者模板教程-您将学到很多东西!


4

如果要设计网站,那么与Fireworks一起使用比使用Photoshop更好。从本质上讲,PS是照片处理应用程序,虽然其工具可用于线框,但它们的效率并不是很高。换句话说,使用PS进行网页设计就像将PS用作InDesign上的DTP应用程序一样。是的,可以做到,但这并不是一个好方法,从长远来看,您会迷失方向。

Fireworks带来的优点是:

  • 真正的矢量形状更容易使用
  • FAR更容易定义像素尺寸;拉伸时笔触不会模糊。
  • 可以定义“母版页”以对您的模型进行站点范围的设计更改,而不必重做每个图像
  • 易于创建常用UI控件的库(对于设计Web应用程序非常有用)
  • UI更接近典型的桌面应用程序界面,意味着学习曲线更浅

Photoshop带来的唯一真正优势是,

  • 字体渲染效果更好
  • 您的同事会更好地了解该应用程序

1
是的,Fireworks更好,否则,您必须同时使用Illustrator和Photoshop并来回切换。
Cakey

0

关于“比Photoshop设计更多的东西”的注释:我发现这很有见地:http : //naldzgraphics.net/tips/what-designers-need-to-know-about-typography/


它遭受散文和偶然的语法错误的困扰。我可以在注释框中对其进行总结(并加以改进):在所有事物中都应具有良好的品味,并仔细查看以下单词:字体与字体,衬线与无衬线,字距调整,跟踪,间距,前导,对齐,齐平,合理。本文没有为其中的大多数提供清晰或完整的定义。这些解释是肤浅的,似乎是二手的。
通配符

这也是仅链接的答案。
通配符

0

Photoshop只是一个工具,您对工具了解得越多,就能越好地使用它来做您想做的事情。但是,不仅要了解Photoshop,还需要进行更多的设计。

您只需要学习Photoshop,然后成为一名设计师的这种心态,就等于叫自己是建筑商,是因为您知道如何使用锤子,或者是技工,因为您可以使用扳手。这样的设计可以使一切正常运行(并且在过程中可能看起来不错),它与了解Photoshop / Illustrator / InDesign / Sketch /无关,但是与如何使用这些工具来实现您的想法无关。

YouTube上有很多糟糕的教程,也有很多好的教程。了解如何做到这一点,无论如何这些技术都是有价值的。Creative Block也有不错的教程。但是,此外,研究色彩理论,布局理论,印刷术(Eric Spiekerman的《Stop Stealing Sheep&Find Type Types 是一个很好的介绍)以及其他更传统的图形设计技能,比仅仅学习也更有价值。 Photoshop。

另外,正如前面提到的,学习HTML / CSS / JS对于Web设计工作也是必不可少的。


-2

您可以在此处验证PSD文件是否存在已知的Web兼容性问题, 网址为https://www.oss-usa.com/web-preflight?promo=web-preflight, 它是免费的


嗨,尼克,欢迎来到GDSE,并感谢您的答复。我看不出这是如何回答问题的,请您详细说明一下?谢谢!
文森特

我有网页开发方面的经验,并且遇到了很多网页设计初学者。任何人都可以做的常见错误。例如,字体大小的小数点像素。该服务可以帮助新手。
Nik

谢谢。但是,如果您想分享自己的经验并指出这些错误,将对您有所帮助。这样,您的答案将仍然具有(很多!)价值,以防以后链接断开。链接腐烂是我们不太喜欢(仅)链接唯一答案的原因,也是我否决您答案的原因。请不要气our,我们知道使用此网站可能是一个学习曲线。我们高兴有您,继续为您贡献力量!
文森特
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.