Online PS Tutorial: Create a Beautiful Feather Effect

About 19 min read

Home/ PS Tutorials/ Online PS Tutorial: Create a Beautiful Feather Effect

A single feather can grow out of filters alone. Start with a rectangle, use the Wind filter to fray the edges, Motion Blur to make it look natural, Polar Coordinates to bend it into an arc, then duplicate and flip it to build the whole shape. In Online PS the order of that filter chain matters.

  1. 1. New canvas & fill the background

    Open Online PS (zaixianps.cc), File → New, size of your choice. Then fill the background with black (#000000) using the Paint Bucket (G).

    ① Create a canvas and fill it with black
  2. 2. Draw the base rectangle (the feather’s rough shape)
    • Create a new empty layer (Ctrl+Shift+N).
    • Choose the Rectangle tool (U) and draw a long, narrow rectangle — the width determines how long the feather is.
    • In the options bar set the fill to white (#FFFFFF) and the stroke to none.
    ② A white rectangle (this becomes the feather)
  3. 3. Wind filter → give the rectangle a feather texture

    Menu Filter → Stylize → Wind, choose From the Right. Repeat 2–3 times until irregular “feather strands” appear.

    Tip: press Ctrl+D to deselect after each pass.

    ③ Creating the feather texture with the Wind filter
  4. 4. Motion Blur – make the feather look natural

    Menu Filter → Blur → Motion Blur, with these settings:

    Angle: 0°   // matches the direction of the rectangle
Distance: 80–120 (adjust to the canvas size)

    This step gives the “strands” a slight tilt.

  5. 5. Free Transform (rotate 90°) & move to the bottom

    Use Ctrl+T (Free Transform), type 90° in the top-left corner, confirm, then drag the shape to the very bottom of the canvas with the Move tool.

    ⑤ Rotate 90° and move it down
  6. 6. Polar Coordinates – turn the straight feather into an arc

    Menu Filter → Distort → Polar Coordinates, choose Rectangular to Polar.

    ⑥ Polar Coordinates conversion
  7. 7. Free Transform again & crop the part you need

    Press Ctrl+T again, rotate the feather to the angle you want and fine-tune the distortion (the Warp command in the right-click menu works well). Then select the area you want to keep with the Rectangular Marquee tool.

  8. 8. Invert and delete the excess

    Press Shift+Ctrl+I (or Shift+⌘+I) to invert, then Delete the extra pixels.

  9. 9. Duplicate and flip horizontally – the two-sided base
    • Right-click in the Layers panel → Duplicate.
    • With the copy selected, Ctrl+T → click “Flip Horizontal” in the top toolbar.
    • Move the flipped layer to the other side; the two halves together form the complete feather.
    ⑨ Duplicate and flip horizontally to form the full feather
  10. 10. Draw the quill (rectangle + fill)
    • Still on the same layer, draw a thin long rectangle with the Rectangle tool and place it at the base of the feather.
    • Press Shift+F5 to bring up the Fill panel and fill with white.
    • When done, Ctrl+D to deselect.
    ⑩ Add a white quill to the feather
  11. 11. Merge the layers & Shear to bend the feather
    • Select the two layers (feather body + quill) and press Ctrl+E to merge them into one.
    • Press Ctrl+T once more, right-click → Shear, and adjust the horizontal/vertical slant so the feather curves naturally.
    ⑪ Shear gives the feather a natural curve
  12. 12. (Optional) Add a colour gradient

    If you want to tint the feather:

    • Add another empty layer above the feather layer.
    • Use the Gradient tool (G), pick a gradient you like and drag out a linear or radial gradient.
    • Apply Ctrl+Alt+G (Create Clipping Mask) to the gradient layer so the colour only shows inside the feather.
    ⑬ Add a gradient colour to the feather (optional)
  13. 13. Done! Export your work

    File → Export As → PNG (or JPG), then save.

    If you want to keep editing, save a .psd too (File → Save as PSD) so you can reopen it later.

Tips and common questions

  • The Wind filter shifts pixels in one direction every time it runs. If “breaks” appear, press Ctrl+D to deselect before applying it.
  • If the Motion Blur Distance is too large the feather loses detail; it is better to build it up in several smaller steps.
  • If a “ring” appears after Polar Coordinates, try centring the layer before running the filter.
  • For finer feather texture, run Filter → Stylize → Wind again after step 3, then soften it slightly with Filter → Blur → Gaussian Blur.

References

  • Adobe Photoshop official documentation
  • HTML5 and the principles of modern front-end image processing
  • Online PS
← Back to tutorial list