EJ 02 - Formas Básicas, Buscatrazos, Texto y Máscaras de Recorte

Ejercicios realizados como práctica para conocer las herramientas y las posibilidades que ofrecen las herramientas de Illustrator.

Enlace al ejercicio en el Blog del Tutor (Jorge)

EJ 01 - Diana

  En este primer encuentro con Adobe Illustrator hemos realizado como ejercicio de conocimiento de las herramientas que el programa ofrece; una diana a través de formas simples; alineándolas y  editando su color de relleno así como el color del trazo.

Enlace al ejercicio en el Blog del Tutor (Jorge)

PR/04 Diseño de una Web (copia)

En esta actividad; el objetivo ha sido realizar el diseño de una página web; en cuanto a composición, estructura y contenido. Para ello; como primer enfrentamiento al proyecto hemos tomado una página web ya creada y hemos copiado su imagen; modificándola para que el diseño sea personalizado a nuestro interés.

En mi caso he optado por partir de cero y diseñar una web a mi gusto.

- La primera imagen muestra la página al abrirse; que podría ser una animación en flash que sirve como presentación.

- La segunda imagen muestra la página web una vez que se ha accedido a alguno de los contenidos del menú.

- La tercera imagen muestra una de las aplicaciones de la página web al pinchar sobre una imagen; lo que hace que esta se vea ampliada y aislada actuando como un visor de imágenes.

Enlace a la actividad en el Blog del Tutor (Jorge)

03 Actividades - Cabecera

Cabecera realizada en Photoshop; que posteriormente procederemos a animar en flash.

Enlace al ejercicio en el Blog del Tutor (Jorge)

07 Actividades - Foto-montaje Collage

   Hoy lunes; 28 de Mayo de 2012, hemos realizado una fotocomposición a modo de collage basándonos en una obra de arte, pintura, cartel de cine, etc... En mi caso he elegido el tan versionado cuadro "Las Meninas" de Velázquez. Y como visión y objetivo e intentado recrear la escena de un modo actual creando un entorno callejero con diversas texturas. Sobre este escenario he puesto a diversas personas; así como obejetos e imágenes retro basándome en mis gustos personales.

Enlace a la actividad en el Blog del Tutor (Jorge)

Pasatiempo 2

   Segunda foto-composición creada entre ejercicio y ejercicio. Una de las tendencias más explotadas en Photoshop hace años era crear mini mundos fantásticos sobre animales o entornos. Aquí mi demostración personal.

05 Actividades - Realización de un Cartel

   En esta actividad hemos realizado un cartel. Yo lo he orientado al tema publicitario. Para ello hemos utilizado la nueva herramienta: MÁSCARA DE CAPA.

Enlace al ejercicio en el Blog del Tutor (Jorge)

EJ/06 - Deformar una foto

   En este ejercicio hemos deformado una fotografía; utilizando diversos métodos. Aplicando las herramienta LICUAR, así como DEFORMAR dentro de las opciones de transformación libre podemos crear Gifs animados bastantes divertidos.

Enlace al ejercicio en el Blog del Tutor (Jorge)

PR/02 - Logotipo

En este ejercicio hemos realizado un Logotipo. En mi caso he optado por un juego de palabras; entre el Ave Fénix y mi nombre, Felix; sustituyendo la "F" por una "P", para causar un ajuste más anglosajón. De igual modo he unido la "P" a un icono simulando el Ave Fénix y una llama para darle total consistencia a la composición.

El logotipo ha sido íntegramente realizado en negro. He utilizado tres fuentes de texto; una para la "P", otra para "helix" y otra para "design". La forma del ave así como la de la llama la he dibujado con la herramienta pluma.

Una vez adherida a la "P"; he añadido un degradado a ambas partes; otorgando su color final.

Enlace al ejercicio en el Blog del Tutor (Jorge)

EJ/04 - Ajustes de Imagen

En el ejercicio nº 4, hemos realizado una cabecera a partir de dos fotografías.

En primer lugar hemos cogido una fotografía en escala de grises a la cual le hemos aplicado color; en mi caso utilizando una capa de ajuste Degradado.

A la segunda fotografía;  que estaba en color, la hemos desaturado y la hemos coloreado utilizando una capa en un tono y cambiando el modo de fusión de la capa a COLOR.

Tras ello; hemos unido ambas imágenes ayudándonos de una máscara de capa y de los modos de fusión.

Aquí la misma cabecera; pero habiendo aplicado un filtro de RUIDO; y también hemos añadido un forma la cual hemos desenfocado y a la que le hemos añadido un DESTELLO.

Enlace al ejercicio en el Blog del Tutor (Jorge)

Entre ejercicio y ejercicio....

Foto-composición realizada entre ejercicio y ejercicio mientras pasa el tiempo. Espero que os guste! Agradezco vuestros comentarios!

EJ/03 - Menú Web Vertical

Siguiendo la estética del ejercicio anterior; y de igual modo hemos realizado un menú web horizontal. En éste caso he optado por no incluir ningún icono ya que el menú horizontal los lleva incluidos.

Enlace al Ejercicio en el Blog del Tutor (Jorge)

EJ/03 - Menú Horizontal Web

Menú web realizado en Photoshop creando formas simples y fuentes de texto. Nos hemos ayudado de la herramienta degradado; así como del uso de capas y máscaras de capa para darle el diseño o intención deseada. En mi caso e incluido una textura y también me he ayudado de un pincel personalizado para dar los últimos retoques.

Ejercicio en el Blog del Tutor (Jorge)

EJ/02 - Banner

Banner realizado en Photoshop. Hemos creado un fondo y un pequeño fotomontaje ayudándonos de las herramientas que nos ofrece el programa. Hemos usado capas y modos de fusión para obtener el efecto deseado; así como, filtros que son muy útiles visualmente.

Teoría y Ejercicio - Blog del Tutor (Jorge)

EJ/01 - Ejercicio Botón en 3 estados

En este ejercicio hemos realizado un botón web; utilizando las herramientas que nos ofrece el programa Photoshop, principalmente las orientadas a crear formas; como la herramienta degradado. Con ella otorgamos color y determinamos por la intensidad o combinación en qué estado se encuentra nuestro botón.

En la imagen observamos el botón creado en los tres estados:
1 - Botón en Reposo
2 - Botón en Stand (al colocar el ratón encima o pasarlo sobre éste)
3 - Botón Pulsado

Enlace a Ejercicio Botón - Blog del Tutor (Jorge)

Ejercicio Herramientas

Retoque realizado en Photoshop usando todas las herramientas que el programa nos ofrece. Hemos aprendido a utilizar todas las opciones de éstas; aplicándolas en un ejercicio práctico de retoque para quitarle las pecas a las chica de la imagen.

Dentro de las herramientas del programa nos encontramos:

MOVER
LAZO POLIGONAL
PINCEL
BOTE DE PINTURA
PLUMA...

Teoría Herramientas - Blog Tutor (Jorge)