How to Create Stunning Album Cover Design in GIMP

Create an urban cover art design with GIMP inspired by the streetwear design concept. In this tutorial, we are going to put some elements like text, texture, and torn effect.

What you will learn

  • Moving, Scaling and Rotating Object
  • Adding Texture
  • Creating Stroked Text Effect
  • Create Linked Layer
  • Create Grain Effect
  • Make Circle Text Effect
  • Create a Torn Paper Effect

How to Install Brushes in Gimp

Linux

Locate to home folder, and show hidden files. and you see .config folders. place the brushes to this location folders :

.config/GIMP/2.10/brushes

Windows

Local Disk (C:)/Program Files/GIMP 2/share/gimp/2.0/brushes/

Restart GIMP to load the New Brushes.

Tutorial Steps

Step 1

Create a new document size for standard social media post template design in File > New and type the width and height 1080 x 1080px. 

urban-cover-art-step-1

Step 2

Fill the background with black color, click Bucket Fill Tool (Shift+B) and choose the swatch to black for the foreground, then click on the canvas.

urban-cover-art-step-2

Step 3

Open the texture file in File > Open as Layers and choose the texture—Press Shift+S to scale. Change the Layer Mode to Grain Extract and turn down the opacity and adjust the curves with Colors > Curves.

urban-cover-art-step-3

Step 4

Next open the picture with File > Open as Layers and choose the picture, place the layer below the textures.

urban-cover-art-step-4

Step 5

Type some text with Text Tool (T) using Montserrat Bold Italic, and Give some Pink color #ff27ad.

urban-cover-art-step-5

Step 6

Now we are going to make the stroked text effect, first duplicate the text layer and move it down with Move Tool (M) then in Select > Shrink input number by 2px. While in selection, press Delete button.

urban-cover-art-step-6
urban-cover-art-step-6-shrink

Step 7

Make it become with color with Colors > Curves make it until it becomes white. And do the same one more time.

urban-cover-art-step-7

Step 8

Add text in the left corner of the canvas press Enter to break the line. You can adjust the line spacing too.

urban-cover-art-step-8

Step 9

Add the ruler by dragging it from the Side Left to make it same line with previous text and drag it with Move Tool (M) it will automatically snap. Turn off the guides line in Views > Show Guides.

urban-cover-art-step-9-ruler

Create a rectangle shape but first create a new layer for Rectangle, with Rectangle Select Tool (R) and fill the color in Edit > Fill with BG Color (make sure background color in white).

urban-cover-art-step-9

Don’t forget to deselect in Select > None.

urban-cover-art-step-9-deselect

Step 10

Create a new text and rotate it by pressing Shift+R you can hold Ctrl+Shift while rotating to make 15-degree increment. And duplicate the text into four layers. Do the same method in Step 6-7.

urban-cover-art-step-10

Step 11

Move the “New Release” text to the right a little by linking all text and with Move Tool (M) just drag it.

urban-cover-art-step-11

Step 12

Create a circle text with the Ellipse Select Tool (E) press Ctrl+Shift while dragging to make a proportional circle.

urban-cover-art-step-12-ellipse-select

Go to Select > To Path. On the Paths tab, you will see the new selection created. Deselect it in Select > None (Shift+Ctrl+A).

urban-cover-art-step-12

Step 13

Type a text for the circle text later with Text Tool (T) and on the Text layer, Right-click > Text Along Path.

Note: If the text overlapping from the circle, you can undo it (Ctrl+Z) and try to resize the text again.

urban-cover-art-step-13-text-along-path

urban-cover-art-step-13

Step 14

Create new layer and name it “Circle Text”. On the Circle Text layer, move to the Paths Tab, Right Click > Path to Selection then Edit > Fill with BG Color.

urban-cover-art-step-14
urban-cover-art-step-15-edit-fill-with-bg-color

Step 15

Create new layer name it “Circle Stroke”.

urban-cover-art-step-15

Step 16

On the Circle Stroke layer, move to the Paths Tab, Right Click > Stroke to Path then choose Solid color and make the line width by 2px, then click stroke (make sure foreground color in white).

urban-cover-art-step-16

Step 17

Erase the overlapping circle with Eraser Tool (Shift+E).

urban-cover-art-step-17

Step 18

Add the Globe png File > Open as Layers and place it to the center of the circle text, press Shift+S to scale and you can change the color to white in Colors > Invert.

urban-cover-art-step-18-add-globe

Step 19

Add the duct tape png File > Open as Layers, scale it down with Shift+S and change the layer mode to Pin Light.

urban-cover-art-step-19

Step 20

Next, we will give the torn paper brush effect with Paintbrush Tool (P) Create a new layer for the torn paper and change the brush to Torn Paper, Change the Angel as well to rotate the brush.

urban-cover-art-step-20-brush

Use Eraser Tool (Shift+E) to create variations.

urban-cover-art-step-20-eraser
urban-cover-art-step-20

Step 21

Add the barcode png in File > Open as Layers then scale it down Shift+S use Eraser Tool (Shift+E) to create torn effect. You can rotate the brush angle to create something like this:

urban-cover-art-step-21

Step 22

Last thing, add the grain effect create new layer for the grain. Change the layer mode to screen, then with Bucket Fill (Shift+B) fill with black color then in Filter > Noise > HSV Noise. If it too much, you can reduce the opacity.

urban-cover-art-step-22-finished

Urban Cover Art is Ready!

That’s it! I hope you learn how to create this Urban looking poster concept with GIMP. In my opinion, this art is focus using many elements, like text, the duct tape, barcode, texture, grain effect and torn paper effect. You can add parental advisory sticker and hologram sticker png to increase the dopeness!

urban-cover-art-zakeydesign.com

Tutorial Assets

Credits


Share via
Copy link
Powered by Social Snap