Cómo hacer la caricatura perfecta para un SEO paso a paso y en tiempo real ;P | B30

Éste post está dentro del calendario de autores invitados de 2019, hoy de la mano de Edu del Corral. Edu se dedica a diseñar páginas web diferentes y sobre todo, que destaquen visualmente. Además, es un crack haciendo caricaturas y otro tipo de diseños artísticos. 

¿Qué tienen que ver el arte y el SEO? Probablemente más de lo que en un primer momento podrías pensar 😉

Siempre me he tratado de ver a mí mismo como un artista, cuando he trabajado en temas de posicionamiento web:

No defiendo que sea necesariamente la mejor forma universal de trabajar, pero sí ha sido simplemente la mía. Los artistas tenemos nuestros propios términos y nuestra propia manera de entender el mundo.

Aunque para artista el pedazo de autor  que abre la sección de autores invitados de verano en B30.

Simpático, fiel lector y sobre todo… un tío con talento.

Hoy viene Edu Corral a enseñarnos cómo hacer una caricatura SEO paso a paso. Pero antes, ¡dale al play!

¡Hola a todos los lectores de Blogger3cero! Soy Edu de educorral.com y me dedico al diseño web, sobre todo a diferenciar las webs de mis clientes de las típicas plantillas que ves repetidas por Internet. Pero hoy no vengo a hablar de esto, sino de mi otra gran pasión: las caricaturas.

En este post presentaré uno de mis servicios, las caricaturas para bloggers y marketers. Es decir, caricaturas personalizadas para el mundo online como los blogueros, marqueteros, youtuberos, etc. que quieran añadir un toque simpático a su marca, web o redes sociales.

Así que, he pensado que la mejor forma de hacerlo es mostrar cómo realizo una de estas caricaturas y para ello tengo la suerte de colaborar con Dean Romero (tampoco creo que haga falta presentarlo).

¿Cómo hacer caricaturas de marketers?

Las caricaturas son retratos en los que los rasgos de la persona dibujada se acentúan de manera desproporcionada, con la intención de darle un aspecto cómico. O bien, la reinterpretación de un retrato utilizando un estilo de dibujo más cercano al cómic o la ilustración.

La caricatura que realizaré está más enfocada a la segunda definición, aunque también resalté algunos rasgos dibujándolos desproporcionadamente para crear esa apariencia cómica tan característica de la caricatura.

Para los que seáis ilustradores u os guste dibujar, supongo que se podría asemejar a la creación de personajes. Si os gusta el cómic, diseñar personajes os encantará, personalmente era una de las partes que más me gustaban.

Pero hay que tener en cuenta ciertos aspectos que lo separan del diseño de personajes y es que en este caso, el personaje existe, ya hay una base estética que debes tener en cuenta y tu misión ahora será magnificarla.

Esto se consigue  captando bien los rasgos más característicos de la persona a dibujar para realzarlos notoria y deliberadamente. 

A continuación te muestro cómo lo hago yo, que a pesar de utilizar proporciones distorsionadas, no llego a hacer una caricatura extrema. Recuerda que es solo un método más, cada uno podrá tener su propio método y hacer las cosas de otra manera, pero si estás empezando tal vez mi manera de hacerlo te sirva para crear una base mientras buscas tu propio estilo y metodología.

Os voy a explicar paso a paso en el post los pasos que he seguido, pero también te dejo el vídeo de cómo fue el proceso por completo.

Recopilación de datos para la caricatura

A la hora de crear tus caricaturas, lo primero que tienes que hacer es recopilar fotografías del bloguero o bloguera que vayas a dibujar, para así poder sacar los rasgos más importantes y característicos de cada persona.

Esto en el aspecto visual, pero si puedes obtener información sobre sus gustos o aficiones será un plus a la hora de dibujar la caricatura. Imagina que le gustan los coches o es súper fan de Juego de tronos, como es el caso del bloguero que voy a dibujar en esta ocasión, pues tal vez puedas jugar con esas cosas a la hora de diseñarlo.

En este caso voy a caricaturizar a Dean Romero. Como es alguien que tiene bastante visibilidad online, me ha resultado fácil rescatar algunas fotos suyas.

