• Início
  • Artigos
    • Blog & Website
    • Cursos
    • Email Marketing
    • Estratégias de Marketing
    • Ferramentas
    • Ganhar Dinheiro
    • Mídia Kit
    • Redes Sociais
      • Instagram
      • Pinterest
  • Fábrica
    • Minha conta
    • Seja Membro da Fábrica
    • Exclusivo Membros Elite​
    • Ver Produtos
    • Banco de Imagens
    • Ebooks
    • Frases & Citações
    • Lightroom Presets
    • Para Fotógrafos
    • Planners & Para Imprimir
    • Templates no Canva
    • Templates no Photoshop
    • Workshops & Cursos
  • Como Blogar

  • Serviços
    • Faz por mim
    • Filtro do Instagram
    • Mágica do Pinterest
    • Programa de Mentoria
  • Contato
    • Contato
    • Sobre
0

Como Blogar

Blog & Website, Email Marketing
/
junho 2, 2020

Adicionar ilustrações personalizadas no seu site sem usar o Illustrator ou Photoshop

Você quer colocar ilustrações vetorizadas no seu site, blog ou email, mas não sabe como editar no Illustrator (ou não tem o programa)?

Não precisa entrar em pânico, nem gastar dinheiro com isso. Eu vou te dar a solução mais prática, simples e gratuita que existe.

Qual a solução mágica?

Já ouviu falar da plataforma de recursos digitais Freepik? Bom, se ainda não conhece, não esqueça de postar essa postagem no Pinterest para não esquecer jamais.

Freepik é uma comunidade que reúne designers e e fotógrafos que disponibilizam fotos, vetores, ícones e templates grátis e pagos através de assinatura. São milhares de desenhos que você pode fazer download e usar de forma comercial nos seus trabalhos.

Nesse site tem muitos modelos grátis e existem alguns modelos que os criadores colocam acessível apenas para os assinantes premium que pagam uma mensalidade.

Agora falando sobre vetores e ilustrações, sempre que você fizer download o arquivo estará no formato de vetor ou photoshop, para editar é preciso ter os programas certos, porém, nem todo mundo domina a arte de editar vetores sem danificar a estrutura existente, é um desafio enorme. E por isso, eu quero te mostrar uma nova ferramenta que a FreePik disponibilizou recentemente: STORIES FREEPIK.

O que é Stories Freepik?

É uma versão mais prática do Freepik original, onde você pode fazer download dos arquivos de imagem vetorizados diretamente no formato SVG ou PNG e usar no seu site. E o site permite que você use suas cores de marca e até mesmo anime as ilustrações! Não é o máximo?

Personalize os conceitos ilustrados e anime-os para destacar sua página de destino, aplicativo ou apresentação

Como posso mudar a cor das ilustrações?

É muito fácil. Ao selecionar uma ilustração, você verá no canto superior direito um botão chamado “CHANGE COLOR”. Clique nele e escolha uma cor predefinida, use o seletor de cores ou apenas insira seus próprios valores RGB ou Hex.

Posso selecionar fundos diferentes em todos os estilos de ilustração? Se sim, como?

