How to make a Grid-like YouTube Channel Layout in Gimp


How to Make a Grid Like YouTube Channel Layout in Gimp

Series: Gimp101

Hello and Welcome. In this tutorial I will show you how you can make a nice grid like image in gimp, like the one you see in the image above. So, let’s get started.
First of all download a template that I made and open it. You can download the template from HERE. After opened it, you should see something like this:

Ok so after you opened the template, select the Background layer and make a new layer by clicking on the little page icon that says “Create a new layer and add it to the image” or by going to “Later-New Layer” or Shift+Ctrl+N.

Now go to “Filters-Render-Clouds-Solid Noise” and keep the default settings and click Ok. Now you should have something like this:

Now go to “Filters-Blur-Pixelize” and use the following settings:

Now you should have something like this:

Now set this layer mode to “Overlay”.

Now you should have something like this:

Now duplicate this new layer by right clicking on it and select “Duplicate Layer” or by going to “Layer-Duplicate Layer” or Shift+Ctrl+D. Now you should have something like this:

Ok now go to “Filters-Edge Detect-Edge” and use the following settings:

Now you should have something like this:

Now go to “Colors-Color to Alpha” a window like this one should pop up:

Now click on that big white box that is between From: and to alpha and select Black.

Now click Ok and you should have something like this:

Ok now go to “Filters-Light and Shadow-Drop Shadow” and use the following settings:

Click Ok and you should have something like this:

Now select the “More Boxes” layer, right click on it and choose “Alpha to Selection”. Now make a new layer and put it bellow the More Boxes layer.

Now, with the new layer selected, go to “Select-Grow” and grow the selection by 1.

Now take the “Bucket Fill Tool”, make sure that the Foreground Color is Black and paint. Now you can go to “Select-None” to get rid of that selection. Now right click on the “More Boxes” layer and click “Merge Down” to merge the layer with the freshly made layer. Now set this layer mode to “Overlay” and duplicate this layer. Now you should have something like this:

Ok, now select the “Box 4” layer, right click on it and choose “Alpha to Selection” to make a selection around the shape.
Now take the “Gradient Tool”, set the Foreground Color on White and the Gradient to “FG to Transparency” and stroke like this(for a good stroke zoom in):

Now you should have something like this:

Now set this layer mode to “Overlay”. Now you should have something like this:
Now we are going to repeat the same process for all the remaining shapes. So now select the “Box 5” layer, right click on it and choose “Alpha to Selection” and with the “Gradient Tool” selected and all the other settings the same(Foreground Color on White, FG to Transparency for Gradient), stroke like this:

Now set this layer mode to “Overlay” and you should have something like this”

Do the same steps for all the remaining shapes (Box 6 and 7). So after you made all the required steps for the other shapes you should have something like this:

Ok now select the “Box 7” layer, right click on it and choose “Add Layer Mask” and a Add Layer Mask window should pop up. Make sure that “White(full opacity) is checked and click Add. So now the Box 7 layer should look like this:

Make sure that the second square is selected, make sure that you have the “Gradient Tool”, change the Foreground Color on Black and make sure that the gradient is FG to Transparency and stroke like this:

And now stroke again like this:

And stroke again like this:

Now you should have something like this:

You will have to stroke from different distances untill you will make a continous end so it will go with the background.
Now take the “Gradient Tool”, set the Foreground Color to Black and with the same settings as before(FG to Transparency as the gradient), make a new layer above all the other layers and stroke like this:

Now you should have something like this:

Ok now take the “Text Tool”, select what font you want, I will use the font called “Square Chalk” that you can download from HERE, set the Foreground Color on Black and write your text.

Now go to “Layer-Transform-Rotate 90 degrees counter-clockwise”.

Now take the “Move Tool”, mak sure that “Move the Active Layer” is selected and move the text layer like me:

Now go to “Filters-Light and Shadow-Drop Shadow” and keep the settings that we had earlier and click Ok. Now you should have something like this:

Now Right Click on the text layer and click “Alpha to Selection”. Now select the “Drop Shadow” layer that is bellow the text layer and press Del. Then select the text layer again and set the layer mode to “Overlay”. Now you can go to “Select-None”.
Now you should have something like this:

Now you are done with doing the background. Now you need to save this image as a JPEG image with .jpg extension at the end and save it with 85 as the quality because you will need to save it with a size of max 256 KB because this is the maximum size allowed for a YouTube channel background.
Now go to the YouTube channel, click on the name of your channel and go to “My Channel”.

Now you should see a bar above your channel with some buttons. Click on “Themes and Colors” and then click on “show advanced options”.

Now change the settings according to this image:

Then Click “Save Changes” and you are done!
Here is my channel with a background similar to the one that you made today:

Now you are DONE! Thanks for reading and see you next time.
God Bless You!

A Gimp101 Tutorial

Advertisements

One Response to How to make a Grid-like YouTube Channel Layout in Gimp

  1. Youre so cool! I dont suppose Ive learn anything like this before. So good to seek out somebody with some original ideas on this subject. realy thanks for beginning this up. this web site is something that’s needed on the web, someone with a little originality. helpful job for bringing something new to the web!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: