El antes y después, o algo así…

Pero, como quiera que sea, uno de los objetivos o beneficios de tener nuevo diseño es que el cambio refresca y como que dan más ganas de postear. Con el tema morado anterior ya tenía 2 años, y ya se veía viejo, y me daba flojera, y aprovechando la energía esa de año nuevo pues a cambiar todo lo que se pueda. Ahora tengo un blog con diseño oscuro con colorcitos chillantes y dulces por eso se llama DarkBonbon (que dificil es nombrar las cosas a veces).

Tal vez luego le haga más cambiecitos pequeños, o incluso le cambie el nombre que quedó cursi. Ajustes por aquí y por allá… Mi blog ya tiene ropita nueva y ya estoy programando posts.

Que tengan un muy bonito año 2012.

PD. Pagar el hosting siempre me motiva a actualizar…

He trabajado en algunos proyectos de diseño web, tanto locales como para personas que viven lejísimos de mí, esa es una de las ventajas de este tipo de trabajo -diseñador freelance o como dicen algunos, diseñador desempleado ¡ja!-.

Quisiera hablarles de todos los proyectos pero prefiero enfocar una entrada para un proyecto para no hacerme bolas.

Usuario Compulsivo es un blog de novedades y demás hierbas, pertenece a Carlos, para quien he elaborado una serie de diseños anteriormente. El blog trabaja sobre WordPress, sistema para el cual yo maqueté y diseñé un theme, personalizado para los blogs de Carlos específicamente (es por eso que varios diseños en mi portafolio se parecen, son para el mismo cliente quien los pide con la misma estructura para que exista uniformidad entre todos sus blogs).

Quise hablar de Usuario Compulsivo para mostrarles el logotipo, que a mí me gustó bastante como quedó:

El título primero lo trabajé en Illustrator para hacer el efecto 3D luego fue retocado en Photoshop.

El icono del usuario lo hice en Photoshop, tiene alrededor de 10 capas de luces y sombras, acá una vista un poco más grande:

Esto de hacer la ilustración del icono del usuario me gustó mucho, y es de lo más importante, quise hacerlo así porque es muy común ver por ahí que hacen un logotipo para alguna web y lo primero que buscan es descargarse iconos existentes y pegárselos al logo… Por favor amigo diseñador, si vendes diseño entonces diseña.

Espero que unos meses o años después pueda regresar yo a ver este mismísmo post y comparar mis diseños de entonces con los de ahora, y pueda ver mejoría… y tenga fama y dinero y mujeres.

No soy experta en nada, pero quiero aprender de todo :)

~*~

PD. Ójala y no se aburran de este tipo de entradas, que parecen un poco spammeras, pero aclaro, esto NO es un post patrocinado, es más bien una forma descarada de auto-marketing y presunción.

La idea de esta iniciativa para bloggers latinos es la de armar un espacio donde todos podamos crear nuestros diseños y participar, siendo o no diseñadores, siendo o no buenos en lo que hacemos. ¿Es un concurso? Sí. Con una modalidad un poco distinta a la que pueden ver en todos los concursos que se lanzan a diario. Esta vez no se necesita postear nada en sus blogs, sino simplemente anotarse y respetar las fechas establecidas.

Incluso el método para elegir al ganador es diferente: ni una sola cabeza elige, ni lo dejamos a manos del azar. En esta ocasión, la elección del ganador estará a cargo de un grupo de 5 bloggers que se destacan por su calidad en el diseño. Personas que, siendo de distintos países, son conocidos por todos los que frecuentamos la blogósfera de Latinoamérica: Kozmica, Marcos Mora, Publistyle, Darío Pineda y Gonzalo Castillo.

Pero… hay un invitado especial que se sumará a ese grupo de 5 y que dejará su opinión para elegir al mejor. Se trata de Nick Pagano, diseñador y blogger de Think Design Blog, y único administrador de ThinkFour diseño gráfico.

BASES Y CONDICIONES

