martes, 22 de junio de 2010

WEB MESA POR EL EMPLEO

Mi otro trabajo para el curso de diseño web, una página para una asociación.
La verdad que me ha gustado bastante como han quedado los colores y la maquetación en general, sobre todo si lo ves con Mozilla, que permite curvar las esquina que era mi intención.

Es una maqueta puesto que aún faltaban datos antes de que terminaramos el curso y nos los tuvimos que inventar pero creo que son meros detalles y que el diseño está ahí.

www.mesaporelempleo.es

jueves, 10 de junio de 2010

Web Vidente

Pues como tengo esto bastante abandonado desde que he empezado con el nuevo curro, voy a subir la dirección de una web que he hecho. Sencillita y sin complicaciones.

Web de la Vidente Maria Engracia

Es para una Vidente de Fuengirola

martes, 30 de marzo de 2010

RETRATO BODA



Aquí subo mi último trabajo. Una compañera vio mi trabajo anterior "We are the Robots" y me encargó una cosa parecida, pero con una foto de boda. Y me puse manos a la obra.

La verdad es que ya tengo bastante experiencia haciendo este tipo de cuadros, asi que este es otro más. Bastante trabajoso, muchas capas en Photoshop y uso de estilos en pendiente, anillo, pulsera y corona. En el velo intenté meterle un poco de textura pero no me convencía el resultado y así se quedó.

Como ya viene siendo costumbre, me costó decidirme por un fondo, pero creo que el azul, pese a contrastar bastante con el resto del cuadro de colores más calidos, le daba un tono de retrato de boda que se adecuaba bastante, y mi compañera encantada, así que no le di más vueltas.

martes, 23 de febrero de 2010

WE ARE THE ROBOTS!



Esta es una ilustración que realicé a partir de la foto que veis. Dicha foto, al ser hecha con un móvil y en la oscuridad de la sala del cine (justo antes de ver esa experiencia nueva que es Avatar en 3d) no tiene mucha calidad, pero sí que me sirvió de base.

Tengo que decir que debería haber hecho este trabajo en Indesign o en Freehand (o en cualquier programa vectorial) por la salud de mi CPU pero es que para mí, la interface de Photoshop es insuperable y la herramienta licuar para hacer los brillos del pelos me ahorra muuucho tiempo. A costa de esperarme 2 minutos cada vez que guardo ;P.

miércoles, 17 de febrero de 2010

ILUSTRACION NAVE DE CARRERAS




Este es mi último trabajo a día de hoy. Una nave espacial de carreras inspirada claramente en la saga de juegos Wipe Out de Playstation. El modelado en 3D es bastante simple -como se puede ver en la imagen- y lo hice en blender. Es de mi cosecha, pero teniendo en cuenta los grandes recuerdos de esos juegos. Le apliqué una iluminación de tres puntos siempre sabiendo cual era el objetivo final.

Una vez renderizado me puse a trabajar en Photoshop y fue allí conde la ilustración cogió vuelo. Por un lado los logotipos y los efectos de relieve de la chapa de la nave, amén del color verde, hacen que la nave sea mucho más atractiva visualmente y sea creíble como "nave de carreras". Adjunto imagen.

Por otra parte el fondo, con el fuego de colores, era lo que me había planteado en un principio, ya que lo vi en una revista y quería saber cómo hacerlo. Pues jugando con la herramienta licuar y con los modos de capas (y con muchas muchas capas, delante y detrás de la nave para generar una iluminación pseudo-3D) logré el objetivo. También con pinceles degradados le pinté los brillos que yo imaginaba que el fuego de colores le causaría, integrando completamente la nave y el fondo.

CARTEL CARNAVAL





Este es el cartel que presente al concurso de Carnaval de Torremolinos. Lamentablemente no gané, pero queda estupendo en la pared de mi cuarto (no si quien no se consuela es porque no quiere)

Hecho íntegramente en Photoshop,la idea original era un vampiro disfrazado, es decir, ¿de qué se disfrazaría un disfraz?. Utilicé los efectos de capa para crear unas máscaras de oro y plata realistas. Quería que la cara resaltase, que estuviera como más cerca del espectador, por lo que el corte es limpio y no calado. El motivo de la ropa lo diseñé primero, luego lo guardé como motivo y se lo aplique a la capa correspondiente en modo multiplicar.