Como ves, he seleccionado fotos de distintas etapas, desde el Dean jovencito hasta el más actual (¡¡también joven!! Que os veo venir).

Además, si es posible también intenta visualizar algún vídeo en el que salga, ya que esto ayudará a verlo en movimiento y familiarizarnos más con sus gestos, rasgos y detalles que pueden pasar desapercibidos en las fotos. Aunque entiendo que en muchos casos no se podrá.

Destacando los rasgos más importantes

Esta es la parte más importante para conseguir que la caricatura se parezca al homenajeado. Te muestro los que en este caso a mí me han parecido los rasgos más destacables.

Creando los bocetos para la caricatura

Yo vengo del dibujo tradicional, así que en este paso siempre uso papel y lápiz, pero si estás más cómodo trabajando en digital, enciende tu tableta gráfica y comienza a crear bocetos.

Estas son algunas de las pruebas que yo realicé para ir sacando el parecido y crear los primeros bocetos del blogero.

En el primer boceto, creo que pude captar la forma básica del rostro y el pelo. Esto último fue lo que mejor me quedó. Como podéis ver, los ojos no conseguí captarlos en este intento.

En el segundo boceto, las comisuras de los labios cogen mejor forma y empiezo a probar alternativas de los ojos. Hago la oreja más grande y me gusta el resultado. Incluso, le puse el bigotillo que a veces se le marca, pero no quedaba bien.

Sigo buscando la forma triangular de las ojeras y pruebo otra barbilla. Como ves, ya no me curro demasiado el pelo y la entrada, pues la tengo captada y prefiero enfocarme en otras zonas.

La nariz creo tenerla más o menos resuelta y no me centraré en ella, tan solo destacar que la punta está, o parece estar, más baja que las fosas nasales, pero tampoco gran cosa. Tal vez tú si veas en la nariz un rasgo característico de Dean, no lo descartes en tu modelo.

¡Madre mía! ¡Qué horror! 😱

Si te pasa esto, es decir, pierde todo el parecido y todo el avance que habías conseguido, mi consejo es que guardes los bocetos que llevas hasta ahora, saques otro papel en blanco y comiences de nuevo a hacer pruebas.

Esto es para que no se te vicie demasiado los dibujos y dejen de tener sentido. A veces, es incluso aconsejable un pequeño descanso para despejar la mente antes de volver a intentarlo.

Y eso mismo hice, empezar de nuevo. Esta vez me centré en probar a hacer los ojos. Creo que al entornar el parpado encontré algo que podría funcionar… voy a probar.

Y así es como llegue al primer boceto válido para la caricatura de Dean Romero

Si no estás del todo seguro de que se parezca, porque después de tantas pruebas tu cabeza ya no funciona como debería, te aconsejo pasar el boceto a un amigo que también conozca a esa persona y le preguntes si sabe quién es (¡gracias Oscar!). Si acierta, enhorabuena, vas por muy buen camino, ya tienes la parte más complicada terminada.

Rediseñando a Dinorank

Como te puedes imaginar, Dean sin un dinosaurio no es Dean, pero si encima contamos con el dinosaurio más famoso del SEO, DinoRANK, ya está todo dicho.

En cuanto a la caricatura de DinoRANK, en lugar de utilizar el diseño original, que también es una opción válida, prefiero rediseñarlo a mi propio estilo de dibujo, siempre respetando el original todo lo posible.

Diseñando el cuerpo caricaturizado de Dean

He trabajado sobre el mismo boceto varias posturas, por ejemplo, probé a ponerle un brazo levantado y con el otro sujetándose al dinosaurio, peeeeeero, decidí coger una pose más clásica y repetida en las fotos de Dean, los brazos cruzados, que además, le da un aspecto de amo y señor del terrible Rex.

El tamaño de la cabeza con respecto al cuerpo, tal vez lo haga aún más contrastado, es decir, más cabezón… pero eso ya lo iré probando cuando digitalice la caricatura.

Entendiendo Illustrator para la digitalización del boceto

Posiblemente, uno de los programas más utilizados para vectorizar y digitalizar diseños sea Illustrator. Voy a hacer la caricatura utilizando las herramientas más básicas de Illustrator para que la parte técnica no sea un inconveniente.

