UpInside Treinamentos

Ferramenta para criação de capa de artigos, imagens de anúncio e postagens no Instagram

Além de uma boa biblioteca de imagens, o excesso de modelos desperta a criatividade e permite que você crie imagens profissionais para ilustrar seu conteúdo

Ferramenta para criação de capa de artigos, imagens de anúncio e postagens no Instagram
  • Compartilhe esse post
  • Compartilhar no Facebook00
  • Compartilhar no Google Plus00
  • Compartilhar no Twitter
  • Compartilhar na UpInside

Salve salve dev, Gustavo Web aqui e hoje a dica é sobre ferramenta!

Nããããooo sei você, mas a parte do design para mim é bastante difícil! Para mim, é bem complicado e um tanto quanto moroso ter que enfrentar o bloqueio criativo que a gente tem para criar a capa de um artigo, ou de um anúncio ou até mesmo uma imagem para o instagram.

Acredito que depois de um certo tempo na programação, a lógica prevalece tanto que você acaba não se dando bem com cores, formas, tipografia, enquadramento.... E parece até que se colocasse um fundo preto escrito em branco com a letra grande já seria uma boa capa para os artigos!

Essa semana o sensei mostrou uma ferramenta bacana para criar esse tipo de imagem (e muitas outras) com poucos cliques com uma base de imagens bem grande e textos pré-formatados.

Mas que ferramenta é essa?

Estou falando do canva, eu vou mostrar como está sendo o meu processo de criação da capa desse artigos que você lê. Obviamente que o resultado final, é a própria capa :)

Bora criar essa capa

Primeiro de tudo, acessa o site através desse link aqui e faça seu cadastro! Se quiser, você pode se logar com a sua conta do facebook... É bem legal se logar com a conta do facebook, pois as imagens que você já usou para criar seus anúncios anteriormente estarão disponíveis para que você possa dar uma repaginada :)

Antes de começar, eu selecionei o tamanho da imagem que eu desejo! No caso, a capa do meu artigo é também a capa do post no facebook, google+... Então vou obedecer a proporção e já vou criar no tamanho do preset que o próprio canvas fornece. Caso você não encontre, você tem um botão para setar a dimensão, e basta informar 1200x628px.

Se você notar, você vai ver que já montamos nossa equipe aqui e criamos algumas pastas para que possamos organizar nossas imagens :)

A primeira coisa que fiz foi limpar todo o palco! Deletei todos os elementos para poder criar a minha capa.

Logo depois, fui para o fundo! Como não temos uma temática para escolher o fundo... Digitei computador na pesquisa e me retornou algumas imagens.... Logo que retornou uma tela cheio de HTML, tinha decidido usar ela como fundo... Maaaas, como vamos ter outros artigos, vou usa essa imagem numa próxima oportunidade... Então vou usar essa aqui ó:

ÓBEVEÓ (lê-se óbvio) que eu fui direto nela! Sacou o GUH no teclado? Rá, fizeram essa imagem só pra eu usar :)

A imagem cabe perfeitamente... Tem as iniciais do meu nome, é o teclado de um MAC (meu equipamento) e digitar provavelmente é o que você mais faz no seu dia a dia.

Fiz alguns tratamentos nela para deixar ela mais escura e poder destacar mais o texto.

Outra dica muuuuito bacana, é que quando você aplica os efeitos (brilho, contraste, matiz, saturação...) ele gera um código e numa próxima imagem eu posso simplesmente colar esse mesmo código do filtro e "padronizar" o efeito na imagem.

O código do meu filtro foi: 310064646f64c832

O resumo dessas alterações ficou assim o fundo:

Agora falta o texto, mas para colocar o texto, primeiro preciso definir um título para esse artigo... Pois até esse momento, ele ainda não possui nenhum!

Ferramenta para criação de capa de artigos, imagens de anúncio e postagens no Instagram

Isso aí, agora só acessar o menu Texto e achar um posicionamento bacana! Como tem muitas palavras, preciso encontrar uma que encaixe bem :)

Ferramenta para criação de capa de artigos, imagens de anúncio e postagens no Instagram

 Na busca eu digitei canva para ver o que podemos usar... E tive um material completo para poder colocar o logo da ferramenta! Fiz alguns ajustes, coloquei o banner do canva e o play da up para não perder o costume.

Ferramenta para criação de capa de artigos, imagens de anúncio e postagens no Instagram

E agora só clicar em baixar (selecionei jpg) :)

