TRABAJOS SEGUNDA EVALUACIÓN

Este trimestre hemos trabajado con FLASH.

PIPA Y LÁGRIMA:

Desarrollo:

La primera práctica que realizamos consistía en crear una interpolación de movimiento a partir de una lágrima que caía y luego salía por la pipa hacia arriba. 

Se trata de una práctica muy sencilla, lo único que había que utilizar eran fotogramas claves para determinar el tiempo que tenía que transcurrir haciendo las interpolaciones. A su vez montar las dos interpolaciones que lleva el ejercicio (abajo y arriba) para que quedasen de una forma coherente y organizada en el tiempo. Para ello lo único que hicimos fue montar una encima de otra unos pocos fotogramas y así funcionaría más fluido.

También estuvimos practicando con la herramienta de la pluma de Flash a la hora de trazar la imagen, porque tiene una serie de variaciones distintas a otros programas que resultan muy interesantes.

Autoevaluación:

Considero que es un trabajo básico para empezar a manejar el Flash y que nos explica de una forma sencilla y divertida uno de los tipos de movimiento de este programa. Debido a que ya sabía manejar el Flash me ha resultado muy fácil hacerlo, aun así me ha ayudado a recordar muchas cosas de este programa.

BAD ASS:

Desarrollo:

En esta práctica había que crear un efecto en las gafas mediante una máscara. La máscara nos oculta y nos enseña partes de la imagen sobre la que lo aplicamos.

Para ello, se traza la imagen con la plumilla, se organizan los elementos por capas y en la capa de la tipografía de la gafas se le aplica el modo máscara (que es otra capa con la forma por la que queremos que se vea la tipografía). A la capa que le vamos a aplicar la máscara, se le pondrá a su vez una interpolación de movimiento para que pase por delante de la tipografía mostrándonosla.

Autoevaluación:

Esta práctica creo que sigue los criterios de la anterior, ya que me parece básica para aprender uno de los elementos de Flash como es la máscara. Es un elemento muy importante y muy utilizado que luego se puede aplicar a muchos diseños realizados con tal programa.

SALA DE ESTAR:

Desarrollo:

En este ejercicio había que recorrer una trayectoria con un símbolo en forma de círculo a través de un contorno de una frase. Para realizar dicho ejercicio, primero se realizaba el contorno de la imagen con la pluma, y después se realizaba una línea que contorneara la zona por donde tenía que pasar dicho punto. Para que realizara esta acción, le aplicábamos la capa del recorrido como guía sobre el símbolo. Para realizar el recorrido colocábamos el símbolo encima de la línea y creábamos diferentes interpolaciones de movimiento hasta crear el recorrido completo.

Autoevaluación:

Vuelvo a coincidir con mis opiniones de antes al decir que considero que es una práctica básica para trabajar con la guía de movimiento. A partir de realizar estos ejercicios sencillos, entendemos como funcionan cada una de las aplicaciones para poder aplicarlas posteriormente de manera individual o combinándolas entre ellas.

LABORATORIO:

Desarrollo: 

Esta práctica es más compleja que las anteriores, en ella se combinan varios de los elementos utilizados anteriormente.

Para empezar trazamos la imagen, y a continuación por capas nos separamos los distintos elementos que vayamos a utilizar. Debemos hacer que varios objetos se muevan simultáneamente. Esta vez vamos a trabajar dentro de los clips de película. 

En primer lugar hacemos las burbujas de una de las probetas. Para realizar dicho movimiento realizamos una burbuja y la convertimos en clip de película. Y a partir de una guía le decimos el movimiento que queremos que haga. Una vez hemos aplicado este movimiento nos disponemos a hacer las probetas. Lo que queremos conseguir es que la sangre suba y baje. Volvemos a crear un clip de película y en su interior le aplicamos una máscara con una interpolación de movimiento para que la sangre parezca que sube y que baja.

Cuando ya tenemos esos dos pasos hechos, nos disponemos a realizar la gota que cae de una de las probetas. En este caso aplicamos una interpolación de forma (siempre trabajando dentro del clip de película) que hemos hecho a partir de un círculo. En este caso, en el interior del clip, ponemos un fotograma clave al principio y otro cuando queremos que la animación se acabe. En el primer fotograma clave irá el círculo tal cual lo hemos realizado, mientras que en el otro fotograma clave irá el círculo modificado con forma de gota. Una vez realizado este paso, crearemos una interpolación de forma.

Por último nos queda realizar el humo. Para que se mueva realizaremos una interpolación de forma, a partir de una forma variaremos la otra en el otro fotograma clave (como hemos explicado antes). Para que el humo quede como tal y no como una mancha blanca, le aplicaremos un filtro de desenfoque. Con esto conseguimos que la forma se aproxime más a lo que buscamos.

Autoevaluación:

Pienso que este ha sido uno de los ejercicios más interesantes del trimestre ya que hemos aplicado todo lo aprendido anteriormente. Con Flash se pueden crear animaciones muy interesantes de una forma muy sencilla. El aplicar las prácticas anteriores en este ejercicio nos ayuda a refrescar la mente y a pensar cual sería el mejor método para aplicar dependiendo del efecto que se quiera conseguir.

