Menu English Ukrainian russian Home

Free technical library for hobbyists and professionals Free technical library


BOOKS AND ARTICLES
Free library / Directory / video art

Display offset in Adobe After Effects

video art

Directory / video art

Comments on the article Comments on the article

There are two rarely used filters in the After Effects "Production Bundle, the Time Displacement Filter and the Displacement Filter. Both use the properties of one image to affect another. In this article, Philip Hodgetts will look at the action of the Displace Filter , then the Time Displacement Filter and finish with a discussion of making gradient images suitable for creating Displacement mapping

Displacement Filter

The Displacement filter (Filters/Distortion/Displacement) uses the Brightness value (Brightness/Luminance); Red, Green, or Blue Channel, or combinations of channels, to replace or shift pixels in the desired image. Displacement mapping is always based on brightness, even if the displacement occurs in only one of the color channels. The higher the brightness value in the source image, the greater the pixel shift in the final image.

Display offset in Adobe After Effects

Text displayed against the background of a radial gradient is distorted according to the shape of the gradient. In this example, the text, moving across the gradient, smoothly flows down into the "saucer" formed by the displacement map and returns to its original position.

This type of Displacement map is extremely useful for creating a "flowing text" effect, where the text follows the shape of the image as it moves over the image.

To make text follow a certain path over an image, a graphics editor (such as Adobe Photoshop or Pinnacle Commotion) creates a gradient that creates a "warp" in the desired part of the image. The exported frame or clip is used to form the gradient and the original image. If the image is panned or zoomed, the gradient may need to be animated in After Effects as a precomposite, or created frame by frame in Photoshop. (The displacement filter uses the displacement layer "as is" - any scaling or filter applied to the layer will have no effect until the layer has been converted to a precomposite).

Display offset in Adobe After Effects

Display offset in Adobe After Effects

Once the gradient is created, all that is required is to place it in the desired composition as the target layer (Target layer) (or pre-composition if animation is needed in the offset layer) and select it in the displacement filter settings pop-up window.

The Displacement Map can be used to simply texturize a layer (although the Texturize filter will give the same result) or to give a layer pseudo-depth. Display offset can be used to blur (distort) an image so that different parts of the image appear at different levels and angles.

The offset amount can be independently set in the horizontal or vertical direction, and in any of the color channels. For example, the red channel is vertical, and the green channel is horizontal.

A displacement map can also be obtained using the "Ramp" filter from After Effects by creating a precomposite of layers, however this displacement will be limited to a linear or circular displacement.

Time offset

Like display offset, time offset uses pixel values ​​in one image to affect another. But unlike display offset, it uses the values ​​obtained from the offset layer to position pixels earlier or later in time. Time offset affects the image in such a way that any average pixel value (50% brightness) tells After Effects to display that pixel in the current frame. A value less than 50% will cause a pixel with that brightness value to appear in the layer later; a value greater than 50% will shift the pixel earlier.

Consider a simple example with three vertical stripes: black on the left, gray in the middle, and white on the right.

Display offset in Adobe After Effects

Display offset in Adobe After Effects

With a maximum shift of 1 second, the center bar shows the pixels of the current frame, the black bar shows pixels 1 sec (max shift) earlier, the white bar on the right side shows the pixels of the same layer 1 sec. Later.

If the midtone values ​​are distributed between black, gray, and white, then the pixels in the layer are distributed between the current frame, a frame a second earlier, or a second later.

Timeshift works especially well when there is a moving image with a relatively still background. This combination applies a time shift to the moving part of the image while the background remains normal.

Display offset in Adobe After Effects

Display offset in Adobe After Effects

Timeshift is great for creating any type of blur area, as well as for various fade in and fade out transitions.

Displacement filter gradients can be created in any of the graphic editors such as Photoshop, Paint, etc. Ready-made gradients for displacement and time displacement maps can be found in the "Video Spice Rack" collection which contains over 300 images in PICT and TIFF format. The collection can be viewed at http://pixelan.com.

Posted by Philip Hodgetts, philip@intelligentassistance.com, Intelligent Assistance, Los Angeles, CA USA; Publication: danchenkovideo.od.ua

 We recommend interesting articles Section video art:

▪ Digital video camera as a webcam

▪ TV and computer

▪ Mounting language

See other articles Section video art.

