网站设计中模糊处理图片的技巧!

“的最高成就是模糊的工作和娱乐之间的线。
“ -阿诺德汤因比
今天讨论的主题是模糊的照片。不,不是那种你不小心,因为您的孩子将不能坐以待毙。故意样,使用它可以成为设计中的几个实用的目的。
我们将了解如何使用网站设计与图片的模糊处理,以帮助使文字更清晰,直接观众的注意力,只是让背景更有趣。
模糊,以使文本的可读性 每当你有一个相当繁忙的形象,它可以是相当困难的,纳入文本的。摄影背景可能会给您的设计更具有更大的吸引力,但你牺牲太多,如果你愿意杀死为了美学的可读性。
考虑以下设计:
这是一个好看的片。背景是非常惊人的的文本提供了一个很好的焦点。不幸的是,两者形成了几分竞争关系,其中前者的存在是损害了后者的可读性。
有很多方法可以处理这个问题。正如你可以看到,我添加了一个阴影,有帮助,但不是的程度,我真的成品。
接下来,让我们尝试加入一个模糊。这是一个艰难的决定,因为这意味着你会杀死所有在这个美丽形象的细节,但作为一个设计师,你必须要开放,彻底改变!
这里我们可以看到,这完全解决我们的问题。现在相当可读文本和真的在你的焦点绘制,同时仍然允许背景图像添加一个很大的兴趣。您仍然可以做出的基本场景,所以你仍然美丽的形象中受益,你简单的修改,审美,以更好地满足您的需求。
资源: 图片:?eneas德特罗亚
字体:?丝带
创建一个毛玻璃效果 我们可以利用这种效应进一步思考的磨砂玻璃比喻。除了一个模糊的,要做到这一点,我们可能会抛在一个白色的覆盖和噪声层。
在photoshop中创建一个坚实的一层黑色,然后去滤镜>杂色>添加杂色。确保您选择“单色”选项。这应该给你这样的事情:
现在这层屏幕带来的不透明度降低到百分之十左右。然后创建一个白层,并把它的不透明度到15%左右。其结果将是另一个原设计上的独特需要。
本地化模糊 请记住,你没有模糊的一切。您仍然可以帮助文本的可读性,没有杀人的形象告诉故事。请看下面的例子:
在这里再次,我们有一个背景图像是伟大的,但真正trashes我们的文字。有了一个虽然选择性模糊一点点,我们可以保持真棒照片,使我们的文字多一点可读。
本地化模糊的秘诀 关于这项技术的伟大的事情是,你常常不甚至有假货。许多照片提供一个完全自然的分离和模糊焦点,尽量保持上面类似的效果的模糊区域局限于文本和其他元素。
如果你有选择性地模糊图像的一部分,减少模糊层的不透明度时要小心,是否均匀或逐步通过一个面罩。一般来说,这会给你一些很丑陋的结果。用它试一下:
第一步:快速模糊层。 第2步:应用口罩和使用桅杆上的渐变淡出模糊。 第三步:转换一个选区蒙板。 第4步:返回到原始图像,并使用积极的选择,现在应用模糊。
这个过程可能看起来像一种痛苦,但它通常会提供更好的结果,不是简单的屏蔽模糊层。
资源: 图片:?戴夫康纳
字体:?宅基
创建一个倾斜的转移效应 在过去几年中,倾斜移位摄影已真正实现了起飞。很多时候,它不是使用倾斜转向镜头的摄影师这么多,因为它是在后处理步骤事后的情况下。
作为一个例子,比方说,我们在下面的设计工作。没有什么不妥,但图像不作为相当抢眼,因为它可以。
如果我们抛在一个倾斜的转移效应,突然在该中心的建筑物的主要组真的提请英寸整体形象感觉更容易看,我们立即感受得到设计师是指导我们注意我们的眼睛。
资源: 图片:?nosha?
字体:?飞机
颜色模糊对于 通常情况下,我用的很好的配色方案,它提供了照片,纯粹是的。我不一定感兴趣的内容,只是自然的调色板,结果往往是从良好的摄影。
以下面一个例子形象。温暖的颜色是非常激烈的,有一个巨大的反差很多工作。照片是如此的美丽,你可能会认为这是一个耻辱绝路,但不是每一个设计要求的一个领域,在夕阳的照片。
就像在我们的第一个例子中,我们将走在模糊的整个背景。不过,这一次我们要曲轴强度的模糊方式,所以,任何和所有的细节丢失。结果是一个不错的,独特的背景图片了很少的努力创造。
资源: 图片:?利兰旧金山
字体:?沃韦
尝试不同的模糊 当你尝试在您的网站设计与图片的模糊处理,不追了上来,在坚持一个单一的技术陷阱。photoshop等图像编辑程序提供了许多不同的功能,当涉及到模糊过滤器。
想尽各种不同的模糊,你可以找到看到他们是如何影响不同的形象,甚至混合模糊起来看个究竟。这里有几个模糊你通常要发挥各地的主要类型:
原始图像
高斯模糊
镜头模糊
运动模糊
径向模糊
资源: 图片:?大卫莫罗
字体:?戴明
结论 我希望这种模糊的技巧和技术的简要讨论有关如何创造性地运用在设计中的模糊思维。下一次你在一个繁忙的背景上的一些不可读的文本紧点,回过头来这篇文章,并采取一看上面的例子来帮助你。
你有没有发现最近在设计中使用的故意模糊的任何例子?希望你们能用得上!
上一个:民意调查:VR是新的Flash?
下一个:企业建设营销型网站应具备哪些?
海西网站建设,海西做网站,海西网站设计