ELEMENTOS DE UNA PÁGINA WEB

En esta actividad hemos tenido que usar un programa que no usábamos desde la primera evaluación, el Keynote. Hemos tenido que realizar un trabajo sobre el que hablamos de los elementos de una página web, y vamos poniendo uno, y al lado le ponemos su significado y para que sirve, además está bien colocar un ejemplo para que la gente se entere mejor de lo que estás hablando.

El resultado final del trabajo ha sido el siguiente:

FUMADOR

En esta práctica tenemos un señor fumando con un fondo, y lo que debemos hacer es siluetear al hombre y hacer un estilo de capa, para que asi se le quite el fondo sin ncesidad de recortar nada de la imagen:

Cuando ya hemos echo esto en Photoshop, lo colocamos en Indesign, con sangrado y colocándole un par de cosas más para que quede la imagen como el ejemplo que nos dan a nosotros.

Después debemos exportar el archivo como un Archivo PDF con marcas y sangrado.

TRAZADO DEL ÁRBOL

En esta práctica vamos a usar la herramienta de la pluma para recortar un árbol con todas sus ramas, para después llevarlo a Indesign y más tarde hacer un Archivo PDF de ese último documento.

El árbol principal es este:

Después de recortarlo con la pluma, que por cierto me resultó bastante complicado, el resultado final es este:

Como hemos dicho antes hay que crear ahora un archivo en Indesign, con los 5mm habituales de margen y metiéndole unos cuantos cuadros de colores para decorarlo un poco.

Después de guardarlo, debemos exportarlo como Archivo PDF con todas las marcas de corte y sangrados.

POSTERIZAR Y SOLARIZAR

En esta práctica tenemos la foto de unos tulipanes a los que hay que posterizarlos y solarizarlos en Photoshop.

Posterizar

El ajuste Posterizar permite especificar la cantidad de niveles tonales (o valores de brillo) de cada canal de una imagen y, a continuación, asigna los píxeles al nivel coincidente más próximo.

Este ajuste sirve para crear efectos especiales, como las áreas planas y de gran tamaño de una fotografía. Sus efectos son más obvios al reducir el número de niveles de gris de una imagen en escala de grises, pero también produce efectos interesantes en imágenes en color.

  Solarizar

Es una forma más de simular un proceso analógico con utilidades digitales. Las solarizaciones consisten en invertir los tonos de la imagen creando que las zonas oscuras ahora sean luminosas. Con Photoshop lograremos solarizar imágenes mucho más rapidamente que del modo analógico.

ARIES

Hemos estado de visita en la Empresa Aries, que es una empresa que se dedica al sector de la preimpresión, impresión e incluso la postimpresión.

Un trabajador de la empresa nos ha ido enseñando las instalaciones que tienen, toda la maquinaria que utilizan, nos han explicado los costes de la maquinaria y de la pintura, las planchas, etc. Después nos metieron en la sala que nos habían metido al principio, y nos dijeron que les preguntásemos todo lo que quisiéramos para que no nos fuéramos de allí con dudas.

Una de las máquinas que nos enseñaron, que era una impresora a 8 colores bastante grande, nos dijeron que costaba al rededor de 2.000.000 de euros. Es decir que en esa empresa se gastan mucho dinero en maquinaria, pero se gastan aún más en papel, que es su principal gasto.

A mí personalmente la visita me ha gustado y he aprendido bastantes cosas sobre los procesos de la impresión y postimpresión, y también he aprendido como es trabajar en una empresa tan importante como es Aries. Parecía que trabajar allí era complicado, pero a la vez se les veía contentos y a gusto trabajando unos con otros.

En resumen, la visita fue muy entretenida y aprendí bastantes cosas. Yo en mi opinión volvería a ir cuando hayan acabado las obras y podamos ver la empresa entera.

Esta es la sala en la que nos metieron para explicarnos un poco como funcionaba la empresa.

 
       En esta foto se nos ve atendiendo a la explicación del que nos enseñaba la empresa.

Esta era una sala en la que tenían muchas impresoras y eran diferentes para ver como salían en cada una los plegados.

        Esta es la foto final de toda la clase.

MODELO

En esta práctica hemos echo un trazado de recorte en Photoshop a partir de una foto de una modelo. La hemos seleccionado con la pluma, y después hemos aplicado ese trazado para después llevarlo a Indesing.

Después de hacer la selección y el trazado, la llevamos a Indesing en un formato A5, le ponemos un fondo azul, un título y un texto que hemos sacado de Internet el cual se acopla bien a cualquier imagen y está bien presentado.

