Diseño web 1

Durante el año 2009 participé en un Curso de Diseño Web y Multimedia impartido por el Ayuntamiento de Mairena del Alcor, en el que aprendimos varios recursos para retocar imágenes, crear animaciones, editar textos y maquetar páginas web con HTML dinámico y CSS (hojas de estilo). Creamos ejercicios con textos, imágenes, tablas, párrafos, animaciones, botones interactivos, etcétera, y de cada ejercicio creamos una página web. Como proyecto final realicé una web englobando todos esos ejercicios en un muestrario basado en tablas e iframes. En su momento colgamos las páginas en un servidor gratuito, http://orgfree.com/, que no tenía publicidad y nos daba muchas facilidades. Actualmente sí tiene ventanas emergentes de publicidad, así que pido un poco de paciencia.

Web muestra del curso

 NOTA: en el muestrario http://cristoweb.orgfree.com he colocado una ventana emergente, o PopUp, que dirige hacia la web http://dharmaspain.orgfree.com, un ejercicio de simulación de web empresarial  y tienda online.

Web empresarial simulada

Esta web está inspirada por la serie de tv Perdidos, y la organización que existía en ella, Dharma. Tomé muestras de fotografías, vídeos, y los objetos a la venta con la iconografía y elementos gráficos de la serie, uniéndolos con textos copiados de la red o inventados, creé esta web que simulara la delegación española de la empresa DHARMA.

También apliqué los conocimientos adquiridos para actualizar la web de una empresa audiovisual local, que estuvo activa durante unos años, hasta que el dueño volvió a modificarla.

Página de inicio

También creé algunas webs más como prácticas personales, pero sus direcciones ya no están activas.

Pintura mural

En mi casa diseñé la decoración interior de cada habitación, desde las cenefas hasta dibujos personalizados.
Como muestra presento el proceso creativo del mural de Hulka, original de Adi Granov.

Dibujo original

Dibujo adaptado a líneas

Dibujo a lápiz

Dibujo entintado

Espacios coloreados

Detalles finales

Bart Simpson

Como extra este dibujo de Bart Simpson que pinté en otra habitación.

Manualidades digitales

Con motivo de la serie Perdidos se me ocurrió fabricar un parchís para ocho personas, cada una identificada con una estación Dharma y un color, y para el reverso un juego de la oca inspirado en la isla de la serie, con la variante de que el movimiento en espiral es para escapar de la misma. Contiene todos los elementos típicos de la oca (posada, cárcel, puentes,etc) pero adaptados a la iconografía e historia de la serie.
Los tableros los diseñé con Adobe Illustrator, y las fotos retocadas con Photoshop. Una vez impresos los pegué en un tablero de madera, cada uno por una cara, para hacer el juego completo. Asimismo fabriqué las fichas y una cajita tallada para guardarlas.

"Oca" de Perdidos

Parchís de Perdidos

Fichas personalizadas para cada estación

Fichas y caja manufacturadas

principio y fin de la espiral

Como me sobró un trozo de tablero, hice una versión más pequeña en edición rústica, donde el lugar de los colores lo ocupan distintas formas realizadas con un  pirograbador, es decir, dibujados mediante calor, quemando la madera.

Tablero rústico

Creaciones digitales, autorretratos

Con motivo del estreno de algunas películas me sentí inspirado para tomar algunas fotografías mías y transformarlas en personajes de dichas películas. Como ejemplos tengo de muestra los homenajes a X-MEN Origin: Lobezno y Avatar.

Mi cara de Lobezno

Mi cuerpazo de Lobezno

Mi cara de avatar

Creaciones digitales, muñecos

Fotomontaje digital creado a partir de fotos a un muñeco del Gremlin Brain, el Cerebro de la segunda película, que desarrolló inteligencia y cultura a raíz de beber un brebaje. La cara y las manos son fotos del muñeco, el resto lo he creado con photoshop CS2.

Tomando como base fotografías digitales, puedo crear con Photoshop imágenes de todo tipo.
En una ocasión compré un muñeco de Veneno, un enemigo de Spiderman, que puede adoptar distintas posturas, y se me ocurrió que quedaría bien tocando una guitarra eléctrica, así que le hice fotos en esa postura desde varios ángulos. Con fotos de guitarras y tiburones formé una guitarra con forma de escualo, la coloqué en sus manos y añadí un escenario con luces de colores, sombras y humo.

Fotomontajes

Esta es una muestra de manipulación de imágenes con Photoshop, ya sea estirando, o pintando, una fotografía digital. En este caso es de Arturo González-Campos, que tiene una paciencia infinita conmigo, sobre todo sabiendo que ni Avatar ni Mi amigo Mac son de su gusto.

Mi amigo Mac (1988)

También he creado algunos fotomontajes conmigo mismo o con amigos, algunos de ellos publicados en facebook. Como muestra pueden ver los siguientes:

Mel disfrazada de su gato Tigre

Yo como Faraón

Carmen 1 gótica

Carmen 1 original

Carmen 2 pelirroja

Carmen 2 original

Foto original

Creación de fondo

Composición de elementos y figuras

Imagen terminada

Catzilla

Marvel Civil War

Torero de Hierro

Jessica Rabbit

D.E.P. Miliki

Navidad Mascotas

Atentado París