X-Blog

Filtrando fotos en Flickr por color

¿Alguna vez has buscado una foto en Flickr con un tono específico de color dominante? Yo sí, y aparte de Blanco y negro (etiqueta "B&W") el resto de colores es difícil. Para situaciones como ésta nada mejor que FLICKR COLOR SELECT. Esta página nos muestra una variedad de fotos en Flickr que respondan al color que elijamos. Para ello nos da un espectro donde podemos buscar por moviéndonos con el cursor o introduciendo valores en RGB o HSV. Una herramienta valiosa para nuestros trabajos de diseño o presentaciones.
Enlace: Flickr Color Select

Diseños para tus twitter updates

Si eres de los que tienen un blog y publican sus updates de twitter en él, estos diseños te van a encantar. Una de las cosas que Twitter podría mejorar son los diseños de sus códigos para sus badgets, son muy simples o feos. Por eso la gente ha tenido a bien "arreglar" esos diseños para sus propios sitios web. Si quieres hacerlo tú Kreativuse te da una lista de diseños para inspirarte. Mi favorito es el de Leslie Garreau (cuyo blog también está entre mis favoritos de mejor diseño):
Enlace: Showcase: Twitter status design.

Galería de Favicons (II)

Con la llegada de Firefox 3 los favicons se lucen más, les han puesto espacio delimitado con fondo en degradé para notarlos más. Si eres de los blogers "no empresariales" es decir, de aquellos que meten mano a cada detalle de su blog, entonces es hora de ver ese detalle que le da personalidad al blog o página web. Hace unos años (wow, suena cool decir eso :) ) publicamos algunos post sobre el tema asi que pueden servir.
Ahora anoto otra galería más, esta vez del mouse de MmPierce66 quien nos brinda una revisión comentada de los favicons que a él le gustan más (el de Wired es un clásico en estas galerías).
¿Y tú qué esperas para poner uno en tu blog?

Los animalitos O'Reilly

Los que conocen los libros de la editorial O'Reilly reconocerán los famosos animalitos que acompañan cada portada y que identifican el tema del libro. El estilo de los dibujos aparenta a plumilla y de libro de ciencias naturales del siglo XIX. Al menos esa era la idea que siempre tuve cuando los veía, que la editorial había comprado los derechos de unos grabados antiguos.
Ahora al menos conocemos en detalle el "Cómo se hace" de las ilustraciones. Si bien en un principio usaron imágenes antiguas, ahora son dibujantes de la misma editorial los que realizan los dibujos en base a fotos reales (Lorrie LeJeune es una de ellas). Y hay que ver que bien lo hace.
Enlace: Animal Magnetism: Making O'Reilly Animals.
Vía Draw!

Revisión de diseños de los sitios web católicos

Cada vez que doy un repaso a los sitios web de alguna institución católica ese bichito de diseñador que tengo dentro se agita y remueve pidiendo un milagro del buen gusto. Y es que hay algunos canales que manejan programas y animaciones con nada de buen gusto. Pero esto no va dirigido a la televisión. Sino a los sitios web. Voy haciendo una revisión:

Vatican.va: EL sitio oficial de la Iglesia católica mantiene un diseño que me hace regresar a 1998. De hecho desde ese año - según la Wayback Machine- el diseño ha tenido toques mínimos. Fondo que hace ilegible el sitio, información desordenada, menús no accesibles. Hace falta urgente una revisión y rediseño a fondo, ya que es la ventana oficial de la iglesia católica al mundo.

Catholic.net: Una red de servicios católicos, ya tiene tiempo. Sus foros son conocidos por buenas y no tan buenas razones, pero hay que admitir que su diseño ha mejorado desde sus comienzos, de hecho la versión en español está mejor diseñada y organizada. Es definitivamente un portal de servicios variopintos y sin ninguna preferencia. Aunque hay mucha tela por cortar aún, van por buen camino.

Aciprensa: es un sitio de información católica (de hecho, peruana) y una de las más importantes en habla hispana. Ha tenido grandes y buenos cambios (algunos tardios) y ya se ve como lo que debería ser: una agencia de noticias católicas donde lo secundario son los servicios de fe y formación. Versiones para PDA, podcasts, videonoticias(ACITV), etc. Un sitio que a nivel de diseño y capacidad de mejora debería inspirar a muchos.

EWTN: El sitio web del canal católico más conocido a nivel mundial. El diseño ha mejorado bastante desde sus inicios, y siempre de manera rápida (estar en Estados Unidos debe tener sus presiones a nivel de diseño y últimas tecnologías) y aunque puede mejorar en algo, la navegación se agradece porque es intuitiva. Unico detalle, parece más un portal que un sitio web de un canal de televisión. Es lo que corrigió ACIPRENSA y espero que algún dia aquí se defina mejor.

En lo personal creo que hay limitaciones de dinero y recursos para sitios web de tipo religioso, yasesoría es lo que falta; los jóvenes no son los que llevan la batuta en estos sitios- es mi impresión - por lo que abrirse a nuevas tecnologías (y estilos de diseño) no es el primer paso que toman en cuenta. Hay mucho de buenas intenciones y poco de buena preparación para entrar al mundo de la internet y esta realidad se aplica a muchas organizaciones.

El arte de Banksy

Banksy es el sobrenombre de un famoso artista callejero (graffitero?) inglés, nadie lo conoce pero su trabajo esta en todas partes en Londres. Su capacidad crítica, plena de imaginación y el hecho de hacer reir y pensar a la gente de la calle harta de solo encontrar publicidad ha hecho que incluso tenga un documental. El arte toma las calles.
Por cierto su técnica favorita es el estencil, si te interesa Arturo Moya la explica muy bien con enlaces interesantes, como para sentirte Banksy un momento :)

Artistas gráficos contemporáneos: vector y fotografía como arte

Los chicos de Smashing Magazine han hecho un espectacular megapost donde muestran los trabajos de artistas gráficos contemporáneos como Radim Malinic, Maciej Mizer, Emeric Trahand, Mario Sánchez entre otros, que manejan de una manera espectacular la fotografía y el vector, los efectos especiales en su máxima expresión y, en mi opinión, verdaderas muestras de arte moderno.

Enlace: Creativity Spark From Masters Of Graphic Design.

11 efectos de "película" para Photoshop

¿Quieres tus fotos con todo el estilo de la película "300" o tal vez con el efecto de sombras de "Sin City"...o mejor como si nos hubieran pintado con acuarelas tipo "Scanner Darkly"? Los amigos de PhotoJojo han publicado una interesante lista que recopila enlaces a diferentes tutoriales de photoshop para poder hacer estos efectos y lucirnos un rato...o porqué no, usarlos en en algún trabajito.

Enlace: 11 Super Awesome Photoshop Movie Effects.

Fotos de atardeceres

En esta parte del hemisferio estamos con un frío horribleeee, y una de las cosas que más se extrañan son los atardeceres. Por mientras, para los que extrañamos el calorcito (igual odio el verano) aquí les dejo unas cuantas fotos de atardeceres, en verdad bien bonitas. Míralas e imagínate el calor, a ver si así pasa un poquito el frío.

Enlace:Beautiful Sunsets.

Diseños de concepto del Iphone

Ya que ahora lo tenemos, es interesante ver lo que mucha gente pensó, imaginó o quiso que fuera el IPhone, de hecho muchos de estos diseños serán inspiración para algun producto y la verdad, por allí alguno pensará que estos modelitos a veces eran mejor que el original.
Con ustedes, 15 modelos que la gente imaginó de cómo sería el IPhone.

Enlace: Flashback: 15 iPhone Concept Designs.

Colores y más colores

Nada como llenar la vida de colores en estos dias grises de invierno. Para ello, los amigos de CSS Juice han presentado una lista de 25 generadores web de paletas de colores que siempre nos son útiles para cuando nos falta la inspiración. Directo a nuestros bookmarks.
Por cierto, CSS Juice es un buen recurso para los desarrolladores que gustan de la onda web 2.0.

Enlace : 25 Popular Color Scheme and Palette Generators.

IconBuffet: una red social sobre iconos

