Diseño de páginas web en Bilbao y Bizkaia

Archivo de Categorías: Diseño Web

  • 0
Dónde descargar gifs animados

Dónde descargar gifs animados gratis de series y películas

Categoría : Diseño Web

En el marketing de contenidos la llamada a la acción es fundamental, por lo que estamos obligados a presentar nuestros artículos de manera tal que consigan atraer la atención del usuario con un simple golpe de vista. Esto es lo que técnicamente se conoce como lead magnet. Para hacer nuestros post más atractivos solemos recurrir a las imágenes y a los vídeos, pero hoy en día lo más efectivo es incluir infografías y gifs animados. Sobre la importancia de las infografías para el link baiting (consecución de enlaces naturales) ya os he hablado en más de una ocasión, por lo que ahora me gustaría centrarme en los gifs, esas pequeñas imágenes animadas que suelen tener un cariz cómico o entrañable.

La historia de los gifs es cuando menos singular. Poblaron la Red en sus inicios, saturando de colores y animación miles y millones de páginas web. Por aquel entonces eran casi como una invasión alienígena. Cuando el diseño web se hizo más profesional, por decirlo así, y tendió al minimalismo y al flat design, los gifs prácticamente desaparecieron. Y quién nos iba a decir que tiempo después, al socaire del marketing digital y los Social Media, volverían a la carga con aires renovados, en parte, también, por el auge de las series. Ahora están viviendo una segunda Edad de Oro.

Y lo mejor es que los gifs no sólo se utilizan para contar chistes o hacer la gracia, que también, sino que ahora sirven al propósito de hacer branding, y así veréis que muchos bloggers y Community Managers los utilizan a menudo en sus tweets.

Está demostrado que los gifs, al igual que las infografías, aumentan el engagement y pueden hacer que tus post se conviertan en virales, pues ¿a quién no le gusta reírse con un fragmento de una serie querida y emblemática?

Gifs animados

Además, tienen algo que hipnotiza. ¿A vosotros no os pasa que os quedáis mirando fijamente este gif del genial Steve Carell (Michael Scott en ‘The Office’) y al leer los labios casi podéis oír lo que está diciendo, aunque no tenga audio?

Yo recomiendo usar gifs sacados de series y películas porque son los que mejor quedan y aportan un valor añadido. Tu mensaje quizá no cause sensación por sí solo, pero si el gif es gracioso y muchos de tus seguidores captan la referencia seriéfila o cinematográfica, es muy probable que lo retuiteen y termine haciéndose viral.

De entre todos los sitios web donde puedes descargar gifs, yo recomiendo estos 5:

1-Giphy

Giphy

Sin ninguna duda, es la mejor web para descargar gifs, la que casi todos los Community Managers utilizan, y además es ideal para buscar planos de series y películas. Tiene un buscador y un menú con una serie de categorías (reacciones, entretenimiento, deportes, vacaciones, artistas) y una lista con un trending topic de lo más buscado. Sin necesidad de registrarte puedes descargar el gif que elijas o compartirlo en redes sociales. También puedes importarlo a tu web como vídeo HTML 5 o en un iframe embebido. Aquí puedes encontrar prácticamente de todo. Su base de datos es inmensa.

2-Gifmania

Gifmania

Este sitio web es más, digámoslo así, infantil que Giphy, pero no deja de ser una buena opción. Puedes descargar gifs sin registro o insertar el código en tu blog, así como compartirlo en redes sociales. Tiene un poco de todo, desde las típicas animaciones de dibujos animados, como Los Simpson o Disney, hasta videojuegos, Anime y Manga, pasando por los clásicos emoticonos. También puedes encontrar gifs de series, como ‘The Big Bang Theory’.

3-PicGifs

PicGifs

En esta página también tienes una gran variedad de gifs para descargar gratis. Están ordenados por categorías. Una de las que más juego dan es “reaction gifs”. Las ventajas de PicGifs con respecto a los dos anteriores es que tiene una herramienta para crear tus propios gifs y unos gráficos compatibles con Facebook. Puedes guardar las imágenes o enviarlas como e-card. También tiene un foro y un libro de visitas, pero sólo están en inglés.