CAJÓN:

Desarrollo:

En esta práctica lo nuevo que hemos aprendido es a usar los botones. Consistía en una cajonera que al clicar sobre uno de los cajones se abriese y nos mostrase unos papeles que luego vincularíamos a alguna pagina web o a algún apartado de la animación, etc.

Hemos aplicado lo aprendido en los ejercicios anteriores para poder realizar los distintos efectos, como son máscaras e interpolaciones de movimiento.

Cuando se pincha encima del cajón, este se abre (con una máscara y una interpolación de movimiento). Una vez ha hecho esto, unos fotogramas antes de que acabe, con otra máscara y otra interpolación de movimiento, salen los papeles del cajón. 

Es una práctica muy sencilla, ya que hemos empleado conceptos ya aprendidos y un único elemento nuevo que es el uso de los botones.

Una vez acabada la animación le aplicaríamos códigos de ActionScript en una nueva capa llamada acciones, uno en el primer fotograma clave y otro en el último fotograma clave (serán fotogramas claves vacíos). En el interior de estos fotogramas pondremos “Stops” que quiere decir que en esos fotogramas la animación se parará. En el caso del primero se activará una vez se pinche el botón, y en el caso del último se parará cuando llegue a él para que en el caso de que activásemos los papeles pudiésemos seleccionar el que quisiéramos, si no la animación volvería a comenzar de nuevo.

Autoevaluación:

Considero importante este ejercicio por el uso de los botones y del ActionScript, ya que se van complicando las cosas poco a poco. De momento sólo hemos aprendido las cosas más básicas del Flash y se pueden hacer cosas muy interesantes, por lo que conforme vayamos avanzando podremos hacer cosas muy curiosas.

CHAPAS

Esta práctica es la tercera realizada con Illustrator. Se trataba de diseñar tres chapas con todos los conocimientos aprendidos hasta ahora.

DESARROLLO:

En esta práctica lo primero que hicimos fue pensar el diseño que queríamos para cada chapa. Me decanté por realizar unas ilustraciones vectoriales a base de elementos de comida con un pequeño toque de humor. Me interesaba que las imágenes fueran limpias, para que el personaje y el texto se apreciaran sin ningún tipo de problema. 

Para su realización lo primero que hice fue hacer unos escuetos bocetos. Una vez tenía la idea clara me puse a construir los personajes con la pluma, buscatrazos, degradados, etc. hasta conseguir los resultados deseados.

Una vez tenía el diseño de los personajes con sus respectivos bocadillos con el texto, me dispuse a realizar una circunferencia rellenándola del color que encontrase más adecuado contrastándolo con el personaje para que le diese un toque más atractiva a la imagen. Después realicé una copia de la circunferencia y la rellené con un degradado radial, quitándole opacidad y añadiéndole la opción de multiplicar para que le diese volumen a la chapa.El brillo lo hice a partir de dos círculos superpuestos, cortados con la herramienta buscatrazos, añadiendo un desenfoque gaussiano y quitándole un poco de opacidad para integrarlo con el resto de la chapa. Por último, al circulo con el color de fondo de la chapa, se le añade un filtro de sombra paralela, y con este toque conseguimos la tridimensionalidad que le faltaba. Este procedimiento se repite con las tres chapas.

AUTOEVALUACIÓN:

Esta práctica me ha gustado mucho porque hemos tenido libertad para la realización de los diseños, poniendo en práctica todos los conocimientos aprendidos con Illustrator. Cada vez manejo Illustrator con mayor rapidez y soltura, resolviendo problemas y dudas que antes no sabía como. Es una práctica muy útil porque se puede llevar a cabo como proyecto real. De hecho, quiero realizar unas copias para poder regalarlas. 

PULPO

Esta el la tercera práctica del trimestre. Se trata de otro ejercicio con Illustrator. A partir de un boceto, teníamos que trazarlo, pintarlo y hacerlo parecido al original.

DESARROLLO:

Se abre un documento nuevo y se importa el boceto. Con el calco interactivo trazábamos el boceto de forma automática, viendo cuales de las opciones del calco se asemejaba más al resultado que buscábamos, y si ninguna de ellas nos convencía en opciones de calco lo realizábamos nosotros mismo a nuestro gusto. 

Una vez realizado el calco interactivo, le damos a la opción expandir y así se nos desagrupa el trazado y podemos trabajar mejor sobre él. 

Con la herramienta de pintura interactiva, fuimos pintando por zonas el boceto, eliminando la línea que no nos interesase, o modificándola. Antes de ponernos a pintar le dimos a opciones de hueco (dentro de pintura interactiva) y cerramos los trazados que no lo habían hecho con el calco interactivo. En algunas zonas consideramos interesante realizar los rellenos con degradado para darle más volumen a nuestro personaje.

