IFIXdisseny

Pequeñas grandes ideas

2011-01-10T13:04:00.003+01:00

Nuestros primeros pasos en el mundo del diseño pasan siempre por hacer pequeños favores, normalmente no remunerados, para adentrarnos en el mundillo profesional. Más tarde, cuando se da por hecho que tienes que pagarte el metro, pasan a pagarte una cantidad simbólica o el mítico "precio amigo" que suele aplicarse más veces de las que realmente nos gustaría. Normalmente se tratan de proyectos de pequeñísima envergadura, normalmente para negocios pequeños, tiendas, PYMES o asociaciones de todo tipo. Aunque no nos engañemos, favores seguiremos haciendo a lo largo de nuestra carrera, aunque seamos gurús de la profesión.

Este tipo de trabajos que no pasarán a la historia por su escasa difusión son los que se recogen en el blog "Pequeña Gran Idea" que desde hace unos meses está funcionando de la mano de Nacho H. Aquí tienen espacio aquellas pequeñas joyas del diseño que de otra forma difícilmente se darían a conocer. Por suerte, su creador es persona firme y comprometida, por eso cada martes vamos a tener alguna suculenta novedad en el blog. No ocurre lo mismo con algún que otro piltrafilla que conozco (servidor) que tiene el suyo lleno de polvo y telarañas. Por eso hoy voy a hacer una excepción y voy a publicar un nuevo post, que no se diga que no tengo la casa limpia.

Pequeña Gran Idea

Truco para Indesign CS5: Soluciona lo problemas de rendimiento.

2011-01-04T01:02:00.000+01:00

Muchos somos los que hemos toqueteado ya la Suite de Adobe CS5 y nos han parecido geniale todas las novedades que traen los programas que la componen, sobretodo Photoshop, el producto estrella de la casa, y en el que se centran muchos esfuerzos cada año para mejorarlo, frente a una competencia casi inexistente. Sin embargo otros programas de la Suite no han provocado la misma reacción entre sus usuarios, es el caso de Adobe CS5, que trae de cabeza a aquellos y aquellas que estaban acostumbrados al estupendo recibimiento del programa, sobretodo a los que han dado el salto desde la versión CS3.
Uno de los problemas que mas nos ha irritado a algunos usuarios es el redibujado en tiempo real de todas las transformaciones que hacemos sobre los objetos de nuestra maqueta, y esa odiosa "pelota" que aparece en el centro de las fotos cuando pasas el ratón por encima que muchas veces provocaba que moviéramos el contenido interior en lugar de desplazar toda la caja contenedora. Pero eso por fin ya tiene solución.

Para solucionar el primero de los problemas debéis ir a Preferencias de Indesign, y en las opciones de Interfaz veréis que abajo de todo estám las opciones de redibujado. Se nos ofrecen 3 opciones a elegir. Nunca, Inmediato o Con retraso.
La primera solo muestra los perfiles de los objetos que desplazamos o transformamos. La segunda opción muestra siempre el objeto tal como es cuando los actuamos sobre él. La tercera opción es idéntica a la primera pero con la posibilidad de ver una representación real del objeto dejando pulsado el botón del ratón pulsado sin moverlo unos segundos, de ahí que esta modalidad se llame "Con retraso".
A diferencia de versiones anteriores Adobe Indesign CS5 trae activada por defecto la opción de redibujado inmediato, lo que me parece un error ya que exige un equipo muy potente para poder modificar muchos objetos al mismo tiempo. Mi consejo es dejarlo en "con retraso", así podremos trabajar con soltura como hemos hecho hasta ahora, y si en algún momento necesitamos una representación real del objeto podremos obtenerla dejando pulsado el ratón encima del objeto.

Para el asunto problema tenemos una solución mas sencilla, solamente tenemos que ir al menú "Ver>Extras" Donde tendremos que clicar en "Ocultar capturados de contenido", así de simple. Ya no volverá a aparecer esa cosa circular que no sirve de gran cosa, en mi opinión.

muchos objetos a la vez.

IFIXdissny te desea FELICES FIESTAS, con un poco de caspa.

2010-12-23T21:04:00.002+01:00

IFIXdissny os desea FELICES FIESTAS

2010-12-23T21:03:00.000+01:00

La Felicitación perfecta.

2010-12-23T20:50:00.000+01:00

Me encanta la publicidad, la comunicación y el diseño, pero por estas fechas puedo llegar a detestar la profesión. Por suerte siempre tenemos alguna perlita como ésta que consigue empatizar con nosotros y esbozar una sonrisa en nuestra golpeada cara de "pringaos". Realmente vale la pena escuchar la letra hasta el final.

¡¡FELIZ NAVIDAD!!

iPhoto: el iTunes de las fotos.

2010-12-06T02:31:00.001+01:00

Amontonar miles de fotos de vacaciones, bodas, fiestas, raves y borracheras en tu disco duro es bastante más habitual que desearía tu conciencia cuando es capaz de reconocerte abrazado a una cincuentona casi tan borracha como tú.
Lo más normal es tener todos estos cromos bien desordenados, con nombres tipo IMG00001 o DSC0020, metidas en carpetas que se llaman DCIM o 100MEDIA o FOTOS PARTY (si te ha dado tiempo de ponerle tú el nombre), y que suelen juntarse junto a otras 200 más en un carpeta llamada FOTOS. Debo reconocer que me he encontrado casos aún más esperpénticos, pero está claro que no están incluidos en esa clase de personas que se preocupan por su colección de fotos. Yo los denomino "gente normal".

Hasta hace poco yo usaba el método de crear una carpeta por cada fecha en la que tomaba fotografías. Para visualizarlas iba directamente a la carpeta o usaba un visor tipo ACDSee o Picassa.
Luego pasé a tener un Mac y entre el software que venía preinstalado estaba iPhoto'08, y lo probé. Desde ese momento me di cuenta que podía tener mi todas esas imágenes más organizadas, ordenadas por fechas o por eventos, o incluso por la gente que aparecía. No es un gestor profesional de fotos, para eso está Aperture de la propia Apple, pero para uso doméstico tienes más que de sobras.

El iTunes de las imágenes.
La interfaz es bastante simple. Consta de un panel de opciones a la izquierda, un panel para visualizar tus fotos a la derecha y la barra de herramientas debajo. Aunque simple, no deja de ser un programa completo y funcional.

Quizás los más complicado para escéptico que se ha organizado siempre por carpetas sea entender lo que hace iPhoto con tus imágenes cuando las arrastras a la aplicación. Tal como hacemos en iTunes, al dejar tus fotografías sobre el panel derecho, éstas se copian a la fototeca de iPhoto y se distribuirá en carpetas según su fecha de creación. Al fin y al cabo hace lo mismo que harías tu a mano pero automáticamente, sin embargo ni te enterarás. Toda la fototeca se concentrará a partir de ahora en un únco archivo de paquete llamado "iPhoto Library" en la carpeta "Imágenes" de la Librería. Y eso es todo lo que verás, un paquete que oculta todo un ramal de carpetas y fotos para que la interfaz de iPhoto solamente te muestre tus eventos, que podrás fusionar, partir, mover o renombrar a tu antojo.

Cuando importes más imágenes se copiarán todas a este paquete, y se organizarán según el criterio de iPhoto. Lo lógico es que una vez hayas exportado tus fotos elimines la copia original, para no tener archivos duplicados. No vale la pena mantener esa copia original porqué para hacer copias de seguridad ya tenemos Time Machine.

La opción de Caras te da la opción de clasificar tus imágenes por las personas que aparecen en ellas. Para ello utiliza un sistema de reconocimiento facial bastante efectivo que, además de distinguir por sí solo entre diferentes rostros, te permite descartar o confirmar el reconocimiento facial que te va proponiendo el programa, para así aprender de los errores y mejorar los resultados posteriores.

Está claro que geolocalizar tus fotografías está entre las opciones de iPhoto, además lo hace a lo grande, mediante un enorme mapa de Google Maps desde el que situar cada una de las imágenes de tu fototeca.

La última versión de iPhoto, incluida en iLife 2010, se sirve de todos estos datos para realizar presentaciones asombrosas en las que combina mapas y fotos para mostrarte desde donde se ha tomado cada imagen de una forma espectacular. Ese es sin duda el fuerte de este programa, los pases de diapostivas, en las que hace gala de grandes efectos gráficos y una banda sonora superpegadiza.

Conclusión
Pues iPhoto está muy bien, tanto que llevo 2 años utilizándolo con satisfacción y me ha servido para gestionar mis photos a través de un software dedicado en lugar de hacerlo manualmente a través de carpetas. No obstante encuentro que arrastra un grave error que me ha condicionado tanto como para volver a cambiar de chaqueta. Lo que a priori parececía una virtud se ha convertido en una enorme bola de nieve que ha ido aumentado de tamaño.

Y nunca mejor dicho ya que tras investigar en profundidad los motivos por los que mi fototeca ocupaba casi la mitad de mi disco duro de 320 GB, me di cuenta que iPhoto creaba duplicados y más duplicados cada vez que hacía un ajuste en las fotos, para no modificar la copia original. Esto provacaba que cada vez fuera más lento y pesado utilizar el programa para simples ajustes de revelado de RAW.

En definitiva: me he pasado a Lightroom 3 de Adobe que también gestiona mis fotos, mantiene intacto el archivo original pero de una forma mucho más transparente, sin generar duplicados, sino mediante un fichero externo de apenas unos kilobytes. El resultado es que funciona más rápido, insisto, mucho más rápido, y tiene más opciones de revelado y ajustes. En definitiva, un control más directo sobre mis tomas fotográficas. Justo lo que buscaba.

En el próximo capítulo explicaré cosilla de Ligthroom, y esta vez espero no tardar tanto en hacerlo.

Otro año más, Bodegas Terras Gaudas.

2010-09-14T21:54:00.002+02:00

Como cada año, se ha convocado el concurso "Francisco Mantecón", y como cada año yo presento mi trabajo a la suerte de unos cuantos glotones con traje de gente importante que consiguen entrar en el selecto club de "personas capaces de tomar doce canapés seguidos sin pestañear" dignas de juzgar tu trayectoria a golpe de enchufe. Me he pasado un poco......

No confío mucho en el criterio del jurado (¿se nota?), aunque tampoco confío mucho en mis habilidades creativas. Aún así siempre queda un hilo de esperanza para poder embolsarme ~~el pastizal~~ el premio en el bolsillo como reconocimiento a mi carrera. Por eso me lo tomo como un compromiso año tras año.

Mi propuesta para este año es muy colorista, con una gama cromática muy variada buscando la relación de lo matices en los colores con los matices del vino en el paladar más exigente.
También es muy vectorial. Todo el cartel se ha dibujado con gráfico vectoriales y sólo el relleno de la botella es una imagen basada en píxeles.

Aquí os dejo con mi propuesta. Tenéis libertad total para criticar, no hace falta que os lo diga.

Brand New: AbuDhabi

2010-08-19T10:52:00.000+02:00

Brand New: AbuDhabi (traducido)

Volvemos en septiembre

2010-08-18T20:48:00.001+02:00

C. Brauer. Un bigote histórico

2010-07-07T09:24:00.000+02:00