IconBuffet, hasta donde sabía, era sólo un sitio de venta de iconos. Pero luego de ver un aviso de un contacto de mi twitter, me animé a probar el servicio y me ha gustado. La idea es inteligente y práctica. Lo explico: El sitio está pensado para diseñadores web, gente que necesita iconos para sus diseños o aplicaciones. Los creadores de Iconbuffet deben de haberse preguntado: ¿Cómo vendemos o atraemos más clientes? y alguien dijo: "regalemos nuestros iconos". Sonó estúpido seguramente pero el resultado ha sido interesante.

Cuando uno se inscribe encuentra en su página de usuario diversas palabras como "tokens" y "stamps" que de primeras no se entienden, pero luego descubres que dan movimiento a toda la comunidad. IcconBuffet es una comunidad donde se intercambian iconos. ¿Iconos gratis? sí, pero en parte. Todos los iconos que se intercambian son creados por IconBuffet. Todo icono que te envíen tiene un costo de "tokens", estos serán el dinero que vas a usar. Al ingresar te dan 10 "tokens" para empezar. Cada mes recibes 10 tokens para gastarlos, y debes gastarlos porque no son acumulables.

Normalmente si llegas por la referencia de alguien, esa persona aparece como tu "amigo", el cual seguramente te ofrecerá algún icono. Ojo, no estás obligado a aceptar todo lo que te ofrezcan, puede ser porque no te guste o porque no tengas ya "tokens", eres libre de poder elegir. Cuando ya tienes iconos puedes ofrecerlos a otros usuarios.Te recomiendo que te pasees por los blogs-foros del sitio, que revises a los amigos de tus amigos (agregándolos si quieres) así te vas enterando quién puede estar interesado en los iconos que tienes.

Para poder "enviar" esos iconos necesitas "stamps": Los stamps ("sellos de correo") los ganas cuando invitas a un amigo y éste se registra o cuando recibes sets de iconos de otros usuarios. No te dejes engañar por la figurita del icono, lo que te envian no es un sólo icono, es todo un set que puedes ver en la página propia de cada uno de ellos: por ejemplo éste set de Alexandria Audio.
La utilidad de los puntos aún es un secreto, pero puedes ganarlos cuando se suscribe un amigo al que invitaste.
¿El negocio para IconBuffet? primero por publicidad, luego por el gancho de poder suscribirte: por 6 dólares mensuales o 48 anuales IconBuffet te da:

* 30 tokens cada mes (en vez de 10)
* $25 de descuento para comprar cualquier colección de su tienda.
* Una exclusiva y ocasional sorpresa por ser un IconBuffet VIP
* La alegría de apoyar el trabajo del sitio

Como vemos, una inteligente manera de ganar dinero y armar una comunidad de usuarios en torno al trabajo y arte de los creadores. Por cierto, estos iconos puedes usarlos hasta en tu messenger ;)
Si deseas agregarte tienes la opción de hacerlo libremente desde la página de iconbuffet o registrándote dando clic aquí. y ayudándome a ganar puntos.

Pinta tu cuarto en 3D

Alucinante, estos cuartos están pintados de manera especial, así que si los ves desde un ángulo determinado surge la figura oculta.

Aunque la verdad la mayoría de las fotos se notan como con el diseño superpuesto con algún programa de retoque, la idea no deja de ser interesante y curiosa y en algunos casos verdadera. Les recomiendo que vean la segunda serie de edificios al aire libre con el mismo efecto, pero ya esto resulta increíble aunque digan que "son reales" al parecer es verdadero.
UPDATE: es lo que parece confirmar Tony en los comentarios con la foto que tomó en París.

Enlace: 2Loop.com: 3D Painted Rooms

Dru Blair y su pintura en aerógrafo

El fotorealismo casi siempre lo he visto ligado al 3D, obviamente te da más herramientas y potencia de simulación, pero en este caso, Dru Blair realmente se ha pasado con este dibujo, porque lo es, un dibujo hecho en 70 horas pero que realmente valió la pena, incluso viendo el detalle es...un trabajo increíble. Sin palabras.

Enlace al trabajo paso a paso.
Vïa Digilicious

Degradados web 2.0

Para los diseñadores, esta herramienta será super útil, se trata de una colección de degradados tipo Web 2.0, lo útil de esto es que puedes bajarlo en formato .grd, es decir, listo para ponerlo en tu photoshop y usarlo cuando quieras.
;)

Degradados 2.0 (gracias Erick por el aviso).

Logos más creativos

Los chicos de Smashing Magazine (como que estamos siempre atentos a ellos :P ) han vuelto a tocar el tema de los logos pero esta vez con una lista gráfica de 58 logos donde podremos inspirarnos para alguno que nos toque hacer (no vale copias). Podríamos decir que son estilo web 2.0, en la mayoría domina la simpleza y los colores pasteles y algunos "beta" acompañando, son de empresas conocidas o no muy conocidas, imaginativas como para darnos ideas.
Inspire Yourself: 58 Creative Logos.

Tutoriales de diseño web 2.0

Otro post para diseñadores, esta vez de la mano de los chicos de Smashing Magazine quienes han reunido una serie de tutoriales para aprender el estilo "web 2.0" y usarlo en nuestras páginas web. Excelente colección por cierto, sobre todo porque hay más variedad que cuando la onda comenzó. Lo interesante es eso, la variedad y lo bonito que se ve todo.
¡Aprovecharlos!
Enlace: Web 2.0 Tutorials Round-Up
Vía Del.icio.us.

Moda de logos para el 2007

Curioso estudio que hace Log Orange sobre la tendencia de diseño de logos para este 2007, revisa varias técnicas como reflejos, cajar habladoras (tipo globos de comics pero cuadradas), nubes, "hot dogs" o barras de puntas redondeadas, etc. Interesante, mas que nada porque al menos es un respiro del 2006 lleno de formas redondeadas y reflejos con tonos pasteles en degradado que se había hecho casi obligatorio en todo logo de un sitio "web 2.0".
Pregunta ¿algún sitio web peruano que use un logo "moderno"?

Enlace: 11 trends that will define logo design in 2007

31 sitios de alojamiento de fotos revisados

Tutorial Blog ofrece una lista de 31 sitios web donde podemos alojar y compartir nuestras fotos. Se incluye comentarios pequeños sobre cada servicio. De hecho el más resaltante es Flickr con sus servicios mas completos, le sigue Zoomr (nuevo) que se anuncia como la competencia directa a Flickr en cuanto a espacio y transferencia. El resto de la lista muestra conocidos y por conocer.
Cada uno tiene sus ventajas, tal vez el hecho de que Zoomr haya aparecido con ofertas muy llamativas, suponga que los demás servicios traten de mantener a sus usuarios con mejores ofertas. En lo personal yo estoy mudando mis cosas de Flickr a Zoomr, eso no me impide decir que Flickr es superior en cuanto a diseño, usabilidad, organización y estabilidad, pero tengo en cuenta que Zoomr es un servicio nuevo y que me ofrece (regalando) lo que por ahora requiero. ¿Para qué comprar un mercedes benz si por ahora sólo caminas dos cuadras?

Enlace | 31 Image Hosting sites reviewed

50 mas bellos diseños en CSS

Smashing Magazine comparte con nosotros su lista de los 50 diseños basados en CSS más bonitos del año 2006, entre ellos está el de mi diseñadora favorita Veerle. Vale la pena la visita para poder inspirarse y saber qué estará de moda el 2007, a dónde van las tendencias :P
50 Beautiful CSS-Based Web-Designs in 2006

77 regalos "de diseño"

Esta navidad uno puede ser original, para poder inspirarnos un poquito podemos leer esta lista de 77 regalos "de diseño" e inspirarnos en lo que podríamos regalar a nuestros amigos (a la par que ninguno pasa de 77 dólares en estados unidos). Son esos regalos curiosos, algunos no materiales, pero que van desde ser algo estilizados y modernos hasta la originalidad práctica.
Memorias USB de madera, tubos para servir agua de botella sin derramarla, una tijera con 4 filos, una regla digital, etc.
La lista está muy buena.

Enlace | 77 design gifts under $77.
Vía | Digg.

Iconos y símbolos gratuitos