Las herramientas que voy a utilizar para realizar el diseño son las siguientes:

Comenzamos a vectorizar la caricatura

Lo primero que vamos a hacer es colocar el boceto de la caricatura que hemos hecho en la mesa de trabajo de Illustrator. Yo lo pongo como imagen de fondo desde el comando Archivo/Colocar. Aunque también puedes arrastrar la imagen con el ratón hasta la mesa de trabajo.

A continuación, le aplico una transparencia de un 50%, para que quede una imagen clarita, pero que se vea lo suficiente para poder seguirla después. Sin embargo, el porcentaje de opacidad, dependerá de lo que sea más cómodo para ti.

Finalmente bloqueo la capa, para que no se pueda seleccionar y así no pincharla sin querer cuando trabaje sobre ella, algo que por cierto es muy molesto. Es como cuando de pequeño intentabas calcar un dibujo y el folio de abajo se movía, un engorro, vamos.

Para bloquearla, desde la herramienta capas que te he comentado antes, al lado del ojo que índica que la capa está visible, puedes añadir el candado para que no se vuelva a mover.

Ahora sí, nos ponemos manos a la obra y comenzamos a vectorizar nuestra caricatura. Te vuelvo a mostrar el proceso que yo utilizo, pero esto es todo un mundo, tú mismo terminarás utilizando el tuyo propio.

Es la hora de vectorizar a Dean y los pasos son exactamente los mismos que con su montura. En resumen, colocas el boceto, trazas las líneas y coloreas.

No me detendré en estos pasos, pero en el vídeo puedes ver todo el proceso. Verás que es el mismo que con el tiranosaurio.

👉 Nota: se hizo un par de cambios de última hora que no se refleja en este vídeo, pero sí en las siguientes imágenes donde podrás ver cómo cambié el rosto.

Algunos consejos a la hora de ordenar las capas

El orden que utilizo a la hora de ordenar las capas, de superior a inferior es la siguiente.

Es la hora de añadir los detalles

Ya tengo mi caricatura terminada, pero voy a añadirle algunos detalles que harán que se vea aún mejor. Para ello, le añado humo saliendo de sus partes mecánicas y babas viscosas de sus fauces, para darle un aspecto más agresivo y aterrador.

También decido añadirle una pequeña sombra en la base para darle estabilidad y que no parezca que está flotando.

Si te ha gustado esta caricatura, tengo una propuesta para ti.

Si el vídeo consigue en Youtube un buen número de suscriptores y me gusta, realizaré una versión friki de esta misma caricatura. ¡Así, que anímate a compartir el post con tus amigos!

Ejemplo de otras caricaturas: Dean con su Mustang

Aunque en un principio la idea era hacer una sola caricatura, finalmente nos decidimos por hacer una con DinoRANK y otra con su coche. En esta ocasión dibujaré a Dean en su flamante Mustang rojo.

Para ello aprovecharé la caricatura que ya tengo creada y simplemente le cambiaré el medio de transporte.

La primera pregunta antes de comenzar es qué necesito para hacer mi caricatura. Como en el caso anterior, lo primero es conseguir fotos del coche que deseas caricaturizar. Para ello puedes buscar el modelo por Internet o bien, que el cliente te mande fotos de su coche.

En esta ocasión tuve la suerte de que Dean me mandó un montón de fotos de su vehículo, desde perspectivas diferentes y encontré una que me gustó mucho.

El cambio más significativo que realicé a la hora de crear el boceto fue forzar un poco la perspectiva, para que se viese algo más el lateral.

Al igual que hice con Dean y con DinoRANK hago un boceto del coche, como puedes ver, utilizo formas más simples y redondeadas, ya que la idea es crear una caricatura humorística y no hacer un dibujo realista del mismo.

Una vez conseguido el boceto a nuestro gusto, nos ponemos con la vectorización y la creación de las líneas del dibujo dentro de Illustrator.

En este caso he eliminado el techo y la ventanilla de atrás, para así poder incluir a Dean.

Respecto a él, tan solo eliminé las piernas y le cambié la postura de ambos brazos cruzados a los que puedes ver, uno en el volante y otro sacando el codo por la ventanilla, ¡encima, vacilón! 😉.