Ferramenta para criação de capa de artigos, imagens de anúncio e postagens no Instagram

E está pronto! Deixa seu comentário e me diga o que achou dessa capa massa... Ahhhh, antes que eu me esqueça, a capa do artigo de ontem do Kaue já foi feito usando o canva!

  • Compartilhe esse post
  • Compartilhar no Facebook00
  • Compartilhar no Google Plus00
  • Compartilhar no Twitter
  • Compartilhar na UpInside

Olá, deixe seu comentário para Ferramenta para criação de capa de artigos, imagens de anúncio e postagens no Instagram

Já temos 28 comentário(s). DEIXE O SEU :)
Novo Usuário

Novo Usuário

parabéns
★★★★★DIA 21.08.17 14h37RESPONDER
Gustavo Web
Enviando Comentário Fechar :/
Matheus Costa

Matheus Costa

Valeu demais!!
★★★★★DIA 31.07.17 07h56RESPONDER
Gustavo Web, Kaique Robert Pio
Enviando Comentário Fechar :/
Aldey Freire De Paula

Aldey Freire De Paula

Ja estou usando, cara design ficou mais fácil pra mim kkk, olha esse aí:
https://www.canva.com/design/DACcjNeoKFs/share?role=EDITOR&token=RQWnBb8afdoQ3uSX3_Usyw&utm_content=DACcjNeoKFs&utm_campaign=designshare&utm_medium=link&utm_source=sharebutton
★★★★★DIA 30.07.17 17h46RESPONDER
Gustavo Web, Carlos Araújo
Enviando Comentário Fechar :/
Gustavo Web

Gustavo Web

Bem massa mano! As artes ficam muito mais profissa dessa forma :)

★★★★★DIA 31.07.17 15h10RESPONDER
N/A
Enviando Comentário Fechar :/
Alan Lima

Alan Lima

Dica excelente!!!
Vai direto pra barra de favoritos.
★★★★★DIA 27.07.17 00h40RESPONDER
Gustavo Web
Enviando Comentário Fechar :/
Gustavo Web

Gustavo Web

Poupa um bom tempo, e ainda te dá algumas opções bacanas quando você estiver criando a sua thumb.

★★★★★DIA 28.07.17 08h39RESPONDER
Alan Lima
Enviando Comentário Fechar :/
Sarah Uliano

Sarah Uliano

Ja conhecia, muito prática mesmo..... mais valeu pela dica...
★★★★★DIA 25.07.17 10h57RESPONDER
Kaue Francisquini
Enviando Comentário Fechar :/
Antonio Donizeti Santos

Antonio Donizeti Santos

Achei o máximo!!!
★★★★★DIA 23.07.17 22h24RESPONDER
Gustavo Web
Enviando Comentário Fechar :/
Josemilson Sousa Silva

Josemilson Sousa Silva

Muito bom, tudo que precisava. Valeu Gustavo!
★★★★★DIA 23.07.17 21h44RESPONDER
Gustavo Web
Enviando Comentário Fechar :/
Diógenes Veiga

Diógenes Veiga

Excelente! Já comecei meus trabalhos. Vocês da Upinside com sempre salvando nossas vidas (rsrsrsrsrs). Valeu Gustavo...
★★★★★DIA 23.07.17 15h07RESPONDER
Gustavo Web
Enviando Comentário Fechar :/
Gustavo Web

Gustavo Web

Acredito que a parte visual é processo crítico para todo desenvolvedor! Assim como programação é crítico para webdesign... O bom é que temos algumas ferramentas como essas para nos auxiliar durante a criação das mídias para as redes sociais!

★★★★★DIA 24.07.17 08h33RESPONDER
N/A
Enviando Comentário Fechar :/
Victor Paulo V. Ferreira

Victor Paulo V. Ferreira

Dita de 1 milhão de dolares ! Comecei ontem a interagir com a Upinside melhor investimento dos últimos tempos ! []´s
★★★★★DIA 23.07.17 09h36RESPONDER
Gustavo Web
Enviando Comentário Fechar :/
Gustavo Web

Gustavo Web

Aewwww haha! Que bom que esteja gostando do conteúdo :)


Fique sempre de olho... Sempre temos novidades aqui no blog.

★★★★★DIA 24.07.17 08h32RESPONDER
N/A
Enviando Comentário Fechar :/
Eduardo Pedro Chaves

Eduardo Pedro Chaves

