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.

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.

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

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.

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.

De manera textual reproduzco los pasos, pero si quieres ver imágenes para facilitarlo más, visita el tutorial:
1.- Abres Photoshop (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.

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.

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.

De plano, el primer lugar que ausculté fue Google… así que me encontré un par de sitios interesantes, entre ellos uno donde se nos cuenta que los propietarios de la marca PANTONE “solicitaron” dejar de usar y publicar su material (era un buscador de pantone).

Le pregunté a un par de amigos por el GTalk y ambos me dijeron que no conocían una forma directa de saber un PANTONE partiendo de un HEX (colores que usamos en CSS para darle vida a la Web); por tal razón seguí investigando hasta encontrar un método que al menos me resolvió relativamente el problema con aproximados.

Primero convertí los HEX a RGB (esto lo puedes hacer con cualquier programa de manejo de imagenes) desde un sitio que utiliza javascript para generar los valores.

Luego, teniendo los RGB, utilicé una herramienta Web que me deja saber los PANTONE aproximados partiendo de los RGB.

Ya con esto pude obtener varias opciones y tomar la que me parecía mejor o más cercana a la deseada; sin embargo, terminé yendo donde un conocido que aún usa Corel Draw y le pedí verificar en su software y me dió los que utilizará la imprenta:
Rojo: 492C
Negro: 439C
Ambos de la paleta solid coated.

Básico, sencillo y MUY útil.

También utilizamos otro tutorial básico para hacer este efecto aqua o cristal en letras y otras figuras (hecho con Fireworks).

Cómo olvidar el tutorial en Cristalab que creó mi buen amigo hRod (para Flash).

También hay unos mini tutos en Cristalab para crear efectos al estilo 2.0 en figuras e íconos, en Photoshop y Fireworks.

En The Best Brands of the World, podrás encontrar la mayor parte de logos de empresas, instituciones y marcas líderes en el mundo (aunque también hay empresas y marcas no tan reconocidas).

La gran ventaja de sitios como ese, es que si un cliente pide que se le haga algún trabajo, pues ya tienes un buen porcentaje de posibilidades de encontrar un buen ejemplar para bajar el logo (download logo) que no demerite el resto de tu propuesta de diseño; no así, en casos de empresas que no han subido sus logos y cuando les pides el suyo, te dan un .gif o un .jpg optimizado para la Web… (también existen los que te dan un .bmp o la imagen pegada a un archivo de word o excel).

Particularmente, me he dado a la tarea de subir los logos que hemos creado en la empresa, de modo que si alguien más -incluidos el cliente, proveedores, etc- lo necesita, pues que simplemente lo baje (o haga un download logo) y ya. De ese modo, me evito tener que andar buscando o enviarlo cada vez; facilito las cosas. Desde hace tres años, me hace la vida menos compleja en ese sentido.

Desde otro punto de vista, si por casualidad tu disco duro muere, como me ocurrió en estos días, no tienes que volver a dibujarlo o empezar a rastrear a quién se lo has enviado para intentar su recuperación.

Pues en resumen, comparto y recomiendo subir tus logos en The Best Brands of the World (si alguien viene y te lo plagia, esa es otra historia; aún sin subir el logo a ese sitio ya corres el riesgo de que ocurra).