Antes de selecionar qualquer ilustração na página inicial, dependendo do estilo, você verá diferentes opções para escolher no lado esquerdo da tela:

  • HIDDEN: o fundo é removido (todos os quatro estilos.
  • SIMPLE: um plano de fundo simples é exibido (apenas Rafiki, Bro e Pana).
  • DETAILED: um plano de fundo mais detalhado é exibido (apenas Rafiki e Pana)

Você também pode encontrar essas opções no lado direito da tela depois de selecionar qualquer ilustração.

Posso escolher quais elementos das ilustrações eu quero manter?

Absolutamente! Sempre que você seleciona uma ilustração, encontra uma lista de LAYERS (camadas) no lado direito da tela. Essas camadas correspondem aos diferentes elementos da ilustração, o que significa que você pode escolher as que deseja manter e descartar as que não precisa. Para ocultar qualquer elemento, basta clicar no olho ao lado do nome na lista. Da mesma forma, para mostrá-lo, basta clicar no olho novamente.

Como posso animar as ilustrações?

Após selecionar uma ilustração, um botão chamado “ANIMATE IT” aparecerá no canto superior direito da tela. Se você clicar nele, acessará o painel de animação, onde poderá selecionar qualquer um dos elementos da ilustração e aplicar diferentes animações a eles. Aqui está uma lista abrangente:

ENTRANCE (Entrada)

  • Fade In: o elemento aparece gradualmente na tela.
  • Slide Up: o elemento aparece na tela enquanto desliza para cima.
  • Slide Down: o elemento aparece na tela enquanto desliza para baixo.
  • Slide Left: o elemento aparece na tela enquanto desliza do lado esquerdo.
  • Slide Right: o elemento aparece na tela enquanto desliza do lado direito.
  • Zoom In: o elemento aparece na tela enquanto aumenta de tamanho.
  • Zoom Out: o elemento aparece na tela enquanto diminui.
  • Light Left: o elemento entra pelo lado esquerdo, freia e permanece no lugar.
  • Light Right: o elemento entra pelo lado direito, freia e permanece no lugar.

LOOPING (Repetição)

  • Shake: o elemento parece estar tremendo.
  • Spin: o elemento gira no lugar no sentido horário..
  • Floating: o elemento parece estar flutuando para cima e para baixo.
  • Heartbeat: o elemento cresce e diminui, imitando um batimento cardíaco.
  • Wind: o elemento se move levemente para os lados como se estivesse sendo soprado pelo vento.

Você também pode ajustar algumas configurações para personalizar ainda mais essas animações:

  • Easing (somenta para animações de ENTRADA): aqui você pode selecionar o tipo de flexibilização que deseja para a animação.
    • Toon: o elemento excede um pouco e depois volta ao normal.
    • Linear: a animação parece uniforme por toda a duração.
    • Ease-in: a animação começa lentamente e aumenta a velocidade.
    • Ease-out: a animação fica mais lenta no final.
  • Duration: aqui você pode definir a duração em segundos, usando o controle deslizante ou inserindo seu próprio valor.
  • Delay: aqui você pode definir quantos segundos devem passar antes que a animação comece.
  • Animate children (somente para animações de ENTRADA): marque esta caixa se desejar que as diferentes partes do elemento selecionado sejam animadas individualmente, o que significa que elas aparecerão na tela em momentos diferentes.

Se você não tiver certeza de quais deve escolher, sempre pode clicar em “RANDOMIZE!” para gerar um conjunto aleatório de animações para os diferentes elementos da ilustração. Finalmente, para remover todas as animações, basta clicar em “RESET”.

Ao baixar ilustrações, quais formatos de arquivo estão disponíveis?

Todas as ilustrações podem ser baixadas como arquivos SVG ou PNG. Os primeiros são totalmente editáveis, suportados pela maioria dos navegadores e podem ser convertidos em formas devido à sua natureza vetorial, enquanto os últimos possuem uma boa taxa de compactação, maior profundidade de cor e suporte à transparência.

Por outro lado, as animações podem ser baixadas como um arquivo HTML para usar no seu site com SVG e CSS embutidos. Eles também podem ser exportados como um vídeo GIF ou MP4, permitindo selecionar o tamanho e a cor do plano de fundo para adaptá-lo ao seu projeto.

Observe que não é possível exportar uma animação como um vídeo GIF ou MP4 contendo efeitos de entrada e loop ao mesmo tempo. Se você precisar dos dois tipos, deverá exportá-lo duas vezes: um com efeitos de entrada e outro com efeitos de loop.

Posso modificar as ilustrações depois de baixá-las?

Sim. Sempre que você baixar as ilustrações no formato SVG, poderá editá-las com qualquer programa de editor de gráficos vetoriais.

E ai?

Gostou da dica? Quer receber outras dicas sobre como melhorar o seu site no email? Basta se inscrever aqui embaixo:

TAGS:designilustraçõesvetores
Salvar Post
Compartilhar Post
0 Comentários
Deixe seu comentário

You May Also Like...

Serviço de Hospedagem: HostGator

maio 22, 2020

8 Elementos que sua página inicial deve ter

maio 22, 2020

Plugin wordpress para ranquear bem no SEO do Google & do Pinterest.

maio 4, 2020

Responder Cancelar Comentário

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

Anterior
AGORA VOCÊ FAZ PARTE DO GRUPO EXCLUSIVO COMO BLOGAR
Próximo
Como criar sua loja online
Oi, sou Glaysianne ;)

