Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Social Media
Design

Como Criar um Banner para o YouTube no Adobe Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:

Portuguese (Português) translation by Wesley Sales (you can also view the original English article)

Final product image
What You'll Be Creating

Neste tutorial, nós vamos criar um banner simples para um canal do YouTube usando algumas imagens e as ferramentas básicas do Adobe Photoshop.

Precisa de mais inspiração? Dê uma olhada nos incríveis Banners para o YouTube disponíveis no GraphicRiver.

Arquivos do Tutorial

Os seguintes arquivos foram utilizados durante a produção deste tutorial:

Como Criar o Banner

Passo 1

Comece criando um documento de 2560 x 1440 px no Photoshop com as seguintes configurações. Defina a Cor de Preenchimento do Fundo (Background Fill Color) para #333333.

Setting a New Document

Passo 2

Adicione o fundo e ajuste seu tamanho. Em seguida, Rasterize a camada (Botão Direito do Mouse > Rasterizar Camada) e logo depois remova a saturação da imagem (Shift-Command/Ctrl-U).

Placing the background in the canvas

Passo 3

Agora adicione uma Máscara de Camada (Layer Mask) a partir do painel de Camadas (Layers) e aplique um Degradê Radial com a Ferramenta Degradê (G) usando a cor preta da frente. Em seguida, defina a Opacidade da camada para 80%.

Applying a mask with gradient fill

Passo 4

Vamos criar as caixas em que vamos colocar as imagens. Desenhe um retângulo com a Ferramenta Retângulo (U) e defina a espessura do Traçado para 20 px; qualquer cor de preenchimento irá servir.

Creating the first portrait with a rectangle

Passo 5

Aplique uma Sombra Projetada (Drop Shadow) ao retângulo usando as Opções de Mesclagem (Blending Options), usando as seguintes configurações:

Setting the layer style of the rectangle

Passo 6

Importe a primeira imagem e coloque-a sobre o retângulo. Rasterize a imagem (Camada > Rasterizar > Camada) (Layer > Rasterize > Layer) e em seguida remova a saturação da camada (Shift-Command/Ctrl-U).

Placing the first image stock in the portrait

Passo 7

Agora crie uma Máscara de Corte (Clipping Mask) com o retângulo abaixo (Botão Direito do Mouse > Criar Máscara de Corte (Create Clipping Mask)) para mascarar a imagem na moldura.

Creating a clipping mask

Passo 8

Desenhe outro retângulo em volta da moldura com a espessura de Traçado de 1 px (Stroke) #FFFFFF e sem cor de preenchimento. Em seguida, Agrupe o retângulo, a imagem e a moldura (Command/Ctrl-G).

Adding final details in the portrait

Passo 9

Crie seis cópias do retrato (Command/Ctrl-J) e coloque o resto das imagens em cada um dos retratos. Em seguida, Rotacione-os e coloque-os como mostrado na imagem abaixo.

Certifique-se de enquadrar bem as imagens na moldura e de remover a saturação delas.

Duplicating portraits in the banner

Passo 10

Crie um título chamado "TRAVELCITY" com a Ferramenta Texto Horizontal (T) e aplique um Negrito (Bold) na palavra "CITY".

Adding a text title

Passo 11

Pegue a Ferramenta Caneta (P) e desenhe uma moldura grossa de 5 px em volta do título, deixando o canto superior direito aberto. Em seguida, desenhe uma cruz com a espessura de Traçado (Stroke) de 10 px.

Drawing a frame around of the text title

Passo 12

Agora nós vamos criar uma vinheta. Para fazer isso, crie uma camada de Preenchimento de Degradê (Gradient Fill) do painel de Camadas (Layers) usando a cor preta como cor do primeiro plano e aplique as seguintes configurações. 

Adding a vignette

Parabéns! Você Terminou!

E é isso! Nós criamos um banner para o seu canal do YouTube, de forma simples e rápida. Eu espero que o tutorial tenha sido útil e que você use o que aprendeu aqui em seus futuros banners. Eu gostaria de ver também os seus 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.