Una guía rápida para crear imágenes hermosas para publicaciones de blog de WordPress

¿Qué impresión tienes de los blogs que no tienen fotos o fotos de baja calidad y queso? ¿Puedes pensar que el blog no es profesional o te da la sensación de que el contenido es posible de menor calidad? Si su blog tiene imágenes débiles, entonces los visitantes de su blog podrían tener las mismas primeras impresiones sobre su sitio. Afortunadamente, no tiene que ser así, y crear imágenes profesionales de alta calidad puede ser fácil, rápida y barata. ¿Quieres saber cómo? Sigue leyendo. Las mejores herramientas para diseñar las imágenes de publicaciones de blog antes de comenzar a diseñar las imágenes del blog, necesitará algunas herramientas de edición. Hay una serie de soluciones gratuitas y pagadas disponibles:
Photoshop (pagado) Photoshop es el software de edición de imágenes para profesionales. Desarrollado por Adobe y parte del conjunto de instrumentos creativos en la nube, Photoshop es excelente para trabajar con fotos (¡sin sorpresas allí!). Illustrator (pagado) También es parte de Adobe Creative Cloud Tools, Illustrator es el estándar para trabajar con gráficos vectoriales. Estas son imágenes que están formadas por puntos y rutas, a diferencia de los gráficos de trama, que son esencialmente una cuadrícula de píxeles. La ventaja de usar gráficos vectoriales es que puede cambiarlos de tamaño sin perder calidad. Las imágenes de trama perderán su calidad una vez que se amplíen sobre su dimensión nativa.
GIMP (gratis) GIMP es una alternativa gratuita a Photoshop. Aunque no es tan rico en funciones como la solución de Adobe, GIMP sigue siendo una herramienta impresionante. Para crear imágenes presentadas para publicaciones de blog, debería ser más que suficiente. Canva (gratuito y pagado) Canva es una herramienta en línea que le permite crear fácilmente una variedad de imágenes desde portadas de redes sociales, carteles y, adivinó, imágenes de blogs. Es fácil de usar y útil si tiene varias personas trabajando en el mismo sitio web. ¿Qué hace una excelente imagen de portada/función? Ahora tiene las herramientas que necesita para diseñar publicaciones de blog, debe pensar en los elementos reales necesarios para crear uno. Recuerde que para muchos sitios web que ofrecen fotos gratuitas, imágenes vectoriales, iconos y fuentes, probablemente VI será necesario que proporcione atribución . Recuerde esto y siempre verifique si se requiere alguna tarea. Las imágenes deben decidir si desea usar un banner de publicación de blog que sea un vector y más “similar a una caricatura” o si desea usar fotos o imágenes del mundo real. Probablemente dependerá de las imágenes que tenga disponibles, pero trate de comprender lo que funciona mejor con su audiencia. Imagine buscar publicaciones de blog sobre pasteles. ¿Qué te haría leer más una publicación? ¿Una foto de un pastel real que se ve increíble o una imagen vectorial de un pastel? Sé lo que estaría más inclinado a hacer clic.
Suministro con imágenes generales para imágenes generales, hay una serie de sitios que ofrecen una variedad de tipos de imágenes, incluidas fotos, imágenes vectoriales e iconos: Istock (pagado)-Oficina de fotos, gráficos vectoriales e iconos que generalmente son de una muy buena calidad
Shutterstock (pagado): proporciona fotos de archivo premium, gráficos vectoriales e iconos que también son de muy buena calidad
Freepik (gratuito y pagado): este sitio ofrece una variedad de fotos de archivo gratuitas y pagas, gráficos vectoriales e iconos
Canva (pagado): ofrece fotos de stock, gráficos vectoriales e iconos a un precio muy bajo para su uso dentro de su plataforma
Suministro de fotos
Si tienes tus propias fotos, entonces es genial. Sin embargo, muchas personas no tendrán el equipo o la experiencia para tomar fotos profesionales. Afortunadamente, encontrar imágenes de stock gratuitas es fácil con Libretock. Este sitio es esencialmente un motor de búsqueda de otros sitios web que proporcionan imágenes de existencias gratuitas.

El suministro de vectores e iconos imágenes vectoriales e iconos vectoriales son útiles porque son muy fáciles de personalizar. Cambiar las proporciones, los colores, el grosor de las líneas, etc. Es simple simple con programas de edición vectorial. Puede encontrar vectores gratuitos usando los siguientes sitios:
VECTEEZY (GRATIS y PAGADO) – Este sitio ofrece una amplia gama de gráficos e iconos vectoriales