Interesante. Ahora ya podemos encontrar iconos y símbolos gratuitos para poder usarlas en aplicaciones (programas) propios o en el rediseño de nuestras páginas webs o blogs. En este caso Smashing Magazine nos trae una coleccion de sitios freeware de este tipo, toda son de buena calidad y muy prácticas. Si bien es mejor crear las propias no creo que todos tengan ese arte y paciencia, en esos casos, sitios como éstos nos sacan del apuro.

Enlace | More Symbols, Buttons and Icons For Free.

Pintando con Paint

Increíble, como bien dicen, más que la herramienta es la mano del artista. Quien diría las cosas que se pueden hacer con un programa tan simple como PAINT (ajá, ese de microsoft). Claro que requiere horas, un lápiz óptico paciencia y arte. Pero de que se puede...se puede, de admirar el trabajo de estos chicos que se han puesto el reto de dibujar en esta herramienta.

La belleza...o el photoshop

Siguiendo con el tema de la belleza y lo que realmente hacen las revistas y la publicidad...nada como un suave chapuzón en el mundo real para poder ver algunos de los mejore retoques fotográficos hechos con Photoshop.
Increíble, pero una verdad tan obvia no es fácil de aceptarla, siempre nos sorprende. ¿Cuál es la idea de belleza que anhelamos y que queremos?
The (Photoshop) Art of Beauty

7 hábitos de éxito para un diseñador web freelance

Según Andy Budd. Estos siete hábitos se pueden comprobar en la vida de cualquier diseñador, y aunque pueden sonar a cosas obvias, muchos perdemos de vista estas realidades:

• Ama lo que haces


• Nunca pares de aprender


• Especialízate


• Ten un portafolio único (que sorprenda)


• Mantén una red de contactos (asi consigues y haces mas trabajos mejor


• Maneja tu tiempo


• Construye tu reputación

CNN al desnudo (solo en web)

¿Qué pasa si al sitio web de la CNN le quitas la publicidad?...que se queda en taparrabo. Y es así, en DailyKos han hecho un estudio a nivel de diseño, mostrando y luego eliminando las partes de publicidad que posee el sitio web actualmente, quedando al final con un pequeño espacio para las noticias realmente importantes.
Comparando después con un sitio como Xinhua (sitio de noticias chino, China, país donde hay censura) la diferencia es abismal, incluso con censura, muestra más noticias que la CNN.
¿Al final qué pasa con la información? queda "censurada" por el afán comercial.
Enlace | SCREW CNN (w/ graphics) [PG edition]

Tu foto a POP-ART

Un interesante tutorial que nos enseñará a convertir nuestra foto al popular estilo POP ART, aquel que hizo famoso Andy Warhol imitando los puntos de impresión que se producian en las tiras cómicas. Muy bonito, sobre todo si quieres hacer avatares para tu blog o mensajeros o como regalo para alguien, siempre queda original.
Pop Art Inspired by Lichtenstein.

Concurso de diseños de camisetas

Me gusta el arte vectorial. Soy de los que cada semana cambian su wallpaper (fondo de escritorio) con diseños vectoriales que gentiles artistas ponen en Devianart. Esta vez con la llegada de la primavera (en el hemisferio sur) llega la onda de comprar ropa ligera, unos polos (o remeras) son buena idea y justo ahora Styletax ha lanzado el concurso de T-Shirt Design. Puedes inscribirte para votar pero nunca está de más darse un paseo por la galería de los diseños enviados. A ver quien se anima a llevarlo algun diseño en algún polo esta temporada que se nos viene.

Styletax: T-Shirt Design Contest

Iconos gratis (de nuevo)

Me gusta promocionar detallitos así. En X-Blog uso los famosos Fam Fam Icons, pero esta vez me ha sorprendido (en cantidad y arte) los de Ndesign-Studio. Con una aclaración, son relativamente gratis y pequeños. Si los vas a usar para uso personal solo necesitas enlazar al sitio de Ndesign (como aqui hago con FamFam) pero si no quieres mencionarlos pagas 30 dólares por la licencia pero ojo, no puedes revenderlos bajo ninguna circunstancia.
Para blogers que deseen actualizar sus diseños están perfectos, para aquellos que desarrollen aplicaciones también porque hay iconos para todo tipo.

Mini Pixel Icons en Ndesign Studio

Logos al estilo Web 2.0

Sí, curiosos, muy imaginativos y se ve que la gente del foro de Yayhooray tiene mucho tiempo libre. Los resultados como decía han sido muy bonitos y vale la pena verlos.

Enlace | yh collab: redesign famous logos in web 2.0 format!
Vía | Digg

Si es que el "efecto digg" hace caer el foro, tienes aquí un enlace de respaldo y aparte en Flickr se alojan muchas de ellas ajo el tag "yay2dot0logoparody".

Animales photoshopmbrosos

De vuelta al redil. Una semana fuera por culpa de una fuente de poder malograda y la placa que se llevó al morir (presenten bastante atención a sus fuentes de poder, sobre todo cuando empiecen a sonar raro) y sin poder escribir, aunque de hecho la semana ha estado interesante. Pero volvamos a lo nuestro, esta vez para anunciar que los chicos de Worth 1000 han vuelto a sacar un sorprendente concurso sobre quimeras animales, es decir animales fantásticos. Algunos trabajos realmente valen la pena verlos, son sorprendentes.

Enlace : Natural Selections.
Vía: Boing Boing.

Web 2.0 Design Kit

Para los interesados. El popular sitio Photoshop Lab está lanzando una serie de tutoriales, sencillos, prácticos sobre diversos tips para diseñar al estilo "web 2.0" en este caso inicia con degradados, estrellitas y para seguir con los estilo de líneas.
Muy útil y claro, todos para Photoshop.
Web 2.0 Design Kit
Web 2.0 Design Kit, Part 2

Provecho.

50 maneras de convertirse en un mejor diseñador

De la mano de Computer Arts. Interesantes tips creativos como el de Derek Lea que cuando recibe algun trabajo elige palabras clave y hace pequeños dibujos en base a cada una de ellas, experimentar más con los canales alpha en photoshop o algunas tan simples como la de Dave Curd que aconseja entrar a un foro o la de Oz Dean que dice que las mejores ideas le han venido después de tomar una ducha.
Vale la pena leerlos.

Enlace | 50 ways to become a better designer

Posters por la paz, justicia social y medio ambiente

Increíble colección de posters acerca de la paz, el medio ambiente y la justicia social, realmente sorprendentes la mayoría y un ejemplo de imaginación y arte. Gracias a los chicos de The Graphic Imperative.

Vía Draw!

Más fotorealismo

Esta vez de la mano de Yukio Miyamoto que incluye su antes de pintar y después de pintar. Arte digital al máximo.
Vía John Nack

Fotos al estilo SIN CITY

Un magnífico tutorial para poder modificar fotos al estilo del cómic SIN CITY, ojo que es el mismo estilo visual que se usó en la película. Por otro lado me ayudó a descubrir un modo de vectorizado nuevo.
:)
Sin City Style

Publicidad inteligente

Ingenioso, sí señor.
Publicidad de una escuela de artes marciales.

Otros ejemplos más.
Visto en Micropsia que por cierto estrena nuedo diseño. ¡Felicidades!

Tutorial para hacer etiquetas o empaques

Cuando no, los chicos de Creative Bits ponen a disposición de todos un tutorial muy sencillo y útil sobre diseñar etiquetas para productos usando Photoshop cs2 e illustrator. Lo curioso es que responde más a la necesidad de ver "como quedaría" nuestro trabajo ya colocado en el producto (botella, frasco, etc).
Muy práctico: Prototype Product Packaging in Photoshop CS2.

Cubismo en la guerra

Viendo justo el homenaje que hace google a Joan Miró, surrealista español, me acordé de está página Razzle Dazzle, la cual muestra ejemplos de camuflaje de los barcos durante la segunda guerra mundial. La idea era esta. El camuflaje en los barcos era tarea difícil, son demasiado grandes y no se puede determinar el clima, nubes, horizonte, oleaje, etc. Entonces usando técnicas que recuerdan mucho al cubismo se pintaron los barcos con franjas de multiples formas y colores. ¿Por qué? es sencillo. los barcos no navegan en línea recta, asi que cuando hay una batalla se vira hacia donde sea necesario, se retrocede o avanza y en diferentes ángulos, un barco no se mantiene en paralelo perfecto a otro. Por ello para apuntar los torpedos se calcula la dirección del barco y su velocidad. Pero la tarea se hacía muuuuuuy difícil cuando veías barcos como el de la figura inferior.

