Cómo diseñar RÁPIDAMENTE un encabezado de blog magnífico de FORMA GRATUITA

Si acabas de comenzar tu propio blog (felicitaciones) o tu sitio actual necesita un lavado de cara, crear tu propio encabezado de blog por primera vez puede parecer desalentador si aún no eres un experto en PhotoShop. Si bien pagar a un profesional es deseable, gastar una suma de dinero en un diseño personalizado no es una opción para la mayoría de los bloggers. Tu única opción real es diseñar algo tú mismo. ¿Pero por dónde empiezas…?

 Cómo diseñar tu propio encabezado de blog (GRATIS) en LovelyBlogAcademy.com

Afortunadamente, hay una gran cantidad de recursos fantásticos, fabulosos y sin mencionar los GRATUITOS que te ayudarán en tu camino. Estos son algunos de mis favoritos

Pero lo primero es lo primero….

Necesitas encontrar las dimensiones del encabezado de tu blog

Antes de diseñar, necesitarás encontrar las dimensiones del encabezado de tu blog. Las dimensiones pueden variar dependiendo de su plataforma/tema. Hay un par de maneras de averiguar las dimensiones de su encabezado, las describiré a continuación. Uno de estos métodos debería funcionar para usted:

Método 1) Compruebe si las dimensiones del encabezado se enumeran en el área de administración o en el área de personalización de diseño de su sitio web.

Método 2) Cargue su sitio web y haga clic con el botón derecho en el encabezado actual. Guarde la imagen en su computadora. Haga clic derecho en la imagen y elija «properties » (Windows) o «get info» (Mac). Deben indicarse las dimensiones.

Encontrar el tamaño del encabezado en Mac

Encontrar el tamaño del encabezado en mac

Método 3) Si aún tiene dificultades, use la herramienta para desarrolladores de su navegador para obtener las dimensiones de la imagen en su navegador. Si usas Google Chrome, aquí hay un gran tutorial para blogueros. (Internet Explorer, FireFox y Safari también tienen herramientas similares disponibles).

Luchando? Ven a preguntar en nuestra página de Facebook. Encontraré esas dimensiones para ti.

¡A las herramientas y recursos de diseño!

Canva

Canva es una herramienta de diseño gratuita que es fácil de usar y está llena de hermosas plantillas. Solo pagas por usar sus imágenes de stock (que incluso puedes reemplazar con tus propias imágenes gratuitas si lo prefieres). Sus imágenes de stock son muy asequibles, solo $1 (aproximadamente 80 peniques) por pieza.

Puede elegir establecer «dimensiones personalizadas» para el diseño (hay un enlace en la parte superior derecha una vez que haya iniciado sesión). O desplácese por las diferentes plantillas y elija una que tenga el mismo tamaño que su encabezado.

Aquí hay un par de ejemplos muy rápidos que hice usando Canva, junto con instrucciones paso a paso para que pueda recrearlos. El primero es un diseño simple y minimalista, este tipo de cabeceras están muy de moda en este momento. Elegí la opción dimensiones personalizadas, este encabezado es de 960 x 200px.

 Un encabezado que hice en CANVA

Cómo creé este encabezado de blog:
Introduje mis dimensiones personalizadas (960px x 200px). Cuando el lienzo se cargó, fui directamente a search > illustrations en la barra lateral. Recorrí las ilustraciones hasta que encontré estos encantadores adornos florales. Redimensioné y giré ambos gráficos hasta que me sentí feliz (consejo profesional: esté atento a los números que aparecen a medida que cambia el tamaño y gira, asegúrese de que ambos adornos sean los mismos. Usando el panel de opciones, cambié los colores de las flores para que coincidieran con mi propia paleta. Agregué un texto sencillo. Terminado.

Este es mi segundo ejemplo. Creé esto a partir de las plantillas de» Portada de Facebook».

 Ejemplo de encabezado de blog hecho en Canva

Cómo creé este encabezado de blog:
Elegí la opción de plantillas» Facebook Cover«. (No se preocupe por la imagen de perfil, que no estará allí cuando descargue su encabezado). Seleccioné el diseño del menú de la izquierda, que verás que está lleno de diferentes opciones de plantilla. Cambié la redacción y le di a mi subtítulo una ligera opacidad (seleccione «transparency» de las opciones de fuente al escribir). Nota: Si no te gusta el fondo floral, elimínalo y agrega tu propia foto en su lugar. Juega con los filtros y difumina hasta que estés feliz. Convierte las plantillas de PAGO en GRATUITAS cambiando la imagen de archivo de Canva por una de tus propias fotos. Canva siempre te dirá si tu diseño es gratuito o de pago antes de descargarlo. Si decides usar una de las imágenes de pago de Canva, solo cuestan 1 1 (aproximadamente 65 peniques) por pieza.

Sugerencia: Elija su combinación de colores navegando por paletas en ColorLovers.

Recurso: Si utiliza WordPress.com, este tutorial de entrada de blog debería ser bastante útil.

PicMonkey

PicMonkey es otra gran herramienta de diseño y edición. Es de uso gratuito, pero puedes ir a «premium» para acceder a más iconos, fuentes y fondos. Si bien no tiene plantillas prefabricadas como Canva, hay mucho margen para crear encabezados de aspecto agradable utilizando las opciones de herramientas y su imaginación. Preparé este diseño en unos cinco minutos planos (¡Estoy seguro de que podría hacer algo mucho mejor si reserva una hora o dos para diseñar!)

Ejemplo de encabezado de blog hecho en PicMonkey

Cómo creé este encabezado de blog:
Hice clic en design > custom dimensions y establecí mi tamaño. Hice clic en textures > boards para crear el efecto pizarra. Establecí la saturación y el desvanecimiento a cero para que la pizarra se vea más oscura. Utilicé uno de los iconos gratuitos de la sección» overlays«, lo coloreé de blanco y lo redimensioné para hacerlo más pequeño. Usé dos fuentes gratuitas para el título y el subtítulo, Eraser Dust y RNS Camila

Recurso: ¿Usar Blogger? 21 Rosemary Lane te enseñará cómo crear un encabezado de blog de collage de fotos usando PicMonkey.

Estoy aprendiendo a crear mi propio encabezado de blog – ¡ven a ver esta página llena de tutoriales! Haga clic para twittear

Más herramientas & recursos:

Smashing Magazine ha regalado 45 fondos de encabezado diferentes que puede editar utilizando PhotoShop, Canva o PicMonkey. Aquí está mi favorito de la colección, un encabezado de aspecto bastante sereno con nubes.

 Un ejemplo de encabezado de blog diseñado por Sergej Gorodenskiy, Rusia.

Diseñado por Sergej Gorodenskiy.

Hay una sección completa en Pinterest dedicada a encabezados de blog, llena de consejos, trucos, regalos e ideas. Navega aquí.

Angiemakes.com tiene una sección gratuita llena de gráficos femeninos que no se pueden perder, con acuarelas, plumas, guirnaldas, frases, etc. Descargue estos elementos gráficos y utilícelos en el diseño de su encabezado.

 Angiemakes gráficos gratuitos

WonderForest ofrece consejos para crear un encabezado de blog simple pero atractivo. El artículo incluye muchos ejemplos para comenzar.

Si utiliza PhotoShop, diríjase al archivo de plantillas de encabezado de FreePik. También echa un vistazo a sus otros elementos de diseño gráfico gratuitos (como botones, banners, iconos, etc.) para usarlos en tu diseño.

Deja una respuesta

Tu dirección de correo electrónico no será publicada.