4-Gifs.com

Gifs.com

Éste es un editor de gifs animados. Puedes pegar la URL de un vídeo de YouTube, Vine o Instagram y te lo convierte en formato gif. Es ideal para crear memes.

5-Make a Gif

Make a Gif

Es similar al anterior. Sirve para crear gifs animados a partir de imágenes, vídeos, YouTube y webcam. Además, hay una colección de gifs descargables, y lo mejor es que puedes personalizarlos añadiéndoles texto. Dentro de las categorías tienen la de Tv Gifs.


  • 1
5 extensiones de Google Chrome muy recomendables

5 extensiones de Google Chrome muy recomendables

En un post reciente os hablé de las que, en mi opinión, son las 5 mejores extensiones de Google Chrome para SEO. Para seguir y completar dicho artículo, hoy os hablaré de otras 5 extensiones muy recomendables que mejorarán vuestra experiencia de navegación y que os facilitarán algunos trabajos, sobre todo relacionados con el diseño gráfico y el desarrollo web.

Cómo instalar y desinstalar las extensiones de Google Chrome

La mayoría de vosotros ya lo sabréis, pero para quien no lo sepa aún, para gestionar las extensiones de Chrome tenéis que hacer clic sobre el icono de los tres puntos verticales que aparece a la derecha de la barra de navegación (personaliza y controla Google Chrome), luego ir a Más herramientas y Extensiones. También podéis llegar a ese panel a través del atajo o comando: chrome://extensions/.

Extensiones Google Chrome

Una vez allí, se os mostrarán todas las extensiones que tengáis instaladas. Si queréis eliminar alguna sólo tenéis que hacer clic en el icono de la papelera y automáticamente la extensión se desinstalará. Aparte, también tenéis la opción, menos drástica, de deshabilitar las extensiones que menos uséis, y a partir de ese momento desaparecerán de vuestra toolbar. Las extensiones se pueden habilitar y deshabilitar en cualquier momento.

Además de esto, desde este panel se puede cambiar también la configuración de muchas extensiones, ver los detalles (como la versión y los permisos) y permitir en modo incógnito (navegar en modo incógnito sirve para no dejar rastro en el historial de navegación y para obtener unos resultados de búsqueda sin el filtro de geolocalización, lo que puede ser útil desde el punto de vista del SEO).

Por supuesto, a muchos de vosotros se os ocurrirán otras extensiones tan útiles o más que éstas, y que sin duda merecerían figurar aquí, pero no quería hacer una lista muy extensa, y tampoco pretendo sentar cátedra. Aclarado este punto, éstas son las 5 extensiones de Google Chrome que yo uso a diario y que os recomiendo encarecidamente:

1-WOT

WOT, extensiones de Google Chrome

Si queremos navegar seguros, esta extensión no puede faltar en nuestro Google Chrome. WOT te indica la fiabilidad de todos los sitios web. Si lo marca con un círculo verde, es seguro; si lo señala en naranja, dudoso; y si lo pone en rojo será mejor que ni te acerques, pues te está diciendo que ese sitio tiene mala reputación y es probable que haya sido hackeado y que esté infectado de virus o troyanos. Muchas páginas salen con un círculo gris, lo que significa que no tienen suficiente puntuación  para valorar su fiabilidad. Son los usuarios los que califican las páginas web en virtud de su experiencia, en torno a dos categorías: confiabilidad y seguridad para menores.

2-AdBlock

Adblock, extensiones de Google Chrome

Ésta es una de las extensiones más populares y usadas, y no es para menos. AdBlock bloquea todos los banners y anuncios publicitarios, lo que hace mucho más cómoda y segura la navegación. Tiene un panel de opciones donde puedes añadir filtros y autorizar dominios.

3-Full Page Screen Capture

Full Page Screen, extensiones de Google Chrome