¿Donde carajos está su frente? si empieza a virar es casi imposible saber el ángulo de dirección y su velocidad ya que las figuras que lo adornan confunden visualmente.
Ingenioso, pero inútil con la llegada de las nuevas tecnologías.

Enlace | Razzle Dazzle

Steve Hamaker y sus secretos de pintado digital de comics

Steve Hamaker está poniendo algunas anotaciones enseñando los secretos del pintado digital de sus trabajos como "Bone". Eso se llama COMPARTIR :)

Enlace | Steve Hamaker Blog
Vía | Draw

Bert Monroy y su fotorealismo de 2000 horas

Ahora los trabajos digitales se miden en capas y gigas, si antes comentábamos los magníficos trabajos de Kevin Hulsey ahora podemos impresionarnos con el trabajo de Bert Monroy, conocido también por sus tutoriales en LYNDA.COM sobre fotorealismo. Los datos son impresionantes:
Hecho en Photoshop e Illustrator, 15.000 capas, el trabajo mide 1 x 3 metros, el archivo todo flateado (todas las capas en una sola) pesa 1.7 Gigas, le tomó 2000 horas de trabajo, entre otros "detallitos" como que todo partió de cero.
Increíble.

Enlace | Bert Monroy: Damen

Vía | 86400

Wallpapers como arte

Siempre me ha llamado la atención los wallpapers, cambiarlos cada cierto tiempo animan un poco la fría computadora y si recibes clientes o amigos pueden apreciar algo bonito con que distraerse mientras esperan. En mi lista de Furl por ejemplo puse hace tiempo a WallpaperStock, hasta ahora una gran y organizada colección. Ahora les presento a Desktopography una bonita colección, no muy amplia, de wallpapers pero en un tono mucho más artístico, la página en sí es una galería y vale la pena visitarla.

Enlace | Desktopography

El ZEN del diseño "Web 2.0"

¿Interesado o interesada en aprender esos toques de diseño web 2.0? nada mejor que una galería donde ver ejemplos bonitos y Web2.0 ZEN precisamente tiene eso. Aprovechemos.

Enlace | Web2.0 ZEN

Ultrashock abre las puertas a Photoshop

El popular sitio de recursos, foros y tutoriales Ultrashock acaba de lanzar una sección dedicada a tutoriales de photoshop. Se nota que la compra de Adobe está cambiando la cara a las comunidades "only Flash".
El cambio es bueno.

Enlace | Ultrashock Photoshop tutorials.

Más iconos gratuitos

Yellow Icon es una comunidad donde diseñadores de iconos pueden compartir y poner a disposición de cualquier personas sus trabajos,sea para Windows, Mac o Linux. Y muy hay buenos de excelente calidad.

Enlace | Yellow Icon

20 reglas para crear sitios web exitosos

Ideas prácticas y sencillas pero a tener muy en cuenta
Original en inglés y su traducción en español

Vía | Barrapunto

Kevin Hulsey y su ilustración de 960 horas

Kevin Hulsey es un ilustrador técnico, ilustra partes interiores de diferentes máquinas, autos, motores; pero una de sus (creo yo) últimas ilustraciónes que ha hecho es simplemente genial, es un crucero de Royal Caribean, le tomó 960 horas elaborarla, utilizó Adobe Illustrator y, para que quede tan bien, sus conocimientos de dibujo técnico (sobre todo perspectiva). Aparte Kevin es un tipo generoso, pone a disposición tutoriales para los que tengan envidia y quieran saber cómo hizo.

Enlace | Demonstration for Cutaway Technical Illustrations using Adobe Illustrator
Vía | Boing Boing

Entrevista sobre el site de Chichatumadre

Estamos a pocos dias del estreno de la película Chichatumadre que tan publicitada ha estado, su carta de presentación en la internet ha sido su web que también ha llamado la atención. Para descubrir cómo fue el trabajo de la web X-Blog tuvo una divertida conversación con uno de los responsables, con ustedes Erick Díaz:

X: Su nombre por favor señor
E: Erick Diaz Dagnino mas conocido en el mundo de cyber hampa como elektrorate

X: Erick, hemos visto tu reciente trabajo con la web de la película "chicha tu madre", cuéntanos, ¿Cómo llegó el proyecto a tus manos?
E:Bueno, mi broter Cristopher Vázquez es el ke hizo el guión de la película yo taba en las Islas Galápagos trabajando y me dijo pa hacer la pagina web de chicha, me pasó un alcance del guión y me gusto asi ke gustoso acepte la propuesta y aprovechando esa y otras excusas mas me vine a lima y me puse a trabajar en la página de Chicha. Ahora después de 2 meses estoy sin chamba, en Lima y mas arrancao ke pantalón de loco jajajaja ….acepto donaciones.

X: ¿Cuando dices que Cristopher te pasó el guión te refieres al guión del site, a la idea en general o en detalle?
E: Al guión de la película, para la web realmente lo que hicimos fue un trabajo grupal un storming. Yo hice algunas de las fotos también igual ke él , y el concepto general lo trabajamos juntos.

X:Cuéntanos, cómo fue ese trabajo ¿salieron a las calles? ¿en qué se inspiraron?
E:Bueno te cuento komo fue... salimos con mi pata el Camilo Solari, y Manuel calle mi ex socio al centro de Lima por la calle Capón, después por la avenida Abancay, y no pasó nada yo quería hacer un tipo de fotografia que sintetizara lo que para mi forma de ver y lo conversado en las reuniones artistocráticas ke teniamos con Cristopher era el concepto chicha; asi ke nos fuimos a la avenida Aviación, cerca de tacora, lugares donde hace varios años e trabajado como estampador, confeccionista y diseñador grafico( mil oficios) jajajajaajja y con camaras en mano y un fierrazo en la otra nos fuimos metiéndo por la Tacora pero por el lado del mercado y ahí si se puso power ranger la cosa asi ke chambeamos rapido no mas pero ahí empezó a surgir la idea de la web. El concepto del menú salio de una buena gigantografía que habia en una carretilla donde vendían a 2 soles el menú( lease jama, richi, combo, bitute)

X:Todo el trabajo de recopilar fotografias en un dia entonces, ya tenias una idea concreta del site o las fotos recopiladas fueron las que ayudaron en la concepcion del diseño
E:La concepcion de la idea se formo en las constantes salidas a la calle, a partir de diversas situaciones, recurseos, conceptos sueltos, y harto photoshop.

X:¿Tú sabías ya de lo que trataba la pelicula, te la hicieron ver o en ese sentido Christopher fue el guía?
E: Yo tenia una noción bien lejana de la pelicula sé en parte de ke trata el guión aún no he visto la pelicula, mañana en el pre-estreno ke voy a ir, a jamonearme pe jajajaja, no, la merfi ahí recién me voy a enterar de como era todo el asunto. En cuanto a la participación de Cris en el concepto de la página ha sido muy gratificante trabajar en dupla creativa con el Cristopher, él es mi broter de muchos años, es un pata muy bueno en lo ke hace, y puta, sé ke podemos trabajar juntos en varias cosas yo creo ke la pagina esta diseñada con el espíritu de los dos.

X:Eso es lo diferente de este site, en todo el diseño no hay algo que sea directamente de la película, me refiero a escenas o actores, salvo en los wallpapers, sino que el concepto de "lo chicha" es lo mas resaltante, el ambiente, lo "limeño" ¿Esa fue tu intención desde el principio y con la que el director de la peli ha estado de acuerdo ?
E: La intención era de ke las personas cuando ingresen al site puedan concebir de manera visual un poko la atmosfera de la película. En cuanto al director de la película sus opiniones fueron siempre favorables solo cambiamos un poko de detalles ke se nos escapaban o ke taban muy subidas de “tono” peor creo ke esta muy satisfecho sino no hubiera pagao. Solo he recibido dos comentarios ke no fueron elogios ke decian ke la pagina no era chicha si no era mas bien una pagina muy nice ke para nada era chicha, ke mas bien era muy naco
eso no lo entendi realmente.

