Y es que por muy enterados que estén del mundo Pantone y de las escalas de color, puede que se les haya escapado la que es una curiosidad, porque en realidad, desde Pantone, cada año, nombran al que será el tono de todos los 365 días que están por venir. Y esta vez, en 2012, más allá de las previsiones, no ha sido el negro, ni tan siquiera un color oscuro por lo de la crisis que está todavía por venir, si no todo lo contrario.

Y es que desde Pantone han elegido como color del año a uno que bautizan con el nombre de Tangerine Tango, que es como ven en la foto un naranja bastante intenso que de seguro nos da la luz que necesitamos para pasar esta época de sombras. Pero volviendo a temas de diseño, si alguno ya está pensando en como llevarlo a sus proyectos, y en su paleta Pantone desactualizada no le aparece por ningún lado, les contamos que se crea en CMYK con la siguiente combinación:

C:0
M:2
y: 80
K:0

Para que lo vayan aplicando en sus proyectos, ya de cara a darle la bienvenida al 2012 con estilo y color.

Navegando por internet hemos dado con una nueva aplicación basada en web que proporciona una completa herramienta de paletas de color. Este proyecto se llama Copaso, lanzada por una gran comunidad en internet, COLOURlovers, que se dedican al tratamiento del color para diseñadores.

Este herramienta es fantástica para crear tus propias paletas, además las puedes guardar o exportar para utilizarlas en posteriores trabajos.

Copaso te permite seleccionar colores de un rueda y subir imágenes, opcionalmente te permitirá pixelarla y grabarla. Además a través de la comunidad de ColourLovers podrás encontrar entre miles de paletas generadas por sus usuarios según las características que necesites usando varios parámetros de búsquedas.

Algunas características en este sitio necesitarán que te registres, eso sí de forma gratuita.

• Puedes ver como funciona Copaso a través de su web.

Uno de los sitios que quería hablar hace un tiempo es arsenal.gomedia.us, esta Web ofrece recursos como plantillas, texturas, fondos… para diseñadores profesionales, tanto gráficos como web.

Ofrece una amplia gama de sets de vectores distribuidos en paquetes que se pueden comprar a través de su Web Arsenal. Se especializa en Vectores. Los set disponen de varios paquetes que incluyen brushes, vectores, texturas, iconos de gran calidad.

Es un enlace web muy interesante para empresas de diseño que necesitan recursos listos para su uso y que puede ser de gran utilidad o también para profesionales del medio que requieran de maletin de recursos para sus trabajos.

Puedes acceder a Arsenal a través de este enlace.

Hemos descubierto una web en la que podrás acceder a una herramienta online bastante potente y muy original. Se trata de una aplicación online en la que podrás crear tu propia paleta de colores en 3D.

Esta aplicación puede servirte si trabajas bastante con el color y quieres acceder a opciones más avanzadas, profundizar en este tema para conseguir resultados y diseños más profesionales o también recomendada por simple curiosidad.

Te recomendamos que la pruebes, además te ofrece una serie de paletas ya utilizadas por otros usuarios así como búsquedas de paletas por usuario. Muy buena.

Sitio Web | Colorotate

Puedes seguir el resto de este artículo desde este enlace.

Queríamos mostraros este trabajo en Arte Digital que crea un efecto de lluvia a través de la manipulación de fotografía. Nos ha gustado mucho.

Fijaos en el detalle del agua, ya que está creado a partir de una fotografía y jugando con el color. Tiene un gran detalle y calidad en la imagen.

Puedes descargar la imagen en formato de 900 x 1200 pixeles.

Descarga | Rainbow Waters 3

Desde dzinepress nos llega esta recopilación de Tutoriales, un buen material para diseñadores que te puede ayudar a simplificar tu trabajo. Son Tutoriales al detalle para redondear contenedores, botones con CSS3 y RGBA, Hojas de estilo en Cascada.

También otros para aplicar borde a las imágenes con estilo en CSS3, Colores en CSS3,Bordes con gradiente.

Puedes echar un vistazo ya que es una gran recopilación que debes tener a mano en cualquier momento para maquetar un Sitio. Perfecto para diseñadores.

Cajas con esquinas redondeadas en CSS3

Super Botones con Css3 y RGBA

Hojas de estilo en cascada

Nuevos selectores introducidos en Css3

Border-image: Usando imágenes para tu borde

Enlace | 50 Tutoriales en CSS3

Photoshop da mucho de sí para el sector profesional, aunque cada más gente se atreve a realizar pequeños retoques con la programas de Adobe. El efecto B&N (Blanco y Negro) es fácil de aplicar a través de este tutorial verás como puedes aplicar varias técnicas para conseguirlo.

Utiliza varias capas o layers para hacerlo y varias técnicas también, con filtro de color una vez aplicado el blanco y negro, mejor mira el screencast para conseguir un efecto parecido. (tras el salto)

Muchas ocasiones los diseñadores, además de tener el navegador de Internet abierto, también tienen abiertos infinidad de programas para poder hacer su trabajo. Y, si eres usuario de Firefox, tenemos magníficas noticias para tí.

La comunidad de desarrollo del Mozilla Firefox, ha logrado que los desarrolladores programen infinidad de agregados; y entre ellos, muchos muy útiles para los diseñadores. Aquí cubriremos 19 agregados que nos permitirán elegir colores, medir dimensiones, guardar imágenes, etc.

Aunque por otro lado, te advertimos que, entre más agregados instales, más lento se volverá el Firefox (seguramente ya lo sabías).

Herramientas de Color

