Hello Everyone,
How's going? This week we are turning regular portraits into retro graphics. Anyone with a Figma account can make this stunning graphic with nothing but photopea plugin.
Ha, yes, I am cheating here. You can use photoshop right inside Figma, anything you can achieve in photoshop, I bet you can do it with this plugin.
Let's use it to its advantage, here we go!
LEARN DESIGN
Want to create a striking halftone effect for your portraits? Let’s break it down with the help of Photopea and the Gradient Map plugin!
🎁 Grab your starter file here and follow along!
Video Tutorial is linked below.
Step 1 - Set the scene
Choose a clear image that’s easy to remove the background from.
Remove the backgrounds using Figma built-in feature
Add a solid white background layer under each image
Open filter/ effects plugin and apply grayscale
Export all your greyscale images to streamline the process except for the first image. You will thank me later.😏
Apply grayscale in filter/effect plugin.
Step 2 – Apply halftone effect
Select the first image and open Photopea plugin
Add adjustment layer (level and curves) to increase the contrast and lower the intensity of the highlight and shadow.
Add a solid white color layer and apply "Halftone" in filter gallery, choose from dots, lines, or circles for your halftone pattern
Set this fill layer blend mode to "multiply
Adjust the threshold and levels to bring out the details and refine the effect
Apply curves, levels, halftone filters and threshold.
Step 3 – More texture
For a more textured look
Turn all layers into smart object and open filter gallery again.
Apply a grain texture and use the stamp effect to smooth out harsh patterns and achieve a balanced finish
Export this imagery.
Apply grain texture and stamp effect in filter gallery.
Step 4 – Repeat and export
Repeat the process for other portraits
Click into the smart object
Open and place the exported imagery
Adjust details as you needed
Cmd+S to update the smart object.
And export all the imagery.
Go into smart object and import previously exported portrait imagery.
Step 5 – Final touch
Bring them back to Figma, and use blend mode for typical placement
For advanced coloring, try using Gradient map plugin for more customized, nuanced color transitions
Apply gradient map to the imagery for advanced coloring.
Step 6 – Tada!
Your halftone portraits are ready! This technique adds uniform visual interest to your project
End results of 3 halftone-patterned portraits.
Thanks for reading!
If the design tips saved you time or gave you an idea, share this email to a friend who’d love it too. They can join here for free!
New here? Subscribe to get next week’s design shortcut
P.S. Got a design problem you’d like me to cover? Just hit reply — I read every message.