X:Cambiando un poco de tema ¿Squad es una empresa ecuatoriana o peruana?
E: Squad es una cosa un poko compleja. Squad nació peruana, fuimos un grupo de amigos ke se juntó y a punta de chamba logro hacerse de un espacio en el mercado peruano y hacer importantes proyectos web, pero por una aventura, de parte de dos de los integrantes, logramos movernos a Ecuador a probar suerte y nos kedamos en las Islas Galápagos. Ahí hicimos importantes trabajos web y multimedia Después de un tiempo ya trabajando solo me vine a Lima hace unos meses y no cambié el dominio y como ahora solo quedo yo en la jugada, he decidido abrir otro studio de diseño web en Perú ke se llamará Dominio Colectivo asi ke por ahora estoy poniendo el nombre de squad por el dominio y la pagina ke tengo arriba ke dicho sea de paso ta mas antigua pero se mantiene joven aunke pasen los años mismo polystel.

X: ¿Sabes cuantas visitas en promedio ya tiene el site?
E: Bueno a ciencia cierta no, pero deben estar por los 6 millones de personas mas o menos. Jajajajajaja. Me dijeron ke mas o menos entraban komo 2500 a 3000 personas diarias, eso es lo ke decian los de argentina que son los que manejan el host, pero no me imagino de verdad debe ser, como cancha de tegen, ha habido una buena cobertura eso si. He recibido varios mails No te digo ke hasta hay flacas que quieren adquirir el mause con el ke se diseño la pagina.

X: La película ha sido muy publicitada y en internet su cara es el site, tu mismo te sientes contento con tu trabajo ¿Qué comentarios has recibido de la gente encargada de la pelicula?
E: Bueno, de la productora argentina recibí buenos comentarios de parte de su director Gianfranco Quatrini, de la gente de la productora peruana también; en general las opiniones han sido que esta de la chichademimadre. Yo estoy contento del trabajo por ke es un producto peruano, sin restricciones en el formato ni en el concepto, mas parece ke fuera un trabajo personal por la libertad con la ke se trabajo. Me siento contento por ke he llegado a un momento donde la versatilidad de mi trabajo me lleva a meterme en múltiples formatos. Hace un año hice estas paginas www.royalpalmgalapagos.com luego www.scubagalapagos.com y ahora chicha tumadre se nota la diferencia entre un estilo y otro eso es lo ke me gusta
X: Excelentes trabajos erick, desde ya esperamos que en tu nueva casa "Dominio Colectivo" las cosas sean para mejor .
E: Yo también espero ke sí, sino me van a ver por la avenida Aviación pero arrancando carteras. Para cerrar sólo decirles a los amigos ke leen este blog que la chicha señores es un fenómeno social del ke no escapa nadie, esta inmerso en el deporte la televisión los certámenes de belleza, las empresas los políticos y los gobiernos, la chicha es producto peruano de exportación. Si no ke lo digan nuestros hermanos argentinos.

Las rarezas de la web

En Web Pages thats Suck han lanzado un interesante artículo sobre las páginas web con la navegación más extraña de este 2005, algo asi como los "Razzies" de la internet. Incluso entre los "ganadores" está una página del Vaticano que sacó sobre el Papa Juan Pablo II. Definitivamente necesitan un departamento de diseño urgente.

Enlace | The Worst Web Design Techniques Featured
Vía | Digg

Análisis Tipográfico de la Web 2.0

Un interesante análisis tipográfico de los logos de las aplicaciones "Web 2.0".
Enlace | The Logos of Web 2.0

Lista de iconos gratuitos

Si quieres o necesitas iconos para tu site, blog o aplicación aquí tienes una lista de los sitios donde podemos disponer de iconos gratuitos o con licencia pero del tipo gpl y similares para nuestro uso.
Por cierto, fíjense en el interesante efecto javascript para mostrar las imágenes que maneja el blog que pone la lista, en los comentarios está el script para ello ;)

Enlace | Free! Icons for your website or application

Verlee's Blog: nuevo diseño y explicado

Veerle es una diseñadora estupenda y su blog uno de los más interesantes ya que habla de diseño y css, esta vez ha dado un salto tremendo al rediseñar (nunca mejor dicho) por entero su blog, un cambio total pero que ha quedado muy bien, toda una artista que ya lleva 2 años con un blog y que esta vez ha querido mostrar el porqué es una artista. Si deseas ver su nivel de css, usando firefox y la webdeveloper toolbar desactiva el css y observa. Más de 250 comentarioscomentando el nuevo diseño no es por gusto.
Y por cierto, ha escrito el "behind design" del cambio, como para aprender un poco :)

Diseñando al estilo web 2.0

Del mismo modo que en Web Design for scratch nos ilustraban sobre diseño y colores de las webs actuales, en la misma línea Mentalized nos trae (o nos tarjo el año pasado) un artículo algo más simple pero que complemente perfectamente al anterior: Building your very own web2.0 layout. Como pan con mantequilla ;)

Enlace | Building your very own web2.0 layout
Vía | Furl

Diseño web actual

Vía Web Design From Scratch encuentro este muy buen comentario a las últimas tendencias en diseño web del 2006, presentando ejemplos de páginas que puedan representar lo mejor del diseño actual (o más usado) analizando aspectos del css usado, colores y efectos. Corto conciso y en verdad una visión global útil para todo diseñador web.

Enlace | Current style in web design

Pixel Art: tutorial en 10 pasos

Un tutorial paso a paso, muy bien explicado para poder iniciarnos en el pixel art o dibujo en píxel.

Enlace | The Pixel Tutorial

Publicidad desmistificada para adolescentes

El gobierno suizo está promocionando una campaña de desmistificación sobre la fotografía publicitaria, el objetivo es hacer ver a las adolescentes que lo que se ve en revistas y publicidad no es lo que aparenta, porque claro, muchas de ellas sufren de anorexia o bulimia para poder ser como las chicas perfectas que ven en cada esquina en las revistas. Para ello han elaborado una excelente animación en Flash que muestra el proceso de retoque, alucinante y sobre todo para que despierten.
Vale tanto para las adolescentes de cualquier pais.

Enlace | Retouch

Arte para la ciencia

Science-Art es un sitio que aloja dibujos referidos a temas de ciencia en general, dinosaurios, plantas, etc. Ideales como para infografías. Lo curioso es que lo primero que se lee (en el centro, negrita, ubicable por los ojos a primer vistazo)
Beautiful, but not free
Science-Art.com offers an avenue for art buyers and artists to connect. The images here are protected by copyright law. Please respect artist's rights, contact the artist for permission.

Me parece perfecto, no niegan los permisos simplemente aclaran que la página es un medio para que los artistas sean sean contactados. Una muy buena página, con un superbuscador. Mi pregunta es ¿Podría hacer algo así los señores de Osito Monky? el legendario estudio de comics e ilustraciones (por cierto, una entrada en la wikipedia sobre el estudio sería bueno, forma parte de la historia del cómic en el Perú).

Enlace | Science Art

Cortar y pasar a blanco y negro

Hay muchas coss que damos por dadas y que a pesar que las usamos a diario descubrimos que hay mejores maneras y mucho más útiles. Este es el caso de las herramientas para cortar o de pasar una foto a blanco y negro usando photoshop. Los tutoriales (en inglés) vienen de la mano de Dimitrije del equipo de Creative Bits

Enlaces:
Crop tool
Turn Color Photo into Black and White

Consejos para tomar fotos

Para los principiantes como yo unos consejitos para tomar buenas fotos nunca están de más, sobre todo en estas fiestas navideñas donde las familias se visitan, por eso la gentita de KODAK ha puesto unos 10 consejos para buenas fotografías aunque en inglés están entendibles e ilustrativos. Buenos en verdad.

Enlace | Top 10 tips for great pictures

Before&After: tutoriales de diseño

