Wydblog 2.0 | tutoriales, diseño web, diseño gráfico y recursos para desarrolladores

Ecomercio - diseño de logo

Lucas — Thu, 15 May 2008 00:01:16 +0000

Hola a todos, esta vez les traigo el logo finalizado para la nueva compania “ecomercio.es” un sitio dedicado a negocios y comercios en internet de españa… Por si se preguntan con que hice este proyecto les cuento que fue realizado enteramente en photoshop.

Sin mas rodeos, aquí esta :)

*Nota: Estoy pensando comenzar a realizar tutoriales acerca de como crear un buen logo, realizar un brief exitoso, como crear una mascota atractiva, etc. que les parece? sin embargo, dentro de un tiempo, ahora estoy con mucho trabajo :P

Maqueros.com - Diseño de Mascota

Lucas — Tue, 13 May 2008 12:43:28 +0000

Uhf… La facultad y Wydstudios no me dejan tranquilo… pero bueno, ya se empiezan a ver los frutos de tanto trabajo. Hoy les traigo el trabajo terminado de la mascota y el logo para “Maqueros.com” una web de usuarios de Mac (todavia no esta online, ya que el sitio esta en construccion).

Mascota:

Logo:

(more…)

Vive! Vive!

Lucas — Fri, 18 Apr 2008 23:27:20 +0000

Bueno, tras un largo tiempo de trabajo por fin pude subir y darle vida a la nueva y ultima version de “wydstudios”.

Como podran observar, esta version es en ingles y tiene un “tono” mas sobrio y directo que la web anterior… Estamos tratando de orientarnos a un mercado empresarial y de mayor reelevancia, todo lo que veran en la web es nuestro y tanto el html como el css valida :)

(more…)

The android, otro espectaculo de la publicidad

Lucas — Fri, 18 Apr 2008 01:40:32 +0000

Seguramente todos conocen esta publicidad de Johnnie Walker… y no vale la pena que les cuente de que trata, ya que yo no lo haria tambien como lo hizo el equipo creador de la misma.
Como les digo siempre, una buena publicidad es un espectaculo y esta es una de esas:

Si se quedaron con ganas de conocer mas sobre este particular androide, les recomiendo (les obligo :D) que entren a la pagina oficial, la cual esta excelente y en lo personal me gusta mucho, no solo por el diseño si no por el contenido de la misma…
enlace

Lo que se puede hacer en un rato libre :)

Lucas — Wed, 09 Apr 2008 16:32:41 +0000

Ayer cuando termine de ver “La princesa mononoke” una de las mejores peliculas de Hayao Miyasaki me dieron ganas de hacer algo en photoshop, illustrator o flash algo relacionado con sus peliculas, entonces elegi una imagen de la pelicula “Mi vecino Totoro” (una de mis peliculas favoritas) y la empeze a vectorizar, pero en flash y dps de un rato me quedo algo así:

(more…)

Wydstudios se esta rediseñando

Lucas — Fri, 04 Apr 2008 02:54:55 +0000

Si señores, wydstudios se esta rediseñando! y esta vez… ehm, no se… ya lo veremos!
Les adelanto el logo…

Ahora si, hacemos la bola de fuego en photoshop?

Lucas — Wed, 12 Mar 2008 10:59:53 +0000

