网页设计中的Bokeh效果:示例和教程+ 查看更多
散焦效果是指图像中模糊或失焦的部分。这种效果最近变得非常流行,通常在摄影中可以看到,主要是在光源周围。许多设计师在网页设计中利用这一效果,使物体更加清晰,同时使背景具有视觉吸引力。
这一次,我们将向你展示一些非常流行的例子网页设计中的Bokeh效应并与你分享一些教程,你可以自己创建这种效果。
什么是Bokeh效应?
这种效果在过去几年变得非常流行。这种效果我们通常会在摄影中看到,但像Photoshop这样的软件可以用来重现它。
这个词“散景”这个词来自日语“博客”意义模糊。
在摄影中,模糊就是图像失焦区域的模糊,或者说是模糊的美学质量,或者是“镜头呈现失焦点的方式”。”——维基百科
用于网页设计:
下面是一些在网页设计中使用这种效果的例子。正如你所看到的,效果本身是很容易发现的,但它可以用多种方式使用-使它容易识别,并在同一时间多才多艺。
手提灯
Designphunk
设计的戴夫
Traffik
Three23
Webexpedition18
丝芙兰老人
72年思考:网点
Onvo媒体
像素的快乐
让Photoshop更快
Sebcreation
洛葛仙妮Labajo
Sattom
大胆的尝试指导
炮弹
纳内特工人
肖恩·莱斯利
Unuidesign
Webunder
光灯
Envato
Moonit
大卫Quartino
IconDock
查理温柔
Traxor设计
逻辑设计
Surgeworks
Frish设计工作室
索尼消费电子产品展
Newism
快乐的设计
教程
如前所述,Bokeh效果最初是摄影中的一种效果,也可以用数字技术重新创建。这里有一些教程,以帮助您开始制作自己的设计,以这种简单而有效的外观为特色。
第一个是为那些想要用自己的相机制造效果的人准备的,而其余的人则专注于数码制作。
数码单反相机散景
可怕的数字波克效应在Photoshop
如何创建一个简单的Bokeh效果
散景背景效果
散景光泡沫
Pixelmator彩色Bokeh效果
纯CSS3 bokeh效果与一些jQuery的帮助
Bokeh矢量背景在Illustrator
光滑的图标设计
在Photoshop中的六边形效果
3ds Max中的Bokeh效果
设计一个时尚的Bokeh风格的组合
如何在Photoshop中创建一张甜蜜的Bokeh名片
如何在Photoshop中创建具有bokeh效果的抽象彩色背景
是时候开始了?
我们希望这篇文章能够帮助您更好地理解这个效果,并了解如何使用它。我们希望听到您的反馈。现在是时候自己尝试一下了。