El pelo me generó dudas. No sabía si hacerlo mas realista o en plan peluca de colores. El tiempo de entrega decidió por mí esta última opción (me resultaba muuuuucho más sencilla que la otra). Sin embargo, el estilo un poco "comic" de los dientes salió solo, probando diversos estilos preestablecidos llegué a este que me gustó sin ningún género de de duda. Los ojos tenían que reflejar los de un vampiro, un monstruo, así que transformé una imagen y les di ese color verde, además, uno es más grande que otro, cosa que es aposta para acentuar la deformidad del personaje de terror. Le apliqué un pincel con forma de tuerca para los adornos amarillos del cuello cambiando color y opacidad y por último cree el fondo.

Me llevó bastante tiempo decidirme porque no tenía claro qué es lo que quería, ya que por un lado carnaval me sugiere fiesta y color, pero por otro lado también me sugería noche (lo mismo que el hecho de ser un vampiro). Finalmente me decidí por esta última opción, como podeis ver en la primera imagen (el trabajo que entregué) aunque ya veis que probé otros.

ESCENA PARTENON 3D


Un ejemplo de composición en 3D con Blender. Los modelos son descargados y gratuitos, en formato .3ds (de 3D Studio). Es sólo una prueba para ver como Blender importaba los archivos .3ds. La verdad es que depende del caso, en unos bien y en otros casi casi era preferible ponerte y modelarlo tú que arreglar el archivo, sobre todo si éste no venía con los materiales puestos (como en los edificios).

En definitiva, un trabajo para practicar al que la iluminación del programa (la oclusión de ambiente básicamente) le da una viveza interesante con no demasiado esfuerzo (por lo menos para tí, aunque sí para tu PC). Ahora eso sí, no me di cuenta de la sombra que proyectaba el Partenón sobre la imagen que hace de fondo, lo que le da un aire de "decorado artificial" de filme antiguo que tira para atrás.

ILUSTRACIONES PACKAGING BATMAN



Aquí están más grandes las ilustraciones de las portadas de los comics del post anterior. Están realizadas con Photoshop, mezclando dibujos con imagenes reales retocadas para que no "canten" demasiado.

El coloreado de dos de los tres dibujos de Batman (no así el de Batman vs Al Qaeda) es mío. Bastante básico pero funcional. Da gusto colorear a Jim Lee, puesto que por su estilo de dibujo puedes darle un color muy muy básico, que el resultado final va a ser bueno.

PACKAGING BATMAN DARK KNIGHT COMPILATION







Packaging consistente en la portada y contraportada de tres comics de Batman de Frank Miller (DK Returns, DK Strikes Back y el futurible DK vs Al Qaeda), un "sujeta-libros" -para tener los tres tomos juntos en la estantería- y la caja externa que englobaría todo.

Está realizado mezclando la composición de las portadas así como el coloreado mío de dibujos en B/N de Frank Miller y otros en Photoshop,con la maquetación hecha en Freehand. Las portadas las subiré aparte en otro post y bueno, en las contraportadas no me compliqué la vida: me limité a poner la portada del tomo siguiente en escala de grises, excepto un elemento que dejé en color (por ejemplo el cinturón amarillo) al estilo Sin City (también de Miller, jeje).

El tamaño y formato de los tomos es el habitual "absolute" de Planeta, que utiliza en sus obras maestras (y cada vez más en otras que no lo son tanto).

La verdad es que una vez impreso y montado físicamente (era un trabajo para clase), quedó bastante bien. Lástima de fotos "reales" del producto.

GUION BRAINERS



Rápidamente: portada y primera página de un guión que presenté a un concurso de videojuegos. Simple y ala vez elegante. Realizado en Freehand, me gusta la combinación de estos colores: negro, blanco y magenta/morado, que de hecho son los mismos que los de esta página.

TRABAJOS EN MWS GROUP



Subo dos muestras de mi estancia en la empresa, la primera es la portada del manual de instrucciones de una "washing machine" y la otra es una oferta que se llevaban los comerciales. En resalidad el diseño de la segunda me venía ya impuesto pero traté de jugar con los colores azul y rojo para refledar las sensaciones de frío y calor.

Ambos fueron realizadas en Photoshop e Indesign. Me gusta como quedaron las sombras en la segunda, así como el realce de color (eran unas fotos muy muy apagadas). En la primera el uso de un filtro clásico para la sombra de la máquina: semitono de color.

CARATULA CD PURE ROCK







