Extensión para Screenshots personalizados en Firefox: FireShot

Desde hace un tiempo he venido usando la extensión ScreenGrab! que me ha parecido buena para hacer screenshots con Firefox, sin necesidad de abrir un programa de edición de imágenes. Te permite grabar la página completa o una selección. Eso está bien; sin embargo, esta mañana -después de un formateo para duplicar mi capacidad en disco duro del ordenador- he encontrado una solución superior: FireShot.

FireShot es una extensión para Firefox que -a diferencia de otras extensiones…- provee la opción de editar y hacer anotaciones. Te permite insertar texto y gráficos. Obviamente es extremadamente útil para diseñadores, desarrolladores Web y público en general. Es posible elegir entre la página completa o sólo la parte visible. También podrás subirlos al servidor o guardarlos en tu disco duro en formatos PNG, JPEG, BMP; es posible copiarlo al portapapeles de windows, enviarlo por email o simplemente a un editor de imágenes que elijas para una completa modificación.

¡Definitivamente, me cambio a FireShot! Disfrútalo tú también.

Efectividad de la Comunicación Visual

Bueno, tengo la manía de tomar fotografías a cuanta cosa me parece curiosa o interesante mientras voy por la calle o estoy aburrido esperando me atiendan previo a una cita.

Uno de esos días, mientras vengo de traer a mi hija -de la escuela-, pude ver que había un rótulo que comunica una instrucción clara y específica, que -por lo visto- nadie está interesado en acatar.

Por si no consigues leer lo que dice: PROHIBIDO estacionar sobre la ACERA.

Comunicación Visual Efectiva

Esta fotografía, me recordó otra MUY interesante que se posteó hace unos días en InkBytes, ahora te la comparto también:

Comunicación Visual Efectiva II

No cabe duda que la comunicación es un elemento importante en todo aspecto de la vida. Con estas fotografías queda evidenciado que mucho depende de lo que hacemos o dejamos de hacer los que estamos en el medio de la publicidad, mercadeo, diseño y asesoría en materia de comunicación.

Crear paleta de colores en Photoshop desde imagen

A punto de mostrar un diseño al cliente, mi esposa lo intercepta y dice en un correo:

Se ve limpio, creo que el color esta un poco “pesado” para este sitio en particular. Tal vez se puede aprovecha en usar siempre colores terra y ya que esta más limpio, hacer combinaciones de colores para los detalles: botones, etc..
No se si el gris es el mejor color para el fondo.

Honestamente lo encontré perfecto cuando el diseñador me lo mostró para filtrarlo antes de llevarlo al cliente; sin embargo, después de la observación de ella (que tiene mucho talento), se hizo algunas modificaciones que resultaron en un producto MUCHO mejor.

Como ya sabes, no soy muy bueno en eso del diseño y colores… pues me apoyé en San Google y encontré un excelente tutorial que me ayudó a tener un mejor resultado -sobre todo por lo torpe que soy- utilizando las herramientas que ya tengo.

Arreglo Floral Girasol Eterno de FloresenlaWeb.com

De manera textual reproduzco los pasos, pero si quieres ver imágenes para facilitarlo más, visita el tutorial:
1.- Abres Photoshop :D (sino, pues no hay manera)
2.- Abres la imagen que utilizarás como base para tu paleta
3.- Luego inicias el proceso de “Save For Web” (CTRL+Shift+Alt+S)
4.- Eliges la opción de formato GIF
5.- Decides cuántos colores quieres que te muestre Photoshop en la paleta basado en la imagen
6.- Luego abres la flechita que está al par de la pestaña Color Table
7.- En las opciones se te permite elegir la paleta por popularidad, luminosidad, etc
8.- Guardas tu paleta (Color Table) como ACT (Adobe Color Table)
9.- Y eso es todo, a menos que quieras cargar tu paleta de colores a posteriores imagenes optimizadas para la Web. En este caso, en el mismo menú donde guardaste la paleta, le dices “Load Color Table” o cargar tabla de colores.
10.- Si deseas, también lo podrás cambiar como Swatch. Nada más deberás ir a hacer un Load Swatch, luego buscas tu paleta o tabla de colores donde la guardaste y la cargas eligiendo leer archivos tipo .ACT.

Paleta de Colores

Como dije antes, estos son pasos básicos que cualquiera con un poco de experiencia y conocimiento de las herramientas de Photoshop puede seguir sin más imágenes, de lo contrario te puedes remitir al tutorial que arriba enlacé. En los comentarios del tema original, encontré -como tip- que puedes conseguir alternativamente una paleta de colores basado en una imagen aplicando el filtro Pixelate en la opción Cristalize.

Otra forma de crear Paleta de Colores con Photoshop

Al compartir lo que aprendo a diario, vuelvo a aprender y esto del conocimiento libre y opensource de eso se trata ¿no?
Si de algo te sirve este tema, nada más asegúrate de compartirlo y seguir la cadena del conocimiento.

Siguiente página »
Cerrar
E-mail It