La historia es que uno de los peces gordos de la empresa donde estoy trabajando últimamente se jubila despues de más de 20 años de servicio. En estos casos, cuando alguien importante se marcha de la empresa suele prepararse un evento homenaje/despedida para agradecer su labor en la casa. Y eso es lo que ha sucedido con C. Brauer.
Para decorar el hall del lugar donde se realizará el evento me pidieron unos pósters tamaño humano y tipo "tisser". Lo del tamaño lo entendí a la primera, lo del "tisser" me costó algo más, aunque luego entendí que lo que querían decir era tipo "teaser" (publicidad que crea expectación) concepto que ya entendía gracias a mi viejo amigo Santi, que hace "teasers" antes de acabar sus vídeos.
En fin, la cuestión es que basé la campaña en el bigote de este hombre y resultó algo así.

Todo viene a relación de un libro que también estoy diseñando yo y que se titula "El comienzo", donde el podrá escribir su nueva vida a partir de ahora.

Pantone® | Una mar©a ®egistrada

2010-06-28T22:19:00.000+02:00

Cierto día el Sr. Pantone (Lawrence Herbert ) tuvo la idea genial de crear un índice de colores, registrar la guía y empezar a cobrar por ella o por el uso de su sistema.

Extraido de Wikipedia:
"Pantone fue fundada en 1962 por Lawrence Herbert, emparejamiento cromático en 1963."

Extraido de Wikipedia:

"Pantone Inc. es una empresa ........... Este modo de color a diferencia de los modos CMYK y RGB suele denominarse color directo. El sistema se basa en una paleta o gama de colores, las Guías Pantone, de manera que muchas veces es posible obtener otros por mezclas de tintas predeterminadas que proporciona el fabricante. Por ejemplo, .......... Las ediciones de las Guías Pantone se distribuyen anualmente debido a la degradación progresiva de la tinta"

En principio parece un negocio muy bien montado. LO ES. Todos sabemos que una carta Pantone (también llamado "pantonero") cuesta un ojo de la cara, pero también es cierto que el sistema lo utiliza todo el mundo, y por algo será, caramba. Aunque sacan muy buen partido al negocio es justo reconocer la aportación que han hecho al mundo de las artes gráficas. Darle nombre a cada color ha sido la forma de simplificar la comunicación entre artista, diseñador o pintor y el cliente que quiere un color concreto y no sabe cómo explicarlo. De esta forma se puso fin a aquellas interminables conversaciones como la que recreo:

- ¿No lo ves muy azulado?
- ¿Azulado? Pues no.
- Pues yo lo veo azulado y no quería este verde. El que yo quiero es más verde.
- Me estás diciendo que quieres un verde más verde ¿no?
- Sí, exacto.
- Bien, puedo probar de echarle un poco de amarillo al este verde.
- ¿Y como quedará?
- Pues no sé, supongo que más amarillo, más cálido.
- Ya, pero yo lo quiero más verde no más amarillo.
- Bueno, será un verde más verde, más cálido y más amarillo que este. Confía en mí.
- ¿Y crees que quedará bien con este marrón? Por cierto, ¿¿¿no lo ves muy rojo????
- .....

De todas formas me parece un poco miserable que con la excusa de que la tinta pierde color te quiera vender cada año las misma guías en lugar de protegerlas con una fina capa de barniz transparente que le daría una longevidad casi infinita con un mínimo de cuidado. Quiero pensar que la intención de la marca es la de ofrecer siempre guías Pantone® lo más fresquitas posible y con las tintas en su máximo esplendor.

Bueno, pues a pagar toda. Porqué además, y por si no fuera poco, tienen una amplia oferta de merchandasing con un éxito muy considerable. Al fin y al cabo es legítimo intentar "colarte" una coqueta billetera P-454C si tu eres ese sibarita del color que está dispuesto a pagar por ella.

Las máquinas que leían los libros que escribimos (OCR)

2010-06-19T15:12:00.001+02:00

El otro día os hablaba de "What's the font?", la aplicación online de Myfonts.com que reconoce fuentes tipográficas a partir de una foto. Hoy os explicaré algo similar, una tecnología bastante antigua a ido evolucionando y es tan o más útil que la otra. Su nombre es OCR y significa "Reconocimiento optico de caracteres".

A decir verdad el proceso que realiza es el mismo que el de "What's the font?" pero con distinto resultado. Cuando el software OCR obtiene la foto de un texto cualquiera realiza un análisis formal de todo el contenido de la foto en busca de palabras. En lugar de identificar a qué el tipo de letra pertenece, interpreta
las letras, símbolos, números y espacios que aparecen en la imagen. De este modo podremos conseguir que nuestro ordenador sea capaz de leer un documento en papel y que lo convierta en caracteres de texto editables en cualquier programa.

Casi con todos los escáners del mercado siempre se adjunta una aplicación de reconocimiento de texto y la verdad funcionan muy bien. Sin embargo es una técnica que no se utiliza muy a menudo y por eso resulta engorroso tenerla instalada la aplicación correpondiente. Y ya que estamos inmersos en la era digital, de la web y del "todo en la nube" tambien existe la oportuna aplicación online para el reconocimiento óptico de caracteres. Os dejo algunos de los enlaces que os llevarán a páginas con servicio OCR on-line.

http://www.free-ocr.com/

http://www.onlineocr.net/

http://www.newocr.com/

http://www.novadys.net/

No he probado ninguna de estás páginas web así que no voy a hacer un tutorial paso a paso como el del otro día. Sin embargo, como el funcionamiento siempre es calcado sí puedo dar unas pautas y recomendaciones para obtener los mejores resultados.

El primer paso siempre consiste en subir una imagen con el texto a interpretar. Mi consejo siempre es el mismo: sube la imagen tal como a ti te gustaría leerla. Piensa que la máquina que procesará tu foto en la "nube" es una caja tonta con una serie de órdenes, parámetros y diccionarios a los que consultar. El resultado seguramente será muy bueno, pero nunca llegará a compararse con la capacidad de lectura de una persona. Por eso procura que la imagen sea lo más nítida y clara posible. Para ello mantén limpia la zona de escaneado para evitar que restos de polvo y pelillos transformen una "l" en una "t".

Si puedes tratar la imagen antes de subirla te recomiendo contrastar los claros y oscuros al máximo (sin llegar a ver dientes en los bordes) hasta llegar a un fondo blanco y letras negras. Con un escáner no suele ocurrir, pero al hacer una fotografía a un libro la distorsión puede ser un problema, por tanto corrígela todo lo que puedas.
Por último ten en cuenta la resolución y formato de la imagen ya que eso determina la nitidez de las letras y el tamaño del archivo. Y ya que vamos a subirla a la red por una conexión a internet no se nos puede ir la cabeza. Un A4 a unos 600 ppp en CMYK y TIFF dará un excelente resultado pero quizás es demasiado pesado para nuestras conexiones ADSL. Con 450 ppp y en escala de grises ya irás sobrado, y si lo grabas en JPG con un índice de compresión más bien bajo, el tamaño final difícilmente superará las 2 Mbs.

Finalmente cuando hayas subido la imagen y te haya devuelto un archivo de texto ¿NO OLVIDES REVISARLO TU MISMO!

WTF?

2010-06-15T20:54:00.001+02:00

No, no. Cuando escribo "WTF?" no me estoy refiriendo al vulgarismo "What the fuck?", al menos en este caso. "WTF?" significa "What's The Font?", o en castellano "Que fuente es?", y consiste en un servicio de reconocimiento tipográfico que desde hace muuuchos años la página Myfonts.com ofrece gratuitamente (sí, has leído bien: GRATIS).

Efectivamente, esta página es capaz de decirte que tipografía a es aquella que has visto por ahí y cuyo nombre desconoces. Todo lo que necesitas es escanear o fotografíar el texto donde aparezca y tener en cuenta unas cosillas.
1- Debes procurar que sea nítida y esté bien contrastada, que no esté distorsionada y que no aparezcan cuerpos extraños o pelos, algo muy típico en escaneos con mucha ampliación. Cuanto mejor sea la calidad de la imagen mucho mejor será el reconocimiento.
2 - Esto no quiere decir que tenga que ser gigante, de hecho la página rechazará tu archivo si supera el límite permitido que está en 2 MBs. Antes la limitación era más estricta y no permitía el reconocimiento de imágenes de más de 600 píxeles de anchura.
3 - Las letras que se toquen las interpretará como un único caracter, así que procura que estén separadas y si no lo están sepáralas tú con el amigo Photoshop.

¿Cómo lo hago?
Muy fácil. Lo primero es ir a la web http://new.myfonts.com/WhatTheFont/ y seleccionar la imagen que quieres reconocer o indicar una URL si está alojada en la red. Para el ejemplo voy a subir una foto que hice con el móvil a una portada de revista y que posteriormente retoqué para corregir la perspectiva y el contraste.

Cuando la hayas subido aparecerán tantas casillas como caracteres tenga la imagen, dónde deberás inicar qué letra es cada una, aunque normalmente la misma web la reconoce sin problemas. Cuando termines de completarlas debes pulsar "Continue" para iniciar el reconocimiento.

Sin apenas demora la página te mostrará la imagen original junto a los resultados más similares, el nombre de la tipografía y el autor de la misma.

En el 95 % de los casos el éxito está garantizado y es sorprendente lo bien que reconoce la fuente. Con el paso del tiempo han ido incluyendo alguna mejora, como la ampliación del límite a 2Mbs para la imagen a subir o la copia flotante de la imagen original para que puedas compararla de cerca con los resultados obtenidos, pero prácticamente está web se mantiene como el primer día, aunque la verdad es que cuando algo está bien hecho ¿para qué tocarlo?

Más infomación en: Myfonts.com

Jan Kallwejt

2010-06-14T22:52:00.000+02:00

Tengo un especial cariño a los gráficos vectoriales por su infinita resolución, por la ligereza de sus archivos y por la fuerza gráfica que se puede conseguir con ellos. Hoy os traigo una demostración de la mano de Jan Kallwejt, un ilustrador con un estilo peculiar y muy plano y muy rococó, con infinidad de detalles curiosos (ojo la ilustración de portada y los monumentos emblemáticos de cada ciudad que ha representado Jan K.).
Este es de esos casos en los que el autor es más un artista digital (con su temática propia) que un diseñador gráfico, aunque a este tipo de profesionales los solemos llamar erróneamente ilustradores.

No es difícil darse cuenta que el autor tiene predilección por el paisaje urbanístico y especialmente por lo planos y mapas de ciudades, aunque es verdad que se atreve con cualquier cosa, y todo lo que cae en sus manos se transforma en figuras casi cubistas, muy planas, pero muy expresivas. Vale la pena dedicar 10 minutos para estudiar su galería.

Jan Kallwejt

Más imágenes tras el salto.

IX Concurso de Cartelería Francisco Mantecón

2010-06-11T13:09:00.000+02:00

Cartel ganador de la edición del año pasado 2009

Aunque pueda que me tire piedras a mi propio tejado fomentando la sana competencia, moralmente siento la obligación de anunciaros que este año las Bodegas Terras Gauda convocarán de nuevo el IX Concurso de Cartelería "Francisco Mantecón". Por otro lado, la escasísima afluencia de visitas que tiene este blog me asegura al menos que por mi culpa no aparecerán más rivales que opten a birlarme el premio. De buen rollo.

El concurso convoca a cualquier persona a realizar un cartel publicitario "que refleje aspectos corporativos de la entidad convocante, fundamentalmente los relativos a sus vinos blancos de la variedad Albariño Terras Gauda y Abadía de San Campio".

