Creating a Wonder Woman 1984 Poster Effect in Photoshop

“Now I look at this and I think Chrome, Displace, Glass, Wave, all contained in the Filter menu, Photoshop’s very own Drake Passage of digital treachery.”
—Deke, aboard the Plancius, somewhere in the infamous Drake Passage

Greetings, dekeAtrosses. This week’s Deke’s Techniques features Deke aboard the M/V Plancius as we make our way across the Drake Passage from Antarctica back to Cape Horn. This week, Deke is photobombed by some petrels who actually live out here in this giant, treacherous space of the Southern Ocean. It’s amazing to think about how they survive at sea.

Deke with holds up this week's project while crossing the Drake


What better place to discuss the backdrop for another superhero, Wonder Woman? In an attempt to emulate the backdrop of “Wonder Woman 1984” (a movie that has now been postponed until August due to COVID-19 pandemic).

Deke starts with this image from our friends at Dreamstime.com:

A colorful file from Dreamstime.com ID#156168788


He intrepidly applies a bunch of filter effects from the sometimes mysterious, sometimes dangerous Filter menu in Photoshop, including Chrome, Displace, and Glass, to create the W-infused pattern you see up top.

If you’re a member of LinkedIn Learning, then Deke’s got an exclusive movie this week in which he shows you how he created the displacement map file he uses to make the zig zag pattern.

A black and white zig-zag pattern to be used as a displacement map in Photoshop


If you’d like to try this one, I’ve attached the exercise files down below.

Deke’s Techniques, bringing the wonder week after week.

Related downloads

  • DT 888 Exercise File
  • DT 889 Displacement Map

Next entry:Deke’s Techniques Classic: Cloning Yourself in Photoshop

Previous entry:Drawing a 3D Metal Star in Adobe Illustrator

Comments

  • Looks like a great technique, Deke. Unfortunately, the Filter Gallery… application is not operational on my Photoshop 2020 application under Windows 10—at all. (Yes, I have a recognizable graphics card, etc, and nothing is grayed out.) Not just Chrome under Sketch, but every filter in the gallery is non-functional. All other filters seem to be working. I have alerted Adobe. And once this is taken care of, I’ll give this technique another shot, so, please, don’t remove it.
  • Turns out that the eye that turns on the filter preview (and also applies the Chrome filter in the Filter Gallery… ) was off. I’m working on a new laptop until my PC can be repaired and it’s easy for more than one finger to access the touch-pad at one time (I write essays, stories, etc, and the cursor is forever jumping around and wreaking havoc—i.e., deleting words or moving whole sentences, etc). Since turning off the eye has never happened before (except on purpose), there’s no doubt a stray finger accidentally turned it off.
  • Well said. Whether it’s a Gander, Drake or Rooster Passage of computerized foul play or a modern version of Isaac Asimov’s “I, Robot,” surely enough time has passed whereby the easily destroyed 64K to 80K 8” floppy discs, input/output difficulties, and other problems should have been surmounted and even solved. Life behind a monitor should be much easier than it was in days of yore instead of having to continue trudging our way through a computerized labyrinth of lost souls.
  • The ramp up time on a new/different computer cannot be underestimated.
  • Nonetheless, we digress. There is always something to be learned about the items under the Filter menu, and, thankfully, the Dekester is here to teach them.  His #889 Technique at LinkedIn, for instance, turned out to be a little more informative about the inner workings of Photoshop than #888 above—so far.  I can’t wait to see how this project finally comes together.

Share your feedback, work, homages, questions, wisecracks, advice, critiques, riffs, derision (within reason), frustrations, and love of all things graphical. Log in (or register) to lend your voice.