photoshop二次开发_Web开发人员应该学习如何使用Photoshop吗？

photoshop二次开发

长时间休息后返回编码时，我很抱歉浪费了很多时间。 我学习了图像处理软件，而不是编码。 那是我开始怀疑的时候：

Photoshop是否仍然与Web开发人员相关？

不。您不需要Photoshop即可成为网络开发人员。 就是这样，结案了。 现在工作被拆分了，您有一个设计师和一个编码器。 编码人员正在编写设计人员正在设计的代码。 如今，每个人都在Figma中创造。 顺便说一下，它类似于Photoshop。

但是，事情并不像您想的那么容易。

我偶然发现了很多术语，例如后端，前端，通才，
专家。 有些人说不，其他人仍然说不：)，但认为
这是一项出色的技能。 每个人似乎都同意一件事，
不需要

不需要知道Photoshop，但是如果您知道，它将大大简化您的生活。 一些公司的一些老派UI设计师仍在使用Photoshop进行设计。 如果您知道，那将不会
你们两个之间的沟通不畅。

必须打开PSD文件，并遍历图层，然后使用颜色选择器选择正确的颜色代码。 如果要在具有这种工作流程类型的公司工作，您应该对此感到满意。 有这个意见。 没有Photoshop的开发人员就像没有D-SLR相机的摄影师。

那么我对此有何看法？

不要误会我的意思，我不是专家。 我正在进行为期八个月的Bootcamp，可帮助您毕业后找到远程工作。 我们一直在克隆
从第一天开始的网站。 虽然，我作为网络开发人员的旅程开始了
更早。

让我给你一些背景。

顺便说一句，您可以跳过下一段。 我会 ：）。

毕业后，我去了中国，在舞蹈家工作了十年。 长话短说，我结束了很多空闲时间，决定充分利用它。 我想建立我的博客。 但是对我来说，作为一个富有创造力的人，WordPress主题所带来的局限性是不可能的。

我学习了一些基本HTML和CSS，然后开始构建我的“超赞”博客。 原因是谁需要内容权:)？ 我偶然发现的第一个障碍是，当我意识到几乎所有东西都需要图像时。

早在2009年，您今天就没有CSS3带来的可能性。 几乎所有内容都需要一个照片编辑应用程序。 圆角独特的字体徽标等会切掉每一个版式并将其放置在他们的网站上。 感谢上帝，那些日子已经一去不复返了:)。

学习如何使用Photoshop，使整个网站建设事业脱轨。 Illustrator，Adobe Flash，After Effects，Premiere Pro和带有ZBrush的Autodesk Maya。

如您所见，我对这些还不够了解。 是的，我被带走了。 我喜欢学习新事物，我不后悔。

Photoshop如何帮助我了解如何使用HTML和CSS制作特定效果？

如果您了解Photoshop图层的工作方式，则可以将其转换为代码
没问题。 对于初学者，您应该学习一些基本HTML和
CSS，但这很容易。 在线上有很多教程，它们是
都好。

您可以使用:: before和:: after伪元素来获得出色的结果。 查看本文 ，该网站是CSS技巧的绝佳资源。 学习以绝对定位来定位元素对我来说是一个启示。 那是当“啊哈！” 片刻来了。 我开始将它与您将项目放在Photoshop中的画布上的方式进行比较。 改变你的
思考改变你的生活:)。

您会看到，Photoshop中的图层从下到上。

洋葱层是想象Photoshop层如何的绝佳参考
工作。 顶部的与下面的重叠。 改变
混合模式，大小和顺序可以使您印象深刻。
您可以将它们分组在文件夹内的文件夹中，依此类推。

所有这些都转换为HTML和CSS。 图层作为其他内部HTML标签
div中的标签。 所有这些元素都可以彼此绝对定位，z索引和排序。 您可以更改显示，透明度等等。 是的，要吸收很多东西。 与Photoshop相比，它仍然有一些限制，但是差距正在Swift缩小。

证明我的观点。 在撰写本文时。 我认为解决与编码合作伙伴面对的问题是一个好主意。 克隆热门杂志网站时，我们努力用纯CSS复制每个图像下方的动画阴影。 我们当时无法做到。 经过几周的重新学习CSS，我想：“我将如何在Photoshop中做到这一点？”

答案是我会考虑另一个要素。 绕x轴旋转。
模糊它。 减少不透明度并将其放置在阴影下方
元件。 好的，遵循相同的逻辑，如何使用CSS做到这一点？

将其“绝对”定位到父元素的中心，将其旋转X并使其模糊。 瞧，与CSS相同的结果。 您可以将背景颜色更改为径向渐变，而不是使用模糊。 我还没试过

我不知道浏览器渲染它是否需要很多原始功能。 原始网站改用PNG图片。

不过，这花费了更多时间。 我总是忘记默认情况下，“ ::之前”和“ ::之后”是内联伪元素。 如果不将其更改为显示块或嵌入式块，则无法旋转它们。 如果未指定内容值，它们也不会显示。 我希望有人在我自己编写代码时使我想起这些事情。 这样可以节省我一生的时间。

了解Photoshop的另一个好处是，您不需要别人的照片。 您可以自己制作。 我不得不读书很长时间
有关Google的版权侵权和图片。 吓到我了
足以坚持使用我的照片，因为我可以制作它们
无论如何。

Web开发不需要Photoshop。 掌握使用它的基本概念对我有很大帮助。 希望它也会对您有帮助。

先前发布在 https://medium.com/@vmwhoami/is-having-photoshop-skills-essential-for-web-developers-625865accf82

翻译自: https://hackernoon.com/shoud-web-developers-learn-how-to-use-photoshop-t52n3urc

photoshop二次开发