Oi, sou Glaysianne ;)

Toda mãe tem dentro de si uma força para vencer e proporcionar o melhor para seus filhos. Eu quero te ajudar a alcançar a independência financeira trabalhando de casa. #MomBoss

Newsletter

Receba mais dicas e informações por email.
Se inscreva e vamos crescer juntas!

Siga no Instagram

Novos templates disponíveis no site 😍
Novos templates disponíveis no site 😍
Novos templates disponíveis no site 😍
Novos templates disponíveis no site 😍
comoblogar
comoblogar
•
Follow
Novos templates disponíveis no site 😍
2 meses atrás
View on Instagram |
1/4
Atalhos importantes do seu teclado.
comoblogar
comoblogar
•
Follow
Atalhos importantes do seu teclado.
2 anos atrás
View on Instagram |
2/4
COMUNIDADE: As redes sociais são ferramentas de construção de relacionamento. Não é um lugar para você colocar sua página com conteúdo no estilo de anúncio em banner que diz "compre minhas coisas". Não é assim que você faz amigos e certamente não é como você cria uma comunidade próspera online. Sim, espero que as pessoas comprem suas coisas ou contratem seus serviços, mas precisam gostar de você primeiro.
⠀
🔑 Algumas coisas que eu sei sobre a comunidade:
⠀
1. É mais do que um número:⠀
Não é uma métrica que você mede ou vários seguidores em um perfil, é uma tribo. Lembre-se de que você não possui esse público aqui no Instagram. É através de um canal de terceiros.  Crie uma marca que as pessoas perderiam se o Instagram falhasse.
⠀
2. A comunidade leva à ação:⠀
Quando você está em comunidade, sente um sentimento de pertencer, como se fosse parte de algo maior que você. A verdadeira comunidade carrega um senso de propriedade. Seus seguidores são donos da sua marca? Eles querem usar sua mercadoria ou compartilhar seu conteúdo? Este é o indicador da comunidade (e uma boa marca!).

⠀

Quando foi a última vez que você postou algo que as pessoas compartilharam em sua própria página? ⠀
⠀
3. Minha comunidade online não é sobre mim.  É sobre ajudar os outros.
Você já conheceu alguém que simplesmente não para de falar de si? E eles não têm ideia de que você parou de ouvir há 15 minutos? E agora você está jogando tabuadas na sua cabeça, mas ficou preso nas suas mesas 3x porque elas são difíceis.
⠀
Bem, ninguém quer seguir alguém nas mídias sociais que faz com que eles se sintam assim: É sobre o seu conteúdo, não você. Tudo o que fazemos deve ser levar nossa comunidade a uma jornada.  Ajude-os a ver o quanto você se importa com eles. Não encoste-os contra a parede e fale com eles sobre o seu produto mais recente e o seu novo serviço. Mantenha a calma.

⠀

Então, minha pergunta para você é: como você pode criar uma comunidade nesta semana? Como você pode retribuir ao seu povo?

⠀

