actualización-lanzamos Pablo una nueva herramienta para crear hermosas imágenes para sus publicaciones en redes sociales en menos de 30 segundos
puede usar Pablo desde el primer momento, sin necesidad de iniciar sesión o crear una cuenta. Simplemente crea rápidamente imágenes increíbles súper rápido.
Usted puede probar la primera versión de Pablo ahora – no es necesario iniciar sesión. Simplemente dirígete a http://bufferapp.com/pablo y dale una oportunidad!,
nos encantaría escuchar tus pensamientos sobre Pablo en Twitter, solo haz clic en @buffer y espero que te resulte mucho más fácil crear imágenes para tus publicaciones en redes sociales.
Ok, de vuelta al blogpost!
—
a través de la experimentación y la iteración, hemos descubierto que incluir imágenes cuando se comparten en las redes sociales aumenta la interacción en todos los ámbitos: más clics, repeticiones, respuestas y favoritos. En un experimento, los retweets por sí solos se duplicaron con creces para las actualizaciones con imágenes en comparación con los que no.,
usar imágenes en publicaciones de redes sociales vale la pena intentarlo con tus perfiles.
como propietario de una pequeña empresa o un equipo de marketing de una sola persona, ¿es esto algo que puede lograr por sí mismo?
en Buffer, creamos todas las imágenes para nuestros blogs y compartir en redes sociales sin ninguna ayuda externa de diseño. Dependemos de un puñado de herramientas y recursos increíbles para hacer el trabajo, y estaré encantado de compartir con ustedes las que usamos y los extras que hemos encontrado útiles o interesantes.
¿Tienes una herramienta de creación de imágenes favorita? Por favor, compartir en los comentarios!,
cómo crear imágenes para herramientas de redes sociales
Canva – un programa de diseño de principio a fin perfecto para no diseñadores
probablemente nuestra herramienta de imagen más utilizada en buffer, canva hace que la creación de imágenes sea súper fácil (especialmente para los no diseñadores) con sus plantillas prefabricadas, tamaños de imagen personalizados para cada canal de redes sociales, interfaz de arrastrar y soltar, fuentes geniales y más. La mayoría de las imágenes originales que ves compartidas desde nuestras cuentas sociales se hicieron en Canva.,
consejo: si conoce las dimensiones exactas de la imagen que desea, cree un tamaño personalizado antes de hacer clic en cualquiera de las plantillas prefabricadas.
herramientas de imagen adicionales de principio a fin:
- PicMonkey
- BeFunky
Skitch-captura de pantalla y Anotación
nuestra herramienta de captura de pantalla, Skitch aparece con un atajo de teclado rápido (Cmd+Shift+5 en Mac), luego puede hacer clic y arrastrar sobre el área que desea recortar., Seguimos volviendo a esta herramienta debido a las características de anotación impresionantes y fáciles. Puedes rodear cosas, señalar cosas, desenfocar cosas y agregar texto con solo un par de clics rápidos. Skitch, un producto de Evernote, te permite guardar y almacenar todas las capturas de pantalla en una carpeta de Evernote de tu elección.
Consejo: usa la función de desenfoque cada vez que compartas una imagen con tu dirección de correo electrónico o tus datos personales.,
herramientas adicionales de captura de pantalla:
- Jing – también hace video
- Clipular (una de un puñado de extensiones de navegador útiles)
- atajos de teclado
CloudApp – GIFs de screencast rápidos y fáciles
utilizamos esta herramienta una tonelada para compartir imágenes internas en buffer. CloudApp le permite almacenar imágenes en línea y vincularlas de forma rápida y sencilla para compartirlas rápidamente., Su nueva aplicación para Mac, una descarga gratuita, viene con funciones aún más avanzadas como capturas de pantalla y creación de GIF. Con la aplicación abierta, puedes presionar Cmd + Shift + 6 para hacer un video GIF de cualquier cosa que hagas en tu pantalla.
Consejo: una vez finalizada la creación de la imagen, CloudApp puede colocar automáticamente la URL de la imagen en el portapapeles. Pídale a CloudApp la URL de descarga y podrá pegarla y descargarla rápidamente cuando la imagen esté lista.,
creadores adicionales de GIF de captura de pantalla:
- RecordIt
- LICEcap
PowerPoint – software de imagen Fácil (destinado a otra cosa)
El software de presentación puede no ser lo primero que se le ocurra para la creación de imágenes, sin embargo, hay un gran número de diseñadores aficionados que obtienen un gran uso de la creación de imágenes a través de las plantillas y herramientas horneadas a la derecha en PowerPoint.
piensa en las diapositivas como imágenes. Y luego considere lo fácil que es editar diapositivas en PowerPoint., Puede establecer fotos como fondos de diapositivas, añadir texto y colores, y colocar iconos y gráficos. Cuando guarde la diapositiva en PowerPoint, elija Guardar como una imagen y se configurará.
Consejo: HubSpot ofrece algunas excelentes plantillas de inicio para crear infografías con PowerPoint., Este es un ejemplo de lo que es posible:
herramientas adicionales de software de edición de imágenes con todas las funciones:
- Keynote-alternativa de PowerPoint para Mac
- Google Drive-presentaciones – la herramienta de presentación basada en la nube de Google
- Photoshop
- GIMP – gratis y el editor de fotos de código abierto lo más cercano a Photoshop que puede obtener
- Pixelmator
- CameraBag
- Picasa
Easel.ly-arrastrar y soltar la creación de infografía
Caballete.,los diseños interactivos de ly le permiten incrustar gráficos, fotos y más. Puedes empezar con una plantilla prediseñada (y luego personalizarte) o puedes crear toda la infografía como mejor te parezca. Easel.ly viene con una gran cantidad de iconos, formas y objetos que puedes arrastrar y soltar en tu editor.
herramientas de infografía adicionales:
- Infogr.am -incrustar vídeo, mapas, gráficos, y más en su infografía
- Visual.,ly – Conéctate con diseñadores profesionales para ayudarte con tu proyecto
- Piktochart – crea infografías personalizadas desde cero, o usa una plantilla pre-hecha
Placeit – integra tu sitio web o aplicación dentro de cool stock photos
para crear hermosas imágenes que incluyan tu página de Inicio, blog, aplicación o servicio, Placeit proporciona algunas integraciones ordenadas con su dirección web y su fotografía y Video., Elige un fondo de la biblioteca de Placeit, luego sube una captura de pantalla o dale a Placeit una URL para que la grabe con el fin de insertar tu sitio en la imagen.
Placeit hace el resto. Puede descargar o incrustar su nueva creación en cualquier lugar.
Consejo: la opción de Video Interactivo en Placeit incrustará su sitio web completo en la ventana, y los usuarios pueden desplazarse por el sitio como si estuvieran visitando la página en su navegador.,
Social Image Resizer Tool – Ideal tamaños de imagen para cada canal social
Hay un gran número de diferentes tamaños y relaciones de aspecto que mejor funcionan en las diferentes redes sociales. Las fotos de Twitter son mejores en una proporción de 2: 1. Facebook prefiere que las imágenes sean más cuadradas. Pinterest y Google+ aman las imágenes verticales.
Puede mantener todo esto ordenado con una herramienta como Social Image Resizer., Cargue la imagen que desee y, a continuación, elija entre una enorme lista desplegable de opciones y lugares donde le gustaría usar la imagen. Puede mover y escalar el área seleccionada para obtener el aspecto óptimo de su imagen.
Aquí están las redes sociales que la herramienta es compatible con:
- YouTube
Sugerencia: puede hacer clic y arrastrar para crear una imagen personalizada de tamaño. Image Resizer le informa de las nuevas dimensiones a medida que mueve y cambia el tamaño de los bordes.,
opciones adicionales para crear imágenes ideales para diferentes redes sociales:
- Social Media Image Maker
- SizzlePig
- Timeline Slicer – herramienta de Facebook para imágenes de páginas y perfiles
Smush.it -optimización de imagen para el tamaño del archivo y carga rápida
utilizamos muchas imágenes grandes en nuestros blogposts y redes sociales en Buffer. Podríamos beneficiarnos de una herramienta como Smush.it.
elegir un archivo, subirlo a Smush.it, y la herramienta comprime la imagen en un tamaño de archivo más óptimo., Estas imágenes optimizadas se cargan más rápido en la página y permiten una carga más rápida cuando se comparten en las redes sociales.
Consejo: Smush.it también viene en un práctico plugin de WordPress para comprimir y optimizar cada imagen que publiques en tu blog.
opciones adicionales para herramientas de optimización y compresión
- Image Optimizer
- Compress Now
- ewww Image Optimizer – plugin de WordPress
Recite – crea imágenes a partir de citas
algunas de nuestras sugerencias de contenido más compartidas y las actualizaciones sociales más populares son las citas., Puede llevar las citas al siguiente nivel creando imágenes a partir de ellas. En Recite, simplemente ingrese su cita en el editor en la página de inicio y elija un diseño de la larga lista de plantillas.,
el resultado final puede ser algo como esto:
herramientas adicionales para crear imágenes a partir de texto:
- Quozio
- Pinstamatic
- Pinwords
Page2Images – capturador de sitios web de página completa
Si alguna vez has visto un diseño web que realmente te atrapó (y resulta que tienes un tablero de diseño web en Pinterest o compartes este tipo de cosas con tus seguidores todo el tiempo), seguro que sería genial poder agarrar todo en una toma completa.,
entra en Page2Images, una práctica herramienta que toma una imagen a pantalla completa de una página web y te permite descargarla o agregarla fácilmente a Pinterest. Hay un par de bookmarklets que puede instalar haciendo clic y arrastrando los enlaces a la barra de marcadores: un bookmarklet agrega directamente a Pinterest, y el otro agarra la página como una imagen para descargar.
Photovisi – Collage maker
la Imagen de collages son un gran negocio para Instagram, y que han encontrado su camino a Twitter y Facebook, también., Las dos últimas redes sociales tienen herramientas de collage integradas. Si desea un poco más de control sobre la forma en que se manejan sus collages, una herramienta como Photovisi haría maravillas.
Hay muchas plantillas diferentes para elegir, y puede personalizar no solo las fotos que utiliza, sino también cualquier texto, fondos o gráficos que desee agregar al collage.
las opciones Adicionales para el collage de decisiones:
- Fotor
Sobre – Texto en fotos
Hemos tocado en cómo convertir texto en imágenes., ¿Qué tal arreglar una imagen con texto en la parte superior?
La aplicación Over para iOS y Android le permite elegir cualquier imagen en su dispositivo y personalizarla con texto, fuentes, colores y tamaños de tipo de su elección. Este es un ejemplo del feed de Instagram:
opciones adicionales para agregar texto a las imágenes:
- Phonto
- Word Swag
Infogr.,am-Charts and graphs
Cuando escribe blogposts densos en datos o artículos respaldados por investigaciones, es posible que desee compartir datos como una imagen. Una de las mejores herramientas que he encontrado para esto es Infogr.am, que ayuda a crear infografías junto con un editor de gráficos y tablas bastante robusto.
Puede elegir el tipo de gráfico que desea usar y luego editar las celdas y los valores de la tabla directamente desde dentro Infogr.am.,
opciones adicionales para crear tablas y gráficos:
- Google Drive
- Excel
Aviary – edición sobre la marcha desde una aplicación móvil
Aviary solía ser una aplicación de imagen de escritorio popular, y no se ha incorporado al conjunto de productos de Adobe y está disponible para otras aplicaciones (por ejemplo, MailChimp utiliza la edición de imágenes de Aviary).
todavía hay una práctica aplicación móvil para iOS y Android para ayudar con la edición de imágenes sobre la marcha.,
Además de los filtros y efectos típicos que esperarías encontrar en una aplicación de imagen móvil, Aviary ofrece pegatinas y marcos, herramientas de dibujo, memes y herramientas de recorte, rotación y enderezado.
opciones adicionales para diseñar imágenes en el móvil:
- Studio
- Snapseed
- Pixlr Express
- Repix
cómo crear imágenes para redes sociales – Recursos
Iconfinder – iconos libres y buscables
Descubre el icono perfecto para agregar a tus imágenes de redes sociales. Busca por palabra clave, luego refina por Formato, Estilo, tamaño y más., Aparte de los iconos premium, hay una gran selección de iconos gratuitos con atribución para usar.
Blurgrounds – Fondos borrosos simples y hermosos
una oferta de Inspiration Hunt, este conjunto de 120 fondos borrosos, de descarga y uso gratuitos, viene en una amplia gama de colores y estilos.
Noun Project – enorme biblioteca de iconos en un estilo mínimo, glifo
Si has leído gran parte del blog de 99U (uno de nuestros favoritos!,), es probable que hayas notado sus iconos geniales que hacen la imagen de portada en sus publicaciones. Cada uno está hecho con iconos de Proyecto Sustantivo! La Biblioteca del Proyecto Sustantivo contiene una increíble cantidad de imágenes visuales que representan toneladas de palabras en el idioma Inglés. Con la mayoría disponible como descarga gratuita, El Proyecto Sustantivo hace que la atribución sea muy clara y fácil.
patrones sutiles – fondos estampados para descarga gratuita
estos fondos de patrones están destinados a sitios web, pero también me gusta capturarlos para obtener fondos de imágenes rápidos y fáciles., Encontrar un favorito y screengrab la vista previa de fondo en mosaico desde el sitio. Luego cargue y agregue a su editor de imágenes.
Biblioteca de patrones – fondos divertidos y GRATUITOS
Al igual que los patrones sutiles, la Biblioteca de patrones también es primero en el sitio web. Puedes hacer el mismo truco aquí con los fondos que disfrutas. Screengrab y utilizar en las imágenes que cree. La Biblioteca de patrones ofrece vistas previas de fondo de mosaico completo para facilitar la captura de pantalla.,
Colourlovers-paleta de colores e inspiración de patrones
uno de los principales recursos web para colores, puede encontrar cualquier tono, matiz o matiz aquí. Y la comunidad ha colocado estos increíbles colores en paletas y patrones.
Hoja de trucos de redes sociales de Omnicore – guía para tamaños de imagen óptimos
una referencia rápida para los tamaños correctos para usar en cualquier publicación de redes sociales, la guía de Omnicore cubre todos los detalles vitales: actualizaciones, encabezados, avatares, etc.,- y el equipo de Omnicore actualiza el gráfico constantemente para estar al día de los últimos cambios.
Pictaculous – Crear una paleta de cualquier imagen
supongamos que sabe la imagen que desea incluir en el gráfico y también le encantan algunos consejos sobre qué colores utilizar para marcos, fondos, texto e iconos. Sube la foto a Pictaculous, y obtendrás tu respuesta. La herramienta estudia su imagen y devuelve paletas sugeridas que puede elegir.,
Bonus: Stock photos-53 + free image sources
es posible que necesite algunas imágenes gratuitas para usar también. Se nos ocurrió una extensa lista—más de 50 opciones—de fuentes de imágenes gratuitas donde se pueden encontrar imágenes profesionales de forma gratuita. Algunos de mis favoritos:
- Death To The Stock Photo
- Markus Spiske
- Startup Stock Photos
cómo hicimos la imagen principal para este blogpost
¿sería útil ver un ejemplo de todo esto juntos?,
la imagen principal de este post (ver arriba o abajo) es una que construí desde cero usando un puñado de herramientas listadas aquí en el post.
he Aquí un resumen rápido de cómo lo hice:
1. Abre un nuevo diseño en Canva.
elegí la plantilla de publicación de Twitter, que tiene 1.024 píxeles de ancho y 512 píxeles de alto. Esta es la relación de aspecto 2:1 ideal para que las imágenes de Twitter aparezcan en el feed sin recortar., Facebook Facebook también puede cambiar el tamaño de sus publicaciones, siempre y cuando tenga en cuenta los márgenes izquierdo y derecho de su imagen, que pueden cortarse cuando Facebook cambia el tamaño de las cosas.
Si haces este tipo de imagen mucho, puedes hacer una copia de una imagen Antigua y luego trabajar desde esa plantilla específica dentro de Canva.
2. Busca el icono que mejor represente la publicación.
Me encanta usar iconos planos para estos, así que comienzo con una búsqueda de palabras clave en el buscador de iconos y luego refino la búsqueda por estilos planos., Descargue la versión de mayor resolución del icono que elija, en .formato png. También agrega atribución a tu publicación en este momento.
3. Arrastra el icono descargado a Canva y colócalo en tu diseño.
cargar en Canva es tan simple como arrastrar desde su escritorio o carpeta y soltarlo en el editor de Canva. Una vez cargado el icono, puede hacer clic en él desde el menú de la izquierda, y se colocará automáticamente en su diseño. Redimensionar y centrar en la parte superior de la imagen.
4., Haga clic en las opciones de Cuadrículas y seleccione la foto de imagen completa.
agregar esto a su diseño hará que este elemento de diseño se expanda automáticamente al tamaño completo de su diseño.
5. Encuentra un fondo borroso para descargar y agregar a tu diseño.
a menudo intento encontrar uno que coincida con los colores del icono de alguna manera. Descargaré la imagen, luego la subiré a Canva. Para agregarlo como fondo a su diseño, puede arrastrar y soltar sobre la plantilla de imagen completa que agregó en el último paso., Canva reconocerá automáticamente que estás tratando de agregar un fondo.
6. Mueve el fondo hacia atrás.
todo esto se trata de capas. Al mover el fondo hacia atrás, el icono estará en la parte superior y visible.
7. Añadir texto y personalizar.
en el menú de la izquierda, seleccione dos cuadros de texto. Uno será el encabezado principal, el otro será el subtítulo. Me gusta variar las fuentes con un sans serif (sin plicas adicionales en las letras) y un serif (plicas)., En el gráfico aquí, he utilizado Roboto bold como fuente de encabezado y Satisfy como fuente de subtítulo.
para hacer una fuente en negrita o centrada, puede hacer clic en la flecha hacia abajo en el cuadro de diálogo fuente para encontrar las opciones avanzadas.
8. Descargar
¡último paso! Cuando haya terminado, haga clic en el botón Descargar o enlace, y obtendrá un cuadro de diálogo para descargar como una imagen (¡sí!) o un pdf (ideal para slideshares y presentaciones y libros electrónicos). También puedes compartir el enlace con un amigo para colaborar o realizar ediciones.,
tu turno
me ha inspirado aprender mucho sobre diseño y visuales en el blog de Buffer, ¡y tengo muchas cosas por hacer! Estoy muy agradecido por la gran cantidad de increíbles herramientas de diseño que existen para crear imágenes para redes sociales.
¿Cuáles son tus herramientas de diseño favoritas para crear imágenes de redes sociales?
¡Me encantaría saber cuáles usas! Para ahorrar aún más tiempo en las redes sociales, ¡prueba Buffer gratis! (Usted ahorrará hasta una hora al día y conducir más tráfico, también!,)
Créditos de la imagen: Boyan Kostov, Blurgrounds, Markus Spiske, Over
Leave a Reply