{"id":1504,"date":"2022-07-25T21:23:45","date_gmt":"2022-07-26T00:23:45","guid":{"rendered":"https:\/\/fariart.com.br\/blog\/?p=1504"},"modified":"2023-05-04T12:29:26","modified_gmt":"2023-05-04T15:29:26","slug":"como-criar-thumb-funcional-para-canal-do-youtube","status":"publish","type":"post","link":"https:\/\/fariart.com.br\/blog\/como-criar-thumb-funcional-para-canal-do-youtube\/","title":{"rendered":"Como criar thumb funcional para canal do YouTube"},"content":{"rendered":"\n

Depois de todo o trabalho para criar o v\u00eddeo, ainda tem o trabalho de que criar a thumbnail. Hoje vim te passar 6 dicas de como criar thumb funcional para YouTube<\/strong> e onde posicionar as informa\u00e7\u00f5es sem que sejam cobertas por elementos das plataformas.<\/p>\n\n\n\n

Manter um canal do YouTube d\u00e1 trabalho em todos os sentidos. Fora o trabalho de gravar, tem pesquisa, planejamento, roteiro, edi\u00e7\u00e3o, vinheta, cortes, ajuste de \u00e1udio, finaliza\u00e7\u00e3o e, finalmente, o render. S\u00f3 que, quando voc\u00ea vai subir o v\u00eddeo, percebe que ainda falta criar a thumbnail.<\/p>\n\n\n\n

\"Como
Foto: StockSnap<\/a><\/figcaption><\/figure>\n\n\n\n

Por isso, vamos te dar 6 dicas para criar uma thumb funcional<\/strong>. No final do post tem um arquivo do Photoshop para que voc\u00ea possa usar como base para padronizar suas thumbs e facilitar esse processo nos seus pr\u00f3ximos v\u00eddeos.<\/p>\n\n\n\n

1. Conhe\u00e7a seu nicho<\/h2>\n\n\n\n

N\u00e3o copie canais que n\u00e3o tenham a ver com o seu. Conhe\u00e7a o seu p\u00fablico e procure saber o que funciona em canais parecidos com o seu.<\/p>\n\n\n\n

Quais fam\u00edlias de fontes funcionam com o seu p\u00fablico? Quais cores? Quais elementos gr\u00e1ficos? Qual tipo de imagem chama a aten\u00e7\u00e3o do seu p\u00fablico?<\/p>\n\n\n\n

Exemplo:<\/h3>\n\n\n\n

Abaixo temos um take curto. Pegamos um frame desse take<\/strong> para criar diferentes thumbs para que voc\u00ea perceba a diferen\u00e7a entre cores, fontes e elementos:<\/p>\n\n\n\n

V\u00eddeo: Godisable Jacob<\/a><\/strong><\/figcaption><\/figure>\n\n\n\n

Fonte<\/h3>\n\n\n\n

A fonte \u00e9 o estilo de letra que voc\u00ea vai escolher de acordo com o seu p\u00fablico.<\/p>\n\n\n\n

\n
\n
\"Como
Fonte com Serifa<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"Como
Fonte sem Serifa<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"Como
Fonte Decorativa<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

Elementos<\/h3>\n\n\n\n

Elementos s\u00e3o formas que voc\u00ea usa nos espa\u00e7os vazios para destacar algo.<\/p>\n\n\n\n

\n
\n
\"Como
Cor s\u00f3lida<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"Como
Efeitos<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"Como
Elemento atr\u00e1s da foto<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

Estilos<\/h3>\n\n\n\n

Alguns exemplos de montagens que s\u00e3o bastante usados para chamar aten\u00e7\u00e3o nas thumbnails<\/strong>.<\/p>\n\n\n\n

\n
\n
\"Como
Fundo limpo<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"Como
Destaque na pessoa<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"Como
Fundo carregado<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

2. Mantenha um padr\u00e3o<\/h2>\n\n\n\n

Deixe salvo um arquivo com a mesma fonte<\/strong> e com o mesmo posicionamento para padronizar seus v\u00eddeos. Mantenha uma identidade visual<\/strong> para que seu p\u00fablico reconhe\u00e7a seu v\u00eddeo no meio de muitos.<\/p>\n\n\n\n

\n
\n
\"Como
Frame do v\u00eddeo acima<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"Como
Foto: Christina Morillo<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"Como
Foto: Rafael Barros<\/a><\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

3. Menos texto, por favor<\/h2>\n\n\n\n

Evite escrever um par\u00e1grafo inteiro na thumb, ningu\u00e9m vai se esfor\u00e7ar para ler. Quanto menos palavras e maior a fonte, melhor.<\/p>\n\n\n\n

\n
\n
\"Como
Exemplo do que voc\u00ea n\u00e3o deve fazer<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"Como
Exemplo de como ir direto ao ponto<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

4. Fuja do canto inferior<\/h2>\n\n\n\n

Com certeza voc\u00ea j\u00e1 viu thumbs onde os minutos estavam cobrindo alguma informa\u00e7\u00e3o que voc\u00ea queria ler. Isso acontece porque a mesma thumb \u00e9 exibida em diferentes dispositivos e plataformas, e voc\u00ea precisa se preparar para que a sua thumb seja “responsiva”.<\/p>\n\n\n\n

\n
\n
\"Como
Google Search<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"Como
Google aba de V\u00eddeos<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"Como
YouTube relacionados<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

5. Posicione os elementos nos lugares certos<\/h2>\n\n\n\n

Tendo refer\u00eancia de como o v\u00eddeo aparece no Google Search<\/strong>, na aba de v\u00eddeos do Google<\/strong> e no YouTube<\/strong> (imagens do t\u00f3pico anterior), sabemos melhor onde posicionar as informa\u00e7\u00f5es.<\/p>\n\n\n\n

\n
\n
\"Base
Base para criar a thumb (dispon\u00edvel para download)<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"Como
Onde posicionar as informa\u00e7\u00f5es<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

A forma ideal de posicionar as informa\u00e7\u00f5es \u00e9 conforme o exemplo acima, com o texto alinhado \u00e0 esquerda e a foto posicionada \u00e0 direita. Abaixo voc\u00ea pode observar o exemplo na pr\u00e1tica:<\/p>\n\n\n\n

\n
\n
\"Como
Foto: StockSnap<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"Como
A mesma foto na thumb<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n
\n
\"Como
Thumb pronta<\/figcaption><\/figure>\n<\/div>\n\n\n

Agora vamos testar a thumb nas 3 exbi\u00e7\u00f5es diferentes para ver se todas as informa\u00e7\u00f5es ficam leg\u00edveis:<\/p>\n\n\n\n

\n
\n
\"Como
Thumb no Google Search<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"Como
Thumb na aba de V\u00eddeos<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"Como
Thumb nos relacionados<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

6. T\u00edtulo n\u00e3o \u00e9 na thumb<\/h2>\n\n\n\n

T\u00edtulo \u00e9 no t\u00edtulo! Na thumb voc\u00ea escreve algo para complementar o t\u00edtulo ou para chamar a aten\u00e7\u00e3o da pessoa, n\u00e3o o contr\u00e1rio.<\/p>\n\n\n\n

Se poss\u00edvel, evite escrever exatamente a mesma coisa no t\u00edtulo e na thumb.<\/p>\n\n\n\n

\n
\n
\"Como
Exemplo de informa\u00e7\u00e3o repetida<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"Como
Exemplo de como n\u00e3o repetir informa\u00e7\u00e3o<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

Baixe o arquivo…<\/h3>\n\n\n\n

O arquivo PSD<\/strong> est\u00e1 dispon\u00edvel para download:<\/p>\n\n\n\n

\n
\n

Os \u00edcones de visibilidade que est\u00e3o vermelhos<\/strong> s\u00e3o os que voc\u00ea deve ocultar<\/strong> antes de salvar seu arquivo em JPG.<\/p>\n\n\n\n

O gradiente serve para garantir a leitura do texto em fotos claras. Caso voc\u00ea n\u00e3o sinta a necessidade, \u00e9 s\u00f3 ocult\u00e1-lo tamb\u00e9m.<\/p>\n\n\n\n

*\u00c9 recomendado criar a arte entre o BG e as pastas para que voc\u00ea visualize os elementos em cima da sua arte enquanto cria.<\/sub><\/p>\n<\/div>\n\n\n\n

\n
\"Camadas
Camadas no arquivo<\/figcaption><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n

<\/svg> Baixar PSD – Base<\/a><\/h3>\n\n\n\n

Posso escrever na direita?<\/h3>\n\n\n\n

Pode! Eu recomendo que voc\u00ea escreva \u00e0 esquerda para ter um descanso entre um texto e outro. Por exemplo:<\/p>\n\n\n\n

\n
\n
\"Como
Informa\u00e7\u00f5es pr\u00f3ximas<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"Como
Espa\u00e7o entre um texto e outro<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

Al\u00e9m desse detalhe, no Google V\u00eddeos<\/strong>, alguns v\u00eddeos aparecem com um “PR\u00c9VIA” no lado inferior direito. Isso causa um certo inc\u00f4modo ao misturar o texto da thumb com o “PR\u00c9VIA” da miniatura na plataforma, dando a impress\u00e3o de que tudo faz parte da mesma composi\u00e7\u00e3o:<\/p>\n\n\n

\n
\"Como
Texto da Thumb + Pr\u00e9via<\/figcaption><\/figure>\n<\/div>\n\n\n

Mais importante do que a posi\u00e7\u00e3o das informa\u00e7\u00f5es, \u00e9 garantir que tudo<\/strong> esteja leg\u00edvel<\/strong> para que seu p\u00fablico n\u00e3o precise se esfor\u00e7ar para entender a sua thumb. Dessa forma, voc\u00ea garante mais cliques e um melhor engajamento<\/strong> para seu canal.<\/p>\n\n\n\n

\n\n\n\n

Se o post te ajudou, n\u00e3o esquece de seguir a @fariart<\/a><\/strong> na sua rede social favorita!<\/p>\n","protected":false},"excerpt":{"rendered":"

Depois de todo o trabalho para criar o v\u00eddeo, ainda tem o trabalho de que criar a thumbnail. Hoje vim te passar 6 dicas de como criar thumb funcional para YouTube e onde posicionar as informa\u00e7\u00f5es sem que sejam cobertas por elementos das plataformas. Manter um canal do YouTube d\u00e1 trabalho em todos os sentidos. […]<\/p>\n","protected":false},"author":1,"featured_media":1587,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[44,5,47],"tags":[112,113,110,109,111],"class_list":["post-1504","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-internet","category-tutoriais","tag-miniatura","tag-photoshop","tag-thumb","tag-thumbnail","tag-youtube"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/fariart.com.br\/blog\/wp-json\/wp\/v2\/posts\/1504","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fariart.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fariart.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fariart.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fariart.com.br\/blog\/wp-json\/wp\/v2\/comments?post=1504"}],"version-history":[{"count":32,"href":"https:\/\/fariart.com.br\/blog\/wp-json\/wp\/v2\/posts\/1504\/revisions"}],"predecessor-version":[{"id":2212,"href":"https:\/\/fariart.com.br\/blog\/wp-json\/wp\/v2\/posts\/1504\/revisions\/2212"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fariart.com.br\/blog\/wp-json\/wp\/v2\/media\/1587"}],"wp:attachment":[{"href":"https:\/\/fariart.com.br\/blog\/wp-json\/wp\/v2\/media?parent=1504"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fariart.com.br\/blog\/wp-json\/wp\/v2\/categories?post=1504"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fariart.com.br\/blog\/wp-json\/wp\/v2\/tags?post=1504"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}