Porthole 4
A dynamic gradient shader effect displaying a smooth color transition from pink (#d95b7b) on the left side to deep blue (#2f53d2) on the right side. The gradient flows horizontally across the entire canvas with a linear interpolation in LCH color space, creating a perceptually smooth transition through purple and magenta tones in the middle. Overlaid on this base gradient is a sawtooth wave distortion effect with a frequency of 7.7 and strength of 2, creating diagonal striped patterns that angle from approximately 70 to 110 degrees. The wave distortion is modulated by an invisible circular mask centered near the middle of the canvas (0.484, 0.548) with a radius of 1.25, causing the wave angle to vary across the composition. The distortion creates sharp, angular V-shaped chevron patterns that point downward and rightward, giving the effect a sense of directional movement and depth. The overall mood is modern and energetic, with the combination of the warm-to-cool gradient and the geometric wave pattern creating visual interest and a sense of motion. The edges are set to stretch, ensuring the effect fills the entire frame seamlessly.
Usage
The preset as a Vue component. Paste it into a page, or open it in the editor to change it first.
Related Presets
See all- Porthole
A dynamic gradient shader effect featuring diagonal parallel stripes that create a sense of depth and movement. The composition uses a linear gradient transitioning from cyan/turquoise (#68cac5) on the left side to deep purple (#6205aa) on the right side. The gradient flows horizontally across the canvas at a 0-degree angle. Overlaid on this base gradient is a sawtooth wave distortion effect with a frequency of 7.7 and strength of 2, creating sharp, angular ridge-like patterns that run diagonally across the image. The wave distortion is modulated by an invisible circular mask positioned at the top-center of the canvas (coordinates 0.5, 0 with radius 1.8), which controls the angle variation of the waves between 70 and 110 degrees. This creates a subtle directional shift in the wave patterns from left to right. The overall effect produces a three-dimensional appearance with parallel diagonal bands that appear to fold and recede into space, creating a modern, sleek aesthetic with smooth color transitions and crisp geometric distortion patterns. The lighting and shading suggest depth, with the stripes appearing to cast subtle shadows on adjacent surfaces.

- Porthole 2
A sophisticated abstract shader effect featuring diagonal parallel lines that create a sense of depth and movement. The composition uses a linear gradient transitioning from a muted teal-gray (#628a87) on the left side to a deep navy blue (#001a42) on the right side. The gradient flows horizontally across the canvas. Overlaid on this gradient is a sawtooth wave distortion effect that creates sharp, angular striations running diagonally from upper-left to lower-right at approximately 70-110 degree angles. The wave distortion has a frequency of 7.7, producing multiple parallel ridges that create a ribbed, corrugated appearance. The distortion strength of 2 units creates pronounced depth variation between the ridges. The overall effect resembles folded fabric, venetian blinds, or architectural louvers with subtle shadowing that enhances the three-dimensional illusion. The color palette gradually darkens from left to right, with the lighter teal tones on the left providing contrast against the increasingly darker blue tones toward the right edge. The effect maintains full opacity throughout with a normal blend mode, creating a clean, professional appearance suitable for modern design applications.

- Porthole 3
A smooth, layered gradient background transitioning from teal-green on the left (#3cbd83) to pale yellow-green on the right (#dfffa3). The gradient is overlaid with a sawtooth wave distortion effect that creates diagonal chevron or arrow-like striping patterns throughout the composition. The waves have a frequency of 7.7 with a strength of 2, producing parallel diagonal bands that angle between 70-110 degrees. The distortion creates a sense of depth and movement, with the wave patterns becoming more pronounced in the center and gradually softening toward the edges. The overall effect is organic and flowing, with soft transitions between the colored bands. The image has a calm, modern aesthetic with no harsh edges or abrupt color shifts. The wave distortion is driven by an invisible circular mask centered near the middle of the composition, creating subtle variations in the wave angle intensity across the canvas.

- Porthole 5
A sophisticated abstract shader effect featuring diagonal parallel stripes that transition smoothly from deep blue on the left to near-white on the right. The stripes are created by a linear gradient flowing horizontally from #097ec0 (deep blue) to #fafdfe (off-white). Overlaid on this gradient is a sawtooth wave distortion effect that creates angular, chevron-like patterns with varying frequencies (7.7 Hz), giving the stripes a dynamic, folded appearance. The wave distortion has a strength of 2 pixels and uses a circular mask centered at approximately 74.8% horizontally and 45.5% vertically to modulate the angle of the waves between 70-110 degrees. The overall effect creates a sense of depth and movement, with the stripes appearing to bend and fold in three-dimensional space. The color space uses LCH for smooth perceptual transitions. The composition has a clean, modern aesthetic with subtle shadows and highlights that enhance the dimensional quality of the geometric pattern.

- Porthole 6
A sophisticated gradient shader effect featuring diagonal parallel stripes that transition smoothly from deep purple on the left to warm beige/tan on the right. The composition uses a linear gradient as the base layer, flowing horizontally from #6c3086 (dark purple) to #decfa3 (light tan). Overlaid on this gradient is a sawtooth wave distortion effect with a frequency of 7.7, creating diagonal striped bands that appear to ripple and undulate across the canvas. The wave distortion has a strength of 2 and uses an angle range mapped between 70-110 degrees, controlled by an invisible circular mask positioned at coordinates (0.253, 0.552) with a radius of 0.85. This creates a subtle radial influence on the wave angle variation. The diagonal stripes maintain consistent spacing and create a sense of depth and movement, with the distortion effect giving the flat gradient a three-dimensional, folded appearance. The overall mood is modern and elegant, with smooth color transitions and a subtle sense of motion or flow. The effect uses LCH color space for the gradient, ensuring perceptually uniform color transitions.

- Porthole 7
A dynamic gradient shader effect displaying diagonal parallel stripes that transition smoothly across the canvas. The composition features a linear gradient flowing horizontally from left to right, starting with deep blue (#064caa) on the left side and transitioning through magenta and pink tones in the center, culminating in pale cream and white (#d4e9e3) on the right side. The gradient operates in LCH color space for perceptually smooth transitions. Overlaid on this base gradient is a sawtooth wave distortion effect with a frequency of 7.7, creating diagonal striped bands that angle across the image. The wave distortion has a strength of 2 pixels and uses an angle mapped from a circular mask positioned at the bottom center (0.5, 1.0) with a radius of 1.8, creating varying wave angles between 70-110 degrees based on the circular mask's alpha channel. This produces a three-dimensional ribbon or venetian blind effect where the stripes appear to fold and angle progressively across the canvas. The overall mood is modern and abstract, with smooth color gradations and geometric precision. The effect creates depth through the interplay of the horizontal gradient and the diagonal wave distortion, resulting in a sophisticated, contemporary visual aesthetic.
