Menu fechado

Como fazer um banner online com o BeFunky | Editores

Como fazer um banner online com o BeFunky | Editores

O BeFunky permite criar banners de graça de forma simples. O site apresenta controles intuitivos, dispensando a necessidade de conhecimentos aprofundados em edição de imagens. A ferramenta criadora de banner fornece modelos para o usuário editar, mas também é possível criar um layout inteiramente personalizado.

A imagem editada pode ser impressa ou usada como capa de Facebook, por exemplo, dependendo das dimensões especificadas pelo usuário. Diferente de concorrentes como o Canva, o BeFunky não exige cadastro para uso da plataforma. Aprenda a seguir o passo a passo completo para criar um banner online sem instalar nada no PC.

Editar fotos online: lista traz cinco opções grátis sem instalar nada

Como editar fotos no computador sem baixar nada com o BeFunky

Como editar fotos no computador sem baixar nada com o BeFunky

Quer comprar celular, TV e outros produtos com desconto? Conheça o Compare TechTudo

Passo 1. Abra o criador de banners do BeFunky (https://www.befunky.com/pt/criar/criador-de-banner/) e assinale a opção “Select template”;

Clique em

Clique em “Select template” para começar — Foto: Reprodução/Ana Letícia Loubak

Passo 2. No menu lateral esquerdo, vá até o ícone “Templates” e pressione o botão “Custom template” para personalizar as dimensões do seu banner. Também é possível escolher modelos prontos a partir da lista oferecida pelo BeFunky;

Customize o template ou selecione um modelo pronto — Foto: Reprodução/Ana Letícia LoubakCustomize o template ou selecione um modelo pronto — Foto: Reprodução/Ana Letícia Loubak

Customize o template ou selecione um modelo pronto — Foto: Reprodução/Ana Letícia Loubak

Passo 3. Neste tutorial, usaremos os valores 1200 x 800 pixels, dimensão que equivale ao tamanho 1,2 x 0,8 metros, considerado padrão para banners impressos;

Ajuste as dimensões do banner — Foto: Reprodução/Ana Letícia LoubakAjuste as dimensões do banner — Foto: Reprodução/Ana Letícia Loubak

Ajuste as dimensões do banner — Foto: Reprodução/Ana Letícia Loubak

Passo 4. O BeFunky criará um documento em branco. Para adicionar uma imagem, selecione o primeiro ícone do menu lateral esquerdo e depois escolha a opção “Computer”. Após o upload, arraste a foto para o documento;

Adicione uma imagem a partir dos seus arquivos pessoais — Foto: Reprodução/Ana Letícia LoubakAdicione uma imagem a partir dos seus arquivos pessoais — Foto: Reprodução/Ana Letícia Loubak

Adicione uma imagem a partir dos seus arquivos pessoais — Foto: Reprodução/Ana Letícia Loubak

Passo 5. Arraste a imagem a partir das extremidades e redimensione-a para que ela ocupe o espaço desejado. Caso queira, edite a foto com a opção “Open image in editor”, à esquerda;

Se desejar ajustar elementos como brilho e contraste, clique em

Se desejar ajustar elementos como brilho e contraste, clique em “Open image in editor” — Foto: Reprodução/Ana Letícia Loubak

Passo 6. No menu lateral, vá até a seção “Customize” e escolha uma cor de sua preferência para sobrepor à imagem;

Escolha uma cor a partir do seletor — Foto: Reprodução/Ana Letícia LoubakEscolha uma cor a partir do seletor — Foto: Reprodução/Ana Letícia Loubak

Escolha uma cor a partir do seletor — Foto: Reprodução/Ana Letícia Loubak

Passo 7. Clique sobre a foto e, na caixa que se abrirá, selecione Options > Blend Mode e escolha o modo de mesclagem de sua preferência. Ajuste a opacidade conforme o necessário;

Selecione um modo de mesclagem — Foto: Reprodução/Ana Letícia LoubakSelecione um modo de mesclagem — Foto: Reprodução/Ana Letícia Loubak

Selecione um modo de mesclagem — Foto: Reprodução/Ana Letícia Loubak

Passo 8. Vá até o ícone de letra “A”, no menu lateral esquerdo, e selecione “Add Text”;

Adicione textos ao banner — Foto: Reprodução/Ana Letícia LoubakAdicione textos ao banner — Foto: Reprodução/Ana Letícia Loubak

Adicione textos ao banner — Foto: Reprodução/Ana Letícia Loubak

Passo 9. Ajuste o tamanho, a cor e a fonte do texto na caixa “Text properties”;

Personalize o tamanho, a cor, o estilo e o espaçamento do texto — Foto: Reprodução/Ana Letícia LoubakPersonalize o tamanho, a cor, o estilo e o espaçamento do texto — Foto: Reprodução/Ana Letícia Loubak

Personalize o tamanho, a cor, o estilo e o espaçamento do texto — Foto: Reprodução/Ana Letícia Loubak

Passo 10. Volte ao menu “Image Manager”, conforme descrito no passo 4, para adicionar marcas d’água ou outras fotos. Clique sobre a imagem selecionada e pressione “Add as Layer”;

Adicione outras imagens  — Foto: Reprodução/Ana Letícia LoubakAdicione outras imagens  — Foto: Reprodução/Ana Letícia Loubak

Adicione outras imagens — Foto: Reprodução/Ana Letícia Loubak

Passo 11. Para reposicionar a ordem dos elementos, selecione o ícone indicado no canto inferior esquerdo da tela e, na caixa “Layers & Groups”, arraste as camadas conforme preferir;

Reordene as camadas do documento — Foto: Reprodução/Ana Letícia LoubakReordene as camadas do documento — Foto: Reprodução/Ana Letícia Loubak

Reordene as camadas do documento — Foto: Reprodução/Ana Letícia Loubak

Passo 12. Se desejar, adicione elementos gráficos com a opção de ícone de coração, no menu lateral esquerdo, e busque pelos ícones de sua preferência em “Search graphics”;

Acrescente elementos gráficos ao seu banner — Foto: Reprodução/Ana Letícia LoubakAcrescente elementos gráficos ao seu banner — Foto: Reprodução/Ana Letícia Loubak

Acrescente elementos gráficos ao seu banner — Foto: Reprodução/Ana Letícia Loubak

Passo 13. Após personalizar seu banner, vá até a barra horizontal superior e pressione Save > Computer;

Salve o banner no computador — Foto: Reprodução/Ana Letícia LoubakSalve o banner no computador — Foto: Reprodução/Ana Letícia Loubak

Salve o banner no computador — Foto: Reprodução/Ana Letícia Loubak

Passo 14. Escolha o formato PNG para uma melhor qualidade da imagem. Por fim, pressione “Save” para baixar o banner no computador.

O formato PNG gera imagens com melhores resoluções — Foto: Reprodução/Ana Letícia LoubakO formato PNG gera imagens com melhores resoluções — Foto: Reprodução/Ana Letícia Loubak

O formato PNG gera imagens com melhores resoluções — Foto: Reprodução/Ana Letícia Loubak

Artigo Original

Deixe uma resposta