This tutorial shows you how to apply a wavy effect to a banner using highlights and shadows, in the process creating a 3D effect to any object. Explore it now!
This tutorial assumes that you are familiar with the concept of Layers.
(Banner is a combination of Image ID: 2900875 © darrenwhi 123RF.com, 1895796 © Markus 123RF.com and 531921 © Gino 123RF.com)
STEP 1
Next, find an image from 123RF.com (preferably rectangular shaped) and drag it into the canvas.
Resize it so that it is smaller than the canvas. This image should be named Layer 1.
STEP 2
Using the Marquee tool, draw a rectangular box across the canvas. Hold down the SHIFT key and draw several other similar boxes like our example above.
Once done, fill the Marquees with black color.
STEP 3
Set value = 30 (higher or lower, depending on the boxes you have created)
STEP 4
Warp the object using the Warp tool. Go to Edit > Transform > Warp.
Next, drag the points (sides and middle parts) until the desired wave is achieved (when you determine how your wave should look like).
STEP 5
Create a new file (CTRL+N/CMD+N) with the same width and height (1600 x 1600 pixels). Press CTRL+V/CMD+V to paste the distorted Layer 2 on it.
Then, flatten the image (Layer > Flatten Image), and save it as eg. “wave1.psd“. This serves as a displacement map that we will be using later on.
Close “wave1.psd” after saving.
STEP 6
Apply Filter > Stylize > Emboss Set Angle = -147 Height = 20px Amount = 200
You may change the values you see here based on your needs.
STEP 7
STEP 8
Using the warp tool once more, drag the shape according to the waves created. Press theENTER key when desired shape is achieved.
STEP 9
Set Horizontal scale = 5 Vertical scale = -5
Select Stretch to Fit and Repeat Around Edges. You can apply the filter once more by pressing CTRL+F/CMD+F.
STEP 10
Reselect Layer 2 again. Set blending mode = Multiply layer opacity = 30% (depending on how dark the shadows needs to be).
The same displacement can also be added to this layer (CTRL+F/CMD+F), as it adds a bit more depth to the waves.
Step 11
Step 12
Repeat the same step for Layer 2 copy.
STEP 13
Merge them (CTRL+E/CMD+E) and you’re done.
You might want to trim the edges of the final image, add brightness or even explore different blend modes and properties to yield a different outcome.
If you liked our tutorial, feel free to share it with your friends or even bookmark it!