Ayer precisamente mandé un email al Departamento de Comunicación de Bodegas TERRAS GAUDA ya que en la web no anunciaban nada al respecto, y normalmente por estas fechas otros años ya se había dado el pistoletazo de salida. Me contestaron inmediatamente diciendo que en los próximos días se publicarían las nuevas bases del concurso en la web . Sin embargo tuvieron la amabilidad de adelantármelas a mí en PDF y yo amablemente os lo dejo aquí para vuestro disfrute.

En fin, mucha suerte en los venidero, pero no para este concurso, este año no.

Bases Concurso de Cartelería "Francisco Mantecón"

El Bunker del Arte

2010-06-10T19:29:00.003+02:00

Uno de los proyectos que llevé a cabo cuando cursaba el último año de carrera consistía en amueblar una estancia manteniendo un presupuesto contenido y documentado. Resultó ser uno de los trabajos que hice con más agrado.

Yo soy como soy y cuando me pongo con algo lo hago a lo grande. Por eso no me limité a decorar una sola estancia, sino que aproveché el local 120 m2 de mi amigo Antonio para preparar y presentar una reforma completa y con intención de llevarla a cabo. Por tanto acabó convirtiéndose en un proyecto real. Si queréis ver cuál fue el resultado podéis entrar clicando en "Más información"

Bienvenidos a

"El Bunker del Arte"

"El Bunker del Arte", cuyo nombre dejaba patente que estaba bajo tierra, se planteó en un principio como un espacio socio-cultural sin ánimo de lucro para todos los públicos, pero la persona que llevaría el proyecto adelante iba a vivir allí, por tanto parte de la superficie construida se tenía que destinar a uso como vivienda. Para ello se dividió el espacio en tres zonas según su uso y la concurrencia de personas.

El ala este fue elegido como el espacio personal de Antonio, su hogar y zona de descanso. (marcado en tojo en el mapa). Se pensó en todo lo necesario para sentirse lo más cómodo posible en un espacio tan frío u húmedo como aquel, con cama doble, dos sofás cama (por si acaso), una mesa central con aspecto de cubo de Rubik e incluso un proyector de TV incluido. El mobiliario seguía en lo posible la gama de colores impuesta por el cliente (en este caso Antonio): blanco, negro y rojo.

La zona de descanso y la de ocio compartían el mismo techo, sin embargo quedaban muy bien delimitadas gracias a la inteligente disposición de los muebles. La idea era que también se pudiera utilizar la pantalla del proyector desde la cama, por eso no se separó físicamente cada área.

El otro extremo del local estaba destinado a las artes y oficios y era el verdadero motivo del búnker. Al acceder a esta zona te encontrabas con un taller de artes plásticas, caballetes por ahí, mesas de dibujo por allá y una gran estantería llena de libros presidiendo la pared principal. Había espacio incluso para el arte digital, con un par de ordenadores para los más geeks.

Avanzando hasta la siguiente estancia encontrabas el vestuario, y su función no creo necesario explicar. Era el paso previo antes de llegar a la habitación más grande de todo el local, la que iba a servir de escuela de danza y escenario para músicos y actores. A un lado del cuarto imponía su presencia un enorme espejo con barra de ejercicios que toda escuela de danza necesita. Las paredes opuestas las cubría un enorme telón rojo de un tejido muy grueso con el fin de insonorizar el local ante posibles quejas de los vecinos y de paso se conseguía dar un toque de color cálido ante tal dominio del blanco.

Por último, separando las dos alas del local, estaba el espacio central que no era más que el recibidor, la cocina y el baño, comunes para todo el recinto y que Antonio debería compartir con los asistente al búnker artístico. La cocina era muy sencilla, recordemos que el presupuesto debía ser limitado, pero en cambio en el lavabo dejamos ir un poco la imaginación con un alicatado un tanto ajedrecista, jugando con los colores favoritos del inquilino.

El presupuesto aproximado que iba a costar todo lo necesario para hacer realidad el búnker no llegaba a los 6.000 euros, eso sin contar aquellas cosas que ya teníamos préviamente o que se iban a prestar a la causa.
La peor de todo fue que ni el ajustado presupuesto ni las enormes ganas que se pusieron pudieron con el peor de males: la falta de efectivo. Así es, "El búnker del Arte" quedó sólo en un proyecto. Quien sabe si algún día....

IPhone 4G "Todo vuelve a cambiar"

2010-06-08T17:12:00.000+02:00

Este ha sido el eslogan elegido para presentar el nuevo juguetito de Apple que va a darles muchas alegrías en los próximos meses, si mi olfato no me falla. Y es que estos chicos son unas máquinas de generar necesidades y venderlas en cantidades industriales.
No voy a entrar en las novedades de hardware ni software ni en las nuevas capacidades abiertas por los de California para su producto ¿estrella?. IFIXdisseny no es un blog sobre tecnología ni gadgets, aunque el nuestro sea un oficio muy dependiente. Como prometí, este será un análisis exhaustivo del teléfono como ejercicio de diseño, como un producto funcional y un objeto de culto estilístico.

Efectivamente todos los rumores y filtraciones que llegaron de Gizmodo eran ciertos, incluso las tripas del secuestrado estaban correctamente colocadas dentro de su delgado cuerpo. El prototipo robado era real como la vida misma, y aunque nunca sabremos como llegó a suceder, lo cierto es que anoche se confirmó que algún ~~gilipollas~~ ingeniero perdió el iPhone 4 antes de se presentación, y al mismo tiempo que perdió su empleo.

Es el segundo lavado de cara profundo que sufre el teléfono desde que nació hace unos 3 años (iPhone 3G y 3GS se ven iguales) y como siempre los de Jobs han vuelto a dejar boquiabiertos a todos los medios, los usuarios incluso a lo más reacios. Yo mismo que utilizo un teléfono Android he sido seducido por los atractivos de este teléfono.

Es inevitable que algunas de las características del nuevo iPhone puedan no parecerte de tu agrado, pero no se puede negar el grado de innovación que aporta. Ha dejado el listón muy muy alto, superando al Nexus One, que lo había dejado un peldaño de debajo hace medio año.

La construcción del teléfono no podía ser más simple al mismo tiempo que estudiada. Es lo que nos pasa siempre con todos los productos de Apple, hacen que parezca obvio algo que a nadie se le había ocurrido. El contorno del teléfono es de acero inoxidable que otorga una sensación de robustez y fortaleza, y se compone de 3 piezas asimétricas que se ensablan alrededor de toda la circuitería. Este tipo de construcción para celulares recuerda vagamente a algunos modelos de Sony Ericsson. La distribución de la circuitería del iPhone 4 es simplemente impecable, fruto de ello ahora la batería es más grande y por tanto más duradera. Un gran avance.

Tapando las tripas del bebé por el frontal y la parte trasara encontramos dos tapas planas de cristal resistentes a los arañazos (según Apple un 25 % más duro, ¿que el anterior modelo?) siendo una de ellas la nueva y flamante pantalla IPS con 960x480 píxeles, cuatriplicando el número de píxeles en pantalla.

Hubiera quedado más bonito centrado con el logo, pero la posición de la cámara en la esquina va a poner las cosas fáciles a la hora de tomar fotos tanto en vertical como en apaisado, evitando que tapemos con el dedo el objetivo. El sensor ahora es de 5 MP, es retroiluminado, incorpora flash tipo LED y además puede grabar video en 720p a 30 fps. Y la cosa no queda ahí porqué ya tenemos la cámara frontal que tanto se venía exigiendo, con lo que las videoconferencias ya son posibles desde el iPhone. Otro gran paso.

Los botones de volumen ahora son redondos, y tengo la sensación de que más fáciles de pulsar, por su mayor superficie. Junto a estos se han añadido el botón del mute, lógico teniendo en cuenta la función de los otros dos. Se le ha añadido un segundo micrófono en la parte superior para captar el sonido ambiente y reducir el ruido del micrófono de voz. Junto a éste está situada una entrada minijack de 3,5 mm para los auriculares, y al otro extremo la palanquita de bloqueo. En la parte inferior la correspondiente conexión de 30 pins de los iPod de toda la vida resguardado por ambos lados por los micro altavoces protegidos por unas rejillas minúsculas.

Además de la brújula y el indispensable GPS, ahora incorpora un giroscopio que otorga 6 ejes de control sobre el dispositivo.

¿Cual es el balance global del nuevo producto de Apple?
Pues para mí es más que positivo. Se ha conseguido reducir un 25 % el grosor del teléfono manteniendo casi el mismo peso, con una pantalla de más definición y brillo. El procesador es más potente, se ha incorporado extras como el giroscopio y un segundo micro y se ha mejorado la cámara y añadido una frontal para videollamadas.

¿Qué más se puede pedir?
De momento poco más, sólo aquellas cosas que Apple y las operadoras no permiten hacer por motivos comerciales (tethering 3G, instalación de aplicaciones no aprobadas, overclocking, soporte para Flash, etc...). De momento creo que no está mal.

IPHone 4G

2010-06-07T15:32:00.000+02:00

Esta tarde, a las 19:00 horal española, Steve Jobs saldrá al escenario del centro Moscone de San Francisco para presentar las próximas novedades de Apple. Hasta ese momento no se van a resolver todas las especulaciones e hipotesis en torno a lo que va a presentar el jefazo de la manzana ~~podrida~~ mordida.

El iPhone 4G va a ser seguramente el protagonista del evento, y más tras las sucesivas filtraciones a Gizmodo y más tarde a una revista vietnamita. Todos los geeks estamos esperando ansiosos por comrpobar si las fotos publicadas correspondían realmente al prototipo del próximo iPhone o simplemente fue una estrategia magistral de Apple para conseguir atreaer la atención de las masas justo hasta el dia D y la hora H.

Sea como sea, intencionado o no, la verdad es que como publicidad viral no tiene precio y creo que la jugada le ha salido estupendamente a Apple, quien domina la rumorología como nadie, y nosotros que nos dejamos tomar el pelo no nos importa lo más mínimo. La verdad es que no sé porqué tanto problema con las filtracioens si al final es lo que más expectación crea.

Una vez se comfirme el nuevo diseño haremos un análisis del iPhone 4G como producto, sacando punta a cada detalle, examinando el porqué y cómo de todos y cada una de las piezas que lo conforman y valorando si realmente es un avance o un retroceso estéticamente. Aunque puede que notéis algo de resentimiento por no poder tener uno ya mismo. Mi HTC Magic está celoso.

Que me compro, ¿un Mac o un PC? ¿Mac OSX o Windows?

2010-06-05T12:20:00.001+02:00

Esta ha sido una cuestión altamente manoseada, y a estas alturas esta pregunta ya no tiene mucho sentido. La respuesta es clara: si eres diseñador, y mas si eres diseñador gráfico, siempre escogerás un Mac de Apple por diseño, rendimiento y status. Queda muy mal decir que te dedicas a esto con un PC, aunque a mi la opinión pública no es que me condicione mucho. Pero todo esto no responde la verdadera pregunta. ¿Se puede diseñar con un PC? La respuesta es sí, y de hecho mucha gente lo hace con orgullo y eficacia.

Yo mismo hasta hace poco usaba un PC con Windows XP y con más años que Marujita Díaz. Cursé dos carreras con ese bicho, Diseño gráfico y ETDI (Ingeniería técnica en diseño industrial) y la verdad es que no perdí mucho pelo en el intento, aunque muchas veces me hizo perder los nervios. Aquel PC respondió muy bien y duró unos 7 añitos, algunos componentes incluso más, ya que los mantuve de etapas anteriores. El hardware siempre funcionaró correctamente bien, pero el sistema operativo (Windows XP) se relentizaba pasados unos meses y tenía que hacer una reinstalación desde cero cada 6 u 8 meses. Por suerte ya tenía pillado el tranquillo y apenas tardaba dos días en volver al a normalidad. Ahora ese mismo ordenador lo tiene otra persona y ya me han dicho que están encantadas, y es que el ordenador era de lo mejor de la época, pero claro, hablo de hace más de un lustro.