¿Alguna vez has querido copiar una web y, no teniendo otra manera, has recurrido al clásico y socorrido Impr Pant? Con la extensión Full Page Screen Capture es mucho más fácil. Tan sólo tienes que clicar en su icono y te copiará todo el contenido de la web en una imagen PNG que luego puedes guardar en tu ordenador y retocar en Photoshop, si fuese menester. Un consejo: mejor no mover el ratón mientras está cargando.

4-ColorZilla

ColorZilla, extensiones de Google Chrome

Ésta es una herramienta muy útil para desarrolladores web y diseñadores gráficos. Es como un cuentagotas que te deja seleccionar un color de la web en la que estás navegando y te lo traduce a RGB y código hexadecimal. Asimismo, te muestra, si así lo deseas, toda la paleta cromática usada en esa web. Entre sus funcionalidades también está la de crear gradientes y degradados en CSS.

5-Font Playground

Font Playground, extensiones de Google Chrome

Al igual que la anterior, esta extensión también tiene una utilidad relacionada con el ámbito del diseño gráfico y web. Sirve, por ejemplo, cuando estamos diseñando una página web y queremos saber qué fuente tipográfica quedaría mejor. Podemos probar con todas las fuentes que tengamos instaladas en nuestra carpeta Fonts de Windows y aplicarle efectos y transformaciones. Una vez elegida la tipografía, podemos usar el WebFont Generator de Font Squirrel para obtener los formatos EOT, WOFF y SVG y con ellos usar la propiedad de CSS 3 @font-face.

Y por último, un par de extras:

6-OneTab

¿Alguna vez abres pestañas y más pestañas en Chrome y luego te haces un lío y te olvidas de lo que estabas buscando? Si quieres librarte de ese caos y poner un poco de orden en tu barra de navegación, OneTab es para ti. Haciendo clic en su icono colapsarás todas las pestañas abiertas en una lista. Luego puedes restaurarlas en conjunto o individualmente. Aparte de eso, reduce el consumo de memoria.

7-WhatFont

WhatFont

Es probable que en más de una ocasión hayas entrado en una página web y te haya gustado alguna de las fuentes tipográficas utilizadas, pero no hayas sabido identificarla. Pues bien, con esta sencilla y práctica extensión de Google Chrome podrás averiguar qué tipografía es. Basta con clicar en el icono de la barra de navegación y al pasar por encima del texto te saldrá un cartelito con el nombre de la fuente.


  • 0

5 aplicaciones web para crear tu avatar online gratis

Categoría : Diseño Web

Antes de que James Cameron popularizara el término “avatar” con su conspicua película, los avatares ya estaban entre nosotros. Existen desde hace muchos años en el entorno virtual, y desde que se extendiera el uso de los Social Media, se han vuelto más universales.

Como todo el mundo sabe, un avatar es una proyección de lo que nos gustaría ser en un mundo fantástico o imaginario; es decir, algo así como nuestro alter ego. Los avatares son útiles para poner en nuestro perfil de blog, foros o redes sociales cuando no queremos subir una foto nuestra, no ya necesariamente por razones de intimidad, sino por dar una imagen más fresca y original, y más si te gustan los cómics y/o las películas de animación.

Si sueles dejar comentarios en foros y blogs, te recomiendo registrarte en el sitio web Gravatar, asociado a WordPress.com, donde puedes configurar tu imagen para que sea globalmente reconocible y aparezca automáticamente en tu perfil siempre que utilices herramientas y servicios como Twitter o Disqus.

Aquí te presento 5 aplicaciones web para crear tu avatar online y totalmente gratis (y en la mayoría de los casos, sin registro):

1-Crear un avatar

Crear un avatar

Es la aplicación que yo mismo usé para crear el avatar de mi Twitter y Gravatar. Es, de hecho, uno de mis editores preferidos.

