How To Add Wave Texture To Water Photoshop
In this tutorial, yous will learn how to create a seamless water ripple texture in Photoshop. I will explain everything in then much detail that everyone can create the texture, even those who accept simply opened Photoshop for the kickoff time.
Practice you want to relieve fourth dimension with a set up-made texture? Check out this Rippled H2o Textures over on Envato Elements, where you lot tin observe thousands of crawly textures!
![rippled water textures](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/39049/image-upload/rippled-water-textures.jpg)
![rippled water textures](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/1437/posts/39049/image-upload/rippled-water-textures.jpg)
![rippled water textures](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/1437/posts/39049/image-upload/rippled-water-textures.jpg)
What You lot'll Learn in This Water Texture Tutorial
- How to create a h2o ripple texture
- How to make h2o ripples
- How to make the water texture seamless
- Water ripple image ideas
i. How to Starting time Creating a Water Texture
First, create a new file. Go to File > New and set the Width and Height to 3000 px and the Resolution to 72 px/in.
![creating new file](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/39049/image-upload/creating-new-file.jpg)
![creating new file](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/1437/posts/39049/image-upload/creating-new-file.jpg)
![creating new file](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/1437/posts/39049/image-upload/creating-new-file.jpg)
ii. How to Create a Water Ripple Texture
Pace one
In this department we are going to create a water ripple texture. Go to Layer > New > Layer to create a new layer and name it Temp.
![creating new layer](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/39049/image-upload/creating-new-layer.jpg)
![creating new layer](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/1437/posts/39049/image-upload/creating-new-layer.jpg)
![creating new layer](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/1437/posts/39049/image-upload/creating-new-layer.jpg)
Step ii
At present press D on your keyboard to reset the swatches. And then, go to Filter > Return > Clouds.
![adding clouds filter](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/39049/image-upload/adding-clouds-filter.jpg)
![adding clouds filter](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/1437/posts/39049/image-upload/adding-clouds-filter.jpg)
![adding clouds filter](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/1437/posts/39049/image-upload/adding-clouds-filter.jpg)
Step 3
Go to Filter > Return > Difference Clouds.
![adding difference clouds filter](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/39049/image-upload/adding-difference-clouds-filter.jpg)
![adding difference clouds filter](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/1437/posts/39049/image-upload/adding-difference-clouds-filter.jpg)
![adding difference clouds filter](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/1437/posts/39049/image-upload/adding-difference-clouds-filter.jpg)
Stride 4
Now press Control-I on your keyboard to capsize this layer's colors.
![inverting layer colors](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/39049/image-upload/inverting-layer-colors.jpg)
![inverting layer colors](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/1437/posts/39049/image-upload/inverting-layer-colors.jpg)
![inverting layer colors](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/1437/posts/39049/image-upload/inverting-layer-colors.jpg)
Step 5
Go to Filter > Distort > Ripple and set the Amount to 100% and Size to Large.
![adding ripple filter](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/39049/image-upload/adding-ripple-filter.jpg)
![adding ripple filter](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/1437/posts/39049/image-upload/adding-ripple-filter.jpg)
![adding ripple filter](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/1437/posts/39049/image-upload/adding-ripple-filter.jpg)
Step half dozen
Now go to Filter > Distort > Moving ridge and use the settings below:
![adding wave filter](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/39049/image-upload/adding-wave-filter.jpg)
![adding wave filter](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/1437/posts/39049/image-upload/adding-wave-filter.jpg)
![adding wave filter](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/1437/posts/39049/image-upload/adding-wave-filter.jpg)
Step 7
Go to Select > Color Range, and set the Select to Highlights, Fuzziness to x, and Range to 255.
![making selection using color range](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/39049/image-upload/making-selection-using-color-range.jpg)
![making selection using color range](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/1437/posts/39049/image-upload/making-selection-using-color-range.jpg)
![making selection using color range](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/1437/posts/39049/image-upload/making-selection-using-color-range.jpg)
Step 8
At present become to Select > Select and Mask and set the Smooth to 100, Feather to 0 px, Contrast to 50%, and Shift Edge to 25%.
![adjusting selection](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/39049/image-upload/adjusting-selection-2.jpg)
![adjusting selection](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/1437/posts/39049/image-upload/adjusting-selection-2.jpg)
![adjusting selection](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/1437/posts/39049/image-upload/adjusting-selection-2.jpg)
Stride nine
Printing Command-J on your keyboard to create a new layer using the selection. Then, Right-click on this layer, choose Blending Options, select the Color Overlay style, and gear up the Blend Mode to Normal, Colour to #ffffff
, and Opacity to 100%. Name this layer Texture.
![adding color overlay style](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/39049/image-upload/adding-color-overlay-style.jpg)
![adding color overlay style](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/1437/posts/39049/image-upload/adding-color-overlay-style.jpg)
![adding color overlay style](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/1437/posts/39049/image-upload/adding-color-overlay-style.jpg)
Stride x
Now select the Temp layer and printing Delete on your keyboard to delete this layer. And then, set the foreground color to #00bbcc
, select the Groundwork layer, go to Edit > Fill, and fix the Contents to Foreground Color, Way to Normal, and Opacity to 100%.
![filling layer with foreground color](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/39049/image-upload/filling-layer-with-foreground-color-3.jpg)
![filling layer with foreground color](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/1437/posts/39049/image-upload/filling-layer-with-foreground-color-3.jpg)
![filling layer with foreground color](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/1437/posts/39049/image-upload/filling-layer-with-foreground-color-3.jpg)
Step 11
Select the Texture layer, and press Control-Alt-Shift-Eastward on your keyboard to make a screenshot. Then, prepare the foreground color to #00bbcc
, become to Filter > Filter Gallery > Sketch > Stamp, and set the Light/Dark Residue to 48 and Smoothness to 5. Name this layer Stamp.
![adding stamp filter](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/39049/image-upload/adding-stamp-filter.jpg)
![adding stamp filter](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/1437/posts/39049/image-upload/adding-stamp-filter.jpg)
![adding stamp filter](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/1437/posts/39049/image-upload/adding-stamp-filter.jpg)
3. How to Brand the H2o Texture Seamless
Step 1
In this department, we are going to make the h2o texture seamless, so you can utilise information technology to create a water ripple blueprint. Get to Filter > Other > Showtime, and set the Horizontal and Vertical values to 500 px.
![adding offset filter](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/39049/image-upload/adding-offset-filter.jpg)
![adding offset filter](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/1437/posts/39049/image-upload/adding-offset-filter.jpg)
![adding offset filter](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/1437/posts/39049/image-upload/adding-offset-filter.jpg)
Footstep ii
At present, using the Rectangular Marquee Tool (One thousand), make a selection around the texture to join the edges equally shown beneath:
![making selection using rectangular marquee tool](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/39049/image-upload/making-selection-using-rectangular-marquee-tool.jpg)
![making selection using rectangular marquee tool](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/1437/posts/39049/image-upload/making-selection-using-rectangular-marquee-tool.jpg)
![making selection using rectangular marquee tool](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/1437/posts/39049/image-upload/making-selection-using-rectangular-marquee-tool.jpg)
Stride 3
Become to Edit > Fill and set the Contents to Content-Aware, Mode to Normal, and Opacity to 100%.
![filling layer with content aware](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/39049/image-upload/filling-layer-with-content-aware-2.jpg)
![filling layer with content aware](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/1437/posts/39049/image-upload/filling-layer-with-content-aware-2.jpg)
![filling layer with content aware](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/1437/posts/39049/image-upload/filling-layer-with-content-aware-2.jpg)
You Made It! Your Water Texture Photoshop Design Is Done!
Congratulations, you have succeeded! You've learned how to make a water texture that you lot can utilize every bit a ripple event Photoshop pattern or a Photoshop water overlay. Here is our final result:
![Use a cool mockup like this one to display your new water texture Photoshop design!](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/39049/image-upload/final-result.jpg)
![Use a cool mockup like this one to display your new water texture Photoshop design!](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/1437/posts/39049/image-upload/final-result.jpg)
![Use a cool mockup like this one to display your new water texture Photoshop design!](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/1437/posts/39049/image-upload/final-result.jpg)
5 Water Ripple Texture Examples From Envato Elements
Desire to see more water ripple images? Check out this list of textures from Envato Elements. Relish incredible textures!
Rippled H2o Textures (PNG, EPS)
![rippled water textures](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/39049/image-upload/rippled-water-textures.jpg)
![rippled water textures](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/1437/posts/39049/image-upload/rippled-water-textures.jpg)
![rippled water textures](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/1437/posts/39049/image-upload/rippled-water-textures.jpg)
This high-resolution texture pack includes eight h2o ripple texture files. The textures are created for photographers and designers and tin can be used in various projects from cards to backgrounds!
Ripple Streaks Textures (JPG)
![ripple streaks](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/39049/image-upload/ripple-streaks.jpg)
![ripple streaks](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/1437/posts/39049/image-upload/ripple-streaks.jpg)
![ripple streaks](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/1437/posts/39049/image-upload/ripple-streaks.jpg)
In this texture pack, y'all will discover iv water ripples included at 8k resolution. These are a good selection for print, flyers, wallpaper, and so much more!
Curves Textures (AI, EPS, PNG)
![curves textures](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/39049/image-upload/curves-textures.jpg)
![curves textures](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/1437/posts/39049/image-upload/curves-textures.jpg)
![curves textures](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/1437/posts/39049/image-upload/curves-textures.jpg)
Download viii loftier-resolution PNG water texture files with transparent backgrounds. In that location are also water ripple consequence Illustrator AI and EPS files included which are editable so you lot can make whatsoever changes!
Mod Fluid Non-Seamless Marble Patterns (JPG)
![modern fluid non seamless marble v2 patterns](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/39049/image-upload/modern-fluid-non-seamless-marble-v2-patterns.jpg)
![modern fluid non seamless marble v2 patterns](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/1437/posts/39049/image-upload/modern-fluid-non-seamless-marble-v2-patterns.jpg)
![modern fluid non seamless marble v2 patterns](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/1437/posts/39049/image-upload/modern-fluid-non-seamless-marble-v2-patterns.jpg)
Hither nosotros have a collection of marble patterns. Although these patterns are non seamless, they can be a perfect choice to further build your make, web log, social media and other designs with more than detail!
Water Painting Texture Pack Background (AI, EPS, PSD, PNG)
![water painting texture pack background](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/39049/image-upload/water-painting-texture-pack-background.jpg)
![water painting texture pack background](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/1437/posts/39049/image-upload/water-painting-texture-pack-background.jpg)
![water painting texture pack background](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/1437/posts/39049/image-upload/water-painting-texture-pack-background.jpg)
Check out this drove of 20 water ripple upshot Illustrator textures. The textures are fully editable, and you can use them individually or in combination!
Did you like this water ripple Photoshop tutorial? Then you may also like:
-
How to Create Water Furnishings in Photoshop
-
How to Create an Underwater Text Outcome in Photoshop
-
How to Create a Surreal H2o Photo Manipulation in Adobe Photoshop
-
How to Create a Cyberpunk Photoshop Effect Activeness
-
How to Create a Grit Brush in Photoshop
-
How to Create a Sketch Effect Action in Adobe Photoshop
-
How to Create a GTA Photo Issue Activeness in Adobe Photoshop
-
How to Extend a Background in Photoshop
-
How to Make a Melting Glitch Text Issue in Photoshop
-
How to Mirror an Image in Photoshop
How To Add Wave Texture To Water Photoshop,
Source: https://design.tutsplus.com/tutorials/how-to-create-a-seamless-water-ripple-texture-in-photoshop--cms-39049
Posted by: kellylithen.blogspot.com
0 Response to "How To Add Wave Texture To Water Photoshop"
Post a Comment