Comprei o acesso premium deles. Muito bom!
Percebi que houve um engajamento maior dos usuários com as imagens bem elaboradas.
★★★★★DIA 23.07.17 09h34RESPONDER
Gustavo Web
Enviando Comentário Fechar :/
Gustavo Web

Gustavo Web

Coincidência ou não... Esse artigo teve mais comentário que os demais! :)

★★★★★DIA 24.07.17 08h31RESPONDER
Eduardo Pedro Chaves
Enviando Comentário Fechar :/
João Luis Santos

João Luis Santos

Ótima ferramenta. Uso bastante. Dica realmente nota 10.
★★★★★DIA 21.07.17 18h40RESPONDER
Gustavo Web
Enviando Comentário Fechar :/
Carlos Cesar Pinto Santos

Carlos Cesar Pinto Santos

Show de bola, Mestre Guru Web.
parabens
★★★★★DIA 20.07.17 21h22RESPONDER
Gustavo Web
Enviando Comentário Fechar :/
Gustavo Web

Gustavo Web

Curtiu a capinha simpática que ficou pro artigo né.

★★★★★DIA 21.07.17 08h40RESPONDER
Jardel Fuchter
Enviando Comentário Fechar :/
Alan Lima

Alan Lima

Eu curti. Quando vi as primeiras pensei no "brainstorm" pra criar isso... rsrs...
★★★★★DIA 27.07.17 00h38RESPONDER
N/A
Enviando Comentário Fechar :/
Sérgio Danilo Rodrigues Dos Santos Júnior

Sérgio Danilo Rodrigues Dos Santos Júnior

Showww, economiza um tempo danado, vou passar a testar nas minhas publicações desde então!
★★★★★DIA 20.07.17 18h08RESPONDER
Gustavo Web
Enviando Comentário Fechar :/
Tcharles W.

Tcharles W.

Excelente ferramenta principalmente para mim que uso linux e ainda sinto falta do Fireworks.
★★★★★DIA 20.07.17 15h35RESPONDER
Gustavo Web
Enviando Comentário Fechar :/
Gustavo Web

Gustavo Web

Por mais que o fireworks tenha sido descontinuado pela adobe, a gente continua usando muito :)


Por mais que tenha illustrator, photoshop... Não é a mesma coisa! #adobeDevolveOFireworks

★★★★★DIA 21.07.17 08h48RESPONDER
Tcharles W.
Enviando Comentário Fechar :/
Carlos Ximenes

Carlos Ximenes

Sem duvida este é meu pior problema, meu lado criativo do cérebro é nulo. kkk Bom artigo! Vou testar a ferramenta!
★★★★★DIA 20.07.17 13h43RESPONDER
Gustavo Web
Enviando Comentário Fechar :/
Gustavo Web

Gustavo Web

Pois é! Fique tranquilo, é normal em quase todos desenvolvedores ter esse pecado com o lado criativo! Só te digo uma, tamojunto.

★★★★★DIA 21.07.17 08h44RESPONDER
Carlos Ximenes
Enviando Comentário Fechar :/
Claiton Oliveira

Claiton Oliveira

Excelente tenho usando é uma ótima ferramenta pra capas de face Instagram.Parabéns pelo artigo.
★★★★★DIA 20.07.17 11h38RESPONDER
Gustavo Web
Enviando Comentário Fechar :/
Felipe Cardan Dos Santos

Felipe Cardan Dos Santos

Sensacional Gu, era o que eu estava precisando !
★★★★★DIA 20.07.17 10h57RESPONDER
Gustavo Web
Enviando Comentário Fechar :/
Fagner Pereira da silva

Fagner Pereira da silva

Showwwwwwwwwwwwwwwwwwwwwww!!!
★★★★★DIA 20.07.17 10h44RESPONDER
Gustavo Web
Enviando Comentário Fechar :/
Arlei Ribeiro Dos Santos

Arlei Ribeiro Dos Santos

Muito show Gustavo. Já me cadastrei...E pelo que vi aqui é uma ferramenta sensacional. Muito obrigado pelas dicas de vocês.

Esse tempo que passamos lendo os artigos da UpInside ao meu ver não é perdido, e sim, um salto na produtividade. Valeu demais Guh e equipe UpInside. Todos estão de parabéns!

Ah! Como faço pra te dar um abraço arrojado? :) (sai fora, é brinks kkkkkk)
★★★★★DIA 20.07.17 10h31RESPONDER
Gustavo Web
Enviando Comentário Fechar :/
Enviando Comentário Fechar :/