Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Social Media
Design

Cómo Crear un Banner para YouTube en Adobe Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final 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 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 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 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 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 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 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 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 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 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 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 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 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 Tutorial

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.