Carátula de un recopilatorio que hice, con seis discos de rock imprescindibles.
Subo tanto las 6 versiones de portada que hice, como el diseño final del packaging (portada, contraportada inerior y galleta. La guitarra está hecha en 3D en Blender, mientras que el fondo es Photoshop y la maquetación es Indesign. Comentar que finalmente decidí darle un poco más de color a la portada porque lo veía un poco triste, aunque no me convencía del todo.

STAR WARS VS STAR TREK

Una tontería que hice para practicar un poco con Blender. Editado con Premiere. Hay varias cosas que no me gustan, como por ejemplo el principio, en que la estaticidad de la nave parece que es una foto (que de hecho, es lo que es, debido a lo que se tardaba en renderizar en el programa) pero creo que un poco de movimiento en panorámica le hubiera venido mucho mejor. El temblor de las texturas al final, cuando la nave cae, no se a que se debe y desde luego queda horrible, y bueno, los efectos especiales de láseres, fuego y explosión, eran la primera vez que los incluía. Los láser y la explosión tiene un pase, el trackeado del fuego es nefasto.
video

FAST CITY Y FORD ESCORT

Dos animaciones hechas en blender. Fast City además fue editada con Premiere. Son dos de mis primeros trabajos con el programa y se nota. En Fast City los modelados de las naves son bastante simples y la "ciudad" no es más que un cúmulo de bloques sin texturas, que a mi portatil ya le costaba mover (por supuesto sin oclusión de ambients y con una iluminación bastante básica). En definitiva, aprendí bastante de animación, de la cámara y de curvas ipo con este trabajo.

FAST CITY

El otro es un excesivamente breve vídeo del modelado de un Ford Escort, que, debido a las texturas que usé en llantas y focos parece un BMW ;P

FORD ESCORT

martes, 9 de febrero de 2010

ILUSTRACION PANTERA



Para acabar de subir trabajos por hoy, publico esta ilustración, cuyo sketch es de mi amigo Elias, y que yo he coloreado en Photoshop. Uso diferentes pinceles para darle textura al dibujo. Es increible lo de los pinceles en Photoshop (al menos con ilustraciones no muy grandes puesto que con archivos pesados y pinceles especiales mi pobre portatil no responde a lo que dibujo con la tableta a tiempo real). Lo único que no me acabó de convencer es algún color de la hierba, demasiado desaturado, grisáceo, pero no se nota demasiado, creo, debido a la alta saturación de las hojas, que lo disimula.

LETRAS CON ESTILO


Pues como bien indica el título tenemos ante nosotros un ejemplo de tipografía a la que se le ha aplicado una serie de estilos de capa con Photoshop, aparte de una imagen dentro de cada una de ellas.

GRAPHICSPOTTING



Versión del famoso cartel de Trainspotting, cambiando las caras por mis compañeros de clase. Montaje en Photoshop. Subo original y nuevo.

CARATULA CD ULTRASTAR



No se si conoceis este programa freeware, pero es una copia del singstar de la play, y además, una buena copia, con una gran comunidad de seguidores que van subiendo nuevas canciones cada dia y mejorando las existentes. Pues como a mi novia le encanta cantar, antes de que tuviera la Play, le hice un CD con el programa y una selección de canciones Disney. Trabajo rápido hecho con Freehand y Photoshop.

lunes, 8 de febrero de 2010

MEMORIAS CEDECOM



Esto es la plantilla de unas memorias para la productora audiovisual Cedecom. Realizada con InDesign.

TARJETERO EXPRESS




Esta es una revista (un tarjetero en realidad) en la que colaboré para que pudiera salir en fecha, puesto que a mi amigo Alberto no le daba tiempo material a acabarla. El diseño en sí es muy simple -visto a día de hoy tal vez demasiado- pero cumplía con el objetivo de ser sencilla y clara, ante todo, clara. Dejo muestra de dos imágenes interiores y la contraportada que realicé yo (un anuncio realizado integramente en Photoshop, ya que la portada es obra de Alberto.

RELOJ


Pues esto es otro trabajo para clase, realizado exclusivamente con formas vectoriales a las que se le aplican estilos de capa en Photoshop. No tiene más misterio. Es curioso lo que se consigue dedicando tiempo a los estilos en este programa. Por último, el fondo es una capa rellena con un motivo que me fabrique con una foto de marmol, que la sensación de azulejo total (siempre que no te fijes en que las manchas son sospechosamente idénticas)

LOGOTIPO ESTANCO "LAS CHAPAS"


Presento el logo del estanco "Las Chapas", de Marbella, con sus distintas versiones a color (marrón, que remite al color del tabaco) como en B/N. Está realizado en Freehand y lamentablemente es lo único que me queda del archivo original (es lo que tienen los discos duros externos) con toda la identidad corporativa del establecimiento (afortunadamente todavía la tengo impresa, lista para ser escaneada en caso de necesidad).

El logotipo en sí es muy simple, una pipa esquematizada en trazos elegantes, que era lo que quería que transmitiera el cliente. En cuanto a la tipografía escogí una clásica Times para "estanco" ya que en mi opinión refleja sobriedad y clasicismo, pero a la vez elegancia, que es lo que se buscó como decimos. Para el nombre del establecimiento escogí una tipografía manuscrita por parecer más "personal" e igualmente elegante y que a su vez casaba bien con los trazos del imagotipo.

COMPOSICIÓN PORTADA LIBRO



Esta composición realizada, cómo no, con Photoshop, me recuerda a la portada de un libro de detectives. Es un trabajo que tuve que hacer en claase y la verdad que el resultado final me gustó.

Cada elemento está sacado de su foto original, cortado y pegado, sin calado (no estoy seguro de si le metí un poco a la esfera del mundo). Lo importante es ver como, al añadir las sombras, el resultado es muy realista. Además, una capa de ajuste de tono para desaturar un poco cada elemento y otra de ruido hacen que la fusión quede bastante homogénea.

viernes, 5 de febrero de 2010

WEB MWS GROUP


Bueno, pues esta es mi primera web profesional. La rediseñé por completo con CSS en Dreamweaver y le añadí algunas páginas. Está optimizada para verse con Internet Explorer,no tanto con Mozilla, porque era lo que mis jefes en MWS Group querían.

Un detalle es que el fondo no era blanco, sino una plantilla de burbujas, pero desde que me fui algo han tocado que ya no se ve, y se queda en blanco, dando un aspecto de vacío.

WWW.MWSGROUP.CO.UK

martes, 2 de febrero de 2010

VIDEO RAMPA EN 3D

Pues esto es un video que realice para WM System cuando estuve trabajando alli. Esta realizado con Blender y me llevo unos cuantos días terminarla y adecuarla a lo que quería el jefe.
video

MERRY X-MAS COLLECTION


Aquí tenemos las carátulas de una colección de juegos de PS 2.


La maquetación la hice en Freehand y la optimización de las imágenes en Photoshop. Tristemente la transparencia de los tiff en Freehand no es todo lo buena que debería a la hora de exportar, y pese a que en la pantalla es inapreciable, cuando lo imprimes lo que deberia ser transparente es "casi" transparente. En realidad para esto no era importante, pero desde entonces lo tengo en cuenta: transparencias = Photoshop.

FONDO NEO-MAME


Pues en esta ocasión os presento un montaje con imágenes de personajes de Neo-Geo. Este trabajo fue el fondo de la carátula de un disco que contenia el emulador para PC de Neo-Geo con todos sus juegos y la idea fue basicamente esa: escoger a los personajes de los juegos más conocidos de la consola.

IRON FIST COLOREADO


Siguiendo con los superhéroes, en esta ocasión tenemos a Puño de Hierro. En este trabajo el proceso fue parecido al de Ironman: cogí una página en B/N del personaje, dibujado por el gran Alejandro Aja, y la coloree con la tableta.


En este caso no hay efectos de ilumincación, pero sí un rotoque en las luces -dándoles un tono mas amarillento- y las sombras -azuladas-, posterior a todo el proceso de coloreado. Por último hice en un PSD aparte el montaje de imagenes en vertical: composición de fotos de oriente, que combiné y les di un toque de dibujo, para que no desentonara con lo que es propiamente dibujo.

IRON MAN COLOREADO






Pues para inaugurar este blog he elegido esta ilustración, la primera en la que utilicé una tableta. Es un trabajo en el que me dieron la imagen en B/N y me dediqué a colorearla, usando para ello mi querido Photoshop. Luego le añadi unos cuantos efectos de destello en cinco puntos, para emular el brillo metálico de la armadura del personaje. Por último, el fondo es una estrella, pero los rayos, muy finos y juntos, se han perdido reduciendo el peso de la imagen para subirla a la web.