Una vez di por finalizada mi etapa como estudiante y que sabiendo que iba dar un servicio como freelance me dejé de tonterías y me deje seducir por lo más cómodo y apetitoso: la manzana mordida.

La verdad es que la decisión de pasarme a Mac fué fácil de tomar y no se basó en las dichosas apariencias. Necesitaba un portátil en lugar de una torre y quería olvidarme de estar reinstalándo el sistema constantemente y sobretodo no quería seguir haciendo malabarismos para evitar que entraran virus en el sistema. Así que esperé a que el tio Steve Jobs anunciara los portátiles "unibody" y me hice con un MacBook Pro de 15ª que se ha convertido en mi única herramienta de trabajo y también la de ocio.

¿Qué quiero decir con todo esto? Pues que ahora las circunstancias son otras, aunque el panorama es el mismo. Tenemos un amplio abanico de posibilidades y muchas marcas, algunas excelentes, funcionando con un sistema operativo (Windows) compatible con multitud de componentes, todo ello con un precio al alcance de la mayoría. Por otro lado tenemos una marca que un alto poder de merchandising que ofrece un sistema operativo y un hardware específicos funcionando de la forma más optimizada posible, pero en torno a un 20 o 30% más caro que la alternativa con Windows. ¿Qué hacer?

La cuestión es saber qué necesitas y qué estás dispuesto a pagar. Windows 7 es ahora un gran entorno (nada que ver con el fracaso de Vista o con el ya obsoleto XP), pero sigue teneniendo muchos detractores dispuestos a descubrir y aprovechar todas sus vulnerabilidades (virus, malware, troyanos, gusanos y toda la fauna informática).

En cuanto a la oferta de programas puedo garantizar que la balanza se ha equilibrado muchísimo. Si antes todos pensábamos que para Mac habían cuatro cosas y Windows era el que lo acaparaba todo, afirmar eso ahora es un error.

Las otras opciones son los sistemas GNU/Linux, con una estabilidad soberbia pero que no he mencionado por estar fuera de la órbita del diseño gráfico. Si Adobe hubiera apostado por adaptar sus programas a Linux quizás el panorama sería muy diferente en nuestro sector.

Aunque viendo lo que se viene encima, el panorama ya está cambiando a marchas forzadas..... IPad, tablets por un tubo, pantallas multitáctiles, Android, Meego, WebOS, Chrome OS, etc.... Parece que el futuro del diseño pasar por las interfaces táctiles.

PowerPc o Intel

2010-06-04T00:20:00.001+02:00

Hoy he comenzado a trabajar en Onbrand, un despacho de diseño grafico con el que llevo colaborando un tiempo, aunque hasta ahora nunca en sus oficinas.

En fin, la cosa es que cuando ya llevaba un buen rato trabajando en el ordenador que me habían asignado y montado una hora antes, ha llegado el encargado de los equipos informáticos (que no quiere decir que sea el informático) y después de alguna que otra pregunta retórica me ha querido decir algo así como:

- Tienes suerte de tener este G5 - refiriéndose al ordenador de Apple que sacaron de una pila de torres que vete a saber cuánto llevaban ahí cogiendo polvo. A lo que ha añadido:
- Los Mac's con procesador PowerPC de hace 6 o 7 años son mas rápidos que los Intel de ahora... - intentando convencerme de lo afortunado que soy por usar el ordenador que no quiere nadie.

No he podido resistir la tentación y he espetado:
- ¡Vale, pues te lo cambio!.... Acto seguido la sala se ha inundado de un ácido silencio. El tipo va a cogerme manía porqué ya es la segunda vez que lo pongo en su sitio en cuestiones informáticas. Podría haberme dejado anodadado con sus conocimientos en biología marina o insectos nematóceros y braquíceros, pero ha querido vacilarme en algo que llevo manoseando hace 2 décadas.

Manual Básico Indesign

2010-06-02T09:45:00.000+02:00

Increíble, alucinante, fantástico o asombroso es lo mínimo que puedo decir de este manual rápido que he encontrado en http://issuu.com/. Además se puede incrustar en tu blog o web y ampliar a pantalla completa.
Parece que hay más documentos así que investigaré un poco y os cuento qué tal.

Open publication - Free publishing - More graphic design

Frutister

2010-06-02T01:31:00.000+02:00

Es cierto que mi profesión es esencialmente el diseño gráfico, pero también he dedicado muchos años a otros estudios, entre ellos la Ingeniería de producto. Durante la carrera cursé una asignatura que me tentó mucho profesionalmente. Me refiero al diseño de mobiliario (diseño, siempre diseño).

Uno de los trabajos que presenté es el Frutister, un revistero con aspecto de frutero formado por tres conos huecos invertidos cuyos vértices se apoyan en una base que sostiene el revistero completo.

No os voy a engañar, la idea surgió cuando topé con el estilizado revistero "Omero", de Francisco Gómez Paz, pero ya que me pareció bastante inestable y su función no parecía muy evidente a simple vista, quise mejorarlo y hacerlo más familiar, más cercano y más asequible.

Al margen de si es más o menos bonito que el revistero de Gómez Paz, lo cierto que es quedé bastante satisfecho con el trabajo, y resultó ser un producto viable y bastante barato de fabricar, aunque hoy por hoy no he visto nada en el mercado que se le asemeje, además del "Omero", claro.

Más bocetos tras el salto.

BELIO Magazine

2010-05-31T08:36:00.000+02:00

Hace ya unos años, cuando estaba estudiando diseño gráfico, me dio por comprar publicaciones sobre diseño gráfico. "Visual" cayó unas cuantas veces pero resultaba bastante cara para lo que mi economía podía soportar por entonces, y además estaba plagadita de publicidad y yo estaba ansioso por aprender, no por consumir raimas de papel ni impresoras de gran formato.

Entonces encontré una alternativa a las clásicas revistas e diseño, una pequeñita de formato cuadrado y de nombre "BELIO magazine"

El funcionamiento de la revista era muy simple y efectivo. "Belio" proponía un tema cualquiera y los lectores enviaban sus diseños para que fueran publicados a final de mes en el siguiente número. Así pues los creadores de los contenidos de la revista eran los propios lectores que, animados por ver sus trabajos seleccionados y publicados, se ponían manos a la obra sin mucho rechistar. Ahora que lo pienso podría asegurar que el sistema se adelantó al concepto 2.0 que tanto hemos oído mencionar en Internet, en el que los usuarios somos los que publicamos los contenidos.

Además del bonito formato cuadrangular, "Belio" nos deleitaba con ilsutraciones muy trabajadas y coloristas, con estilos diferentes y a cada cual más original. Los temas eran muy variopintos: la medicina, los automóviles, la moda, el graffiti, etc....

Sin embargo dejé de comprar la revista porqué me di cuenta que aquello no era el diseño gráfico que estaba buscando. Belio para mí fue y ha sido siempre una revista de inspiración gráfica, es "Arte digital" pero no es diseño gráfico. La mayoría de los trabajos publicados parecían graffitis creados por ordenador, muy vistosos y super coloristas, con ideas muy novedosas y muy bonitas, pero no se ajustan a un breafing determinado. No es publicidad ni es diseño gráfico, sino un serie de trabajos bien hechos que transmiten las emociones y sensaciones de un artista del siglo XXI al que se le brindaba un espacio de expresión. En cambio Visual si se ajustaba a un determinado lector que quería ofrecer servicios de diseño, como es mi caso. Sin embargo, siempre que paso por el Fnac me acerco a los estantes para ojear aquella revista de formato cuadrado y me quedo con ganas de llevármela a casa.

Más imágenes tras el salto.

2010-05-28T14:21:00.000+02:00

Haciendo limpieza de mi disco duro externo he encontrado perlitas del pasado. Una de ellas es un diccionario de Diseño y edición con mas de 350 términos referidos al mundo de la industria gráfica. No recuerdo cuánto hace que lo tengo, por eso puede que hayan referencias a técnologías en desuso, pero seguro que podéis sacarle algún provecho.

Diccionario de Diseño y edición.pdf

Gracias a Rodrigo Alonso por su aportación.

Ikea piensa en tí.... como consumidor.

2010-05-28T13:46:00.000+02:00

IKEA tiene uno de los mejores departamentos de marketing del mundo. Saben llegar al público, pero precio y por sus campañas dirigidas a la clase media, la más abundante. Una de estas campañas, la que os presento a continuación, ha sabido empatizar con sus clientes y los problemas de espacios que muchos sufrimos en nuestro hogar. Un buen punto a su favor que se va a asegurar la venta de zapateros por una buena temporada.

Consultoro técnico de diseño gráfico

2010-05-27T11:16:00.000+02:00

Por fin una consulta. He tenido que desviar una pregunta hasta el blog para inaugurar la seccion:

"Consultorio técnico de diseño gráfico"

LAIAAAAAA nos ha dejado la siguiente consulta.

Asunto: copiar pegar!

"Hola sr ferdi,

Mi duda era, com copiar i pegar en diferents documents un mateix objecte però en el mateix lloc.... saps què et vull dir?? és a dir, del documento A copiar un objeto y que se pegue en el documento B en el mismo sitio que en el documento primero!!

pos eso.. hjejejejjee

que soy la primera con dudas????

ala! un peto!"

Pues sí hija mía eres la primera. En cuanto a tu pregunta te puedo decir que en el mismo documento puedes duplicar una capa (Commando+J) y te mantiene la posición, pero no he encontrado una forma de copiar y pegar una capa en otro documento y en el mismo lugar tal como lo hacemos en otros programas mediante un atajo de teclas.
En Indesign se consigue con la combinación Commando+Alt+Mayusc.+V, y en Illustrator puedes pegar delante o detrás (Commando+F o Commando+B) y siempre te mantiene la misma posición. Pero en Photoshop la solución que podría ayudarte es arrastrar la capa de un documento a otro manteniendo pulsada la tecla "Mayúsculas." El resultado es el mismo aunque lo consigues arrastrando en lugar de hacerlo mediante atajos de teclado.

Espero que te sirva, aunque un pajarito me dijo que ya diste con la solución.

Photoshop real CS6

2010-05-26T09:37:00.000+02:00

Como crear una web con Photoshop (2/2)

2010-05-25T10:38:00.001+02:00

Una vez hemos diseñado nuestra web ya podemos a empezar con la dissección.
¡¡Enfermera, el bisturí!!

Herramienta Sector y Herramienta selección de sector

Estas 2 son las herramientas que necesitas para dividir tu web en partes mas pequeñas. Esta parte del proceso consiste en fraccionar la imagen en sectores rectangulares a los que asignaremos una etiqueta con una función específica: Imagen, Sin imagen o Tabla.

Comenzaremos con un sólo sector, que abarca toda la imagen. Cuando se crea un nuevo sector de usuario o un sector basado en capas, se generan sectores automáticos adicionales para las áreas restantes de la imagen. Debemos procurar minimizar el número de sectores. Así simplificaremos el trabajo y el número de imágenes creadas.

Marcos sin Imagen