Lembre-se, a comunidade é maior que os seguidores.
comoblogar
comoblogar
•
Follow
COMUNIDADE: As redes sociais são ferramentas de construção de relacionamento. Não é um lugar para você colocar sua página com conteúdo no estilo de anúncio em banner que diz "compre minhas coisas". Não é assim que você faz amigos e certamente não é como você cria uma comunidade próspera online. Sim, espero que as pessoas comprem suas coisas ou contratem seus serviços, mas precisam gostar de você primeiro. ⠀ 🔑 Algumas coisas que eu sei sobre a comunidade: ⠀ 1. É mais do que um número:⠀ Não é uma métrica que você mede ou vários seguidores em um perfil, é uma tribo. Lembre-se de que você não possui esse público aqui no Instagram. É através de um canal de terceiros. Crie uma marca que as pessoas perderiam se o Instagram falhasse. ⠀ 2. A comunidade leva à ação:⠀ Quando você está em comunidade, sente um sentimento de pertencer, como se fosse parte de algo maior que você. A verdadeira comunidade carrega um senso de propriedade. Seus seguidores são donos da sua marca? Eles querem usar sua mercadoria ou compartilhar seu conteúdo? Este é o indicador da comunidade (e uma boa marca!). ⠀ Quando foi a última vez que você postou algo que as pessoas compartilharam em sua própria página? ⠀ ⠀ 3. Minha comunidade online não é sobre mim. É sobre ajudar os outros. Você já conheceu alguém que simplesmente não para de falar de si? E eles não têm ideia de que você parou de ouvir há 15 minutos? E agora você está jogando tabuadas na sua cabeça, mas ficou preso nas suas mesas 3x porque elas são difíceis. ⠀ Bem, ninguém quer seguir alguém nas mídias sociais que faz com que eles se sintam assim: É sobre o seu conteúdo, não você. Tudo o que fazemos deve ser levar nossa comunidade a uma jornada. Ajude-os a ver o quanto você se importa com eles. Não encoste-os contra a parede e fale com eles sobre o seu produto mais recente e o seu novo serviço. Mantenha a calma. ⠀ Então, minha pergunta para você é: como você pode criar uma comunidade nesta semana? Como você pode retribuir ao seu povo? ⠀ Lembre-se, a comunidade é maior que os seguidores.
2 anos atrás
View on Instagram |
3/4
comoblogar
comoblogar
•
Follow
2 anos atrás
View on Instagram |
4/4
@ComoBlogar

Pesquisar no site

  • O que é blog e sua estrutura básica

    setembro 20, 2020
  • Guia de tamanhos certos de imagens para cada rede social

    junho 30, 2020
  • 12 Erros de edição de imagens e como evitá-los

    junho 30, 2020

Siga @ComoBlogar

Novos templates disponíveis no site 😍
Novos templates disponíveis no site 😍
Novos templates disponíveis no site 😍
Novos templates disponíveis no site 😍
comoblogar
comoblogar
•
Follow
Novos templates disponíveis no site 😍
2 meses atrás
View on Instagram |
1/6
Atalhos importantes do seu teclado.
comoblogar
comoblogar
•
Follow
Atalhos importantes do seu teclado.
2 anos atrás
View on Instagram |
2/6
COMUNIDADE: As redes sociais são ferramentas de construção de relacionamento. Não é um lugar para você colocar sua página com conteúdo no estilo de anúncio em banner que diz "compre minhas coisas". Não é assim que você faz amigos e certamente não é como você cria uma comunidade próspera online. Sim, espero que as pessoas comprem suas coisas ou contratem seus serviços, mas precisam gostar de você primeiro.
⠀
🔑 Algumas coisas que eu sei sobre a comunidade:
⠀
1. É mais do que um número:⠀
Não é uma métrica que você mede ou vários seguidores em um perfil, é uma tribo. Lembre-se de que você não possui esse público aqui no Instagram. É através de um canal de terceiros.  Crie uma marca que as pessoas perderiam se o Instagram falhasse.
⠀
2. A comunidade leva à ação:⠀
Quando você está em comunidade, sente um sentimento de pertencer, como se fosse parte de algo maior que você. A verdadeira comunidade carrega um senso de propriedade. Seus seguidores são donos da sua marca? Eles querem usar sua mercadoria ou compartilhar seu conteúdo? Este é o indicador da comunidade (e uma boa marca!).

