11.05.2013 Views

DIPLOMAS, LOGOS WEB DE LOS CURSOS, BANNERS - Projects

DIPLOMAS, LOGOS WEB DE LOS CURSOS, BANNERS - Projects

DIPLOMAS, LOGOS WEB DE LOS CURSOS, BANNERS - Projects

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

<strong>DIPLOMAS</strong>, <strong>LOGOS</strong> <strong>WEB</strong> <strong>DE</strong> <strong>LOS</strong> <strong>CURSOS</strong>,<br />

<strong>BANNERS</strong><br />

<strong>DIPLOMAS</strong><br />

Para ir haciendo los diplomas te servirás de esta muestra:<br />

FETCHTJ_2008_UGT.fla<br />

Al abrir el .fla en la biblioteca encontraras el movie clip diploma, este MC es el anverso del<br />

diploma y es donde (generalmente) realizarás todos los cambios que te pidan (logos, fondo y<br />

demás).<br />

Comenzar:<br />

La capa superior se llama “guía” y la totalmente inferior se llama “fondo”, respétalas y trabaja<br />

en las capas intermedias, todo el diseño deberá ir encuadrado dentro de los márgenes que marca<br />

la capa “guía”.<br />

En la capa “texto dinámico” encontrarás todos los textos que se rellenarán a través de la<br />

plataforma (nombre del alumno, nombre del curso, etc..), el resto es diseño y será lo que<br />

modifiques en función de lo que te marquen o de los diplomas impresos que den como muestra.<br />

Los logos y el fondo:<br />

Verás que el diploma esta rotado 90º hacia la derecha, lo más fácil es diseñar el fondo en otra<br />

película y luego copiar-pegar-rotar en el diploma.<br />

Mi recomendación es que vectorices todo lo que te manden si no quieres tener un resultado<br />

final lleno de píxeles.<br />

Pruebas en local:<br />

Una vez terminado querrás comprobar como queda al imprimirlo, para hacerlo debes ir al nivel<br />

superior de la película, en la capa botones:


Dentro de ese keyframe solo hay código, busca esta línea (la nº 30):<br />

Elimina los dos primeros caracteres (las dos barras), el resultado debe ser este:<br />

Ahora comprueba que el archivo xml “xmldiploma.xml” está en el mismo directorio que el .fla<br />

(debe ser así, si no... da error).<br />

Dale a CTRL+ENTER.<br />

Presiona imprimir anverso y mira el resultado.<br />

Y ya está, cuando compruebes que te convence vuelves a colocar las dos barras en su sitio y<br />

exportas el resultado, después debes guardar el .fla y el .swf para que los subamos a<br />

producción.


<strong>LOGOS</strong>, <strong>WEB</strong> <strong>DE</strong> <strong>LOS</strong> <strong>CURSOS</strong><br />

Logos de categorías (word, violencia de genero, etc..):<br />

De vez en cuando hay que hacer un logo para un nuevo curso en la web de los cursos, hay<br />

algunos genéricos y otros específicos, te dirán.<br />

Es fácil, tan solo has de hacer un dibujo de 80x80 píxeles en flash y enviar el swf a quien<br />

corresponda, sin fondo.<br />

Logos de entidades o delegaciones en la web de los cursos:<br />

El sistema está preparado para colocar tres logos del siguiente modo:<br />

Debes de hacerlo con Flash, el resultado final ha de ser un .swf.<br />

La altura debería ser de 80px.<br />

Pero alguna vez te pueden pedir que pongas más de 3 o alguno de ellos es muy ancho; solapa a<br />

los demás.<br />

La solución es que hagas uno grande con todos los logos con la misma altura y con una anchura<br />

que no supere los 590 píxeles, la web de los cursos es de diseño líquido se reescalará al verlo con<br />

las distintas resoluciones, estas medidas son solo para que guardes la proporción.<br />

Debido a esta peculiaridad de la web; su diseño líquido y que sea un flash, hacen que si pones un<br />

logo con una imagen se reescalará y pixelará, lo recomendable es vectorizarlos todos.


<strong>BANNERS</strong> <strong>DE</strong> LA PLATAFORMA<br />

Los banners que aperecen en la parte superior de la plataforma son tan solo una imagen con<br />

todos los logos que te pidan, procura que su anchura no supere los 750 píxeles, con una anchura<br />

superior en resoluciones pequeñas aparecería el temido scroll horizontal.<br />

En este caso no es necesario vectorizar si te envían un logo de buena calidad, si no es así (suele<br />

ocurrir) deberás vectorizar igualmente.

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!