Con esta opción el sector se mostrará con el color de fondo asignado pero no contendrá ninguna imagen en su interior. Adobe nos proporciona además la posibilidad de excribir en el marco, pero no podremos darle formato al texto, al menos desde Photoshop.

Es útil utilizar este tipo de marcos cuando los fondos son de colores homogéneos para evitar la carga innecesaria de imágenes y optimizar así la carga de la web.

Marcos con Imagen

Con esta opción especificamos a Photoshop que dicho marco contendra una imagen. Esta imagen corresponderá a la sección de nuestro diseño que contiene el sector. Más adelante podremos especificar el tipo de imagen que se generará en función de nuestras necesidades. Básicamente para exportar a web las opciones son JPG, PNG o GIF.

Tabla

No tiene secretos, el sector contendrá una tabla HTML.

Una vez completemos el proceso de diseccion de la web y estén asignadas las funciones de todos los sectores ya podemos guardar para web pulsando Control + mayusc. + Alt + S (en Windows) o Commando + mayusc. + Alt + S (en Mac OS X)

Acto seguido nos aparece la ventana en la que podremos especificar el formato de la imagen de cada sector, que como ya dije antes podremos optar por JPG, GIF o PNG con sus diferentes compresiones y paletas de colores. Las cuatro ventanas te permiten comparar el resultado utilizando esos 4 posibles formatos de imagen. Solo queda elegir dónde guadar, asegurarnos que guardará el archivo HTML y las imágenes y pulsar el botón mágico. Entonces Photoshop generará un fichero HTML junto a una carpeta con las imágenes que necesita para mostrar la web correctamente.

El último paso será añadir a través de Dreamweaver aquello que Photoshop no nos permite hacer. Si no hemos optado en insertar el texto como una imagen podremos que escribir el contenido de la web y darle formato, color, cuerpo, sangría, etc.

Quedará, por último, insertar los fragmentos de código que nos permitan incrustar vídeos de Youtube y cía., animaciones en Flash o cualquiera otro elemento insertable siempre que hayamos dejado el hueco exacto para su ubicación. Cualquiera pequeño desajuste, aunque sea de 1 píxel, provocará que el puzzle no encaje bien y la web no se muestre como esperábamos. Por eso en Dreamweaver es mejor no tocar nada del diseño de la web. Sólo si eres un experto. Pero seguramente si fueras una experto no estarías perdiendo el tiempo con este cutre tutorial.

Como crear una web con Photoshop (1/2)

2010-05-21T11:55:00.001+02:00

Para construir un sitio web tenemos muchas herramientas hoy en día, más de las que pensamos. Pero cuando hablamos de crearla en HTML el rey del software por excelencia es Dreamweaver. Es la herramiena especifica mas popular para la creacion de paginas web.
Aunque el discipulo de Macromedia sigue cometiendo grandes errores que acaban por desesperar a mas de uno (entre los que me incluyo): Es incapaz de mostrar el resultado final de la página tal como va verse en el navegador y hacerlo, además, en tiempo real.
DW sólo muestra la estructura de la pagina web, el esqueleto, y las imágenes que acompañan a la web. En principio eso debería ser suficiente para muchos programadores, pero para los diseñadores web es un problema que el programa resalta los marcos de las tablas tan gruesos, que muestre las inserciones en flash como cuadros en grises o que desplace las piezas del complejo puzzle que supone cualquier web. A cualquiera podria llegar a irritarle semejante impreciosión, a mi por lo menos lo consigue.

Por eso he preferido tomar otro camino para la creacion de webs estáticas, aunque eso no me evita reacer en DW para ciertas tareas. Los pasos a seguir son estos.

El paso número uno consiste en diseñar la web en tu programa favorito y llevarlo a Photoshop, donde también puedes diseñarla.
Después divides el diseño en sectores y generas el HTML con las imágenes.
Y por último, en nuestro amado DW añades aquellos elemenos multimedia que no puedes insertar en Photopshop, como videos de YouTube o Vimeo, mapas de Google Maps, un Podcast....etc. siempre que hayas tenido en cuenta el espacio que van a ocupar.

Pues si, nada más fácil que coger y ponerte a diseñar tu web. Y para ello tienes dos opciones básicas: utilizar el mismo Photoshop o cualquier otro software de diseño

Si vas a utilizar el mismo Photoshop, puedes hacer uso de todas las herramientas que empleas normalmente, sin restricción. Además te ahorrarás el trabajo de tener que traspasarlo más tarde porqué ya lo has creado en el mismo programa que necesitarás más adelante.

Si utlizas otro software tipo Freehand, Illustrator, Indesign o Fireworks tambien puedes emplear todas las herramientas a tu abasto, pero es recomendable que cuando pases el diseño a Photoshop lo hagas capa a capa. De esta manera podrás realizar pequeñas correcciones si fuera necesario en el mismo Photoshop, y no tendrías que volver al programa de origen, corregirlo y tener que transportar de nuevo el diseño. Es mi consejo pero puedes hacerlo como te de la gana.

En la próxima entrega os explicaré la auténtica chicha, como partir la web con Photoshop y generar el archivo html. Hasta otra.

We love Adobe. Adobe love Apple

2010-05-21T10:37:00.001+02:00

South Africa 2010

2010-05-19T10:19:00.001+02:00

A través de Isopixel ~~(totalmente compatible con este blog)~~ me he topado con una galería de carteles publicitarios dedicados al próximo Mundial de fútbol de 2010. Todos ellos han sido formados con mosaicos de otras imágenes, pero lo que llama la atención no es la técnica en sí, muy de moda hace unos años, sino las imágenes utilizadas para ello.

Hasta ahora estábamos acostumbrados al empleo de fotografías más pequeñas y a todo color para generar una fotografía mayor (como el ejemplo de la derecha), pero en este caso son patrones de formas rectas, con vértices y ángulos, todo ello amenizado con colores cálidos o terrosos que recuerdan mucho a los motivos ornamentales y decorativos que se ven en las vestimentas de origen africano. En algunos casos se han introducido banderas africanas, textos o símbolos alusivos aunque la integración con el estilo es tan buena que apenas se percibe su presencia. Realmente original.

Os muestro el primer cartel, pero el resto después del "Más información".

South Africa 2010