Bueno, comencemos con el tutorial:
Paso 1
Lo primero que debemos hacer es crear un nuevo documento (el tamaño del documento pueden elegirlo ustedes, les recomiendo que sea grande, asi de esta forma pueden prestar mas atención a los pequeños detalles) y pintar el fondo de negro (#000000).
Paso 2
Lo siguiente que debemos hacer es seleccionar la herramienta Brush Tool (b) y en una nueva capa elegir un tamaño grande del mismo (300px) y reducir la dureza al mínimo, así de esta forma nos queda un pincel bastante grande y distorsionado hacia los extremos:

Paso 3
En este paso debemos repetir lo mismo hecho en el paso anterior un par de veces, pero con dos diferencias: tenemos que ir reduciendo el tamaño del brush e ir aclarando el color del mismo hasta llegar al blanco. En la imagen de abajo podrán observar a que me refiero, así de esta forma obtendremos un excelente efecto:

Paso 4
Esta es la parte mas divertida de todo el tutorial, seleccionaremos la herramienta Smudge Tool (R) y variando tanto el tamaño, como la dureza y la opacacidad comenzaremos a crear las llamas de la bola de fuego. Tengan en cuenta que siempre les va a quedar algo distinto, ya que aquí no cuentan los parámetros ni ese tipo de cosas, aquí cuenta la creatividad de uno y la forma en que jugamos con esta herramienta para darle forma a la bola de fuego.

(more…)

Les gustaria aprender a hacer esto en photoshop?

Lucas — Fri, 07 Mar 2008 11:30:37 +0000

*nota: Imagen de la mano cortesia de Giuvax

beatboxing con flauta, cancion de mario bross

Lucas — Sun, 02 Mar 2008 01:55:08 +0000

que barbariadad este muchacho:

Usen protector solar!

Lucas — Wed, 27 Feb 2008 14:01:58 +0000

nota*:no tengo nada mas que decirles, solo que “mirenlo, leanlo y piensen”.

What the fuck is this?

Lucas — Sat, 23 Feb 2008 01:15:55 +0000

que les parece el nuevo proyecto de microsoft? xD

Faststone

Lucas — Thu, 21 Feb 2008 11:13:15 +0000

Hoy les traigo un sencillisimo software (gratuito y muy liviano) con el cual podran visualizar sus .psd antes de abrirlo y a tamaño real, nada de miniaturas. Pero lo bueno es que no solo reconoce este formato, sino tambien:

(more…)

Musica con sonidos de w98 y xp

Lucas — Wed, 20 Feb 2008 11:16:20 +0000

leyendo Fayerwayer me encuentro con este interesante video, dps de mirarlo quede sorprendido por la calidad del sonido, realmente impresionante:

Sin embargo, hace un tiempo y habia visto un video similar en donde hace una “terrible” cancion simplemente con sonidos del windows 98, mirenlo:

*nota: que tal esa Fayerwayer? :P

iBand!

Lucas — Wed, 20 Feb 2008 11:02:12 +0000

wau! simplemente miren y escuchen:

Ganesh - blog

Lucas — Tue, 19 Feb 2008 11:14:00 +0000

se acuerdan del “Fancy Menu“, por si no lo conocen les cuento que es el menu que ven alla arriba, el que uso para el menu. Se preguntaran porque les pregunto esto, bueno les comento que hoy les traigo un tutorial un poquito viejo, pero muy efectivo a la hora de utilizarlo… se trata de hacer el “Fancy Menu” solo con jquery y css por su puesto, pero sin necesidad de usar alguna liberia mootools:

Mini ajax

Lucas — Tue, 19 Feb 2008 11:02:13 +0000

Pues tal como dice su nombre, son pequeños tutoriales sobre ajax… si eres novato no te sientas afuera, prueblalos que son muy faciles.
miniajax

Creando un mapa en illustrator

Lucas — Mon, 18 Feb 2008 11:11:32 +0000

Lamentablemente por ahora no estoy teniendo mucho tiempo para sentarme y hacer un tutorial para todos, pero si tengo tiempo para compartir los tutos que yo conozco, hoy les paso un interesante y sencillisimo tutorial en el cual nos enseñan a crear un mapa con illustrator.

¿Gif o Png? Esa es la cuestión

Lucas — Fri, 15 Feb 2008 12:47:44 +0000

Hace tiempo que tenía ganas de hablar sobre este tema, es decir porque elegir a uno o al otro? Como saber que formato me serviría mas para una determinada situación y todo este tipo de inquietudes que se te puedan ocurrir.

Bueno empecemos por lo básico: supongamos que tenemos una imagen de forma cuadrada “sin transparencia” y colores planos (nada complicado), en este caso que usarían gif o png?… examinemos juntos los dos resultados con los distintos formatos:

A simple vista no logro notar ninguna diferencia, pero no se olviden que en el diseño web algo muy importante es el peso de las imágenes, entonces: el gif pesa alrededor de 320 bytes, mientras que el png pesa 282 bytes. Por lo tanto, en este caso la mejor opción es el png.

Sigamos avanzando, ahora vamos a crear un grafico con formas desparejas, con bordes redondeados, coloreada con un degrade y sin transparencias. Veamos que pasa:

Si observamos con precisión, podremos notar que la imagen con mayor calidad es el png, en este el degradado esta perfecto, no tiene ningún tipo de desperfectos y pesa alrededor de 4,30 KB. Por otro lado tenemos al gif de 256 colores, a simple vista se ve perfecto igual que el png, pero si lo miramos con lupa podremos notar desperfectos en el degradado y como si fuera poco su peso es superior a el del png, pesa 5,42 KB. Por ultimo tenemos al gif con 128 colores, no tenemos mucho que decir realmente, es un desastre, se puede notar a simple vista los desperfectos del degradado, la única ventaja que tiene es su peso 3,68 KB, pero por un par de Kilo bytes mas prefiero usar el png que esta perfecto. Por lo tanto, a la hora de usar degradados el ganador es el png, por peso y calidad.

Ahora, vamos a crear una grafica con colores, una estructura simple y con transparencia para ver que pasa:

Aquí es cuando la situación se comienza a complicar. Primero evaluemos calidad y peso: a nivel calidad el gif como el png se ven exactamente iguales, por que lo son. Pero cuando nos detenemos a mirar el peso encontramos una diferencia de casi 1 KB. Entonces es fácil ¿nos quedamos con el png y su transparencia nuevamente?… yo diría que estudiemos mas a fondo la situación, como un buen diseñador web tenemos que tener en cuenta los distintos navegadores que encontramos hoy en día y saber que internet explorer 6 no soporta las transparencias del png a menos que usamos algún hack o por medio de algun condicional*. Tenemos dos alternativas, usar el gif con 1 KB mas de peso o usar el png por medio de un hack, directamente nos quedamos con el gif, ya que la diferencia es casi nula y nos ahorramos un par de vueltas.

Por ultimo vamos a hacer lo siguiente, tomaremos un grafico complejo con degradados, formas irregulares y transparencias para evaluarla con los dos formatos:

Voy a tratar de explicar de mejor forma este punto, sencillamente png es la mejor opción para exportar nuestros gráficos complejos con transparencias, ya que su calidad es perfecta y la transparencia es respetada en todos los aspectos, lo único malo que rescato de este formato es el peso, como verán es de 41,7 KB (un poco pesado), sin embargo lo vale. Por otro lado tenemos al gif, su calidad es media, ya que si observamos con precisión podremos notar desperfectos en el degradado de la figura, lo cual nos resta calidad a nuestro trabajo, también cabe destacar el tema de la transparencia la cual debido a la sombra del objeto queda muy desprolija, lo único bueno es el peso 15,6 KB pero no se justifica para nada, ya que su calidad es espantosa.

(more…)

Les pido disculpas ^^

Lucas — Wed, 13 Feb 2008 18:54:01 +0000

Aquellos que siguen el blog día a día se habran dado cuenta que estubo caido por 3 días y un par de horas, esta caida fue causada por un execeso de bajada en el servidor, para los que no saben de que estoy hablando y les interesa saberlo, aquí les explico (mas o menos) de que se trata: podemos decir que nuestro server tiene un limite “x” de bajada por mes y por la cantidad de visitas recividas y otros aspectos como las imagenes que se cargan, los videos vistos… etc. etc. este limite de bajada poco a poco se va acabando, lamentablemente este limite “x” lo alcanzamos hace 3 días, lo cual no estaba planificado, ya que solamente el limite de bajada se renueva por mes, empezando nuevamente de “0″… por lo tanto, fue necesario pagarle a nuestro servidor para que nos renueve ese numero, asi de esta forma podemos seguir adelante… y todos vivieron felices por siempre xD

Yo (Lucas Savelli) he sido CATALIZADO!

Lucas — Wed, 06 Feb 2008 19:28:31 +0000

Que sorpresa me lleve hoy, al encontrarme en “google” con este link y leer que mi nombre se mencionaba dentro del post.
Para aquellos que no saben que es Catalizado les comento que es una impresionante galería/blog, la cual se encarga de mostrar los mejores diseños/diseñadores que podemos encontrar en latino América, y Artzmania Magazine es una revista virtual sobre diseño grafico con un nivel y estilo único, en lo personal me encanta.

Bueno, sigo con mi historia… resulta que estaba navegando por la blogosfera cuando de pronto me encuentro con “Catalizado + Artzmania Magazine”, este post me llamo poderosamente la atención, ya que meses atrás me llego un mail de “Catalizado” en el cual me pedían un par de trabajos realizados por mí, junto con mis datos… como yo conocía la web, creí que simplemente iban a mostrar mis diseños en su galería, pero eso nunca paso, lo cual me extrañó mucho, ya que por algún motivo me pidieron mis trabajos, no? Tiempo después leyendo me entere sobre la asociación de Catalizado con Artzmania Magazine y así fue como comencé a investigar sobre el tema y me tope con que mis trabajos habían sido incluidos en la nueva revista :), junto con numerosos diseñadores muy talentosos y reconocidos a nivel mundial, como por ejemplo:

Entrevistas: Adhemas Batista (Brasil), Claudio Limón (México), Felipe Medeiros (Brasil), Marcelo Grassi (Argentina), Marcio Bomfim (Brasil) y Ricardo Liniers (Argentina).
Muestra de Trabajos: Diego Miguel (Brasil), Diego Quintana (Chile), Felipe Bustamante (Chile), Giovanni Clavijo (Colombia), Javier Garay (Chile), Katherine Lippi (Chile), Lucas Savelli (Argentina), Mario Júnior (Brasil) e Ruyman Gilbert (Venezuela).

(more…)