I have from time to time wanted to make an object, like a flag appear to be waving or otherwise in motion. I recently bumped into an online tutorial aimed at exactly this task. So, I of course wanted to try it out and figured I should post about the process for future reference.
The tutorial is on YouTube -- Photoshop Tutorial: How to Make Your Own Waving Flag
I'll be keeping my notes on the process on this posting.
The video uses two PSD files as a starting point. Links to his samples follow:posted on Reddit. for a flat flag, that looks like this:
Ultimately, I want to be able to show the flag, blowing in the wind against a cloudy sky appropriate for the joyless land of Barovia.
Modifying Flag Template
My first change is to delete the layers provided by the OP for creating the flag. I'll not need them as I am using the image shown above instead as my flag design.
I'll delete the following layers and ignore the OP's references to them.
- Layer 11
- Layer 6
Saving the Displacement Map
- Make DISPLACEMENT layer visible (click on the eye icon),
- Click on the thumbnail to make it the active layer,
- Save the layer: File, Save As..., and name it DISPLACEMENT.psd
Skip OP's Text Creation
Apply a Texture Effect to the Flag Graphic
- Hide all the layers except those that define the flag image
- If more than one layer defines the flag, combine them by selecting them all and using Cmd-Shift-Opt-E to create a flattened composite of the visible layers.
- Go to Filter, Filter Gallery, Texture and pick Texturizer
- Adjust filter as desired. Settings I used: Texture - Canvas, Scaling - 50%, Relief - 2, Light - Top
- Commit the change with an OK.
Add Displacement Effect
- Select Filter, Distort, Displace...
- Set Horizontal and Vertical scales to 5, Displacement Map - Stretch to Fit, Undefined Areas - Repeat Edge Pixels
- Click OK
- Select the DISPLACEMENT PSD file created earlier and accept it.
- Make the hidden Displacement layer visible and active
- CMD Click on the thumbnail of the distorted flag to make a selection of its shape
- Make a layer mask on the displacement layer from the selection (click the mask icon)
- Click on the thumbnail of the DISPLACEMENT layer to make it active
- Change the blend mode from Normal to Hard Light
- Decrease opacity to taste, maybe 67%
- Make a composite snapshot of the flag and displacement layers (Cmd-Shift-Opt-E), feel free to hide the other layers.
Hang Flag on Flagpole
- Copy the image layer to the flag pole image using technique of your choice
- Make sure the Pole layer is above the flag layer
- Make sure your flag layer is open and use the Free Transform (⌘T) tool to resize the flag layer so that the corners nearest the flag pole are in the right place.
- Now, and this will seem silly, flip the flag by clicking: Edit, Transform, Rotate 180 degrees, finally hit return to accept the change.
- Distort the flag by clicking: Filter, Distort, Wave...
- Set the Wave menu options as desired. I used (selections unlikely to be useful to change in bold): Number of Generators - 1, Wavelength - Min 10 & Max 298, Amplitude - Min 5, Max 35, Scale 100%, Type - Sine, Undefined Areas - Repeat Edge Pixels
- Click OK to accept wavey flag
- Flip the flag again: Edit, Transform, Rotate 180 degrees, hit return to accept the change.
Add A Bit of Droop (Optional)
Reduce the Opacity of the Flag
Add a bit of Apparent Thickness to the Flag
- Double click on the Flag's thumbnail to open its Layer Style dialog
- Click Bevel & Emboss
- Set the size to 1 pixel, Highlight mode to Soft Light, Shadow Opacity to 30%
- Click OK to apply the effect.
Add Some Perspective
- Select the Pole, Flag and any other layers.
- Click on: Edit, Transform, Perspective...
- Drag a bottom corner out (e.g. left corner to the right) to add perspective effect