El blog del Staff/Stuff de Sync.es aportando nuestras ideas al mundo

Para gustos los colores

Buscando información para un nuevo proyecto me he vuelto a topar con el inspirador ColourLovers.com

Hace mucho que no la visitaba y he quedado gratamente sorprendido de las características que me había perdido de este magnífico sitio.

Tan sólo navegar por los últimos esquemas de evoca rápidamente ideas para su aplicación, en mi caso, en diseños de webs dedicadas a diversos temas.

Pero lo que me ha dejado clavado en la silla ha sido la aplicación de flash que ofrecen para la creación de patrones sin fin (seamless). Está tan bien realizada que no se diferenciaría mucho de un illustrator, inkscape o freehand.

Permite, a través de formas pregeneradas, crear tu patrón favorito, rotando, escalando, agrupando sus componentes… y al que más tarde aplicarás cualquiera de los esquemas, tanto tuyos como de la comunidad de Amantes Del Color.

Y además, posee un interfaz para la programación (API), con el que será muy posible integrar algunas de sus funciones en el proyecto en cuestión.

Y a vosotros, ¿qué color os gusta?

octubre 22, 2010   Sin comentarios

Decora tus muebles de IKEA

con sus lineas de sencillos, el montalo tu mismo y sus precios ha conseguido que la mayor parte de las casas de gente joven sean iguales o muy parecidas. Gracias a internet ahora puedes hacer que tu estanteria , tu cama o la mesa , cambien por completo y sean un mueble original que no verás en todas las casas de tus amigos. Desde la web de mykea podemos comprar lo que supongo son vinilos auto adesivos, con diferentes diseños preparados para varios modelos de muebles de la marca sueca.

Incluso si te sientes inspirado puedes enviar tu propio para tener algo único o incluso añadirlo al catalogo para ganar dinero. La colocación de los vinilos parece sencilla siguiendo las instrucciones que podemos ver en este apartado de su pagina web.

octubre 21, 2010   1 Comentario

Buscando a Missy

Esta semana dejo un poco de lado mi tema preferido y hablaré de otra cosa. Os contaré una historia de cómo mejor no pedir favores a los diseñadores. No sé si es una historia real o inventada pero tiene gracia.

Preambulo:

A una tal Shannon Walkley, secretaria en una empresa, se le escapó su . Y Shannon pidió a un compañero de , diseñador David Thorne, para hacer un . Y he aquí los emails que se intercambiaron Shannon y David.

[Leer más →]

julio 13, 2010   4 Comentarios

¿Qué quieres ser de mayor?

Cuando eramos pequeños, con cinco o seis años, y nos preguntaban qué queríamos ser de mayores respondíamos cosas como astronauta, presidente, piloto… o, en mi caso, frutera.
Con unos pocos años más nuestras opciones eran mucho más maduras: estrella de rock, actriz, futbolista, deportista olímpico…

Pues bien, a partir de ahora los niños tienen una nueva opción. Los estudiantes que aprueben la Selectividad este año serán los primeros en poder optar a la titulación de Diseño y Desarrollo de de la Camilo José Cela.

Hasta ahora, ESNE, ofrecía una titulación de tres años de desarrollo de videojuegos. Ahora la carrera de y Desarrollo de Videojuegos se convierte en la primera carrera universitaria de esta temática homologada por el Ministerio de Educación y Ciencia.

Tendrá una duración de cuatro años y en su plan de estudios se incluirán disciplinas como el diseño, la creación, la programación, el tratamiento digital de la imagen, la animación, la infografía y el modelado en 3D, la animación en 3D, la producción y la postproducción, el diseño y tratamiento del audio o el del videojuego.

julio 2, 2010   Sin comentarios

Crónica Tremendo Pop Festival 2010

El pasado fin de semana fui a Monzón a cubrir el festival Tremendo Pop para la General Televisión en calidad de redactor. Mejor no me lo pude haber pasado …

Os dejó la crónica que me han publicado con el titulo urdido por el Maquinista: “Tremendo Pop Festival 2010: Escayolas, Burguer King y salto cualitativo“. Las fotos son de mi amigo Alberto Riazuelo.

La general televisión

[Leer más →]

mayo 11, 2010   Sin comentarios

Formatos de imagen

El momento: ya has sudado sangre para hacer ese dibujillo y ahora quieres mostrárselo al mundo entero. O alguien de sistemas te ha dicho que consumes una barbaridad de tráfico y que las fotos de tu última escapa nocturna no deberían pesar 3 megas cada una. Pero…

- ¿En qué debo guardarlo?
Empezaré recordando que para web siempre toca hacerlo con bitmaps (mapas de bits). Como recordaréis es una cuadrícula que en plan “Hundir la flota” va diciendo aproximadamente:

“En el píxel de la casilla A1 hay el #242424, en el píxel de la casilla A2 hay el #282828, en el píxel de la casilla A3….”