South Africa 2010 »
Large (6656×9984px »

Didier Drogba (Côte d'Ivoire)
Didier Drogba (Côte d'Ivoire) »
Large (6144×8704px) »
Benjani Mwaruwari (Zimbabwe)
Benjani Mwaruwari (Zimbabwe) »
Large (6656 x 8960px) »
Steven Pienaar (South Africa)
Steven Pienaar (South Africa) »
Large (7680 x 9984px) »
Alex Song (Cameroon)
Alex Song (Cameroon) »
Large (6144×7680px) »
Samuel Eto'o (Cameroon)
Samuel Eto'o (Cameroon) »
Large (6656 x 8874px) »
Mickaël Essien (Ghana)
Mickaël Essien (Ghana) »
Large (5408×6656px) »
Oguchi Onyewu (United States)
Oguchi Onyewu (United States) »
Large (8192×10240px) »
Emmanuel Adebayor (Togo)
Emmanuel Adebayor (Togo) »
Large (7168×8960px) »
African Star
African Star »
Large (8192×10752px) »
Welcome to Africa (Ndere Dancer)
Welcome to Africa (Ndere Dancer) »
Large (8192×10752px) »

Videos tipográficos

2010-05-19T02:31:00.007+02:00

Juan Miguel Salas ha reunido en su blog una selección de videos con motivos tipográficos, o como él lo llama, la "Tipografía cinética". Realmente merece la pena echarle un vistazo, aunque sea por el rato que se ha pegado.

Muchas gracias, Juan Miguel.
Tenéis los vídeos después del salto.

10 Buenisimos Ejemplos de Videos Tipograficos. Muy Inspiradores

Tipografía Cinética, también conocido como "Movimiento" de Texto, es el Arte y la Técnica de Expresión con Texto Animado. Se puede encontrar comúnmente en los títulos de películas y créditos, programas de televisión y la publicidad web.

También encontrarás en el Internet Increíbles y Artísticos Vídeos Tipográficos creados por Animadores con mucho Talento. Hoy les traigo 10 de estos Ejemplos que me han llamado la atención por su Originalidad. Espero que los disfruten y también les sirvan también de Inspiración.

Saludos del Juanmi

Antes que nada una Leccion Rapida y Diferente sobre que es la Tipografia

A continuación la Selección de los 10

Dame más megapíxels, quiero más megapíxels....

2010-05-17T17:13:00.000+02:00

Existe la creencia cuando hablamos de imagen digital de que a más cantidad más calidad, refiriéndose a los píxels, claro está. Y en cierto modo eso es verdad, siempre y cuando el origen de la imagen sea el mismo. Me explicaré. Cuando escaneamos un documento con nuestro escáner o nuestra impresora multifunción siempre obtendremos más resolución de imagen si escaneamos a 300 dpi *, que si lo hacemos a 200 dpi, y por tanto también más calidad. Esto parece obvio. Pero esta certeza puede ser errónea en casos particulares, y no son pocos precisamente. Os explicaré una experiencia personal.

Cuando di el paso con las cámaras digitales quise hacerlo a lo grande. Mira tú por donde que casualmente cayose en mis manos un folleto en el que aparecía una "supercámara" de 5 MP que en aquel momento costaba 300 €, a mi alcance. Inocente de mí fui como una flecha a consumir el gadget marca "BEEP" (sí, la de las tiendas). Al margen de otros problemas técnicos que sufrí, me di cuenta que semejante ladrillazo gozaba, por lo menos, una óptica de plástico malo pulida a mano y un sensor "lomográfico" que ni los hermanos Lumiere. Las imágenes que captaba la cámara estaban llenas de ruido, no eran nítidas y les faltaba color, vamos, que la cámara era miope y daltónica.

Poco después cuando me harté del tocho, no quise jugármela y me hice con una Nikon de 2 miserables MP. Mi sorpresa llegó cuando al comparar las imágenes de una y otra me di cuenta que las fotos hechas con la japonesa eran mucho más nítidas y brillantes, tenían más color y muchísimo menos ruido. En general la Nikon ofrecía mayor calidad a pesar de la aparente desventaja en cuanto a megapíxels. Y además, entendí que no necesitaba 5 MP para el uso que le iba a dar a aquellas fotos. Sirva como ejemplo estas dos fotografías tomadas en similares condiciones.

Fotografía tomada con la BEEP DC-5000

Fotografía tomada con la Nikon 2100

Hoy en día es inevitable hacerse con una cámara de por lo menos 8 o 10 MP, y bienvenidos sean, pero que vengan siempre acompañados de una buena óptica y un sensor a la altura. Por eso recomiendo encarecidamente hacerse con una camara de marca reconocida, porque eso asegurará una buena calidad en la lente y en el sensor.

DPI: Es lo mismo que PPP sólo que en inglés.
PPP: Puntos por pulgada. DPI: dots per inches.

¿Debes comprarte un iPad?

2010-05-17T14:48:00.001+02:00

Fuente: Gizmodo

¿Cómo sería un mundo sin diseñadores? (5)

2010-05-17T00:35:00.000+02:00

Una vez mas, y esta vez invadiendo ya el lunes, festejando la victoria del FC Barcelona, publicamos otra hornada de diseños absurdos y estrafalarios de la mano de diversos autores. He aquí la galeria de:

¿Cómo sería un mundo sin diseñadores? (5)

Vectores gratuitos, para el niño y la niña.

2010-05-16T13:12:00.002+02:00

Hoy domingo es día de descanso, pero aún así vamos a publicar unos enlaces buenos buenos con galerías gratuitas de gráficos vectoriales. No lo subestimes porqué pueden ser realmente útiles en un momento de apuro. Hala, a seguir descansando.

http://www.vecteezy.com/
http://www.crazyleafdesign.com
http://vector4free.com/
http://www.freevectors.net/
http://qvectors.net/
http://www.vectorportal.com/

En el limite del plagio.

2010-05-14T12:48:00.004+02:00

Hace poco os mostrábamos la interesante web del estudio Adzavara cuyo logotipo tenía un extraño parecido con otro que habia creado un amigo para su grupo de música. Os puedo jurar que la relación entre ambos casos es imposible y fue fruto de la casualidad.

Sin embargo, he estado buscando parecidos entre pares de logotipos y me he quedado flipado con algunos casos (ojo con Costa Internet y SEO Book).

La galeria ha sido extraída del Blog de Jaku, a quien le agradezco su colaboración.
Para ver el artículo clicar en "Más información"

Logos parecidos

Cada vez es más difícil ser original en el noble arte del diseño. Aquí tenéis algunos ejemplos de logotipos con parecidos razonables. Muchos los he ido encontrando por la red. Los demás los he encontrado en: Graphikmexico, Logodesignlove,Microsiervos, Isopixel e Informediario.

1.- En este primer caso nos encontramos con uno de un negocio de fisioterapia con sede en Madrid (Fisioterapia Argüelles) y el del conocidísimo mundo virtual Second Life. Si os fijáis, ambos se basan en el mismo concepto gráfico y de disposición de elementos:

Elemento gráfico: Una mano formada por cuatro dedos + un quinto dedo cuyo trazo forma el resto de la mano. Los cuatro dedos son independientes entre sí y separados de la mano. La zona central de ambas manos están rpresentadas por una elongación del trazo principal
Elemento escrito: Formado por dos palabras; la primera de tamaño inferor a la segunda y situada sobre ésta. La segunda más grande y destacada.

2.- Wayback Machine y Google Blogoscoped.

3.- Ubuntu y Human Rights First.

4.- Movielink y TeleMadrid.

5.- Sun Microsystems y Columbia Sportswear.

6.- Sumpter & Gonzalez LLP y Stylegala.

7.- Star Sports y maltastar.com.

8.- Songs for Tibet, BP y Vivir mejor

9.-SimpleBits y LogoMaid

10.- Costa Internet y SEO Book.

11.- Searchmash y smashLAB.

12.- Scottish Arts Council y Artworkers.

13.- Pseudoroom design y Cyberathlete Professional League.

14.- Psdcreativo y Chaval.es (Supongo que Psdcreativo ha diseñado el chaval de chaval.es...)

15.- Laboratorio Phoenix y University of Phoenix.

16.- Empresa Mixta de servicios Funerarios de Madrid y Macromedia Flash

17.- One Spa, Manulife One y Penzeys One Magazine.

18.- National Film Board y Virtual Global Taskforce.

19.- NBC and Nebraska ETV Network (pleito).

20.- 3 Diamonds y Mitsubishi

21.- Applied Materials y Planned Parenthood.

22.- LA Lakers y LA Clippers.

23.- Embajada de Francia y NBA

24.- Elements Interactive y Cadenatres

25.- Ecogeek e Intel

26.- Graphic Design Blog y Peter GI.

27.- Carrier y Ford.

28.- British Paints y Pagan Osbourne.

29.- Blackburn Market y Barrow.

30.- Beats by Dr. Dre, Anton Stankoswki (1971 Stadt Bruhl logo) y BigFix.

31.- Belfast City y South Hams Food and Drink.

Objetos inteligentes, ¿hasta qué punto?

2010-05-13T02:31:00.002+02:00

Exiten los teléfonos inteligentes (Android, iPhone, Blackberry, etc..), los edificios inteligentes (Dubhai está lleno de ellos), robots inteligentes (la Roomba no lo es pero no veas como ayuda), materiales inteligentes (con memoria de forma, fotoactivos etc...) y lo que Adobe se sacó de la manga, los Objetos inteligentes.

¿Qué es un objeto inteligente (en adelante lo llamaremos O.I.)?

Se trata de un tipo de capa de Photoshop que mantiene las propiedades originales propias del programa que la creó, permitiendo su edición no destructiva en su correspondiente aplicación, pero comportándose como un elemento más del archivo PSD.

Los O.I. comenzaron siendo una agrupación de capas en una sola capa cerrada, pero han ido mejorando poco a poco y ahora, por ejemplo, ya es posible incrustar gráficos vectoriales (provenientes de Illustrator o Indesign) o imágenes multicapas (otro archivo Photoshop).

¿Y para qué es práctico un O.I.?

Pues depende de tí, pero en principio puede resultar muy práctico para cualquier tipo de usuario.

Por un lado puede ayudar a los enfermos del orden a mantener sus capas a raya. En lugar de crear grupo desplegables podrás unir varias capas en una sola capa cerrada que se comportará como una única capa, cosa que no sucede con los grupos de capas.

Por otro lado es capaz de mantener la calidad del archivo original aunque el tamaño de imagen sea menor. Esto no lo apreciarás en tamaños reducidos ya que la que manda es la resolución del lienzo contenedor, pero al aumentar las dimensiones en píxeles del lienzo verás que la definición de los objetos vectoriales siempre es la mejor, por muy grande que sea el lienzo. Esto sucede porqué Photoshop se vasa en el contenido vectorial de la capa y no en las dimensiones que está mostrando por pantalla. Con los O.I. que provienen de capas ya rasterizadas sucede algo similar, aunque la calidad máxima que podrá ofrecer vendrá dada por la resolución original que tenían las capas en el momento de crear el O.I.

¿Eso es todo?

A parte de esto, que no es poco, podrás aplicar Filtros inteligentes (otra vez inteligentes) cuya particularidad es que te permitirán modificar los valores del filtrado en cualquier momento y de forma no desctructiva. Funciona de manera similar a cómo lo hace la Galería de filtros, sólo que la forma de trabajarlo se realiza igual que si fueran efectos de capa (sombreados, biseles, etc...), agregándose en el panel de Capas debajo de la capa afectada, como una propiedad de la capa.

Vale, ¿y cómo lo uso?
¿Qué tengo que hacer?

La verdad es que no tienes que hacer mucho. En gran medida lo mismo que has hecho siempre. Para crear un objeto inteligente a partir de capas sólo has de buscar en el menú contextual (botón derecho) sobre una capa y clickar sobre "Crear objeto inteligente". Para crear objetos vectoriales, más fácil aún, sólo has de pegar un gráfico vectorial que proceda de un editor tipo Illustrator, Freehand o el propio Indesign. Como siempre, sólo que ahora te brinda una opción más, como muestra el gráfico.

El resumen que publica Adobe en su página de ayuda quizás se explica mejor:

Los objetos inteligentes facilitan todo lo que sigue:
Realizar transformaciones no destructivas. Así, puede cambiar la escala de una capa, rotarla o deformarla sin perder la calidad ni los datos de imagen originales porque las transformaciones no afectan a los datos originales. No obstante, algunas opciones de transformación como Perspectiva y Distorsionar no se hallan disponibles.
Trabajar con datos vectoriales (por ejemplo, ilustraciones vectoriales de Illustrator) que, de otro modo, se tendrían que rasterizar en Photoshop.
Aplicar filtros no destructivos. Los filtros aplicados a los objetos inteligentes se pueden editar siempre que se quiera.
Editar un objeto inteligente y actualizar de forma automática todas las apariciones enlazadas.
No es posible realizar operaciones que alteren los datos de los píxeles (pintar, sobreexponer, subexponer o clonar, entre otras) directamente en una capa de objetos inteligentes a menos que se convierta primero en una capa normal que, por lo tanto, ha de someterse a rasterización. Si desea efectuar ese tipo de operaciones, edite el contenido del objeto inteligente, clone una capa nueva por encima de la capa de objetos inteligentes, edite duplicados del objeto inteligente o cree otra capa.

Este video tutorial también puede servirte de ayuda.

¿A qué esperas para empezar a usarlos?

Espacios de color. RGB, CMYK, Lab, HSB, etc.....

2010-05-11T00:20:00.002+02:00

Si además de diseñador eres dibujante o pintor sabrás que para representar cualquier color sólo son necesarios 3 colores y un papel en blanco. A este entorno lo podemos llamar un espacio de color, en este caso seria de color por pigmentación. En el mundo digital todo documento grafico esta representado mediante un espacio de color determinado, aunque en algunos casos esos espacios son equivalentes.

Los principios físicos del color explican que existen dos modos de color:

Color sustractivo y color aditivo

El color sustractivo se refiere a los colores pigmentos, aquellos que sólo podemos ver cuando incide la lu en ellos. Los colores básicos son el cian, magenta, y amarillo, (CMY) aunque todos los dispositivos de impresión utilizan también el negro para conseguir un contraste mayor y un texto más nítido, cuyo negro no tenga que conseguirse por la mezcla del resto de colores, de esta forma se consigue el espacio de color CMYK (Cyan, Magenta, Yellow and blacK). A parte de las pinturas, rotuladores, acrílicos, óleos y pasteles de toda la vida, TODOS los sistema de impresión utilizan este modo de color. La mezcla de todos los colores da como resultado el negro.

El color aditivo es por definición todo lo contrario al color sustractivo (aunque parece lógico yo lo aclaro). Al tratarse de un sistema de color luminoso no necesita de luz para mostrarse. Los colores básicos son el rojo, verde y azúl [RGB (Red, Green and Blue)] que son los complementarios en el círculo cromático de los colores básicos de pigmentación (CMY). La suma de todos los colores da como resultado la luz blanca. Todos los sistemas de representación por luz como la Televisión, los LCD, los TFT, los LED, los CRT, etc..., muestran todos sus colores a través de este modo de color.

Ahora pueden surgir dudas a las que intentaremos responder, por ejemplo:

"En Photoshop yo puedo poner las fotos en CMYK" y las sigo viendo por la pantalla ¿Las está mostrando en CMYK? ¿Qué está pasando entonces? ".

NO, las sigues viendo en RGB. Efectivamente, en Photoshop y en cualquier programa de edición podemos cambiar el modo de color. Sin embargo nuestros monitores solo pueden representar el color en RGB, así que lo que hace Photoshop es simular el color pigmento a través del color luz. Si nos fijamos veremos que los colores cambian ligeramente al pasar una imagen a CMYK. Los especialistas en retoque de imagen calibran sus pantallas para que la diferencia entre lo que ven en pantalla y el resultado sobre el papel se lo más fiel posible.

"¿Pero para qué necesito cambiar el modo de color a CMYK".

Al cambiar el modo de color de la imagen a CMYK estás "traduciéndola" para que los sistemas de impresión, basados en CMYK la comprendan perfectamente. Cuando una imagen llega en RGB a una rotativa offset el resultado es una impresión de la fotografía en blanco y negro. Sí es curioso pero no debes preocuparte porqué todas las impresoras caseras comprenden los documentos en RGB y hacen una traducción inmediata cuando llegan a sus inyectores.

"¿Y qué es un perfil del color".

Este es un tema más amplio y complicado de explicar que seguramente tocaremos más adelante. Esta definición ha sido extraída de aquí.

"Las más de las veces, los perfiles de color se usan para describir los espacios de color de aparatos concretos. Es decir: Describen cómo representan o entienden el color esos aparatos y lo hacen poniendo sus valores en relación con espacios de color "absolutos". Así, por ejemplo, un perfil de color de una impresora describe los colores que es capaz de representar esa máquina poniendo en relación los colores que forma con sus pigmentos con un espacio de color absoluto."

En fin, que ahora ya sabes que si vas a mandar a imprimir una imagen lo ideal es pasarlo a CMYK, y si vas a publicarlo a través de un monitor (en una web, film, video, etc....) lo mejor es trabajar en RGB. ¿Y el Pantone qué es lo que es? Eso otro día.

Vectores pixelados, pixeles vectorizados.

2010-05-09T00:00:00.005+02:00

A estas alturas hablar de píxeles y vectores ya no nos tendría que sonar a chino, en parte gracias a la fotografía digital y los famosos megapíxels, aunque seguimos pensando erróneamente que a más cantidad, más calidad, pero ese es otro tema que ya tocaremos. En cambio el concepto de vector no es tan popular aunque los que tengan buena memoria recordarán que es una idea extraída de las matemáticas y la física.

Píxel

Según la wikipedia un píxel es la menor unidad homogénea en color que forma parte de una imagen digital. Por tanto, podemos extraer de esta definición que una imagen digital, ya sea estática o formando parte de un video como un fotograba, es una trama de puntos dispuestos en cuadrícula que contienen cada uno de ellos una información de color (normalmente en RGB). Evidentemente la definición o resolución de esta imagen digital vendrá dada por la densidad de puntos que tenga. Por ejemplo. En pantalla las imágenes se suelen mostrar a una resolución de 72 o 96 ppp (pixeles por pulgada). Sin embargo esta densidad de puntos no es suficiente para imprimir un documento sobre papel. Realmente se puede hacer, pero no obtendremos una impresión de calidad óptima (pixelará). Lo adecuado en este caso es una densidad de puntos de 300 ppp, con lo que la misma imagen que hemos publicado en una web no servirá para una publicación impresa, al menos no al mismo tamaño. Por eso los que maquetadores y revocadores de fotos se vuelven locos cuando reciben imágenes a 72 ppp extraídas de la web de turno.

Formatos más conocidos: JPG, TIFF, PSD, BMP, GIF, PNG, RAW, ICO, TGA, CPT ….

Vectores

En la wikipedia aparecen muchas definiciones, pero entre nosotros diremos que un vector es una magnitud física con longitud y dirección. Por tanto, una imagen vectorial (que también es digital) puede ser formada por vectores o contornos, que gracias a curvas de beizer y las líneas rectas permite obtener formas de todo tipo. Normalmente una figura vectorial tiene un color asignado para la línea (también trazo) y otro para el relleno cuando la fugira tiene superficie. A medida que los programas de edición vectorial han ido avanzando han permitido asignar degradados de todo tipo o incluso crear una malla de degradados.

Sin embargo la gran ventaja de las imágenes vectoriales es al mismo tiempo su talón de aquiles. Una imagen vectorial, por definición, no puede nunca pixelar ya que no está formada por una trama de puntos si no por contornos matemáticos infinitamente escalables, pero al mismo tiempo eso le impide representar texturas o tramados. Por todo ello, una imagen vectorial resulta ideal para representar figuras planas, geometría o tipografías, pero para imágenes fotográficas o texturas es mejor utilizar un mapa de bits, sin duda.

Formatos más conocidos: AI, CDR, FH11, SVG, FLA, CDR,….

Para mí el formato PDF fue toda una revelación cuando comenzaba en el mundo de las gráficas, aunque luego comprendí que no era más que una evolución de los archivos PS (Postscript), al que pertenecen extensiones como EPS (Encapsulated Postscript). Su principal ventaja es que permite aunar imágenes vectoriales e imágenes de mapas de bits en un único archivo. El PDF popularizó este concepto y ahora es el formato más utilizado en la industria gráfica.

Un buen uso y control de todos los formatos asegurará el mejor resultado final.

¿Freehand o Illustrator? La eterna pregunta.

2010-05-06T20:19:00.005+02:00

Cuando Adobe compró Macromedia por 3.400 millones de dólares (2.623 millones de euros) algunos de sus programas estrellas (Flash o Dreamweaver) fueron adoptados por la empresa californiana y en algunos casos acabaron reemplazando a sus homólogos de Adobe. Sin embargo muchos nos temimos lo peor, y efectivamente otras aplicaciones de la pequeña "M" (Macromedia, no Microsoft) quedaron en el olvido. Freehand fue uno de esos damnificados que aún sigue dando coletazos y del que muchos exigen que sea renovado por Adobe, aunque ya sabemos que eso no sucederá jamás. Pero, aunque suene a pestazo monopolístico, la verdad es que no lo es tanto.

Al margen de que por si sola Illustrator es una aplicación que literalmente deja por los suelos a Freehand en todos los aspectos, su integración con el inigualable Photoshop lo coloca con una enorme ventaja frente al resto. De todas formas si estás pensando que no hay más opciones para trabajar con gráficos vectoriales es que no estas muy bien informado. Por un lado tenemos el inagotable Corel Draw, software de origen canadiense con el que me introduje en este mundillo y que, aunque le estaré eternamente agradecido, creo que está muy por debajo del resto al menos para el sector profesional. Otra opción es Inkscape (el Gimp de los vectores), una opción libre, gratuita y bastante potente, aunque no he llegado a probarla. Y seguro que hay más, y todos ellos muy válidos para diseñar, pero si somos realistas y consecuentes la verdad es que la Suite de Adobe es la opción que hoy día nos dará más satisfacciones. Más aún si tenemos en cuenta que el estandar PDF válido para cualquier imprenta, rotativa, copistería, impresora, marco de fotos digital, etc...... es también originario de Adobe, y precisamente Illustrator se entiende perfectamente con este formato.

¿Que mueve a algunos diseñadores a seguir utilizando un programa destinado a morir como Freehand 11 que apareció en el mercado hace 7 u 8 años y lleva unos 6 sin actualizarse? La costumbre.

Mi consejo es que no vayas de tipo rebelde/cabezota/nostálgico y te adaptes a todos los programas de edición que puedas, pero especialmente aquellos que el sector maneja habitualmente. Asume que el presente y futuro reciente es, te guste o no, Adobe Illustrator, de momento. Otra cosa es lo que está pasando ahora con el HTML5 y el amigo Flash, que va a durar menos que las vacaciones de un autónomo.

Consultorio técnico de diseño gráfico

2010-05-06T20:17:00.001+02:00

Os recordamos que seguimos esperando ansiosamente la primera consulta tecnica de diseño gráfico. Oye, que es gratis, que no os mandaremos factura a casa. Ya os dijimos que íbamos a sacar tajada de otra forma, sin coste para vosotros. Venga va, anímate, venga.............va venga.................porfa................. consúltanos...............................Dale aquí...................y aquí.

Avatar del derecho y del revés

2010-05-05T17:26:00.002+02:00

Leyendo un artículo sobre gafas para televisores 3D, me doy cuenta que los fabricantes no hacen más que crear y patentar nuevos estandares para "putearnos" a todos un poquito. Ahora resulta que 2 conocidos fabricantes sacarán televisores que requieren 2 modelos de gafas 3D que utilizan la misma tecnología, ¡pero NO son compatibles porqué han intercambiado de lado las lentes activas! Es decir, que podrías usarlas si les dieras la vuelta pero por su diseño no resultará muy cómodo (véase el hueco para la nariz).

Entonces se me ha ocurrido que un tercer fabricante podría sacar un modelo de gafas compatible con ambas varaintes de la tecnología 3D y dar por saco a los dos primeros. El resultado sería algo así:

¿Debería patentarlo?

Mapas vectoriales

2010-05-05T09:29:00.001+02:00

En Isopixel he encontrado otro fantástico paquete de mapas en formato vectorial. Nuevamente en formato AI, EPS y SVG. Esta vez no soy yo quien destierra a Freehand, sino la propia naturaleza.

Aquí os lo dejo con el enlace donde tendréis que descargarlos uno a uno.

Mapas vectoriales

Splats

2010-05-04T23:09:00.006+02:00

Siempre me han gustado las salpicaduras y los brochazos coloristas, solo hay que visitar la web de Ifix disseny para darse cuenta de ello. Creo que aportan un toque de espontaneidad y frescura y rompen con esa sobriedad que normalmente trae implícito el diseño gráfico.

Aquí os dejo con una recopilación de manchas y brochazos en formato vectorial, para que podáis escalarlos tanto como os de la gana.

Eso sí, vienen en formato Illustrator y algún EPS. No en, Freehand no. ¿No crees que ya va siendo hora de actualizarse, querido amigo?

Descarga (no, no tiene virus)
Splats.zip - 14,4 Mbs

MACKINTOSH

2010-05-03T21:35:00.012+02:00

Mackintosh no es un ordenador de Apple, o sí lo es, pero además de eso fue también un arquitecto y diseñador del movimiento Art Nouveau, el modernismo escocés.

Charles Rennie Mackintosh (7 de junio de 1868 – 10 de diciembre de 1928) fue un arquitecto, diseñador y acuarelista escocés, que tuvo una importancia fundamental en el movimiento Arts and Crafts y que además fue el máximo exponente del Art Nouveau en Escocia. Protomodernista (antecedente del modernismo). Trata de reformar rompiendo con lo anterior. Saltó a la fama después de exponer sus muebles en la Secesión de Viena en 1900. Formó parte del grupo “Los cuatro” de Glasgow, creado en 1897. Fue su principal figura. Toma elementos del Arts and Crafts, y fue muy bien aceptado por la oposición al Art Nouveau belga (fue un héroe para la Secesión). Era uno de los Arquitectos mas destacado de los personajes vinculados al Art Nouveau (incluyendo a Victor Horta), pero después de 1913 no recibió más encargos y murió en la miseria en 1928 (miseria que también está relacionada con su afición a la bebida).

Wikipedia: Charles Rennie Mackintosh

Personalmente me encanta. Sus obras recuman elegancia y corrección por todos lados. Nada está fuera de su lugar en los diseños del "tio Macki". Vale, sé que es poco informal y según quién opinará que es pijo y anticuado, pero en su época rompía completamente con los recargados ornamentos de los diseños arquitectónicos y del mobiliario de entonces. Incluso se atrevió a llevar la contraria al modernismo de otras partes de Europa con sus líneas predominantemente rectas y verticales salpicadas de discretos motivos florales.

Recomiendo echarle un ojo a las fotos que os adjunto tras el salto.

Retoque de la piel, el maquillaje virtual.

2010-05-01T18:54:00.000+02:00

Ahí donde trabajo comparten oficina conmigo unos excelentes retocadores de imágenes. Se da el caso en más de una ocasión que se retocan caras y manos de famosillos de tres al cuarto, y aún no me queda claro que pasos realizan, pero sé que el acabado final es realmente óptimo.
Para los torpes y comodones existen soluciones más o menos buenas basadas en acciones de Photoshop que te dejan el cutis como un tapete.
Doy por hecho que sabes lo que es una acción de photoshop, si no ya te lo explicaré un día o me lo preguntas en el consultorio.

Os dejo enlaces a esas acciones y también algun tutorial.

Acciones de maquillaje virtual:
http://www.canonistas.com/foros/photoshop/180911-retoque-de-piel-sin-perder-textura-accion.html
http://www.taringa.net/posts/downloads/1550840/Piel-Perfecta-Accion-para-Photoshop.html
http://www.taringa.net/posts/downloads/1567517/Aumenta-el-color-de-piel-Accion-Photoshop.html

Tutoriales:
http://www.canonistas.com/foros/blogs/natashatxe/387-retoque-de-piel-sin-perder-la-textura.html
http://www.nosolotop.com/blog/?p=80
http://www.solophotoshop.com/tutorial/retocar-una-fotografia-en-photoshop/299/

Estamos en Facebook

2010-05-01T17:48:00.001+02:00

Aunque no sea muy significativo, hemos creado un grupo de Facebook para mantener la tradición que dice:

"Si quieres triunfar en el mundo profesional deberás tener:
una web corporativa (www.tuempresa.com),
un email corporativo (@tuempresa.com),
un blog,
un newsletter,
un grupo de Facebook y
un Twitter.

.... si no no serás nadie."

Y como no tenemos personalidad y no nos mola nada ir a la contra estamos siguiendo y cumpliendo esta lista en función de nuestras posibilidades y de nuestra expansión. Y la verdad, ha tenido más éxito del esperado.

¿Cómo sería un mundo sin diseñadores? (4)

2010-04-30T09:58:00.004+02:00

Una nueva edición de esta sección en la que aprovecharemos para seguir mostrando las obras absurdas de Carelman y otras muy similares. Otra muestra más de objetos inútiles.

Está claro que aunque estos productos no tienen sentido de existir, son muy similares a los objetos cotidianos que tenemos por casa, y por ellos son fácilmente reconocibles cualquiera de nosotros. Lo que quiere decir esto es que aunque su funcionalidad es nula, su diseño está basado en los que sí funcionan, por tanto no es 100% el mejor ejemplo de lo que sucedería en un mundo sin diseñadores. Imagino que sin diseñadores obtendríamos auténticas abominaciones.

Incidencias

2010-04-29T11:24:00.002+02:00

Los que sigan el blog asiduamente (yo y sólo yo) es posible que os sorprenda ver alguna entrada fantasma que aparece y desaparece o cambia constantemente. Bien, pues la razón de estas apariciones del más allá no es otra que las limitaciones que tiene Blogger a la hora de mostrar las entradas como me gustaría que lo hiciera. Esto me obliga a estar constantemente publicando y editando lo publicado para ver el resultado final en el blog. Además la vista previa no ayuda nada, ya que el fondo de la ventana flotante es blanco y el del blog es más bien oscurito. Para más puñetas, si quiero insertar un archivo .PNG con transparencias tengo que rezar a todos los santos para que "Blogger" no la incruste con fondo blanco y me arruine la imagen.

Como ya contesté a un comentarista (al único), sigo en constante aprendizaje, y estas limitaciones se podrían subsanar si mis conocimientos del código HTML y CSS fueran de envidiar, pero en este aspecto soy bastante limitado y por eso no utilizo Blogger, si no probablemente hubiera seguido con Wordpress. Por eso, a medida que vaya aprendiendo el aspecto del blog irá mejorando. Esa es también la explicación a tanto cambio en la interfaz de nuestra querida bitácora.

DIN

2010-04-29T09:49:00.010+02:00

Uno de los recursos gráficos más flexible en comunicación gráfica, a veces olvidado, a veces muy sobado, es el tipo de letra. La tipografía ofrece recursos como para llenar todo el espectro creativo de un mensaje gráfico. Jugar con la l≤etra no es jugar con el verbo, y no consiste sólo en convertirte por un rato en un auténtico Cervantes. En el mundo de las gráficas, jugar con las letras es otra cosa muy diferente.

¿Y todo este rollo para qué? Pues porqué quería presentaros una de las tipografías que más me gusta y que más utilizo, cosa de la que no me siento muy orgulloso. Y no es porqué no sea bonita, que sí lo es, sino porqué mis trabajos al final acaban tienendo siempre el mismo regustillo, igual que los grupos que tienen 100 canciones que suenan iguales.

La DIN es la niña de mis ojos, metafóricamente hablando y con permiso de mi pareja. Pero es que tiene unas formas tan correctas, tan racionales y tan proporcionadas que se me resulta imposible no caer siempre ante sus encantos. Por algo es la tipografía más utilizada en el ámbito nacional. ¿No lo sabías? La DIN es la tipografía utlizada en la señalización de la red de carreteras en toda España. Bueno, al menos en la señalización que no tiene más de 15 años.

Además, como todos sabemos, hoy en día todo el mundo industrial se mueve bajo estrictas normas y estándares, y además de las conocidas ISO (International Standarization Organization), también están las alemanas DIN (Deutsches Institut für Normung) y de ahí viene us nombre. Este fragmento extraído de aquí lo explica todo perfectamente:

Las letras DIN hacen referencia al Deutsches Institut für Normung (Instituto alemán de estándares industriales). En 1936 fue declarada por el Comité alemán de estándares como la tipografía para las áreas de tecnología, tráfico, administración y negocios. La selección de un palo seco se debe a su legibilidad y a las formas geométricas y fáciles de reproducir. Su intención no era orientarla para usos “artísticos” o publicitarios, de hecho, hubo bastantes discrepancias sobre su calidad estética. Aún así, se extendió rapidamente por toda Alemania, especialmente en la señalización de carreteras. La versión contemporánea de esta tipografía fue acogida por deseñadores de todo el mundo y utilizada en todo tipo de aplicaciones como libros, carteles, publicidad ou revistas debido a su aparencia funcional y moderna. Todas las tipografías de esta familia poseen el mismo peso o grosor en los paos aunque que cuentan con versiones de diferentes anchuras. También posee variantes alternativas apreciables en los caracteres numéricos “6” y “9”. Los nombres de las variantes tienen nombres en alemán: unha DIN MittelSchrift es una Regular o Central, mientras que la EngSchrift es la versión Condensed.

Por cierto, ¿os habéis fijado en la tipografía que suelo utilizar en el blog?

Consultorio técnico de diseño gráfico

2010-04-28T10:07:00.006+02:00

Hoy abrimos una nueva sección.

El Consultorio técnico de diseño gráfico.

Si tenéis alguna duda sobre cómo realizar un efecto en concreto, sobre cómo realizar una operación en lot, sobre cómo colocar un texto sobre un trazado, sobre dónde está aquella opción que llevas días buscando o, en definitiva, cualquier otra duda sobre los típicos programas de diseño que existen en el mercado actualmente (Adobe Creative Suite especialmente) no lo duces, envía tu consulta a este correo (ifixdisseny@ifixdisseny.com) y trataremos de ayudarte como buenamente podamos.

No te engañes, no es un acto altruista. La intención es aprender resolviendo vuestras dudas. Así ganamos todos.

¿Cómo sería un mundo sin diseñadores? (3)

2010-04-27T19:40:00.011+02:00

Llevamos unos días con solecico y buen tiempo. Ya se empiezan a ver ombligos y hombros y esto es de agradecer. Parece que los planetas se alinean para que podamos publicar un nuevo:

¿Cómo sería un mundo sin diseñadores? (3)

Hoy, para poder publicar esta sección, he decidido realizar una búsqueda por internet (en el amigo Google concretamente) y debo decir que ha sido muy lucrativo. He recordado que cuando era niño fui con mi madre a una exposición de objetos inútiles, allá por.....hace muchos años en una sala que no recuerdo mucho. El caso es que aquello me pareció absolutamente fantástico. Toda una parodia del diseño industrial de nuestra historia mediante objetos absurdos que no tenián ninguna utilidad, meramente la que llevaba a la reflexión y al humor. Ahora, buscando imágenes para esta sección, me he topado con aquellos objetos y he podido averiguar el nombre de ese artista que me mostró la importancia de jugar con lo absurdo y lo lógico. Jacques Carelman. Un genio.

Este hombre es el creador de cosas tan imcomprensibles como los anteojos de una lente, la tetera invertida o la mecedora lateral, entre muchos otros. Estos podrían ser unos ejemplo muy válidos de lo que podrçia ocurrir en un mundo sin diseñadores. Hay más ejemplos pero los iremos desgranando leeeentamente, porqué en efecto, os haremos esperar un poco. Tenéis que entenderlo, si publicaramos toda su obra el primer día nos quedaríamos sin contenido antes del fin de semana.

Las gafas de un cíclope

Varios objetos creados por Carelman

Jarra Self-Service

La importancia de ser diferente

2010-04-27T16:48:00.002+02:00

Es curioso el efecto que tienen sobre las personas aquellas cosas que destacan sobre las demás. Ya no hablo de si lo hacen positiva o negativamente, sino que simplemente por el hecho de ser diferentes ya provocan un recuerdo casi permanente en la retina de la gente.

Es lo que me está pasando a mí mientras completo mi directorio de empresas. Encuentro que muchas webs de estps estudios ofrecen lo mismo de siempre aunque de una forma muy ordenada y agradable, como muy de diseño, no cabe duda. Pero aquellas que lo hacen potenciando un rasgo sobre los demás como puede ser el caso de una tipografía descomunalmente grande, unos colores muy chillones, unas animaciones super-psicodélicas o una interactividad fuera del típico "menú y barra" siempre quedan grabadas en la memoria, y puede que te guste o que lo detestes, pero no pasará inadvertido, eso seguro.

Un clásico entre los estudios de diseño en Barcelona es Toormix, reputado en el ámbito catalán y nacional. Su web, programada en Flash 10, destaca por un planteamiento poco usual. Su gama cromática es muy simple, blanco y naranja (y que naranja). Las tipografías cobran especial protagonismo gracias a sus negritas y tamaños casi excesivos. La interfaz, con unos iconos muy grandes, facilita la navegación por las diferentes opciones del menú principal. La mas curioso son los desplazamientos horizontales de la web durante la exploración, sorprendentes para los que estamos acostumbrados al soso scroll vertical de todas las páginas. Al clicar en "Projectes" los trabajos se presentan a través de fotos en mosaico, como si estuviéramos utilizando el iPhoto, y lo mejor de todo es que al reducir la ventana del explorador estas se recolocan para que todas queden dentro del área de visualización. Realmente www.toormix.com es una web muy bien parida que, casi tanto que consigue que olvides a qué entraste en ella, seguramente a ver su excelente galería de trabajos.

Son detalles como estos los que te hacen recordar un site por encima de otros más normalitos.

Berepublic (¿Ser republicano?)

2010-04-22T22:38:00.003+02:00

Continuando con mi directorio, he topado con otro estudio de diseño, también afincado en Barcelona, como era de esperar, pues de momento no busco trabajo en Lugo.

Berepublic (¿Ser repúblico?) es, más que un estudio de diseño, una empresa de marketing y comunicación muy enfocado, yo diría que absolutamente, al entorno online, en cristiano, que diseñan webs.

Algunos de sus trabajos son dignos de mencionar. Tan dignos que como que algunos de ellos son los portales de nada menos que de las aerolíneas más populares del territorio nacional. Una de ellas, Vueling.com, lanzo aquella famosa campaña de la nube que hablaba a través de un bocadillo (o también nube) comiquera en la que mostraban sus tarifas e vuelos. Ahora Berepublic (¿Cerveza pública?) es la autora de su portal de internet. Con este dato podéis percataros de la magnitud de esta compañía. Otras conocidas marcas han requerido sus servicios, como Media Markt, Bayer, La Caixa, Danone, Telecinco o Taurus, por citar las más conocidas.

Sin embargo, después de tanto trabajo cosechado, el portal de Berepublic queda algo desanjelado por la falta de un auténtico portfolio dónde poder ver las creaciones finalizadas. Una pena.