Con el jurado armado, la dinámica es muy simple: cada blogger deberá diseñar su propio Wallpaper, a partir de una frase que se va a proponer el día del lanzamiento en cada lugar de recepción (enlaces más adelante). Tienen un límite de una semana para ir armando sus trabajos, con la posibilidad de presentar 2 como máximo. El estilo que quieran darle es totalmente libre, siempre y cuando se mantenga la frase que se propone.

El jurado elegirá al ganador valiéndose de una serie de características: innovación del diseño, capacidad para incluir la frase, creatividad, entre otras cuestiones.

¿Qué gana el autor del mejor Wallpaper? Además de mis felicitaciones, una suma de 50 dólares entregados vía Paypal + un año de hosting pago y, si lo amerita, un theme para WordPress inédito.

¿Solamente gana el primero? En realidad no. El segundo mejor wallpaper se ganará 1 dominio gratuito por 2 años + 6 meses de hosting pago. Por más que no haya dinero para los demás, con los mejores trabajos que recibamos haremos un pack de Wallpapers para inspiración que será distribuido en más de 20 blogs de diseño e Internet. Cada trabajo estará acompañado por el nombre de su creador y su sitio.

Como leyeron antes, la idea es moverse y animarse, más allá del premio, a abrir el Photoshop, Illustrator, Paint o el programa que sea. La dinámica es más que simple: uno organiza, el jurado elige, ustedes diseñan y todos nos divertimos. En líneas generales, éstas son las bases y condiciones de la iniciativa:

- Del 11 al 13 de Junio para anotarse. Los lugares de recepción son los siguientes:

• FotoBeta
• ForoBloggers
• Conexión Blogger

- Del 14 al 15 de Junio se envían los trabajos a iniciativadb@gmail.com con nombre y blog del participante;

- El día Miércoles 17 de Junio el jurado se pronuncia y elige al ganador;

- Una semana más tarde se lanza el pack con los Wallpapers, donde aparecerán los trabajos más destacados con nombre y blog del creador.

Espero que se anoten en esta iniciativa y en las que seguramente vendrán si esta tiene el éxito que todos esperamos. Por último tengo que recordarles que D+B se lleva a cabo gracias al apoyo de todos los bloggers que accedieron a extender la noticia y, particularmente, al auspicio de 3 empresas de Alojamiento Web que decidieron dar una mano con el premio: DataWeb Hosting, SaniHosting y Net Services Argentina.

~

Pues bien, eso es todo, no tienes nada que perder y mucho que ganar desde los premios ya mencionados hasta la gloria, ¡espero ver sus participaciones por ahí!

¿Se acuerdan de que anduve un tiempo de decidiosa a ver si abria un nuevo blog o no? Pues ¡sopatelas! que ya hasta esá online y todo.

Se llama oh! gráfico y pues básicamente engloba temáticas del diseño gráfico, carrera que estoy estudiando y para no mezclar peras con manzanas pues decidí abrir ese blog y así queda todo organizadito.

Sí es cierto que hace rato no posteaba algo en este blog pero andaba dejando listo aquel, ahora ya parece estar todo en calma y tengo tiempo pa’ los dos, no se preocupe asté, que no voy a abandonar este por nada del mundo -o eso digo, muajaja-.

Así que en resumen este post es una invitación para que pasen a verlo y si quieren pues me dejan un comentario felicitándome por lo bonito que me quedó.

Orita está chiquitito recién nacido, es mi nuevo bebé, ¿qué regalo le traes al bebé?

Como lo prometido es deuda, este es un tutorial para ustedes -que mucho me han pedido, pa’ que vean que si los escucho- para vectorizar imágenes. Trataré de hacerlo simple, como si nunca hubieras agarrado el Illustrator.

Yo estoy usando el Illustrator CS en inglés (ya hay nuevas versiones pero creo que de todos modos aplica este tutorialito).

Bien, supongamos que quieres vectorizar una foto de una chica bien sensual, y dá la casualidad que yo tengo una foto mía, que es lo mismo, así que en eso nos vamos a basar. No tiene que ser una super foto clarísima, lo importante es que tú puedas apreciar los rasgos para vectorizar. La que yo usé incluso esta toda pixeleada.