La revista Before&After está poniendo en descarga gratuita 4 tutoriales interesantes en especial para diseñadores o estudiantes de diseño gráfico, los tutoriales, aunque en inglés, son sumamente gráficos y entendibles. El más interesante por la época es del elaborar tarjetas navideñas. El resto de tutoriales solo está disponible para suscriptores: 18 dólares por 6 revistas en PDF o 36 dólares por 6 en papel.

Enlace | Before&After

Aprender Perl en 5 dias

Supongo que sin salir de tu habitación, durmiendo sólo mientras compilas :P y comiendo con una mano y tipeando con la otra. Lo cierto es que si sabes inglés puedes intentarlo. Aquí tienes una guía para aprender Perl en 5 días:
Teach yourself Perl in 5 days

Posters extraños de Playstation

Una colección bizarra y algo...no sé, velo después de comer por si las dudas.
No cabe duda que los chicos diseñadores de Sony saben "inspirarse"...algo, sabe Dios qué.

Enlace | Playstation-Coloribus

Phono Phunk

Phono Phunk es un blog, pasaría como un blog más, pero me ha dejado en modo WOW el manejo increíble de css y javascript que tiene. ¿No lo crees? juega con las opciones de STYLES de la parte izquierda y verás, y como toque de juego, la flechita debajo de la foto.
Tengo mucho por aprender....

!Reubícate!

ALA saca una interesante nota (con ejemplos) sobre rediseño y realineado, con un título más que sugerente: "los buenos diseñadores rediseñan, los grandes diseñadores realinean". Justo a pelo con los rediseños interiores que comenta Úsalo.
¿Será asi? o cuando es más necesario una cosa que otra.
Yo personalmente pienso en rediseñar mi sitio.

Netcocktail: sacándole el color a la web

Netcocktail es una galería web con una finalidad: tratar de mostrar entender el uso de color en la web y diseño. Así muestran webs y las paletas de colores usadas en su diseño. Super útil para inspiración, sobre todo para los que recién comienzan.
Por cierto, pueden mandar sus sites, si la paleta de color que usan no está en la base de datos de Netcocktail, es muy posible que aparezcan en la galería.

Colores y sus significados

Una fantástica presentación en Flash que nos enseña el significado de los colores, ideal para diseño y demás trabajos gráficos.
Color in Motion, por si las dudas, está en español.
Encontrado en Ahi nos vemos, que por cierto se disfruta más leyendolo en el mismo site que en bloglines, muy bonito diseño.

Aprende a transformar con Photoshop

Si recuerdan nuestro post de hace un tiempo veíamos el sorprendente trabajo de Glen Feron cuando mostraba sus retoques a fotos. Esta vez podemos ser nosotros quienes sorprendamos retocando fotografías; en este tutorial paso a paso conseguiremos arreglar una fotografía eliminando y coloreando, suma de tips, buen ojo y manejo de photoshop.
Y si te interesa más, no te olvides pasar por el site principal que hay más recursos
¡Buenas artes!

Illustration Magazine: gratis

Al menos los primeros seis números. Illustration Magazine es una revista (de papel) a full color que muestra la historia del arte de la ilustración americana; con acierto han sacado en descarga gratuita como PDF varios de sus números sus 6 primeros números a todo color, un regalo para los amantes del arte, ilustración, cómic (como los amigos de La Nuez o Batiborrillo del Cómic ) ;) y en general todo aquel que quiera saber algo más de historia del arte contemporáneo.

Microsoft Expresion

Microsoft alista las armas contra el imperio de ADOBE. Esta vez lanzando una herramienta que se ve muy buena, en serio que sí, se llama MICROSOFT EXPRESION, formado por 3 herramientas Acrilic (Photoshop, cof cof) Sparkle (Flash cof cof, cof) y Quartz (Dreamweaver, cof cof).
Antes de seguir mejor les dejo con el análisis hecho por Freddie en Cristalab.
Lo que es yo, despues de revisar las características y detalles técnicos, me da miedo volver a encontrarme con letreritos del tipo de los antiguos (ni tanto): "INTERNET EXPLORER REQUERIDO" "SOLO SE VE EN INTERNET EXPLORER A 800x600" ¿los recuerdan?, pues ahora podríamos ver "REQUERIDO WINDOWS VISTA" "REQUERIDO WINDOWS MEDIA PLAYER".
Mientras las ventanas no esten cerradas por afuera...

Desarrolla y testea con Firefox

Leslie Franke nos enseña cómo desarrollar y testear sitios web usando el querido Firefox, usando extensiones, podemos asegurarnos del buen funcionamiento de nuestros sitios.
IMPRESCINDIBLE, un link de oro.

Iconos gratis

En la línea del tutorial de iconos para Flash, aquí les presento a Fam Fam Fam, un sitio que te brinda iconos gratis, con licencia creativa y que de hecho te pueden servir en tus sites o aplicaciones; ojo que la lista crece, por ahora rondan los 300.

Packs de tutoriales de Photoshop

Ivan Raszl nos regala una serie de packs de tips sobre photoshop de los sencillos a los profesionales, ojo, ya van por la sexta entrega, no te olvides pasar por su increíble blog Creative Bits donde da más tips de uso sobre productos ADOBE; éste por ejemplo con InDesign se ve buenísimo.

Patrones de diseño

¿Qué es un "pattern"? es un patrón, una forma básica que sirve de guía, los hay de programación y también de diseño, en esta ocasión encuentro un verdadero tesoro para webmasters o diseñadores web, en Welie hay unos magníficos patrones de diseño en modo de casos de estudio (problema-solución). Pantallas de logeo, navegación, buscadores, tipos de sitios, etc, un recurso que te aclara un montón de dudas. Directo a mis bookmarks. ;)

Manejo de iconos píxel en Flash

A la hora de hacer diseños al píxel en Flash nos encontramos en muchas ocasiones en que necesitamos trabajar con iconos, este es un truquito interesante (aprendido gracias a Gianni) para manejar este tipo de gráficos.
Tenemos estos bonitos iconos que nos encontramos por ahí, pueden ser hechos por ti, eso es lo de menos, lo importante es que son iconos al píxel, en formato PNG para mantener la calidad.

Ahora que tenemos los archivos a la mano, abrimos Flash y nos aseguraremos de que podamos trabajar al píxel. Para ello...

iremos al menu VIEW--->SNAPPING--->SNAP TO PIXELS y a esta última opción le damos clic

Con esto nos aseguramos que Flash maneje posiciones exactas en píxeles. Ahora nos vamos al menú FILE-->IMPORT-->IMPORT TO STAGE e importamos nuestros iconos PNG.
Ahora si hacemos ZOOM veremos que los iconos están muy borrosos

Vamos a solucionar eso, abrimos la librería, (control+L), damos clic derecho sobre cada PNG y clic en la opción de PROPERTIES, ahora nos aparecerá la pantalla de BITMAP PROPERTIES, aquí lo importante es quitar el check a la opción de ALLOW SMOOTHING (PERMITIR SUAVIZADO).

Una vez hecho esto si hacemos zoom sobre el icono, notaremos una gran diferencia.

¿Se ve vista de píxel verdad?, pero sigue siendo un bitmap. Nuestra última tarea será optimizar esa imagen para que pese menos, es decir, que sea un vector.
Damos clic sobre el bitmap, y ahora nos vamos al menú
MODIFY-->BITMAP-->TRACE BITMAP
Ahora el panel de TRACE BITMAP, pondremos los valores 1,1, pixels, normal, en los campos empezando desde arriba, tal como se muestra en la figura:

Y listo, tenemos nuestro icono en vector con lo que nuestra película bajará de peso y podremos optimizar o colorear mejor la figura.
¡Mucho mejor!
:)

Toca y retoca: Photoshop 911

Vía OBM me entero de la página de Glen Feron, un artista, mago, genio, como quieras llamarlo, del Photoshop, donde haya una emergencia fotográfica, EL es el hombre que uno debe llamar; mi pregunta es si habrá usado algún plugin, pero bueno...aquí tienen sus trabajos.
Glen Feron Portafolio

YoToPhoto

YoToPhoto es el buscador de fotografias libres. Ideal para trabajos sencillos donde im�genes es lo que faltan. El buscador se pasea por sitios como Flickr, Wikimedia, entre otras p�ginas, que alojan fotos gratuitas y te devuelve los resultados.
�Directo a mis paginas en Furl!.