Como dicha información “en bruto” sería un peso muy elevado existen los formatos de de imagen que no hacen otra cosa que:
- Si dos (o más) píxels consecutivos son iguales (o parecidos) abrevian al estilo de “En los de A1 a A28 hay el color #242424″. El grado de tolerancia del “parecido” repercutirá en la calidad de la imagen real. Más tolerancia, menos peso de archivo.
- Reducir la gama de colores para no tener que almacenar tantas variedades. Aquí se aplica el principio de “ni para tí, ni para mí” y se aplica la paleta a colores standard que normalmente tiene una cantidad menor de colores. Es el clásico de 256 colores o 16 colores.
Realmente el mundo de la de gráficos es mucho más complejo pero esta es una base para empezar a entenderlos.

Sabiendo lo anterior podemos ver los diferentes tipos:
- (Compuserve ). De los más antiguos. Usa la compresión por LZW, permite guardar imágenes hasta 256 colores sin pérdida de calidad. Actualmente en detrimento por usar comprensión licenciada y favoreciendo el uso de alternativas como PNG.
PRO: Permite crear los famosos GIF animados que tan populares eran en los 90. Es el único archivo de tipo gráfico que lo permite y se utiliza principalmente para banners.
CONTRA: Paleta limitada a un máximo de 256 colores.
NOTA: Vigilad al comprimir con este formato si vuestra imagen es de tipo fotográfico o tiene gradientes dado que se verá muy mal al convertirla.
[Leer más →]

marzo 15, 2010   1 Comentario

Editar imágenes

Cada vez es necesario saber más sobre edición de imagen. Ya sea para un blog, un documento de Word o para la hacer la típica imagen de broma para colgarla en *. Pero luego se plantean ya clásicas preguntas sobre las imágenes: ¿Cómo hago para que encaje? ¿Como la hago más grande? ¿Porqué dicen que no vale lo que tengo?
Dobles sentidos aparte, iré escribiendo respuestas a estas preguntas que aunque básicas os pueden ayudar.
La herramienta con la que explicaré como hacerlo es con el conocido Photoshop pero los principios básicos se aplican a todo programa de edición gráfica.

Hoy empezaremos con un punto básico:
- Hay que tener siempre en cuenta el (ancho x alto) de la imagen que vamos a tratar

Antes de nada hay que saber si trabajamos con píxeles o con vectores.
A modo sencillo, los primeros son fijos al respetar una “parrilla” donde se van colocando los diferentes colores en cada cuadro.
En los otros nos importa un bledo ya que no tienen “parrilla” y la única referencia que usan es la relación entre los diferentes puntos de la misma imagen. Para diferenciarlos son de programas como Illustrator, Flash o Coreldraw por citar algunos.

Como trabajaremos normalmente con y son los que más quebraderos de cabeza nos van a dar, vamos a hablar sobre ellos.
Contestando a la pregunta inicial sobre el tamaño, diré que para ello hay múltiples formas de saberlo pero la más sencilla en Windows es dejar el cursor encima del icono (sin clickar) y esperar que salga un cuadro de texto en el que indicará sus datos. Si pulsamos encima, en la barra lateral izquierda también vuelven a aparecer los datos. Y si todavía no lo habéis visto, en Photoshop es tan sencillo como Menú Imagen > Tamaño de Imagen.

Otro dato a saber es que cualquier imagen que saquéis de Internet tiene 72 ppp. Píxeles por pulgada. Una pulgada = 72 píxeles. Lamentablemente para imprimir una imagen (en plan fotografías, folletos, libros, …) son necesarios de 200-300 ppp como mínimo.

Y por el principio tan básico que el ordenador no se puede inventar cosas, si pasáis una imagen de 72ppp a 300ppp el ordenador se limitará a “engordar” esos 72 para que parezcan 300 con el resultado que al ser más “gordos” se ven con más claridad** y dan la clásica imagen “pixelada”. Se puede aplicar lo mismo si tenéis una imagen de 300×300 y la estiráis a 900×900. El ordenador los engorda y volvemos a tener unos hermosotes píxeles***.
En cambio, en el proceso inverso de reducir o bajar se pueden quitar píxeles sin perder calidad, ya que lo único que perdemos en si es el propio tamaño de la imagen y el ordenador no tiene que inventar nada, solo quitarlo, para crear las nuevas imágenes.

Ahora, con esta información, veréis que añadir directamente una fotografía de gaticos**** haciendo monerías que mide 5000×4000 píxeles en un documento de Word o Powerpoint es algo que no tiene mucho sentido cuando hasta las pantallas más anchas solo tienen 1900 de ancho. Estáis sobrecargando un documento que luego probablemente no podréis enviar por mail por demasiado grande.

Una forma ideal para retocar ese tamaño y resolución a vuestro gusto es mediante Menú Imagen > Tamaño de imagen y dejarla lista para lo que queráis. Eso sí, siempre teniendo en cuenta que conservemos la relación entre el tamaño, la resolución y el tamaño del documento impreso.

El próximo post: Formatos de y como elegir el ideal para cada función.

* Sí, esas en que sales con el cubata en la mano y con una cara digna del museo de los horrores.
** “Yo no es que sea gordo, es que me veo con más claridad” no sirve para la vida real.
***Como una exhibición de culturistas: muy cuadrados pero poco fotogénicos
**** Siempre hay fotos de gaticos. Siempre.

marzo 8, 2010   8 Comentarios