Ventajas:

  • Los dibujos tienen un buen acabado, y es fácil crear uno que se parezca a ti, al menos levemente (trazos realistas).
  • Puedes crear avatares aleatorios con tan solo pulsar un botón.
  • Permite descargarlo en PNG (hasta 400×400 px) y en SVG (formato vectorial).
  • La paleta cromática es casi ilimitada (utiliza código hexadecimal).
  • Es una foto de busto, el encuadre más apropiado para estos casos.
  • Puedes compartir tu avatar en Facebook, Twitter, Pinterest y Google +.
  • Compatible con iPhone y Android.
  • Carga rápido.

Inconvenientes:

  • No tiene demasiadas opciones de configuración, y carece por completo de complementos. Si buscas un pelo rizado, quizá no lo encuentres.

2-Face Your Manga

Face Your Manga

Aunque parezca, por su nombre, que es un editor de avatares tipo Anime, Face Your Manga es mucho más que eso. Gracias a su gran personalización, sus creaciones pueden parecer cualquier cosa, desde un dibujo más o menos realista al más estrambótico (aunque está más pensado para caricaturas).

Ventajas:

  • Los dibujos están muy logrados, y además puedes añadirles un montón de detalles: cicatrices, ojeras, pecas, granos, maquillaje, sombreros, pendientes, tatuajes, piercings… o incluso un logo en la camiseta.
  • Permite crear avatares de forma aleatoria.
  • Tiene una colección de Mangatars de lo más variopinta, donde figuran Mr. Bean, Steve Jobs, Sheldon Cooper o Katy Perry, todos ellos muy reconocibles. También puedes ver las últimas creaciones.
  • Tiene App para móviles, de descarga también gratuita.

Inconvenientes:

  • Cuando le das a guardar te pide una dirección de e-mail para enviártelo.

3-Miiavatar

Miiavatar

Si has jugado alguna vez a la Wii (estoy seguro de seguro que sí), estos avatares te resultarán muy familiares. Con este generador puedes crear un avatar idéntico a los de la famosa videoconsola de Nintendo.

Ventajas:

  • Si eres un fanático de la Wii, estás en el lugar adecuado.
  • Son idénticos a los de Nintendo.
  • Hay avatares de ejemplo y un botón para crearlos al azar.
  • Puedes publicarlo en Facebook.

Inconvenientes:

  • Hay poca variedad de colores.
  • Si no estás registrado, no puedes guardarlo (aunque siempre puedes usar Impr Pant si te vale a baja resolución).

4-Xibii

Xibii

Este creador de avatares está especializado en Manga y Anime.

Ventajas:

  • Las opciones de configuración son más amplias de lo que parece, incluso para los Fondos.
  • Si te gusta el Manga, te gustará.
  • Muy fácil y rápido de usar.
  • No necesitas registro.
  • Puedes ponerle un nombre a tu avatar.
  • Están pensados para Android y Apple.
  • Puedes descargarte la imagen en JPG a 400 px.

Inconvenientes:

  • Si no te gusta el Manga, definitivamente no es para ti.

5-Avachara

Avachara

Avachara es uno de los editores de avatar más populares, y también está especializado en Anime.

Ventajas:

  • Te puede interesar si buscas un avatar de tipo Anime.
  • Cuenta con gran variedad tanto en la elección de los rasgos faciales como de los complementos (objetos, mascotas, banderas).
  • Puedes ver una lista de avatares creados.

Inconvenientes:

  • Los trazos son demasiado simples.
  • El encuadre es un plano americano (llega hasta la cintura).
  • El tamaño/resolución es muy pequeño (180px), y la forma de guardarlo (arrastrándolo al Escritorio) no es la más cómoda ni práctica.
  • Para mi gusto tarda demasiado en cargar.

Por último, si lo que buscas es caricaturizar y crear un avatar a partir de una foto real, te recomiendo el editor de fotografías BeFunky, donde encontrarás los filtros apropiados para obtener el efecto deseado.


BUSCAR

Suscríbete al Blog

Introduce tu email para estar al tanto de las novedades.

CATEGORÍAS