Una bonita explicacion sobre fuentes

Esta p�gina es una bonita y sencilla explicaci�n sobre fuentes (tipos de letra) sus categorias y detalles. Esta hecho en Flash
CounterSpace

Los tutoriales de la semana

Con esto a ver si inicio una serie de resúmenes "educativos", tutoriales que me han llamado la atención y que pueden servirles, todos en inglés:
-Vector Art en Photoshop

-Amantes de Macromedia Flash y la música cansados del radioBlog...Hagan su player musical con flash y XML (explicado al detalle); en cositas asi se aprende mucho.

-Hagan una página web en PHP usando Programaci�n Orientada a Objetos buenísimo con la llegada del PHP5.

-XLinks, XSL y XPointers todo sobre XML y linkeados aquí en XFlash :P.

-Por último un clásico de clásicos: Manejando una base de datos MYSQL con PHP.

Por supuesto, si ves un tutorial llamativo avisa para ponerlo el próximo viernes.

p.d: Pongo el post ahorita porque hoy en la noche estaremos blogeando (again) en la calle de las pizzas toda la gentita de BlogsPeru.

Menús desplegables y sus problemas

Un excelente artículo de Úsalo (un blog que por su calidad hace tiempo deber�a haber pasado a dominio propio) sobre los menús desplegables, indispensable para todo Diseñador Web.

6 nuevas fuentes

V�a Digital Minute me entero que Microsoft piensa a�adir 6 nuevas fuentes a sus fuentes "est�ndar", fuentes que incluso funcionan en OSX. A la familia Arial, times new roman, entre las conocidas, se unen estas nuevas 6:
Calibri, Cambria, Candara, Consolas, Constantia y Corbel. Las fuentes est�n disponibles en el nuevo sistema beta Windows Vista pero bajables desde aqu� (por ahora).

Bestias y humanos

Nature Morphosis es una incre�ble galer�a del artista Oliver Ottner donde muestra la animalizaci�n muy bien lograda de seres humanos.

Excentric Design online

Victor Corzo lanza (ya era hora) la primera versi�n web de su estudio de dise�o web y multimedia Excentric Design entre cuyos proyectos y trabajos cuenta con Gran caminata, Casa de M�xico y una Gu�a Nocturna de Lima entre otros.
Ya saben, cr�ticas y opiniones bienvenidas para esta primera versi�n.

Librería de sonidos

Vía SmartClick, blog casi reciente de mi amigo Sergio, encuentro un link muy interesante de una librería de sonidos de casi todo lo imaginable:
Banco de Sonidos.
Lo que la desesperación logra a veces :P

Revista de Photoshop ¡¡¡gratis!!!

Sí, aunque suene difícil de creer, una revista descargable en español y gratuita sobre Photoshop:
Photo Magazine
A ver que les parece.

Vistazos a las novedades de Adobe CS2

En MacWorld podemos encontrar unas reviews sobre las novedades de los productos de la versi�n CS2.
Interesante lo nuevo de Golive

Librerías de fotografías

Un magnífico post donde nos muestran y comentan galerías online para poder bajar fotografías para uso personal:
Where To Find Great Free Photographs And Visuals For Your Own Online Articles

Adobe Creative Suite 2

Se nos viene lo nuevo de ADOBE...algunas cosas se ven muy pero MUY interesantes. Cosa llamativa: con Golive ahora quieren un puesto en el coraz�n de los dise�adores web con su soporte para CSS y una complementaci�n con el navegador Opera para live previews al mismo tiempo que novedades basadas en est�ndares como SVG o XML....hasta que por fin se dieron cuenta �podr� hacer el pare a Dreamweaver?.

DYNAMIC PIXEL sale a la luz

Mi amigo Felipe Ipanaqu� ha sacado a la luz la web de su reciente estudio de dise�� "DYNAMIC PIXEL", a ver que les parece; hora del feedback, alisten las hachas :D

Se busca: ASISTENTE DE DISE�O WEB

Puede interesarle a alguien:
Se necesita una persona con el siguiente perfil:

- entre 17 y 23 a�os.
- de pref. hombre.
- INTERNET EN SU CASA (OBLIGATORIO)
- CREATIVO!!!! QUE OPINE!!!! QUE SE QUEJE!!!! QUE APORTE!!!! QUE HABLE!!!!!!!
- seria mejor si tiene buena presencia pues es muy probable que tenga que visitar clientes en algunas oportunidades MAS NO ES OBLIGATORIO.
- proactivo, responsable, blablabla....

de sus estudios:
- sec. completita
- de pref. dise�adores gr�ficos o Web.
- conocimiento de dise�o Web y de los siguientes programas: dreamweaver, flash, fireworks, photoshop e illustrator adem�s de los asuntos Web (hosting, dominio, tecnolog�as, publicaci�n, etc.)
- buen gusto en dise�o

de su experiencia:
- desarrollando websites por lo menos 6 meses
- portafolio de websites desarrollados

lo que se ofrece
- grato ambiente laboral (su casa)
- pagos por proyectos y por hora ;) el monto se acordar� con la persona, aparte adicionales con los clientes.

interesados deben enviar sus CVS con direcciones de websites a ask@smart-studio.net con el asunto ASISTENTE DE DISE�O WEB

Sergio Terry
SmartClick

p.d: Es del estudio de un amigo yo solo paso el tal�n ;)

Trabajar como freelance

En Barrapunto hay una interesante discuci�n sobre el c�mo hacerse freelance, lo que implica (legalmente en Espa�a) pero las ideas b�sicas son universales. Interesante al menos porque yo tambi�n he querido dar el paso pero en un mercado como el peruano es demasiado riesgoso creo yo. Como dicen la mejor opci�n (a mi parecer tambi�n) es estar en un sitio o empresa y llevar proyectos aparte, cuesta por el esfuerzo pero vale la pena (mi IPOD es prueba de ello :P)
�Como es ser�an las respuestas para el mercado peruano?

Creando paletas de color

La paleta de color, tan �til en un dise�o puede ser algo detalloso de manejar o crear, sobre todo cuando los dise�os son de m�s de un solo color. Para ello inspirado en la un art�culo de Andy Clark, Patrick Fitzgerald cre� esta fant�stica herramienta online que trabajando en base de dos colores te crea una paleta de color para cada tonalidad, pudiendo exportarlo con valores hexadecimales o RGB
Color Palette Creator 1.6

Concurso de diseño de la pagina web de Zenit

Aunque tarde pero aun quedan 15 días. La agencia de noticias ZENIT está organizando un concurso de diseño de su página web. Los requisitos y de mas: AQUí. El premio es de mil dólares.
Atentos ;)

Concurso de animaci�n Flash en Per�

A toda la gentita peruana y flashera, aqui hay algo interesante:
Per� Cultural est� organizando un concurso de animaci�n en Flash. Pueden leer los detalles aqu�, pero les paso un resumen de c�mo es la situaci�n:

-Pueden participar peruanos de dentro y fuera del pa�s y extranjeros que vivan en Per�.
-El tema es libre pero, claro, nada de temas que puedan ofender.
-Formato de las animaciones en SWF y peso no mayor de 1.5 megas
-Fecha l�mite de recepci�n de trabajos hasta el 20 de mayo del 2005 a las 00.00 horas.

Algunas cosillas respecto al Copyrigth y esas notas:
-Todo tiene que ser tuyo, la musica, las fuentes, las im�genes y el software con licencia
-Renuncias a tus derechos de creaci�n y tu animaci�n ser� parte de los recursos de www.perucultural.org.pe y ser�n propiedad de la Fundaci�n Telef�nica del Per�.

Los premios est�n buenos, eso s�:

- Primer premio: US$1,000 y diploma
- Segundo premio: US$600 y diploma
- Tercer premio: US$400 y diploma
- Menciones honrosas: diploma

A ver quien se anima. ;)

Flash como herramienta de ilustración