Cuando ya tenemos el pulpo pintado, nos dedicamos a terminar el fondo. Para ello, trazamos las nubes a base de círculos unidos con el buscatrazos, creando luces con círculos más pequeños con tonos más claros y aplicándoles transparencia. Los destellos de luz se realizan  con dos círculos cortados con el buscatrazos. 

Para los rayos de luz que aparecen detrás del personaje, se realizaron mendiante un círculo en el el centro y a partir de él, se realiza un trazado con  forma de rayo y lo vamos duplicando y rotando. Una vez construido todos los rayos, se agrupan y se le aplica multiplicar. Para que se integre con la imagen, le ponemos una opacidad de 50%.

El fondo lo único que hay que hacer es colocarlo al fondo de la capa. Una vez tenemos todo hecho vamos colocando cada elemento en el orden que corresponde.

AUTOEVALUACIÓN:

A pesar de que ya conocía la herramienta de calco interactivo, me ha resultado muy útil gastarla en este ejercicio porque hemos ahorrado mucho tiempo gracias a ella. La herramienta pintura interactiva no la había usado nunca y me ha sorprendido mucho ya que nos ayuda también a ahorrar tiempo, que realmente muchas veces es lo que buscamos a la hora de realizar trabajos. Me ha parecido interesante porque no sabía que podían llegar a hacerse cosas tan interesantes con Illustrator, porque pensaba que este tipo de cosas se hacían únicamente con Photoshop. Estoy contenta con lo aprendido en esta práctica, me ha motivado para probar cosas nuevas con este programa.

ANATOMIA

Esta es la segunda práctica que realizamos. El programa utilizado es Illustrator CS3, y consistía en vectorizar una imagen a base de líneas utilizando la tableta gráfica.

DESARROLLO:

Primero nos creamos unos pinceles con distintos grosores, angulaciones, etc. y una vez creada la biblioteca de pinceles nos dispusimos a trazar la imagen. 

En esta práctica era importante el uso de la tableta gráfica, ya que no tenemos mucha experiencia con esta herramienta y hoy en día resulta muy útil en el mundo del diseño gráfico.

Con la herramienta pincel fuimos creando las distintas líneas dándole el grosor a cada una de ellas que considerásemos apropiado. Con la herramienta lápiz pasábamos por encima de algunos trazos que no habían quedado como deseábamos y simplificaba los nodos adecuando más la línea a lo que buscábamos.

AUTOEVALUACIÓN:

Esta práctica también la considero interesante por el hecho de utilizar la tableta gráfica para su realización. Con la tableta se consiguen trazos más definidos y controlados que con el ratón, a su vez que se desarrolla a una mayor velocidad. El uso de los distintos pinceles creados por nosotros mismos, también me pareció interesante porque no lo había hecho nunca. Poco a poco he ido conociendo un poco más el programa Illustrator y me van gustando cada vez más los resultados obtenidos.

DESAPARECER

Este trabajo está realizado en photoshop, es la primera práctica del curso que hicimos. Consiste en eliminar las zonas del cuerpo de la chica, construyendo a partir de trozos de la misma foto los huecos para crear un efecto de volumen en la ropa.

DESARROLLO:

Para realizar esta práctica tuvimos que observar la foto original y dividir el trabajo por zonas. Cada zona la agrupamos dentro de un grupo.

Para ello copiamos zonas de la imagen y las sustituimos por sitios donde aparece la piel. Con la herramienta de selección, máscara vectorial y máscara de recorte vamos formando las partes de la imagen. Seleccionando partes en las que nos interesaba la textura de la ropa para crear unos efectos más reales. 

Para el cielo y el suelo utilizamos la herramienta clonar y vamos borrando las partes de la imagen que no nos interesa. En algunos casos me resultó interesante utilizar la herramienta desenfoque gaussiano para que estuviese todo más integrado y no hubiese partes que desentonaban dentro de la imagen.

Empezamos sustituyendo la cabeza y los pies con la herramienta clonar. Una vez realizado esto, nos pusimos con los camales del pantalón, con las herramientas de selección, copiar - pegar, máscara vectorial y máscara de recorte. En el interior de los camales nos interesaba poner un degradado que le diera oscuridad a esa zona del pantalón y por lo tanto volumen. Para ello utilizamos la herramienta máscara de recorte. 

Durante todo el ejercicio fuimos utilizando las mismas herramientas; para el sofá, el pantalón, la camiseta,... 

La sombra de la camiseta la realizamos seleccionándola y cambiando el color con Tono/Saturación, consiguiendo un color aproximado y fundiéndolo con la imagen con el tampón y la goma.

AUTOEVALUACIÓN:

Esta práctica la considero muy interesante porque hemos aplicado herramientas como la máscara de recorte y vectorial, que no las había utilizado nunca. Considero que es un ejercicio útil porque para retocar fotografías y hacer distintos efectos en nuestros diseños vamos a utilizar las herramientas que hemos usado aquí. Con este tipo de ejercicios te das cuenta de que se pueden hacer infinidad de cosas con Photoshop, solo hace falta saber utilizar las herramientas adecuadas, tener idea y paciencia.