⠀

Quando foi a última vez que você postou algo que as pessoas compartilharam em sua própria página? ⠀
⠀
3. Minha comunidade online não é sobre mim.  É sobre ajudar os outros.
Você já conheceu alguém que simplesmente não para de falar de si? E eles não têm ideia de que você parou de ouvir há 15 minutos? E agora você está jogando tabuadas na sua cabeça, mas ficou preso nas suas mesas 3x porque elas são difíceis.
⠀
Bem, ninguém quer seguir alguém nas mídias sociais que faz com que eles se sintam assim: É sobre o seu conteúdo, não você. Tudo o que fazemos deve ser levar nossa comunidade a uma jornada.  Ajude-os a ver o quanto você se importa com eles. Não encoste-os contra a parede e fale com eles sobre o seu produto mais recente e o seu novo serviço. Mantenha a calma.

⠀

Então, minha pergunta para você é: como você pode criar uma comunidade nesta semana? Como você pode retribuir ao seu povo?

⠀

Lembre-se, a comunidade é maior que os seguidores.
comoblogar
comoblogar
•
Follow
COMUNIDADE: As redes sociais são ferramentas de construção de relacionamento. Não é um lugar para você colocar sua página com conteúdo no estilo de anúncio em banner que diz "compre minhas coisas". Não é assim que você faz amigos e certamente não é como você cria uma comunidade próspera online. Sim, espero que as pessoas comprem suas coisas ou contratem seus serviços, mas precisam gostar de você primeiro. ⠀ 🔑 Algumas coisas que eu sei sobre a comunidade: ⠀ 1. É mais do que um número:⠀ Não é uma métrica que você mede ou vários seguidores em um perfil, é uma tribo. Lembre-se de que você não possui esse público aqui no Instagram. É através de um canal de terceiros. Crie uma marca que as pessoas perderiam se o Instagram falhasse. ⠀ 2. A comunidade leva à ação:⠀ Quando você está em comunidade, sente um sentimento de pertencer, como se fosse parte de algo maior que você. A verdadeira comunidade carrega um senso de propriedade. Seus seguidores são donos da sua marca? Eles querem usar sua mercadoria ou compartilhar seu conteúdo? Este é o indicador da comunidade (e uma boa marca!). ⠀ Quando foi a última vez que você postou algo que as pessoas compartilharam em sua própria página? ⠀ ⠀ 3. Minha comunidade online não é sobre mim. É sobre ajudar os outros. Você já conheceu alguém que simplesmente não para de falar de si? E eles não têm ideia de que você parou de ouvir há 15 minutos? E agora você está jogando tabuadas na sua cabeça, mas ficou preso nas suas mesas 3x porque elas são difíceis. ⠀ Bem, ninguém quer seguir alguém nas mídias sociais que faz com que eles se sintam assim: É sobre o seu conteúdo, não você. Tudo o que fazemos deve ser levar nossa comunidade a uma jornada. Ajude-os a ver o quanto você se importa com eles. Não encoste-os contra a parede e fale com eles sobre o seu produto mais recente e o seu novo serviço. Mantenha a calma. ⠀ Então, minha pergunta para você é: como você pode criar uma comunidade nesta semana? Como você pode retribuir ao seu povo? ⠀ Lembre-se, a comunidade é maior que os seguidores.
2 anos atrás
View on Instagram |
3/6
comoblogar
comoblogar
•
Follow
2 anos atrás
View on Instagram |
4/6
Encontre o seu diferencial
 ⁠ ⠀
Dizem que não há nada novo sob o sol e, até certo ponto, eu concordo. ⁠
 ⁠ ⠀
Mas isso certamente não significa que todos devemos fechar as lojas e parar de criar, porque não há como ser único. ⁠
 ⁠ ⠀