Este ejemplo podría mostrar el poder de Flash (y supongo una buen lápiz óptico) para ilustración:
Ilustraci�n en Flash
Las pruebas son concluyente en tanto el dibujo final esta hecho en una película flash, pero si le aplicas zoom... no sé porque hay partes que parecen vectorizadas de manera automática (usando programas como el Corel Trace), como los labios (el brillo), no digo que TODO parezca vectorizado, pero me queda la duda...¿Qué opinan?
El dibujo paso a paso en formato swf

Web con interface intercambiable

Este estudio de dise�o es japon�s, pero al tener el orden de lectura al rev�s del nuestro han planteado-pienso yo-una personalizaci�n de la interface, la web est� hecha en flash y fuera del dise�o mismo (muy bueno)y la rapidez de la carga, la idea de ordenamiento a gusto del usuario es excelente. Accesibilidad.

Hybrids Works

Gracias a Vicman por el link ;)

Cómo hacer un Favicon

A raíz de un post sobre el favicon de esta web surgió cierto interés en saber cómo se hacía exactamente este pequeño gráfico.
Este es un pequeño tutorial de cómo hacer un favicon usando el programa Microangelo en este caso, por ser el más idóneo para la tarea. Una opción gratuita al micrangelo es Icon Art; no lo he probado pero tiene buenos comentarios de los que lo han bajado.

Un favicon como el de esta web:

Puedes bajar una version de prueba del Microangelo de aquí. Tiene traducciones por si el inglés no les va cómodo.
Abrimos el MICROANGELO STUDIO. Nos vamos a ARCHIVO-->NUEVO: TIpo de imagen: ICONO.
Luego en el menú nos vamos a HERRAMIENTAS y de allí a NUEVO FORMATO DE IMAGEN. Escogemos 256 colores y de tamaño 16x16.

Click en ACEPTAR y ya tenemos el lienzo listo.
El resto depende de nuestra imaginación y uso de la increíble paleta que nos brinda Microangelo.

Lo bueno que tiene la paleta es que maneja muy bien los tonos medios o en degradé. Asi manejandolo podemos hacer bonitos efectos de sombreado, por ejemplo esto hice yo para mi favicon, fíjense en el efecto de sombreado.

No es nada del otro mundo. Practicamente es dibujar y pintar a píxe (cuadradito por cuadradito). El programa cuenta con herramientas precisas de dibujo y pintura.
Guardas el archivo con el nombre "favicon" y lo subes a la raíz de tu servidor donde alojes tu página web. Luego en la página principal de tu web pones esta línea entre los tags <head>:

<link rel="shortcut icon" href="favicon.ico" />

Y listo. Tienes un favicon visible en los navegadores, en la barra de herramientas o en los favoritos.
Otras opciones para manejar iconos

Flash MX 2004: Proyectos Profesionales

Me acabo de enterar de una excelente iniciativa aqui en Per�:
Sabido es que por estos lares no llegan muchos libros de Flash y si llegan, llegan caros. Pues bien, se ha armado una movida para traer ejemplares del libro
Flash MX 2004: Proyectos Profesionales
Autores como Carlos Zumbado (Kadazuro), Daniel de la Cruz (Granatta), Fernando Fl�res (Fern) entre otros m�s recorren las posibilidades de Flash construyendo proyectos muy interesantes.

Solo quedan 3 pedidos para realizar, los interesados en Per� env�en un mail a:
manager@zona-d.com

Extensiones para Fireworks

Interesantes extensiones para Fireworks, rompecabezas, objetos 3D, etc.
Senocular
Y si revisas sus news ver�n una bonita colecci�n de smiles gratis ideal para forums.
Gracias a Neo por el link.

Artistas digitales

Esto le va encantar a Mimi: Una incre�ble galer�a de varios artistas. Me encant� la simpleza de Brian Zick:
Lindgren & Smith

Otra buena artista, aunque creo que dise�� su p�gina con microscopio (ya ver�n porque) felizmente el menu de flash tiene ZOOM:
Elisa Sassi

Tutoriales en video de Photoshop

Incre�bles tutoriales en video de photoshop en ingl�s.
Son s�lo 5 pero...��qu� videos!!!
Me ha impresionado este:
http://www.idigitalemotion.com/tutorials/guest/colorfix/colorfix.html
Hay de otros programas tambi�n.
Gracias a Vcorz por el link.

Comunidad Latina en DeviantArt

De seguro conoces DeviantArt una incre�ble comunidad de artistas digitales de todo el mundo donde exponen sus trabajos. Pues bien, reci�n me entero que cuenta con un grupo de latinos al cual unirse:
LA-CH

Dise�adores peruanos en el mundo

Un dise�ador peruano en California con un buen portafolio y bonito trabajo en Flash. Su nombre, Eduardo Valdivieso. Su p�gina:
Nastee74.com
Y si leen sus news...esta trabajando a tiempo completo para 2Advanced.....

Tutoriales Photoshop

Bonitos tutoriales de photoshop, el men� de acceso est� hecho en flash, muy bonito tambi�n:
Tutorials Eyeball Design

Favicons bien diseñados

Me di cuenta de lo bonito que es navegar y ver el favicon de una página cuando empecé a usar Firefox y vía Delta tango Bravo me doy cuenta que hacer un favicon requiere mucho arte, Daniel Burka ha elegido los que más le han parecido interesantes:
Lista 1
Lista 2
A ver si mejoro el mío.

Imagen digital y dise�o

Una bonita p�gina de notas y apuntes de imagen digital y dise�o:
GusGSM
Gracias por el link al que me lo pas� :)

Convocatoria gr�fica

Ezinew hace una convocatoria gr�fica:

Desarrolla un wallpaper!
Tema_ Libre
Resoluci�n_ 1280*1024 / 1024*768
Herramienta_ Photoshop / Fireworks
Formato: .jpg
Mayor informaci�n: en este post de flashla

Bonito portafolio

Lumizm es un bonito portafolio con hermosos trabajos fotogr�ficos y vectoriales, entre muchos estilos gr�ficos m�s.

Logo del Firefox

Como se dar�n cuenta, la noticia del d�a en muchos blogs es la llegada del nuevo Firefox (firebird) 0.8.
V�a minid encontr� esta p�gina de uno de los dise�adores del nuevo logo: Jon Hicks quien nos relata c�mo cre� y renderiz� el logo...usando Fireworks MX. ;)
Art�culo aqu�

Painter y sus milagros

Recuerdo la conferencia que hubo ac� en Lima sobre Apple en el Hotel Marriot, hablaron del nuevo sistema operativo Mac OS X, pero adem�s de COREL PAINTER 8; la expositora una argentina buen�sima gente, muy sencillas y cordial y que manejaba la tableta gr�fica como su misma mano.
Traigo a la memoria esto porque...vamos, hay gente que es artista digital y muy buenos, pero supon�a usaban varias herramientas y programas para lograr sus pinturas, en este caso, en esta pagina casi todo (o todo) esta hecho con Painter:
Anry's Gallery

Conoce a tus diseñadores favoritos

Esta es una página con entrevistas a diseñadores de la talla de Billy Bussey:
Pacdesco

Obviamente no están todos los que son, ni son todos los que están, pero es innegable que el trabajo de cada uno de los presentes tiene muy buena calidad, y dan inspiracion y tips de su manera de trabajar. Verdaderos artistas.
Pequeño detalle, falta algo asi para los latinos.

Programa para Morphing en Flash

FlashMorph es un programa que permite hacer animaciones morphing de fotos bitmap y exportarlas a formato SWF.
Puedes verlo AQU�

Pajaro de Fuego

Despu�s de tanto escuchar hablar sobre �l pues me anim� a bajar el Firebird (solo 6 megas y pico) y probarlo...y s�, es uno de los mejores navegadores que he visto, el que mejor me respeta las etiquetas css, y aparte de su rapidez tiene muchos plugins para muchos usos y aunque no soy de llenarme de ellos, �ste me ha gustado:

Aqui pueden ver una captura de las funcionalidades que deja en el navegador el plugin:

Se llama WEB DEVELOPER y a�ade muchas funciones para testear p�ginas web a diferentes resoluciones, con o sin im�genes, proporciona informacion de los diferentes est�ndares, un control muy completo de visualizaci�n y testeo sobre las p�ginas que estamos trabajando. Muy bonito Web Developer Plugin