Fons Mans Profile picture
Jan 28 10 tweets 4 min read
Tutorial thread time! 🧵
Learn how to create posters like this with @figma in a few easy steps.
Let’s dive in👇 Image
Create a new canvas, select a soft bg color and add your personal branding, so you don’t have to make space for it later on in the process. Image
Generate a duotone gradient with one of the cool mesh gradient plugins in the @figma community, try them out and see which one is best for you! I ended up with this result: Image
Split the image up using a mask and give it some corner radius in one of the top corners Image
Add you text in the open space. Looking for inspiration? Check out song lyrics!

Be creative with the type, in both placement and size. I used the @velvetype Minipax font (Free!)

Add small visual elements to give your composition some more detail. Image
Now add some more small visual elements, but this time on top of the generated image — make sure to use your background color for this! Image
Now we’re getting somewhere! Grab the pen tool and create some random shapes that go over the edge of your artboard. Choose a new color for this so it adds some contrast in your composition. Image
Go to effects and blur the new shapes — be generous with the amount! Image
Here comes the magic ✨
Add a new layer that fills the entire artboard, choose a vibrant color and set the blend mode to saturation.

Tip: if you don’t like the look, just play around with the color until you find the one that “clicks”! Image
Add some noise and you’re done!

If you liked this tutorial thread, please retweet it, so others can learn from it as well! 👊✨

- F Image

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Fons Mans

Fons Mans Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @FonsMans

Mar 9
New tutorial thread!

Learn how to make the #AppleEvent iPhone SE wallpaper with @figma in just a few easy steps. (File included!)

Let's dive in 👇 Image
Add a new art board in your preferred phone size and add a rectangle that fills the entire art board.

Next, apply a gradient fill and make sure to give it 7 steps (distribute them evenly) Image
Now, replace each step with colours of your choice. For this example, I used the original wallpapers' colours Image
Read 11 tweets
Feb 13
Learn from the latest Apple, Instagram and Spotify designs!

I’ve recreated their latest campaigns in @figma, ready for you to explore.

These files include all visuals, screens, icons and more.

Let’s jump in 👇🧵
Instgram Playback 2021 figma.com/community/file…
A lil’ preview
Read 11 tweets
Feb 10
Tuturial Thread! 🧵

In this thread, I’ll learn you how to create a poster like the one below⚡️

I’ve used @figma and @Procreate to create it, but you can also use other tools to get the same result.

Let’s get started 👇
Add a new art board and use one of the paper size presets for the poster ratio
Add your backdrop, I’ve used an @unsplash picture, cropped it and set the blending mode to “screen”
Read 17 tweets
Jan 25
Tutorial Thread! 🧵
Learn how to make this poster in @figmadesign. Let’s dive in 👇 Image
Create a new artboard and add a nice background gradient - feel free to choose your own colors! Image
Cut out a model you want to use and add it to the artboard. For fast cutouts you can use remove.bg Image
Read 10 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(