Quando as pessoas o contratam por seus serviços ou quando compram seu produto, elas estão escolhendo VOCÊ.  É provável que eles encontrem o que você oferece em outro lugar.  Pense nisso. Por que alguém compraria especificamente na sua loja quando poderia obter o que você oferece online?
⠀
Por que alguém se inscreveu em sua academia quando podia fazer exercícios de graça no YouTube?
 ⁠ ⠀
Por que as pessoas comprariam de você? ⁠
 ⁠ ⠀
Eu acredito que é por causa da maneira como você apresenta a solução para o problema deles.  A maneira como você preenche a necessidade deles. A maneira como você os ajuda a alcançar seus objetivos. A maneira como você se conecta com eles. A identidade aspiracional que você apresenta. A maneira como você constrói confiança. ⁠
 ⁠ ⠀
Você não precisa ser o melhor. Mas, sendo você e sendo diferente, você pode conseguir coisas incríveis nos seus negócios. ⁠
 ⁠ ⠀
Qual o DIFERENCIAL no seu setor? ⁠
 ⁠ ⠀
Tira o tempo para tomar um café e sabe o nome dos envolvidos no projeto e reúne todos os clientes regulares para tomar uma vez por mês? ⁠
 ⁠ ⠀
Encontre o seu diferencial e veja como as pessoas começam a compartilhar sua história com você.
comoblogar
comoblogar
•
Follow
Encontre o seu diferencial ⁠ ⠀ Dizem que não há nada novo sob o sol e, até certo ponto, eu concordo. ⁠ ⁠ ⠀ Mas isso certamente não significa que todos devemos fechar as lojas e parar de criar, porque não há como ser único. ⁠ ⁠ ⠀ Quando as pessoas o contratam por seus serviços ou quando compram seu produto, elas estão escolhendo VOCÊ. É provável que eles encontrem o que você oferece em outro lugar. Pense nisso. Por que alguém compraria especificamente na sua loja quando poderia obter o que você oferece online? ⠀ Por que alguém se inscreveu em sua academia quando podia fazer exercícios de graça no YouTube? ⁠ ⠀ Por que as pessoas comprariam de você? ⁠ ⁠ ⠀ Eu acredito que é por causa da maneira como você apresenta a solução para o problema deles. A maneira como você preenche a necessidade deles. A maneira como você os ajuda a alcançar seus objetivos. A maneira como você se conecta com eles. A identidade aspiracional que você apresenta. A maneira como você constrói confiança. ⁠ ⁠ ⠀ Você não precisa ser o melhor. Mas, sendo você e sendo diferente, você pode conseguir coisas incríveis nos seus negócios. ⁠ ⁠ ⠀ Qual o DIFERENCIAL no seu setor? ⁠ ⁠ ⠀ Tira o tempo para tomar um café e sabe o nome dos envolvidos no projeto e reúne todos os clientes regulares para tomar uma vez por mês? ⁠ ⁠ ⠀ Encontre o seu diferencial e veja como as pessoas começam a compartilhar sua história com você.
2 anos atrás
View on Instagram |
5/6
Novo template disponível no site 💖 quem é Membro Elite já pode baixar o template GRÁTIS!
Link na Bio
Novo template disponível no site 💖 quem é Membro Elite já pode baixar o template GRÁTIS!
Link na Bio
Novo template disponível no site 💖 quem é Membro Elite já pode baixar o template GRÁTIS!
Link na Bio
Novo template disponível no site 💖 quem é Membro Elite já pode baixar o template GRÁTIS!
Link na Bio
comoblogar
comoblogar
•
Follow
Novo template disponível no site 💖 quem é Membro Elite já pode baixar o template GRÁTIS! Link na Bio
2 anos atrás
View on Instagram |
6/6
  • TERMOS DE USO
  • POLÍTICA DE PRIVACIDADE
  • Sobre

Feito com amor por Glaysianne Aquino, 2020. Todos os direitos reservados. Site Powered by Pix & Hue.