Primero, abres un nuevo documento en Ilustrator, yo siempre lo abro en default que creo es una hoja tamaño carta, en fin, el tamaño a tus necesidades. Copias y pegas la imagen que quieres agregar o desde el menú File y en Place, con eso podrás examinar hasta poner tu foto en el área de trabajo.

Bien, ya tienes tu foto puesta, ahora lo mejor es que en donde administras las capas (Layers) bloquees esa capa para que de ahí no se te mueva y no rayes en ella.

Luego para empezar a vectorizar haces una nueva capa.

Tener la capa de la foto original bajo las otras es lo más práctico.

Ahora lo bueno, a vectorizar.

Ya teniendo seleccionada la capa nueva comenzamos a vectorizar, puedes empezar por donde quieras. Yo empezaré por el cabello.

Seleccionas la herramienta pluma (pen) y comienzas a dibujar las áreas con los tonos más claros, como los brillos. La pluma funciona como “uniendo puntos”, luego de que los unas todos usas el gotero (eyedroper) y con el seleccionas un color de la foto para que el vector seleccionado se rellene de ese color. Eso te servirá para conservar colores originales.

Luego ya teniendo dibujados todos los tonos claros, nos vamos a un segundo tono, más oscuro.

Y los dibujamos justo encima de los claros, solo que al terminar cada vector presionas Ctrl + [ eso hará que el vector más oscuro se vaya atrás de el claro. Si no te funciona esa combinación de teclas haces click con el botón derecho sobre el objeto y le pones Arrange y Send to Back. Así ira quedando cada tono más oscuro atrás de los que ya dibujaste.

Y así te vas, vector por vector, y agregando más niveles tonales, cada vez un color más oscuro. Entre más tonos más trabajo, pero se verá genial.

Yo le dí al cabello 7 tonos y así queda:

NOTA: Puedes crear tantas capas como desees para separar tus vectores, yo prefiero agrupar por zonas, para no tener muchisimas capas. Uso por ejemplo una para el cabello, otra para la piel, otra para la cara (ojos, nariz, boca), pero cada quién hace las capas que quiera.

Terminamos con el cabello y creamos otra capa nueva, en esta haremos la piel de la cara. Quitamos la opcion de ver la capa del cabello para que no nos estorbe. Y cubrimos toda la zona de piel de la cara con un solo elemento, pasándonos un poquito por encima del cabello para que no queden huecos entre las 2 capas.

Creamos otra capa más para hacer los ojos, las cejas, la boca y detallar la oreja. Mientras trabajas en una capa puedes, y recomiendo, hacer invisibles a las demás para ver la foto en el fondo y seguir usándola como guía. Puedes también, al terminar cada capa quitar la visibilidad de la foto para ver como va quedando todo.

No olvides ordenar las capas como deberían de ir para que se vean bien, arriba de todas el cabello, luego las facciones, y al último la zona de la cara. Para mover las capas solo las seleccionas con el botón izquierdo del mouse y las arrastras más arriba o abajo, según lo quieras.

Hasta ahora, con ojos y todo, llevaríamos algo así:

¡Ya está casi terminado!

Ahora vamos a agregar más capas, pero esta vez atrás de las que ya tenemos, para el cuello y agregaremos unas sombras para detrás de la oreja y bajo el mentón. Y para rematar y dar contraste un enorme cuadro negro bajo todas las capas (con el rectangle tool).

Y aquí tenemos el resultado:

NOTAS Y TIPS:

• Cuando algo no te convenza hazlo de nuevo.
• Para los que ya más o menos le saben pueden utilizar también la herramienta Warp, para transformar elementos.
• Si no te gusta algo en la foto puedes darle forma tú mismo a algo completamente diferente (como yo lo hice en el mechón de cabello que sale por el cuello, los labios, quitar arrugas, papada, etcétera, etcétera…).

Ahora sí, lo pidió el pueblo y se los traje, un tutorial para vectorizar en Illustrator, como yo sé que no soy perfecta (aunque me falte poquito), habrán quedado dudas sin resolver. Aquí mismo me preguntan y veré que puedo hacer por ustedes.

Recuerden que no se nace sabiendo, así que paciencia, mucha paciencia.

¡A vectorizar!