banner



How To Make Youtube Channel Art With Photoshop

If yous're a YouTuber and you need a banner for your channel, in this tutorial I'll show you how to make a banner in Photoshop. I will evidence y'all ane way of doing it, and so you can apply this file as a YouTube imprint template to adapt to your needs.

And if you want to save time, Envato Elements offers enough of fantastic templates for YouTubers—for banners, thumbnails, and end screens!

Streaming Channel Youtube Banner Template Streaming Channel Youtube Banner Template Streaming Channel Youtube Banner Template

Also exist sure to check out our ultimate guide to YouTube. Learn how to cull a YouTube niche, how to plan your YouTube content, how to grow a following, and more.

What Yous Will Learn in This YouTube Banner Photoshop Tutorial

  • How large is a YouTube banner?
  • How to create your ain YouTube banner template
  • How to brand a banner in Photoshop

Follow along with us over on our Envato Tuts+ YouTube channel:

Tutorial Assets

The following assets were used during the product of this tutorial:

  • Urban center Landscape background
  • A skyscraper in the worm'southward heart view
  • Multiple skyscrapers seen from the street
  • Skyscrapers and trees
  • Snowy mountains
  • URW Gothic L Book Font

How to Make a Banner in Photoshop

Step ane

A YouTube banner has to have specific dimensions—to make certain it will work great on all devices, you should go far 2560 x 1440 px. So outset past creating a 2560 x 1440 px document in Photoshop with the post-obit configuration. Set the Background Fill Color to #333333.

Setting a New Document Setting a New Document Setting a New Document
YouTube banner image size

Pace 2

Add the background and adjust its size. Then Rasterize the layer (correct click > Rasterize layer) and afterwards desaturate the image (Shift-Command-U).

Placing the background in the canvas Placing the background in the canvas Placing the background in the canvas

Footstep iii

Now add a Layer Mask from the Layers panel and employ a Radial Gradient with the Gradient Tool (G) using the front end black color. And so gear up the layer Opacity to 80%.

Applying a mask with gradient fill Applying a mask with gradient fill Applying a mask with gradient fill

Step 4

Permit's create the boxes to place the stock images. Draw a rectangle with the Rectangle Tool (U) and set up the Stroke thickness to 20 px; any fill color will do.

Creating the first portrait with a rectangle Creating the first portrait with a rectangle Creating the first portrait with a rectangle

Step v

Apply a Drop Shadow to the rectangle using the Blending options, using the post-obit values:

Setting the layer style of the rectangle Setting the layer style of the rectangle Setting the layer style of the rectangle

Step 6

Import the kickoff stock prototype and place it over the rectangle. Rasterize the image (Layer > Rasterize > Layer) and and then desaturate the layer (Shift-Control-U).

Placing the first image stock in the portrait Placing the first image stock in the portrait Placing the first image stock in the portrait

Footstep 7

Now create a ClippingMask with the rectangle below (right click > Create Clipping Mask) to enter in the box.

Creating a clipping mask Creating a clipping mask Creating a clipping mask

Step 8

Describe some other rectangle around the frame with a 1 px Stroke thickness (#FFFFFF) and no fill color. Then Group the rectangle, the image, and the frame (Control-G).

Adding final details in the portrait Adding final details in the portrait Adding final details in the portrait

Step 9

Make half dozen copies of the portrait (Command-J) and identify the balance of the stock images in each of the portraits. Then Rotate and place them as shown in the image beneath.

Be certain to frame the images well in the box and to desaturate them.

Duplicating portraits in the banner Duplicating portraits in the banner Duplicating portraits in the banner

Step x

Create a text title chosen "TRAVELCITY" with the Horizontal Type Tool (T) and utilize Bold to the give-and-take "CITY".

Adding a text title Adding a text title Adding a text title

Footstep 11

Take the Pen Tool (P) and describe a 5 px thick frame around the text title, leaving the upper right corner open. Then describe a cross with a Stroke thickness of x px.

Drawing a frame around of the text title Drawing a frame around of the text title Drawing a frame around of the text title

Footstep 12

At present we are going to create a vignette. To do then, create a Gradient layer from the Layers panel using the black color as the forepart, and employ the following settings.

Adding a vignette Adding a vignette Adding a vignette

Congratulations! You're Finished!

And that's it! Now y'all know how big a YouTube imprint is, and how to create it on your own in Photoshop.

YouTube Banner Photoshop Tutorial YouTube Banner Photoshop Tutorial YouTube Banner Photoshop Tutorial

YouTube Imprint Templates & More

If you prefer to use a template for your YouTube imprint, you lot'll find enough of great options on Envato Elements!

Streaming Channel YouTube Banner Template (PSD)

Streaming Channel Youtube Banner Template Streaming Channel Youtube Banner Template Streaming Channel Youtube Banner Template

Streaming is very popular present, so you have to make your banner stand out if you want to concenter viewers to your channel. This set will be perfect for this purpose—the bright colors on blackness backgrounds make these banners pop!

Modernistic YouTube Imprint Template (AI, EPS, PSD)

Modern Youtube Banner Template Modern Youtube Banner Template Modern Youtube Banner Template

This set contains five templates for YouTube banners. Their universal style makes them great for any type of channel, especially if y'all're going for a mod look.

Minimalistic YouTube Banner Template (AI, EPS, PSD)

Minimalistic Youtube Banner Template Minimalistic Youtube Banner Template Minimalistic Youtube Banner Template

If you want to stand up out, these banner templates are truly unique. They're minimalistic, simply that'south exactly their power—everything in them serves a function, and they're clean and to-the-signal.

Neon YouTube Thumbnails (PSD, PDF)

Neon Youtube Thumbnails Neon Youtube Thumbnails Neon Youtube Thumbnails

Enough about banners—if y'all have a YouTube channel, you besides need engaging thumbnails. Envato Elements offers templates for them every bit well! For case, this set is bright and colorful, instantly dragging attention to your content.

Multi Gradients: YouTube End Screens Vol.2 (AI, EPS, JPG, PNG, PSD)

Multi Gradients - Youtube End Screens Vol.2 Multi Gradients - Youtube End Screens Vol.2 Multi Gradients - Youtube End Screens Vol.2

After your video ends, yous tin can brand the viewer more than interested in your content by making your end screen look captivating. This fix of colorful terminate screens will help you achieve this goal!

More than YouTube Tutorials

Want more YouTube banners and other YouTube-related stuff? Check out the following articles:

Source: https://design.tutsplus.com/tutorials/how-to-create-a-youtube-banner-in-adobe-photoshop--cms-28513

Posted by: crabtreelunarned.blogspot.com

0 Response to "How To Make Youtube Channel Art With Photoshop"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel