How to Create a Chill Coffee Poster Design in GIMP

Hi everyone! in today’s tutorial, we will create a coffee poster design in GIMP. Using the perspective tool to create the wooden floor looks and floral texture for the background. You will also learn how to create a gradient text in GIMP.

What you will learn

  • Moving, Scaling, Flipping, and Rotating Object
  • Adding drop shadow Filter
  • Changing Texture color with the layer mode
  • Make text Shear
  • Adding Gradient to Text
  • Create a Perspective
  • Create a Grain Effect

Tutorial Steps

Step 1

Create a document size for standard poster size by going to File > New > Choose A4 Template, then hit OK.

coffee-poster-design-step-1

Step 2

Open the Dark Table texture File > Open as Layers choose the texture And make it Perspective (Shift+P). You can click and drag the handle to change the perspective to make it become floor like then press Enter.

coffee-poster-design-step-2-perspective
coffee-poster-design-step-2

Step 3

Change the foreground color to some chocolate color by clicking the swatches, make it become #260404.

coffee-poster-design-step-3

Step 4

Now we are going to create the gradient. Create new layer first, and name it “Bg”, place the layer below the dark table texture, With Gradient Tool (G), Change the gradient setting for FG to BG (RGB) (make sure the color Chocolate and Black) and the shape to Radial.

coffee-poster-design-step-4

Step 5

Add the Floral texture by going to File > Open as Layers and choose the Floral texture. Place the layer above the Bg Layer and change the layer mode to Dodge. Add curves to make it more Contrast in Colors > Curves, make it up.

coffee-poster-design-step-5
coffee-poster-design-step-5-curves

Step 6

Next, add a layer mask on the dark table texture, Right-click > Add Layer Mask > White (Full Opacity), then click Add.

coffee-poster-design-step-6

Step 7

In the dark table texture, Click the Paintbrush Tool (P), and Click the Swatches Arrow to make it default the black and white color. Brush the Dark table texture to give some transparency effect like this:
Note : make sure the black color in foreground.

coffee-poster-design-step-7

Step 8

Add the Coffee Images by going to File > Open as Layer and choose the Coffee. You can scale it down by pressing Shift +S. Create a new layer for the shadow, place it below the Coffee, and with the Paintbrush tool (P) again, you can change the brushes’ size and the hardness. Then just brush it.

coffee-poster-design-step-8

Step 9

The next thing to add the Coffee beans in File > Open as Layers and choose the Coffee beans png. Give some drop shadow effect in Filter > Light and Shadow > Drop Shadow. Click the Chain Icon to unlink the X & Y, so you are free to place the shadow; adjust the Blur Radius, and Opacity. Add Curves to make it more contrast.

coffee-poster-design-step-9
coffee-poster-design-step-9-curves

Step 10

Add the Sack of Coffee Beans in File > Open as Layers and Choose the Sack of Coffee Beans png. Press Shift+F to flip the images and give the Drop Shadow and Curves to make it more contrast. Now, here’s the important thing to match all the colors with entire images with Colors > Hue and Saturation and adjust the setting until it looking the same tone color.

Note: Try to adjust the color setting in Colors Menu, the Color BalanceColor Temperature, and Shadow-Highlights to match the color (Color Grading). It’s a Really Important thing when you do Photo Manipulations.

coffee-poster-design-step-10

Step 11

Add some text by clicking Text Tool (T) I’m using Bebas Neue font you can download in the Tutorial Assets section. And make it Shear with Shear Tool (Shift+H).

coffee-poster-design-step-11

Step 12

Create a gradient text effect with Gradient Tool (G) again; change the shape to Linear and the Color to #e6ce78 for the foreground, #e0ce20 for the background. Right-click on the Coffee text Layer > Alpha to select drag the Gradient to the text. After that, deselect it in Select > None. Add more text and o the same thing.

coffee-poster-design-step-12
coffee-poster-design-step-12-deselect

Step 13

Add more drop shadow for the text in Filter > Light and Shadow > Drop Shadow to give more Realism.

coffee-poster-design-step-13

Step 14

Add the Lens Flare effect File > Open as Layer and choose Lens Flare png. Press Shift+S to scale and Shift+R to rotate a little and change the Layer Mode to Screen. Create a new layer and name it “Overlay“. Then change the layer mode to Overlay. Then brush it with a Paintbrush (P) tool with some yellow color.

coffee-poster-design-step-14

Step 15

For the Coffee bean particles png, open it with File > Open as Layers and select one Coffee Bean with the rectangle tool, make it separate with Float in Select > Float. It will create a Floating Selection, then click the Create new layer icon to apply. Repeat this method to make all Coffee Bean particles have their own layers so you can move them freely.

coffee-poster-design-step-15
coffee-poster-design-step-15-float

Step 16

Give Linear motion blur effect for each Coffee Bean particle in Filter > Blur > Linear Motion Blur. Adjust the Curves too to make it more contrast.

coffee-poster-design-step-16

Step 17

The last thing, add the Smoke to give an emotional effect to the viewer with File > Open as Layers and choose the smoke png then turn down the opacity.

coffee-poster-design-step-17

Your Design is Ready!

Easy, Right? I hope you can learn how to create this design with the Layer mask effect, Layer Mode, and the Object to match the color in GIMP. It’s Really Important to match the color of images to the canvas when you do Photo Manipulation.

Coffee-poster-zakeydesign.com

Tutorial Assets

Credits

5 Comments

  1. I cannot thank you enough for the article post. Much thanks again.

  2. Parbriz auto BMW Seria 6 Gran Coupe F06 2017
    Parbriz auto BMW Seria 6 Gran Coupe F06 2017

    I really like your blog.. very nice colors & theme.
    Did you create this website yourself or did you hire someone to
    do it for you? Plz answer back as I’m looking to construct my own blog and
    would like to find out where u got this from.

  3. Generally I do not read post οn blogs, however I wish to
    say that this write-up very pressured me tо try and
    do so! Your writing taste hаs been surprіsed mе. Tһɑnk
    yoս, very great poѕt.

  4. We are a group of volunteers and opening a new scheme in our community.
    Your site provided us with valuable info to work on. You’ve done an impressive job
    and our entire community will be thankful to
    you.

Leave a Reply

Share via
Copy link