1. Design & Illustration
  2. Social Media

Cómo Crear un Banner para YouTube en Adobe Photoshop

by
Read Time:4 minsLanguages:

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

En éste tutorial, vamos a crear un banner sencillo para un canal de YouTube usando imágenes de stock y herramientas básicas en Adobe Photoshop.

¿Necesitas más inspiración? Consulta los fabulosos Banners para YouTube disponibles en GraphicRiver.

Recursos del Tutorial

Los siguientes recursos fueron utilizados durante la producción de éste tutorial:

Cómo Crear el Banner

Paso 1

Comienza por crear un documento de 2560 x 1440 px en Photoshop con la siguiente configuración. Establece el Color de Relleno del Fondo en #333333.

Setting a New DocumentSetting a New DocumentSetting a New Document

Paso 2

Agrega el fondo y ajusta su tamaño. Luego Rasteriza la capa (click derecho > Rasterizar capa) y subsecuentemente desatura la imagen (Mayúsculas-Comando-U).

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

Paso 3

Ahora agrega una Máscara de Capa desde el panel Capas y aplica un Degradado Radial con la Herramienta Degradado (G) usando el color de frente negro. Luego establece la Opacidad de la capa en 80%.

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

Paso 4

Creemos la cajas para colocar las imágenes de stock. Dibuja un rectángulo con la Herramienta Rectángulo (U) y establece el grosor del Trazo en 20 px; cualquier color de relleno funcionará.

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

Paso 5

Aplica una Sombra Paralela al rectángulo usando las opciones de Fusión, usando los siguientes valores:

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

Paso 6

Importa la primer imagen de stock y colócala sobre el rectángulo. Rasteriza la imagen (Capa > Rasterizar > Capa) y luego desatura la capa (Mayúsculas-comando-U).

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

Paso 7

Ahora crea una Máscara de Recorte con el rectángulo abajo (click derecho > Crear Máscara de Recorte) para que ingrese en la caja.

Creating a clipping maskCreating a clipping maskCreating a clipping mask

Paso 8

Dibuja otro rectángulo alrededor del marco con un Trazo de 1 px de grosor (#FFFFFF) y ningún color de relleno. Luego Agrupa el rectángulo, la imagen y el marco (Comando-G).

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

Paso 9

Haz seis copias del retrato (Comando-J) y coloca el resto de las imágenes de stock en cada uno de los retratos. Luego Rota y colócalas como se muestra en la imagen de abajo.

Asegúrate de enmarcar las imágenes bien en la caja y desaturarlas.

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

Paso 10

Crea un título que se lea "TRAVELCITY" con la Herramienta Texto Horizontal (T) y aplica Negrita a la palabra "CITY".

Adding a text titleAdding a text titleAdding a text title

Paso 11

Toma la Herramienta Pluma (P) y dibuja un marco de 5 px de grosor alrededor del título, dejando abierta la esquina superior derecha. Luego dibuja una cruz con un Trazo de 10 px de grosor.

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

Paso 12

Ahora vamos a crear una viñeta. Para hacer eso, crea una capa Degradado desde el panel Capas usando el color negro como frente, y aplica los siguientes parámetros.

Adding a vignetteAdding a vignetteAdding a vignette

¡Felicidades! ¡Terminaste!

¡Y eso es todo! Hemos creado un banner para tu Canal de YouTube, simple y rápidamente. Espero que lo hayas encontrado útil y utilices lo que aprendiste aquí para tus futuros banners. ¡Espero ver tus resultados!

YouTube Banner Photoshop TutorialYouTube Banner Photoshop TutorialYouTube Banner Photoshop Tutorial

One subscription.
Unlimited Downloads.
Get unlimited downloads