Difference between revisions of "Blur Layer"

From Synfig Studio :: Documentation
Jump to: navigation, search
m (Text replace - '[[' to '{{l|')
m (Cleaning and review)
 
(19 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 
<!-- Page info -->
 
<!-- Page info -->
 
{{Title|Blur Layer}}
 
{{Title|Blur Layer}}
{{l|Category:Layers]]
+
{{Category|Layers}}
 +
{{Category|Blurs}}
 +
{{NewTerminology}}
 
<!-- Page info end -->
 
<!-- Page info end -->
  
== About Blurs ==
+
{{l|Image:Layer_blur_icon.png‎|64px}}
Blur is a graphical effect that aims to imitate an unfocused image. In a photography context blur can occur when the focal point of the lens is not at the right position of the target of the photograph. Also blur can have other origins. Blurs can happen as the result of a poor exposure during its recording (too long exposure time for a large movement of the object or a high movement of the recorder). Also blurring occurs when you use a very wide aperture (f4). In that case the  objects that are out of focus are very blurred compared to the situation where the aperture is fully closed (f22).
+
  
In a graphical context, blurs are effects that imitate those situations (with more or less success).
+
== About Blur Layer ==
 +
{{BlurLayer}}
  
== Specific Parameters ==
+
== Parameters of the Blur Layer ==
  
The specific parameters for the Blur Layer are:
+
The parameters of the {{literal|Blur Layer}} are:
  
{| border = "1" cellpadding="2"
+
{|border="0" style="border-collapse"  cellpadding="3" cellspacing="0"  
!width = "250" align="left"|
+
|-style="background:silver"
* {{l|Z Depth Parameter|Z Depth]]
+
|'''Name'''||'''Value'''||'''Type'''
* {{l|Amount Parameter|Amount]]
+
|----------------------------------
* {{l|Blend Method]]
+
||{{l|Image:Real_icon.png|16px}} {{l|Z Depth Parameter|Z Depth}}
* {{l|#Size|Size]]
+
||0.000000
* {{l|#Type|Type]]
+
||real
| {{l|Image:BlurLayer-Params.png]]
+
|--------style="background:#eeeeee"
 +
||{{l|Image:Real_icon.png|16px}} {{l|Amount Parameter|Amount}}
 +
||1.000000
 +
||real
 +
|----------------------------------
 +
||{{l|Image:Integer_icon.png|16px}} {{l|Blend Method|Blend Method}}
 +
||Composite
 +
||integer
 +
|--------style="background:#eeeeee"
 +
||{{l|Image:Vector_icon.png|16px}} [[#Size|Size]]
 +
||6.000000pt,6.000000pt
 +
||vector
 +
|----------------------------------
 +
||{{l|Image:Integer_icon.png|16px}} [[#Types|Type]]
 +
||Fast Gaussian Blur
 +
||integer
 
|}
 
|}
 +
  
 
=== Size ===
 
=== Size ===
  
The Size parameter controls how big the blur is. Depending on that value the blur can have different effects. Render time quickly increases as you increase the size parameter, so be careful.
+
The {{literal|Size}} parameter controls the size of the blur. Depending on that value the blur can have different effects. Note that rendering time quickly increases as you increase the size parameter, so be careful.
  
This parameter is a compound value of two real numbers (x and y). Each indicates how big the blur is in its direction (x or y).
+
This parameter is a compound value of two real numbers, x and y. Each of them indicates the size of the blur along that direction.
  
See the samples to get an idea of the variation of the sizes.
+
=== Type ===
  
=== Types ===
+
There are 5 types of blur:
  
There are 5 types of blur in synfig:
+
* [[#Fast Gaussian|Fast Gaussian Blur]]
 
+
* [[#Box|Box Blur]] (See [http://en.wikipedia.org/wiki/Box_blur])
* {{l|#Fast Gaussian|Fast Gaussian Blur]]
+
* [[#Cross Hatch|Cross Hatch Blur]]
* {{l|#Box|Box Blur]] See [http://en.wikipedia.org/wiki/Box_blur]
+
* [[#Disc|Disc Blur]]
* {{l|#Cross Hatch|Cross Hatch Blur]]
+
* [[#Gaussian|Gaussian Blur]] (See [http://en.wikipedia.org/wiki/Gaussian_blur])
* {{l|#Disc|Disc Blur]]
+
* {{l|#Gaussian| Gaussian Blur]] See [http://en.wikipedia.org/wiki/Gaussian_blur]
+
  
 
== Samples ==
 
== Samples ==
  
Here are some samples of Blurs.  
+
=== Star animation ===
 +
 
 +
If you wonder how the animations were made ([[Media:blur.sifz|sample file]]):
 +
* a {{l|Star Layer}} is positioned at the center of the Frame, with an {{l|Outline Layer}} of width 0.05u
 +
* the animations have 120 frames, and the [[#Size|Size]] parameter of the blur goes from 0u,0u to 1u,1u
 +
* the {{l|Render dialog|rendering}} settings are set to Quality 9 and Anti-Aliasing 1
 +
 
 +
 
 +
; Fast Gaussian : [[Image:blur_fast_gaussian.gif|Fast Gaussian]]
 +
; Box : [[Image:blur_box.gif|Box]]
 +
; Cross Hatch : [[Image:blur_cross_hatch.gif|Cross Hatch]]
 +
; Disc : [[Image:blur_disc.gif|Disc]]
 +
; Gaussian : [[Image:blur_gaussian.gif|Gaussian]]
 +
 
  
 
=== Fast Gaussian ===
 
=== Fast Gaussian ===
 +
 
{| border = "1"  
 
{| border = "1"  
 
| '''Fast Gaussian Blur'''  
 
| '''Fast Gaussian Blur'''  
 
|-
 
|-
| {{l|Image:BlursFastGaussian.png]]
+
| {{l|Image:BlursFastGaussian.png}}
| {{l|Image:Blurs2FastGaussian.png]]
+
| {{l|Image:Blurs2FastGaussian.png}}
 
|}
 
|}
  
Line 58: Line 88:
 
| '''Box Blur'''  
 
| '''Box Blur'''  
 
|-
 
|-
| {{l|Image:BlurBox.png]]
+
| {{l|Image:BlurBox.png}}
| {{l|Image:Blurs2Box.png]]
+
| {{l|Image:Blurs2Box.png}}
 
|}
 
|}
  
Line 67: Line 97:
 
| '''Cross Hatch Blur'''  
 
| '''Cross Hatch Blur'''  
 
|-
 
|-
| {{l|Image:BlurCrossHatch.png]]
+
| {{l|Image:BlurCrossHatch.png}}
| {{l|Image:Blurs2CrossHatch.png]]
+
| {{l|Image:Blurs2CrossHatch.png}}
 
|}
 
|}
  
Line 76: Line 106:
 
| '''Disc Blur'''  
 
| '''Disc Blur'''  
 
|-
 
|-
| {{l|Image:BlurDisc.png]]
+
| {{l|Image:BlurDisc.png}}
| {{l|Image:Blurs2Disc.png]]
+
| {{l|Image:Blurs2Disc.png}}
 
|}
 
|}
  
Line 85: Line 115:
 
| '''Gaussian Blur'''  
 
| '''Gaussian Blur'''  
 
|-
 
|-
| {{l|Image:BlurGaussian.png]]
+
| {{l|Image:BlurGaussian.png}}
| {{l|Image:Blurs2Gaussian.png]]
+
| {{l|Image:Blurs2Gaussian.png}}
 
|}
 
|}
  
Line 93: Line 123:
 
| '''Fast Gaussian Blur over all the layers'''  
 
| '''Fast Gaussian Blur over all the layers'''  
 
|-
 
|-
| {{l|Image:Blur.png]]
+
| {{l|Image:Blur.png}}
 
|}
 
|}
 +
  
 
== See also ==  
 
== See also ==  
  
* {{l|Radial Blur Layer]] with a radial control of the size of the blur.
+
* {{l|Radial Blur Layer}} with a radial control of the size of the blur.
  
* {{l|Motion Blur Layer]] a type of blur that aims to simulate a motion blur (the one that happens when the object's movement is too fast for the exposure time). It is controlled by a single parameter called "Aperture".
+
* {{l|Motion Blur Layer}} a type of blur that aims to simulate a motion blur (the one that happens when the object's movement is too fast for the exposure time). It is controlled by a single parameter called "Aperture".

Latest revision as of 19:47, 26 April 2020

Languages Language: 

English • español • français


Layer blur blur icon.png

About Blur Layer

Blur is a graphical effect that aims to imitate an unfocused image. In a photography context blur can occur when the focal point of the lens is not at the right position of the target of the photograph. Also blur can have other origins. Blurs can happen as the result of a poor exposure during its recording (too long exposure time for a large movement of the object or a high movement of the recorder). Also blurring occurs when you use a very wide aperture (f4). In that case the objects that are out of focus are very blurred compared to the situation where the aperture is fully closed (f22).

In a graphical context, blurs are effects that imitate those situations (with more or less success).

Parameters of the Blur Layer

The parameters of the "Blur Layer" are:

Name Value Type
Type real icon.png Z Depth 0.000000 real
Type real icon.png Amount 1.000000 real
Type integer icon.png Blend Method Composite integer
Type vector icon.png Size 6.000000pt,6.000000pt vector
Type integer icon.png Type Fast Gaussian Blur integer


Size

The "Size" parameter controls the size of the blur. Depending on that value the blur can have different effects. Note that rendering time quickly increases as you increase the size parameter, so be careful.

This parameter is a compound value of two real numbers, x and y. Each of them indicates the size of the blur along that direction.

Type

There are 5 types of blur:

Samples

Star animation

If you wonder how the animations were made (sample file):

  • a Star Layer is positioned at the center of the Frame, with an Outline Layer of width 0.05u
  • the animations have 120 frames, and the Size parameter of the blur goes from 0u,0u to 1u,1u
  • the rendering settings are set to Quality 9 and Anti-Aliasing 1


Fast Gaussian 
Fast Gaussian
Box 
Box
Cross Hatch 
Cross Hatch
Disc 
Disc
Gaussian 
Gaussian


Fast Gaussian

Fast Gaussian Blur
Image:BlursFastGaussian.png Image:Blurs2FastGaussian.png


Box

Box Blur
Image:BlurBox.png Image:Blurs2Box.png


Cross Hatch

Cross Hatch Blur
Image:BlurCrossHatch.png Image:Blurs2CrossHatch.png


Disc

Disc Blur
Image:BlurDisc.png Image:Blurs2Disc.png


Gaussian

Gaussian Blur
Image:BlurGaussian.png Image:Blurs2Gaussian.png


Fast Gaussian Blur over all the layers
Image:Blur.png


See also

  • Motion Blur Layer a type of blur that aims to simulate a motion blur (the one that happens when the object's movement is too fast for the exposure time). It is controlled by a single parameter called "Aperture".


Languages Language: 

English • español • français