fbpx

Diseño

Hacer una captura de Pantalla con FireFox

Site-Shot: La mejor herramienta para capturar una Web

Para que sirve estas herramientas de capturas de website.

Hoy te voy hablar de Site-Shots, pero antes, una breve introducción. Muchas veces queremos capturar una website, ya sea para enseñárselo a un cliente, o para tener una referencia de lo que deseamos de otra web.

Estuve probando varias herramientas online para hacer capturas de una página web que había creado en su día. Después de probar unas cuantas y ver las herramientas que ofrecían cada una.

Antes de nada, nadie me pago por decir esto (ojala ?) esto es mi opinión sobre este tema. Me quede con Site-Shot, la mejor herramienta para capturar un sitio web de forma simple y adaptable a los parámetros que uno desee.

Site-Shot

Site-Shot websiteCon esta plataforma online, no necesitas de Add-on de navegadores ni nada. Simple y fácil, como nos suele gustar a todos.

Site Shot, generá una captura de la pantalla a la resolución que deseemos o si queremos de pantalla completa, tu decides.

Lo mejor de Site Shot es que es totalmente gratuita y la podemos usar todas las veces que deseamos. Además, tiene una potente API para automatizar las capturas de pantalla que deseemos de una web.

Solo tenemos que usar la dirección web / url y ponerla en la web, y Site-Shot no lo genera de un simple vistazo.

Es una herramienta muy potente y para gusto es bastante útil. Promete lo que dice.

 

Otras herramientas de captura de Website

Url2png

Hecho con Site-Shot
Haz click para ampliar

Es una herramienta muy buena y potente. Hace capturas completas con varias claves API según el idioma que necesitemos. Es bastante intuitivo.

Lo malo:

  • No es gratuito.

Lo bueno:

  • Puedes incluir tu propio CSS en cualquier página.
  • Hace una captura de cualquier página y la puedes también hacer en miniatura en una resolución de 1:1
  • Hace renderizado de alta fidelidad para los vídeos, fuentes, webs y más cosas.
  • Es la herramienta que más usa empresas como Google, JawBone, GitHub y BuzzFeed.

BrowShot

La mejor alternativa de URL2PNG y tiene su versión gratuito y precios bastante asequibles.

ScreenShots.Cloud

ScreenShots.CloudOtra alternativa más…

En Resumen: Hay muchas herramientas para hacer muchas capturas de webs, pero yo me quedo con Site-Shots. Si has probado otras herramientas eres libre de comentar y opinar sobre ellas.

Recuerda que si te encuentras en Alicante, no dudes en saber más sobre Marketing Digital Alicante conmigo.

Actualización a una alternativa para hacer capturas de pantalla – Diciembre 2020

FireFox ScreenShot

A continuación a través de las imagenes te ire enseñando como con el navegador de Firefox podemos crear nuestras propias capturas de pantalla con nuestro navegador.

Lo mejor es que podemos escoger la que tipo de captura queremos, si es de pantalla completa o de un solo fragmeto que deseamos en ese momento.

 

Actualmente uso tanto Site-Shot como Firefox Screetshot.

 

Enfoque y desenfoque de un fondo en Photoshop en 4 pasos.

Enfoque y desenfoque de un fondo en Photoshop en 4 pasos.

Enfoque y Desenfoque


Vamos a aprender el desenfoque de un fondo en Photoshop, en esta guía rápida de solo 4 pasos sabrás como enfocar y desenfocar una imagen de forma sencilla y para todo tipo de novatos.
Programa usado:

Pasos del Desenfoque:


  1. Selección rápida sobre la parte que queremos enfocar, ya sea una persona o animal u objeto. En mi caso fui yo mismo.
  2. Una vez seleccionada (si nos equivocamos podemos deseleccionar en la barra del menú o Alt+Clic) el objeto o persona, le damos al botón derecho y hacemos clic a selección invertida. De esta manera tendremos el fondo seleccionado.
  3. Después vamos a darle a Filtros en el menú de arriba y buscamos la opción desenfocar.
  4. Último paso, escogemos el desenfoque que más nos guste. Yo use el Desenfoque de Lente.

Desenfoque del fondo

Aquí os dejo una pequeño video que encontre en YouTube, donde explican un poco más denso lo que acabo de enseñarte en un simple vistazo.

Fuente del video: Pikceles

Si quieres ver más trabajos de diseños mios, mirate mi Portafolio. Allí encontrarás todo tipo de diseños y trabajos que acabo de hacer.

Ahora os toca decirme que tal os quedó el diseño del fondo. Compartirlo y cuentame tu experiencia.