¿Cómo haremos para que el texto se adapte a la imagen dejando un lado sin texto para formar una curva al rededor de la modelo?
Muy fácil:

    
<-- Primero debes irte a ventana
y después meterte en CEÑIR TEXTO.

Después debes seleccionar la ventana que esta con el cuadrado gris, y ponerle puntos para que se forme más o menos curva. --->









Después de estos pasos, lo guardaremos y lo exportaremos como un PDF con todas las marcas y sangrados.

TEXTO EN MOVIMIENTO

En esta práctica tenemos que escribir un texto, y pasearlo por el lienzo, empezando por la izquierda y que se pare un poco en el medio y luego continue hasta que se salga por la derecha del lienzo.

Aquí vemos como en el primer fotograma está el texto en la parte de fuera ala izquierda del lienzo.

-----------------------------------------------------------------------------------------------------------------------------

Aquí se ve como está el texto en medio del lienzo, y la línea del tiempo se ve que está entre dos puntos. En esos puntos es donde el texto deberá pararse.

BALÓN BOTANDO

En esta práctica vamos a usar el mismo balón que en la anterior práctica del Balón Rodando, pero esta vez lo que haremos será hacer que el balón bote dentro del lienzo.

En primer lugar vemos el balón arriba a la izquierda del lienzo, y haremos que siga la línea discontinua verde para hacer el efecto de que bote.

----------------------------------------------------------------------------------------------------------------------------

A continuación vemos como la pelota ha descendido desde la parte de arriba del lienzo hasta abajo siguiendo la línea verde como habíamos dicho.
Se ve que está colocado en el fotograma del medio de la línea del tiempo.

 ----------------------------------------------------------------------------------------------------------------------------

Finalmente vuelve el balón a su sitio original pero en el último fotograma, eso quiere decir que ha hecho el movimiento de botar.

BALÓN RODANDO

En esta práctica vamos a crear una pelota en Adobe Flash, la cual tendrá un foco de color, que irá girando como si la pelota estuviera rodando.

Aquí se ve la pelota en su posición inicial, que es el primer fotograma de la línea del tiempo. Y se puede apreciar el foco de luz que tiene arriba a la izquierda.

----------------------------------------------------------------------------------------------------------------------------

Aquí se ve que la pelota está ahora en el medio del lienzo, y que ha ido girando como si estuviera rodando. Como se ve abajo, la línea del tiempo está más o menos a la mitad.

----------------------------------------------------------------------------------------------------------------------------

Por último vemos la pelota a la derecha del lienzo, y la línea del tiempo la vemos que ya está en el final. La pelota se ha quedado en la misma posición que la incial solo que en otra parte del lienzo, aunque haya ido rodando se ha quedado como estaba.

MUÑECO EN MOVIMIENTO

Aquí vamos a crear un muñeco que deberá moverse por el lienzo, pero cuando llegue al final, en vez de seguir y empezar de nuevo con el movimiento, debemos hacer que se pare mediante un código Action Script, que le meteremos en el último fotograma.

Aquí se ve el muñeco colocado a la derecha, y la línea verde discontinua es la que va a hacer de trayecto.

La capa número 1, es en la que está el muñeco, y la capa de arriba que pone Actions, es el código que va a parar al muñeco, que se aprecia que en el último fotograma de la capa 1, se ve arriba en la paleta de Actions, un rectángulo y unos círculos. Esos son los que van a parar el muñeco.

 

Ahí está el muñeco parado a la izquierda del lienzo, siguiendo la línea verde que hemos dicho antes. Y cuando se acabe la secuencia de la línea del tiempo, el muñeco se quedará ahí parado gracias al Action Script.

INTERPOLACIONES DE MOVIMIENTO

La primera interpolación que vamos a ver es la de un cuadrado que se mueve hacia la derecha mediante una interpolación de movimiento:

Aquí se ve como el cuadrado esta a la izquierda del lienzo por que está en el primer fotograma, el que está debajo de la línea roja del tiempo.

----------------------------------------------------------------------------

Y a continuación vemos el cuadrado que se ha desplazado a la derecha ya que nos hemos colocado en el último fotograma, que es el último también de la línea del tiempo y ahí ya se queda parada.

BOTÓN PULSE

Aquí vamos a usar la aplicación de Adobe Flash, en la cual haremos un fondo amarillo con estrellas estampadas cada una de una forma, y en diferentes capas pondremos las letras de la palabra PULSE, cada letra en una capa.

Y esto debería ser dinámico, es decir, que se movieran las letras cada una en un período de tiempo pero no puedo subir aun el resultado debido a un problema.