Vectorstock (gratuito y pagado): este sitio también ofrece una amplia gama de gráficos e iconos vectoriales
Las fuentes de tipografía a menudo se pasan por alto, pero elegir la fuente correcta puede marcar la diferencia entre una imagen del banner que atrae la atención y el profesional, en lugar de aburrido y aficionado. Es importante elegir una fuente para que coincida con su mensaje y tema de su publicación. Por ejemplo, si su publicación trata sobre el entrenamiento de fuerza, debe elegir una fuente breve, audaz y serif. Si publicar en el blog se trataba de perder peso, le gustaría elegir una fuente alta, con un peso bajo. Esto no es solo para el estilo, sino que las características de estas fuentes pueden ayudar a desencadenar emociones y pensamientos en sus lectores, como muestra un estudio de Beth Koch. Si tiene la intención de usar la fuente en el HTML, en lugar de en la imagen en sí, por ejemplo, superponiendo la imagen con un elemento de título, entonces deberá asegurarse de que haya una versión web de su disponible. Vea estos sitios para las fuentes:
1001Fonts: este sitio tiene una gran cantidad de fuentes gratuitas para uso personal

Dafont: muchas fuentes, muchas de ellas son libres de usar
Fonts.com: ofrece un servicio basado en suscripción para acceder a muchas fuentes profesionales
Google Fonts: algunas personas pueden no saber esto, pero puede descargar Google Fonts para usarlas en aplicaciones de escritorio
Color Al igual que con las imágenes y las fuentes, elegir su color puede tener un gran impacto en los sentimientos y pensamientos de los lectores de su blog. Un artículo de Nick Kolenda muestra las muchas formas en que el color puede afectarme los visitantes de su sitio, la conclusión de la clave es la noción de teoría de redes asociativas. El concepto de teoría de las redes asociativas es que cada conocimiento es un nudo, incluidos los colores. A medida que vivimos nuestras vidas y pasamos por diversas experiencias, se hacen conexiones entre estos nudos. Imagínese, sus dulces favoritos en la infancia son agrios y verdes. Debido a la extensa exposición a los dulces acres y verdes, comenzará a construir una asociación entre ese sabor y color. ¿Por qué son importantes estas asociaciones? Cuando se activan los nudos, también activan esos nudos conectados directamente a ellos. Tomemos el ejemplo de dulces agrios y verdes. Cuando vea el color o lea la palabra “verde” en el contexto de dulces o alimentos, activará el nodo para el sabor agrio. Del mismo modo, si lee o escucha la palabra agria, activará el nodo verde.
Podrías pensar: “Ok, genial. Pero, ¿cómo me ayuda esto a elegir un color? ”. Bueno, elegir el color correcto desencadenará ciertos nudos que lo ayudarán a fortalecer su mensaje. Un ejemplo bastante obvio, pero imagine que su blog se trata de dinero, finanzas y atacando al mercado estadounidense. En los Estados Unidos, el dinero es verde. Está claro que uno de los colores más asociados con el dinero es verde, y elegir este color para las imágenes en su blog ayudará a activar el “nudo” en las mentes de sus lectores. Herramientas de color Hay una serie de herramientas disponibles en línea que pueden ayudarlo a elegir colores. Úselos con la teoría de las redes asociativas: color de adobe: esta es una rueda de colores proporcionada por Adobe que puede proporcionar una variedad de combinaciones de colores basadas en diferentes reglas.
Paletton: esta es otra rueda de color similar a la de Adobe

La paleta de materiales: si sigue los principios de diseño de material de Google, entonces este sitio lo ayudará a elegir las combinaciones de colores correctas
Creación de una imagen de blog recomendada con la cadena Analicé los diferentes elementos de la imagen de su blog. Ahora pongamos todo esto en práctica. Usaremos el canal porque es un servicio en línea al que cualquiera puede acceder. Nuestro ejemplo de publicación en el blog será de “5 ensaladas en menos de 5 minutos” y crearemos una imagen presentada para ello.
En primer lugar, tendrá que registrarse en el canal. Después de completarlo, conéctese y se le presentará el tablero. Notará en esta pantalla que hay una serie de opciones de diseño. Estas son esencialmente solo diferentes dimensiones de la imagen. Probablemente necesite algo personalizado para su blog, especialmente si lo ha diseñado y creado usted mismo. Para elegir un tamaño personalizado, haga clic en el botón en la parte superior derecha de la pantalla etiquetada Use dimensiones personalizadas. Vea algunos cuadros de entrada para obtener dimensiones de ancho y altura. Usaremos el ancho de 670px en la altura de 377px. Usted es libre de usar cualquier tamaño que necesita para su blog.
Haga clic en Diseño! Y se mostrará la pantalla donde creará la imagen del blog. En el panel izquierdo, verá una serie de opciones de apariencia. Para el propósito de este ejemplo, seleccionaremos la opción para una sola imagen, que es la selección en la parte superior izquierda.
Para esta publicación, creo que una foto funcionaría bien en lugar de vectores. Utilicé Librestock para encontrar una imagen adecuada y de alta calidad de una ensalada. Ahora tengo que cargarlo en el canal para usarlo en la imagen de mi blog. Haga clic en las cargas en el menú izquierdo. Luego se le presentará la opción de subir sus propias imágenes. Haga clic en este botón y luego seleccione el archivo de imagen que desea cargar. Cuando termina la imagen, simplemente puede tirarla del lienzo. El fondo de nuestra imagen ahora está completo.
Ahora podríamos agregar el título de la publicación en el blog, pero los visitantes de nuestro sitio serían difíciles de leer. Si la imagen contiene un bloque sólido de un color, entonces sería posible superponer el texto que contrasta lo suficiente con el fondo. Con nuestra imagen, este no es el caso. Necesitamos agregar otro elemento para superponer el texto. Hay dos opciones para esto: crear una sola superposición de bloque de color con la opacidad establecida en algo menos del 100%para que la imagen de fondo sea visible