Read and write useful comments on this article.

<< Back

Latest news of science and technology, new electronics:

Artificial leather for touch emulation 15.04.2024

In a modern technology world where distance is becoming increasingly commonplace, maintaining connection and a sense of closeness is important. Recent developments in artificial skin by German scientists from Saarland University represent a new era in virtual interactions. German researchers from Saarland University have developed ultra-thin films that can transmit the sensation of touch over a distance. This cutting-edge technology provides new opportunities for virtual communication, especially for those who find themselves far from their loved ones. The ultra-thin films developed by the researchers, just 50 micrometers thick, can be integrated into textiles and worn like a second skin. These films act as sensors that recognize tactile signals from mom or dad, and as actuators that transmit these movements to the baby. Parents' touch to the fabric activates sensors that react to pressure and deform the ultra-thin film. This ... >>

Petgugu Global cat litter 15.04.2024

Taking care of pets can often be a challenge, especially when it comes to keeping your home clean. A new interesting solution from the Petgugu Global startup has been presented, which will make life easier for cat owners and help them keep their home perfectly clean and tidy. Startup Petgugu Global has unveiled a unique cat toilet that can automatically flush feces, keeping your home clean and fresh. This innovative device is equipped with various smart sensors that monitor your pet's toilet activity and activate to automatically clean after use. The device connects to the sewer system and ensures efficient waste removal without the need for intervention from the owner. Additionally, the toilet has a large flushable storage capacity, making it ideal for multi-cat households. The Petgugu cat litter bowl is designed for use with water-soluble litters and offers a range of additional ... >>

The attractiveness of caring men 14.04.2024

The stereotype that women prefer "bad boys" has long been widespread. However, recent research conducted by British scientists from Monash University offers a new perspective on this issue. They looked at how women responded to men's emotional responsibility and willingness to help others. The study's findings could change our understanding of what makes men attractive to women. A study conducted by scientists from Monash University leads to new findings about men's attractiveness to women. In the experiment, women were shown photographs of men with brief stories about their behavior in various situations, including their reaction to an encounter with a homeless person. Some of the men ignored the homeless man, while others helped him, such as buying him food. A study found that men who showed empathy and kindness were more attractive to women compared to men who showed empathy and kindness. ... >>

Random news from the Archive

Acer Aspire S7 update 04.06.2013

At Computex, Acer has brought a new generation of ultrabook Aspire S7 with a screen size of 13,3 inches. Having inherited its best features from the previous model, the new mobile computer has become more autonomous. According to the manufacturer, the operating time without recharging the batteries was increased by 33% percent, bringing it up to seven hours. Among the innovations, it should be noted the use of the fourth generation Intel Core processor.

The updated Aspire S7 adds an electroluminescent keyboard backlight and replaces the cooling system with a second-generation Acer TwinAir cooling system featuring 20% ​​less fan noise. In addition, the ultrabook supports WiDi wireless external display technology.

The native display of the Aspire S7-392 is based on an IPS-type panel with a resolution of 2560 x 1440 pixels. The screen - touch, is capable to recognize up to simultaneous touches. It is protected by Gorilla Glass 2. The design of the hinges is such that the screen can be opened 180°. The thickness of the ultrabook is 12,9 mm, weight - 1,3 kg.

The price of the Aspire S7-392 model is 1450 euros. The manufacturer promises to start deliveries in July.

Other interesting news:

▪ New rover tested

▪ Vending machines will provide free Wi-Fi

▪ Solar-wind farm to be America's tallest structure

▪ Efficient Data Archiving Mechanism

▪ ILD6070 and ILD6150 - Infineon's New Switching Regulators for LEDs

News feed of science and technology, new electronics

 

Interesting materials of the Free Technical Library:

▪ radio section of the website. Article selection

▪ article Interference. History and essence of scientific discovery

▪ article When did the piano originate? Detailed answer

▪ article Dinghy. Personal transport

▪ article Power amplifier on bipolar transistors. Encyclopedia of radio electronics and electrical engineering

▪ article SWR meter indicator. Encyclopedia of radio electronics and electrical engineering

Leave your comment on this article:

Name:


Email (optional):


A comment:





All languages ​​of this page

Home page | Library | Articles | Website map | Site Reviews

www.diagram.com.ua

www.diagram.com.ua
2000-2024