Update – lançámos ao Pablo uma nova ferramenta para criar imagens bonitas para as suas publicações nas redes sociais em menos de 30 segundos
pode usar o Pablo desde o início, sem necessidade de se autenticar ou criar uma conta. Apenas rapidamente criar imagens incríveis super rápido.
pode experimentar a primeira versão do Pablo agora mesmo – sem necessidade de autenticação. Basta dirigir para http://bufferapp.com/pablo e dar-lhe uma tentativa!,nós adoraríamos ouvir seus pensamentos sobre Pablo no Twitter, basta nos atingir @buffer e esperar que isso torne a criação de imagens para seus posts de mídia social muito mais fácil para você.
Ok, de volta ao blogpost!
–
através da experimentação e iteração, descobrimos que incluindo imagens quando compartilhadas com as redes sociais aumenta o engajamento em toda a linha—mais cliques, reshares, respostas e favoritos. Em uma experiência, retweets por si só mais do que duplicou para atualizações com imagens em comparação com aqueles sem.,a utilização de imagens em posts de redes sociais vale a pena tentar com os seus perfis.como um pequeno empresário ou uma equipa de marketing de uma só pessoa, isto é algo que pode fazer sozinho?
no Buffer, criamos todas as imagens para o nosso blog posts e compartilhamento de mídias sociais sem qualquer ajuda externa de design. Contamos com um punhado de ferramentas e recursos incríveis para fazer o trabalho, e ficarei feliz em compartilhar com você as que usamos e os extras que achamos úteis ou interessantes.
tem uma ferramenta de criação de imagens favorita? Por favor, compartilhe os comentários!,
Como Criar Imagens para Mídias Sociais – Ferramentas
Canva – Uma start-to-finish programa de design perfeito para não-designers
Provavelmente, a nossa mais-usado ferramenta de imagem em Buffer, Canva faz a criação de imagens super fácil (especialmente para os não-designers) com seus premade modelos personalizados tamanhos de imagem para cada canal de mídia social, de arrastar-e-largar, legal, fontes e muito mais. A maioria das imagens originais que você vê compartilhadas de nossas contas sociais foram feitas em Canva.,dica
: Se souber as dimensões exactas da imagem que deseja, crie um tamanho personalizado antes de carregar em qualquer um dos modelos de pré-Pade.
Adicionais de início-a-término ferramentas de imagem:
- PicMonkey
- BeFunky
o Skitch – captura de Tela e anotação
Nossa ferramenta de captura de tela, o Skitch surge com uma rápida teclado de atalho (Cmd+Shift+5 em Macs), em seguida, você pode clique e arraste sobre a área que deseja cortar., Continuamos a voltar para esta ferramenta por causa das características de anotação impressionante e fácil. Você pode circundar as coisas, apontar para as coisas, borrar as coisas, e adicionar texto com apenas alguns cliques rápidos. Um produto de Evernote, Skitch permite salvar e armazenar todos os screengrabs em uma pasta Evernote de sua escolha.Dica: Use a funcionalidade de borrão sempre que estiver a partilhar uma imagem com o seu endereço de E-mail ou dados pessoais.,
Adicionais de ferramentas de captura de tela:
- Jing – Faz vídeo
- Clipular (uma de um punhado de útil extensões de navegador)
- atalhos de Teclado
CloudApp – Rápido e fácil screencast GIFs
Vamos usar esta ferramenta de uma tonelada para os nossos internos de partilha de imagem em Buffer. CloudApp permite armazenar imagens on-line e link para eles de forma rápida e fácil para o compartilhamento rápido., Seu novo aplicativo Mac—um download gratuito-vem com recursos ainda mais avançados, como screengrabs e criação GIF. Com o aplicativo aberto, você pode pressionar Cmd+Shift+6 para fazer um vídeo GIF de qualquer coisa que você faz em sua tela.
Dica: Uma vez terminada a criação da imagem, o CloudApp poderá colocar automaticamente o URL da imagem na sua área de transferência. Pergunte ao CloudApp o URL de download, e você pode rapidamente colar e baixar quando a imagem estiver pronta.,
Adicionais de captura de tela GIF políticos:
- RecordIt
- LICEcap
PowerPoint – imagem Fácil de software (quis dizer outra coisa)
software de Apresentação pode não ser a primeira coisa que vem à mente de criação de imagem, ainda há um grande número de amadores, designers que obter grande utilidade a criação de imagens através de modelos e ferramentas direito cozido em PowerPoint.pense em slides como imagens. E então considere como é fácil editar slides em PowerPoint., Você pode definir as fotos como fundo do ‘slide’, adicionar texto e cores, e colocar ícones e gráficos. Quando você salvar o slide no PowerPoint, escolha Salvar como uma imagem, e você será definido.
dica: HubSpot oferece alguns excelentes modelos de partida para a construção de infografias com PowerPoint., Aqui está um exemplo do que é possível:
Adicionais completo de edição de imagem, ferramentas de software:
- Keynote – PowerPoint alternativa para Mac
- Google Drive – Apresentações – baseado na nuvem apresentação de ferramentas do Google
- Photoshop
- GIMP – Livre e de código aberto, o photo editor, como perto do Photoshop, você pode obter
- Pixelmator
- CameraBag
- Picasa
Cavalete.ly– de Arrastar-e-soltar infográfico criação
Cavalete.,os layouts interativos do ly permitem incorporar gráficos, fotos e muito mais. Você pode começar com um modelo prebuilt (e, em seguida, Personalizar-se) ou você pode ir realmente sem ossos e construir todo o infográfico como quiser. Easel.ly vem com um grande número de ícones, formas e objetos que você pode arrastar-e-cair em seu editor.ferramentas infográficas adicionais:
- Infogr.am -insira vídeo, mapas, gráficos e mais no seu infográfico Visual.,ly – Conecte-se com designers profissionais para ajudar com seu projeto
- Piktochart – Criar infográficos a partir do zero ou usar um pré-fabricados modelo
Placeit – Integrar o seu site ou aplicativo dentro fresco fotos stock
Para criar belas imagens que apresentam a sua home page, blog, app, ou serviço, Placeit fornece algumas puro integrações com o seu endereço da web e a sua fotografia e vídeo., Escolha um fundo da biblioteca do Placeit, em seguida, envie uma imagem ou dê ao Placeit um URL para agarrar, a fim de inserir o seu site na imagem.
Placeit faz o resto. Você pode baixar ou incorporar sua nova criação em qualquer lugar.
dica: a opção de Vídeo Interativo em Placeit irá incorporar o seu site completo na janela, e os usuários podem percorrer o site como se estivessem visitando a página em seu navegador.,
Social Image Resizer Ferramenta Ideal tamanhos de imagem para cada canal
Há um número enorme de diferentes tamanhos e proporções que funcionam melhor em diferentes redes sociais. As fotos do Twitter são melhores numa proporção de 2:1. O Facebook prefere que as imagens sejam mais quadradas. Pinterest e Google+ adoram imagens verticais.
pode manter tudo isto organizado com uma ferramenta como Redimensionador de imagens sociais., Faça Upload da sua imagem desejada, em seguida, escolha a partir de uma lista enorme de opções e locais onde você pode gostar de usar a imagem. Você pode mover e escalar a área selecionada para obter a aparência ideal para a sua imagem.
Aqui estão as redes sociais que a ferramenta suporta:
- YouTube
Sugestão: Você pode clicar e arrastar para criar uma imagem personalizada tamanho bem. O dimensionador da imagem informa – o sobre as novas dimensões à medida que se move e redimensiona os contornos.,
opções Adicionais para criar ideal imagens para diferentes redes sociais:
- Social Media Image Maker
- SizzlePig
- linha do tempo de Segmentação de dados – Facebook ferramenta para a página de perfil e de imagens
Smush.ele – otimização de Imagens para o tamanho do ficheiro e o carregamento rápido
Nós usamos um monte de imagens de grandes dimensões em nossa blogposts e mídias sociais no Buffer. Podemos beneficiar de uma ferramenta como Smush.it.
escolha um ficheiro, envie-o para Smush.it, e a ferramenta comprime a imagem em um tamanho de arquivo mais ideal., Estas imagens otimizadas carregam mais rápido na página e fazem um upload mais rápido ao compartilhar para as mídias sociais.dica: Smush.it também vem em um plugin WordPress útil para comprimir e otimizar cada imagem que você publica para o seu blog.
opções Adicionais para otimização e ferramentas de compressão
- Image Optimizer
- Compactar Agora
- EWWW Image Optimizer – plugin
Recitar – Criar imagens a partir de citações
Alguns dos nossos mais conteúdo compartilhado sugestões e social mais popular atualizações são citações., Você pode levar citações para o próximo nível, criando imagens deles. No Recite, basta introduzir a sua citação no editor da página inicial, e escolher um layout da longa lista de modelos.,
O resultado final pode ser algo como:
ferramentas Adicionais para criar imagens a partir do texto:
- Quozio
- Pinstamatic
- Pinwords
Page2Images – página inteira website grabber
Se você já viu um web design que realmente você pegou (e acontecer de você ter um web design board no Pinterest ou você compartilhar esse tipo de coisa com seus seguidores o tempo todo), ele tinha a certeza de ser grande para ser capaz de agarrar a coisa toda em um único tiro.,
introduza as páginas 2, uma ferramenta útil que tira uma imagem de ecrã completo de uma página web e permite-lhe transferir ou adicionar facilmente ao Pinterest. Há um par de favoritos que você pode instalar clicando e arrastando as ligações para a sua barra de favoritos—um favorito adiciona diretamente ao Pinterest, e o outro agarra a página como uma imagem a transferir.
Photovisi – Collage maker
Imagem colagens são um grande negócio para o Instagram, e eles encontraram o seu caminho para o Twitter e Facebook, também., As duas últimas redes sociais têm ferramentas de colagem construídas. Se você gostaria de um pouco mais de controle sobre a forma como suas colagens são tratadas, uma ferramenta como Photovisi faria maravilhas.
Existem muitos modelos diferentes para escolher, e você pode personalizar não só as fotos que você usa, mas também qualquer texto, fundos ou gráficos que você deseja adicionar à colagem.
opções Adicionais para colagem de fazer:
- Fotor
Sobre o Texto para fotos
Nós já falou sobre como transformar o texto em imagens., Que tal abrir uma imagem com texto por cima?
A aplicação Over para iOS e Android permite-lhe escolher qualquer imagem no seu dispositivo e personalizar com texto, tipos de letra, cores e tamanhos de tipo à sua escolha. Aqui está um exemplo dos Mais de Instagram feed:
opções Adicionais para adicionar texto às imagens:
- Phonto
- Palavra Swag
Infogr.,am-Charts and graphs
When you write data-dense blogposts or research-backed articles, you might find yourself wishing to share data as an image. Uma das melhores ferramentas que encontrei para isto é … Infogr.am, que ajuda a criar infografias, juntamente com a ostentação de um editor de gráficos e gráficos bastante robustos.
Você pode escolher o tipo de gráfico que deseja usar e, em seguida, editar as células da tabela e os valores diretamente a partir de dentro Infogr.am.,
opções Adicionais para criar tabelas e gráficos:
- Google Drive
- Excel
Aviário – Edição on-the-go de um aplicativo móvel
Aviário usado para ser popular, uma imagem da área de trabalho do aplicativo, e não foi revertida para a suite de produtos Adobe, e está disponível para outros aplicativos de uso (por exemplo, MailChimp usa de edição de imagens por Aviário).
ainda existe um aplicativo móvel útil para iOS e Android para ajudar com a edição de imagens on-the-go.,
além dos filtros e efeitos típicos que você espera encontrar em um aplicativo de imagem móvel, aviário oferece autocolantes e molduras, ferramentas de desenho, memes, e recortar, rodar e endireitar ferramentas.
opções Adicionais para projetar imagens em celulares:
- Studio
- Snapseed
- Pixlr Express
- Repix
Como Criar Imagens para Mídias Sociais – Recursos
Iconfinder – Livre, pesquisável ícones
Descubra o perfeito ícone para adicionar a sua rede social de imagens. Pesquisar por palavra-chave, em seguida, refinar por formato, estilo, tamanho, e muito mais., Além dos ícones premium, Há uma enorme seleção de ícones de livre-com-atribuição para usar.
Blurgrounds – Simples, bonito turva fundos
Uma oferta de Inspiração Caça, este conjunto de 120 fundos borradas—se livre para baixar e usar—vem em uma variedade enorme de cores e estilos.
3 – Noun Project-Huge library of icons in a minimal, glyph style
If you have read much of the 99U blog (one of our favorites!,), você provavelmente notou seus ícones legais que fazem para a imagem de capa em seus posts. Cada um é feito com ícones do projecto substantivo! A biblioteca do projeto Noun contém um número incrível de imagens visuais que representam toneladas de palavras na língua inglesa. Com a maioria disponível como download gratuito, O projeto Noun torna a atribuição muito clara e fácil.
padrões sutis – padrões padronizados para download gratuito
estes padrões de fundo são destinados a sites, mas eu gosto de agarrá-los para fundos de imagem rápida e fácil, também., Encontre um favorito e screengrab a antevisão de fundo enrolado do site. Em seguida, enviar e adicionar ao seu editor de imagem.
Pattern Library – Fun, free backgrounds
Like Subtle Patterns, the Pattern Library is also website-first. Você pode fazer o mesmo truque aqui com os fundos que você gosta. Screengrab e usar nas imagens que você criar. A biblioteca de padrões oferece antevisões de fundo em mosaico para facilitar a captura de tela.,
Jquery – paleta de Cores e o padrão de inspiração
Um dos principais recursos da web para cores, você pode encontrar qualquer tom, matiz ou tonalidade aqui. E a comunidade colocou essas cores incríveis em paletas e padrões.
Omnicore de Mídia Social Cheat Sheet – Guia ideal para os tamanhos de imagem
Uma referência rápida para os tamanhos certos para usar em qualquer posto de mídia social, o Omnicore guia abrange todas as informações essenciais—updates, cabeçalhos, avatares, etc.,—e a equipe Omnicore refresque o gráfico constantemente para se manter atualizado sobre as últimas mudanças.
Pictaculous – Criar uma paleta de cores a partir de qualquer imagem
Vamos dizer que você sabe a imagem que você deseja incluir no gráfico, e você também gostaria de algumas dicas sobre que cores usar para quadros, planos de fundo, texto e ícones. Envia a imagem para o Pictaculous, e terás a tua resposta. A ferramenta estuda a sua imagem e retorna paletas sugeridas que você pode escolher.,
Bonus: Stock photos – 53+ free image sources
you may find yourself needing some free imagery to use as well. Nós chegamos com uma extensa lista—mais de 50 opções-de fontes de imagem livre, onde você pode encontrar imagens profissionais de graça. Alguns dos meus favoritos:
- a Morte para o Stock Photo
- Markus Spiske
- Inicialização do Estoque de Fotos
Como fizemos a imagem principal para esta postagem no blog
Seria útil para ver um exemplo de tudo isso junto?,
A imagem principal para este post (veja acima ou abaixo) é uma que eu construí do zero usando um punhado de ferramentas listadas aqui no post.
Aqui está um resumo rápido de como eu o fiz:
1. Abrir um novo design em Canva.
eu escolhi o modelo de post do Twitter, que tem 1.024 pixels de largura e 512 pixels de altura. Esta é a proporção ideal de 2:1 para que as imagens do Twitter apareçam no feed sem recorte., Facebook facebook também funciona bem, desde que você se lembre das margens esquerda e direita de sua imagem, que podem ser cortadas quando o Facebook redimensiona as coisas.
Se fizer muito este tipo de imagem, poderá fazer uma cópia de uma imagem antiga e depois trabalhar a partir desse modelo específico dentro de Canva.2. Procurar o localizador de ícones para um ícone que melhor representa a publicação.
I love using flat icons for these, so I start with a keyword search in Icon Finder and then refine the search by flat styles., Faça o Download da versão de maior resolução do ícone que escolher, em .formato png. Adicionar atribuição ao seu post neste momento, também.
3. Arraste o ícone transferido para o Canva e coloque-o no seu desenho.o Uploading no Canva é tão simples como arrastar do seu ecrã ou pasta e cair no editor do Canva. Uma vez que o ícone é carregado, você pode clicar nele a partir do menu esquerdo, e ele será colocado automaticamente em seu projeto. Dimensionar e centrar no topo da imagem.4., Clique nas opções das grades e selecione a foto de imagem completa.
adicionar isto ao seu design fará com que este elemento de design se expanda para o tamanho completo do seu desenho.
5. Encontre um fundo borrado para baixar e adicionar ao seu design.
muitas vezes pretendo encontrar um que corresponda às cores do ícone de alguma forma. Vou baixar a imagem, depois vou para Canva. Para adicioná-lo como um fundo para o seu desenho, você pode arrastar e largar no modelo de imagem completa que você adicionou no último passo., Canva vai reconhecer automaticamente que você está tentando adicionar um fundo.6. Move o fundo para trás.
isto é tudo sobre camadas. Ao mover o seu fundo para trás, o seu ícone estará no topo e visível.
7. Adicionar texto e personalizar.
do menu à esquerda, seleccione duas caixas de texto. Um será o título principal, o outro será a sub-cabeça. Eu gosto de variar fontes com um sans serif (sem hastes extra em letras) e um serif (hastes)., No gráfico aqui, eu usei Roboto bold como a fonte de cabeçalho e satisfazer como a fonte subhead.
para criar um tipo de letra a negrito ou centrado, poderá carregar na seta para baixo na janela do tipo de letra para encontrar as opções avançadas.
8. Telecarregamento
último passo! Quando você terminar, clique no botão Baixar ou Link ,e você terá uma janela para baixar como uma imagem (Sim!) ou um pdf (grande para slideshares e apresentações e ebooks). Você também pode compartilhar o link com um amigo para a colaboração ou edições.,
a Sua vez
fui inspirado a aprender muito sobre design e efeitos visuais no Buffer blog, e tenho uma maneira bastante para ir! Estou tão grato pelo grande número de ferramentas de design incríveis lá fora para criar imagens para as redes sociais.quais são as suas ferramentas de design favoritas para criar imagens de redes sociais?adorava saber quais são os que usa! Para ainda mais economia de tempo nas redes sociais, dê Buffer uma tentativa de graça! (Você economizará até uma hora por dia e dirigirá mais tráfego, também!,)
créditos de imagem: Boyan Kostov, Blurgrounds, Markus Spiske, Over
Leave a Reply