Colorsuckr: Ya te hemos hablado de éste agregado en algún post anterior; pero te lo recordamos, ColorSuckr elegirá los 12 colores más comunes de una imagen para permitirte hacer una paleta de colores basada en dicha imagen.

ColorZilla: ColorZilla permite obtener una lectura desde cualquier punto del navegador, lo cual, permite ajustar el color y pegarlo a otros programas. Además de identificar colores, permitirá medir la distancia entre dos puntos determinados.

FirePalette: FirePalette añade una herramienta de selección de color al pánel CSS de Firebug y así, podrás elegir colores compatibles con CSS.

Palette Grabber: Permitirá que puedas hacer una paleta de color, de cualquier página web que visites para después exportarla a Photoshop, Flash, PaintShop Pro, GIMP, Adobe Fireworks, etc.

Herramientas de medición

GridFox: Podrás dibujar una cuadrícula encima de cualquier página web, para medir las columnas de la misma, además de poder hacer otras mediciones.

MeasureIt: Una manera fácil y rápida de dibujar una regla alrededor de cualquier elemento de una página y ver que tan grande es en pixeles.

Pixel Perfect: Permite que los diseñadores puedan incrustar su composición arriba del progreso del desarrollador, para ver que tanto falta para terminar un proyecto, y que ajustes se deberán hacer.

Herramientas varias

Firebug: Generalmente es asociado con desarrolladores, pero los diseñadores pueden utilizarlo para inspeccionar la disposición de los elementos de una página, así como el CSS.

Font Finder: Te permitirá resaltar cualquier elemento en una página para ver la información CSS del mismo. Es especialmente útil cuando se requiere identificar una fuente.

View Dependencies: Añade un “lengüeta” a la “información de la página” para que se puedan ver todos los archivos asociados con la página, junto con su peso. Con ésto te podrás dar cuenta que elementos son los que están retardando la carga de cierta página.

Web Developer: No le hagas mucho caso al nombre, los diseñadores, podrán inspeccionar, editar y deshabilitar el CSS, así como las gráficas. También puede ser utilizado para medir elementos, redimensionar el navegador, desplegar el CSS por tipo de archivo y bastante más.

Window Resizer: Permite que puedas ver cualquier página en diferentes resoluciones: 640×480, 800×600, 1024×768, 1280×800, 1280×1024 y 1600×1200.

Herramientas para capturas de pantalla

Abduction!: Permite guardar una porción de una página o guardarla toda, para poder mostrar problemas potenciales a otras personas. También se puede imprimir o copiar cualquier imagen que hayas guardado.

FireShot: Nos dará múltiples opciones para poner las imágenes en cierto tipo de página, la cual, podrás enviar por correo electrónico, guardar o subir a cualquier host.

Image Zoom: Elige el tamaño al cual deseas redimensionar una imagen para que puedas revisar en que calidad quedará una vez redimensionada.

Picnik: Permitirá guardar una imagen de la página que estés visitando y enviarla directamente al editor de imágenes en línea, Picnik.

Pixlr: Puedes editar y abrir imágenes que has tomado directamente en el editor de imágenes en línea conocido como Pixlr.

Screengrab: Podrás capturar el documento completo, o sólo la parte visible. Este agregado sólo guardará los elementos de una parte de la estructura de la página, si así se desea, así mismo, podrá guardar imágenes provenientes de elementos de Flash o JavaScript.

Talon: Se trata de un agragado que permite tomar capturas de pantalla que pueden ser guardadas en tu ordenador para que puedan ser abiertas por el editor de imágenes en línea Phoenix.

Esperemos sea de utilidad, y para acceder a todos y cada uno de los agregados, lo tendrás que hacer por medio de la página donde se encuentra el artículo original.

Vía | sitepoint

En ésta ocasión, hemos encontrado una excelente “Web-App” que nos ayudará a crear esquemas de color para nuestros trabajos de diseño. Y ésta aplicación de nombre Colorsuckr, lo que hace es extraer colores de fotografías o imágenes para que se puedan crear esquemas de colores.

Una vez que los colores de la fotografía han sido identificados, Colorsuckr, lo que hace es crear un equema de color basado en cada uno de los colores que fueron extraídos de la fotografía. Una vez que los resultados han sido mostrados, los colores pueden ser “arrastrados” para acomodarlos como mejor prefieras.

Cuenta con una excelente integración con Flickr; si tu introduces el URL de una fotografía guardada en Flickr, ColorSuckr encontrará la fotografía sin necesidad de que hagamos más “trámites” para que la foto sea encontrada por la aplicación. Así mismo, si ponemos la URL de una página que cuenta con varias imágenes, ColorSuckr “escaneará” la URL y mostrará las fotografías y de ahí podremos elegir la fotografía de la cual queremos extraer el equema de colores.

Se leerá muy tonto, pero se recomienda que se utilicen fotografías a color, nunca podremos obtener resultados satisfactorios de una fotografía en blanco y negro. Además, se recomienda que siempre se utilicen fotografías con un tamaño mayor a los 50pixeles x 50pixeles, ya que, de lo contrario, la aplicación no trabajará de manera adecuada.

Ahora bien, para todos aquellos que utilizamos Firefox como navegador de Internet principal, hay una muy buena noticia; Colorsuckr cuenta con un agregado para dicho navegador. Simplemente habrá que instalar el agregado, darle click derecho a la imagen que deseamos extraerle el esquema de colores, y dar click en el sub-menú que dice así: Extract Image Colors (Extraer colores de la imagen) y ésta acción te llevará directamente a la página web de Colorsuckr, donde podrás crear tu esquema de colores.

Vía | Colorsuckr