Crear un elemento que no llene la imagen de fondo

Para esto iré con la segunda opción. Quiero que los colores vibrantes de la ensalada en nuestra imagen de fondo sean lo más visibles posible. Para agregar un elemento, haga clic en elementos desde el menú a la izquierda. Se le presentará una serie de opciones para diferentes tipos de elementos. Usaremos una forma, así que haga clic en las formas. Aquí puede elegir el tipo de formulario deseado y hay muchas opciones disponibles de forma gratuita. Elegiremos el círculo para este tutorial, así que haga clic en la opción Circle. Esto agregará este elemento a nuestra imagen. Hay varias formas de editar el círculo. Puede cambiar el color del elemento haciendo clic en el bloque de color en la parte superior izquierda del lienzo. La opacidad se puede cambiar haciendo clic en el botón Opacidad en la parte superior derecha del lienzo. También puede editar el tamaño del elemento haciendo clic en él, luego sacando los anotadores de las esquinas y bordes de la forma.

Para esta imagen, el círculo se cambió en blanco, la opacidad se redujo al 85%y el círculo era ligeramente más pequeño.Tenga en cuenta que cuando cambie el tamaño de los elementos, no estarán en la posición que inicialmente quería.Para mover elementos, simplemente coloque el cursor sobre el elemento, haga clic y tire.Ahora podemos agregar nuestro texto.Haga clic en la opción de texto en el menú a la izquierda.Una serie de plantillas de texto aparecerán además del título, el subtítulo y las opciones de texto.Queremos agregar un título y un subtítulo, así que haga clic en ambos.

El título y el subtítulo se agregarán a nuestro lienzo. Después de seleccionar un elemento de texto, aparecerá una serie de opciones de edición de texto. Esto incluye opciones de fuente, tamaño de fuente y color de texto. Siéntase libre de probarlos y ver cuál cree que funciona para la imagen de su blog. Este tutorial usa Quicksand como fuente tanto para el título como para el subtítulo. El color de la fuente se establece en negro, para contrastar con el fondo blanco. Las dimensiones de las fuentes también son ligeramente diferentes, el título se establece en 38.7 y el subtítulo se establece en 16.6. Agregaremos otro elemento; un separador entre el título y la subhibición. Esto ayuda a separar el texto, lo que facilita la lectura. Además, agregue un poco de color para superponer el círculo, de lo contrario bastante simple. Para agregar el separador, haga clic en elementos y luego seleccione líneas en el menú de la izquierda. Tendrás varios tipos de líneas. Para este tutorial se eligió una de las líneas punteadas. Haga clic y agréguelo a su lienzo. Probablemente desee cambiar el tamaño y expandir la línea.

El color de la línea se cambió haciendo clic en el bloque de color en la parte superior izquierda del lienzo. El elemento de línea también se reposicionó para que se ordene entre el título y el subtítulo. Todo lo que tiene que hacer ahora es asegurarse de que esté satisfecho con el tamaño, la ubicación, los colores, las fuentes y las imágenes. Hacer cualquier cambio si es necesario. Incluso puede copiar el lienzo y trabajar en varias versiones para comparar. Una vez que esté satisfecho, puede exportar la imagen que se utilizará en su blog. En la parte superior derecha de su lienzo, verá un botón de descarga. Haga clic en él y se le presentará algunas opciones de archivo de exportación. PNG es su formato de archivo recomendado. Noté, especialmente cuando suben fotos de portada en las redes sociales, que los archivos JPG a menudo aparecen en una calidad menor. Cuando cobro archivos PNG, no tengo el mismo problema. Por esta razón, casi siempre uso archivos PNG para las imágenes que cargaré. Después de haber elegido el formato de archivo y hacer clic en la descarga, su imagen se guardará en la computadora para cargarlo en el blog. ¡Correcto! Después de haber hecho esto varias veces, podrá crear atractivas imágenes de blogs profesionales en menos de 5 minutos. Aquí está la imagen final:

Crear imágenes sorprendentes para su blog es fácil como puede ver, crear imágenes para su blog no tiene que durar mucho o costar mucho dinero.Lo que es aún mejor es que puede usar exactamente los mismos principios para algo más que imágenes presentadas para publicaciones de blog.Puede usar estas técnicas para crear imágenes profesionales para usar en cualquier lugar de su sitio, así como los perfiles y anuncios de redes sociales que se muestran. ¿Tiene consejos de trucos para crear imágenes para su blog?¿Utiliza herramientas que no se han mencionado en la publicación?Háganos saber en los comentarios a continuación.
Etiquetas:
imágenes