A mi esta imagen me recuerda a la que traen los aparatos eléctricos o los propios coches en el libreto de instrucciones.

A veces no tienes que dibujar todos los elementos si existe una manera más rápida y sencilla. Sobre todo cuando hablamos de elementos que no van a marcar una gran diferencia.

Por ejemplo, para el logotipo del Mustang, el caballo corriendo, descargué la imagen por Internet y la vectoricé en Illustrator. Después la ajusté un poco a la perspectiva del propio coche y listo.

En serio, no se trata de calcar o hacer trampa, pero simplemente, no te compliques la vida con estos detalles.

Es la hora de dar color a la caricatura. A Dean ya lo traigo coloreado, tan solo le añado color a los nuevos brazos.

La selección de los colores del coche es muy sencilla, ya que solo hay que utilizar rojo y negro. Lo importante de esta caricatura es conseguir las texturas de los materiales. El negro será para las partes realizadas en pasta o plástico, además de los materiales del interior, como pueden ser piel y cuero en los asientos. Y el rojo para las partes de chapa o metálicas.

Ahora es cuestión de utilizar la forma de aplicar las sombras, luces y brillos de tal manera que consigamos crear el efecto metálico o de plástico de los objetos. ¡Ah! Y recuerda ponerle el cinturón de seguridad a Dean, por si acaso.

Esta caricatura tiene además cristales, para ello creo planos con degradados muy transparentes y voy superponiendo capas para crear los brillos. Puedes verlo tanto en la luna como en el faro delantero.

He decidido invertir el color de la camiseta, azul con letras blancas, para no repetir con la otra caricatura, ya que es prácticamente la misma imagen. Además he cambiado el logo para que se leyese bien, ya que he volteado la imagen respecto a la caricatura anterior.

Le añado una sombra al coche para que no parezca que está flotando y doy por finalizada esta segunda caricatura.

Revisión de caricatura y entrega

Como esto es un ejemplo de cómo realizo las caricaturas a mis clientes, he decidido añadir esta parte.

Una vez terminada la caricatura se las pasé a Dean y me pidió un par de cambios en el rostro que no le terminaban de cuadrar.

Tras realizar esos cambios y darme el OK, le mandé los archivos de ambas caricaturas en los siguientes formatos: JPG, PNG, SVG.

Una caricatura con varios SEOs

Antes de despedirme os dejo por aquí otro ejemplo de cómo he hecho una caricatura de este trío de ases del SEO:  Luis M. Villanueva, Dean Romero y Juan González Villa.

Tras varios bocetos realizados para sacar el parecido de los amigos y algunas pruebas para la pose final, aquí puedes ver el dibujo que digitalizaré.

Aplico exactamente el mismo procedimiento que en las caricaturas anteriores. Como ves una vez que tienes pillado el truco y los pasos, luego ya solo lo tienes que replicar en cualquiera de tus caricaturas.

Pero para no repetir el proceso, paso directamente al resultado final y te dejo el vídeo donde puedes ver todo el proceso.

Últimos consejos al hacer tus caricaturas

Te dejo algunas recomendaciones generales que puedo hacerte a la hora de crear tus caricaturas, que podrían pasar desapercibidas, pero que te ayudarán a realizar un trabajo completo y con el que te quedes conforme.

Y para que tengas los pasos siempre a mano, te dejo por aquí una infografía con todo el proceso:

Y esto es todo por el momento. Espero que con estos consejos aprendas a crear tus propias caricaturas.

Y si lo tuyo no es el dibujo pero quieres tener tu propia caricatura personalizada, te invito a que te pases por mi web y hablemos.

¿Qué te han parecido estas caricaturas graciosas? ¿Conoces métodos más rápidos o elaborados de crear este tipo de caricaturas? Te leo y respondo en los comentarios.

Un abrazo para vosotros y otro para Dean por invitarme a su casa. Me ha hecho muchísima ilusión, teniendo en cuenta, además, que no hablo de SEO, sino de caricaturas.

Enlazalia regala un descuento a los lectores de B30 para probar sus enlaces: introduce el cupón DEANROMERO15 y obtén un 15% de descuento en todas tus compras. Accede desde este enlace.