Vídeo Edición

Video del Gol de Alba editado en Adobe Premiere en el cual hemos ido cortando las secuencias de los planos del gol para agruparlas posteriormente, así como; con las secuencias de la celebración del gol. De igual modo hemos añadido algunos efectos de barrido y transición.

Aplicación Simple usando escenas

Aplicación simple utilizada en Flash, con diversas escenas. Muy útil para construir la base de una página web.

Cabecera Web-Blog

En la parte superior del Blog podemos observar una cabera creada en Illustrator y animada mediante Flash.

Logo Intro

Intro animación de nuestro logo personal.

PR/15 - Diseño de Logotipo y Web

  

Diseño de un Logotipo y Web. (En CONSTRUCCIÓN)

PR/7 - Prueba de Espirografía

  En este ejercicio hemos aprendido a utilizar algunas herramientas curiosas de Adobe Illustrator.

A partir de la creación de una trama de objetos; y utilizando las herramientas "DEFORMAR" y sus variantes hemos creado las primeras composiciones.

La esfera; mapeada con una de esas composiciones; así como el smilie y el dibujo espirográfico se han realizado utilizando la herramienta Efecto 3D y Efecto Distorsionar y Transformar.

Enlace al ejercicio en el Blog del Tutor (Jorge)

PR/13 - Diseño de página web (prueba)

   Esta práctica es la continuación de la práctica anterior (PR/12). partiendo de los logotipos que habíamos creado; hemos diseñado las correspondientes páginas web. En mi caso, he realizado dos páginas de estilos diferentes. La primera corresponde a una Agencia de Viajes; donde prima el color y las gamas correspondientes a los tonos del logotipo. En la segunda; tenemos una web más simple; sobre fondo negro y siempre repitiendo el dorado como color de todos los detalles, apliques, y demás elementos en concordancia con el logotipo planteado.

Enlace al ejercicio en el Blog del Tutor (Jorge)

PR/12 - Realizar logotipos

   En esta práctica hemos realizado dos logotipos con dos conceptos diferentes que representan a dos empresas. Posteriormente utilizaremos estos logotipos para realizar dos pruebas de página web.

Enlace al ejercicio en el Blog del Tutor (Jorge)

EJ 06 - Texto en contornos, Texto en composición

   En el ejercicio nº 6 hemos realizado una composición a partir de la herramienta texto y las posibilidades que esta nos ofrece. Para ello he unido diversas letras para el isotipo central; y con otras tipografías he realizado los textos siguiendo determinados contornos. De igual modo he modificado algunos caracteres y he añadido elementos en consonancia con el mensaje y la ilustración que he diseñado.

Enlace al ejercicio en el Blog del Tutor (Jorge)

EJ 05 - Calco Interactivo y texto adaptado

   En este ejercicio hemos utilizado la herramienta "CALCO INTERACTIVO"; con la que, partiendo de una imagen de bits (.jpg en mi caso) hemos realizado su vectorización de modo automático modificando los parámetros correspondientes para que Illustrator determine los vectores y las formas. Posteriormente hemos cambiado el color del nuevo logotipo vectorizado.

   De igual modo; hemos practicado con las opciones del texto; ajustando el texto a la imagen, o introduciendo un texto siguiendo el contorno de un trazado.

Enlace al ejercicio en el Blog del Tutor (Jorge)

EJ 04 - Escudo

   En el ejercicio nº 4 hemos realizado un escudo heráldico (o no...) utilizando la herramienta "PLUMA". Con ésta herramienta podemos crear contornos y realizar las formas que nosotros deseemos. Para darle color hemos utilizado las herramientas anteriormente aprendidas en los ejercicios anteriores.

En la primera imagen; podemos observar el escudo creado en Illustrator íntegramente; así como el banderín delantero.

En la segunda imagen podemos observar una composición realizada en Photoshop usando el elemento vectorial.

Enlace al ejercicio en el Blog del Tutor (Jorge)

EJ 03 - Botón

  En esta actividad hemos realizado un botón web utilizando las posibilidades que nos ofrece Illustrator. En la primera imagen podemos ver el botón original; el cual he tomado como idea de partida y el botón creado por mi.

   En la segunda imagen; aparece el resultado final; acompañado por las capas u objetos que he utilizado para hacerlos a modo de exposición. Para ello he utilizado formas simples; las cuales he "degradado" para dar los efectos; utilizando de igual modo los modos de fusión de las capas así como las opacidades.

   En la tercera imagen podemos ver; el mismo botón en diversas variaciones y su posterior vista en cada uno de los tres estados de su función.

Enlace al ejercicio en el Blog del Tutor (Jorge)

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)

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)

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)