lunes, 18 de abril de 2016

Crear fotogramas en Flash

Crearemos en el programa Flash, fotogramas los cuales cuando los exportemos pasen como si fuese un gif.

Primero crearemos un texto.

En la barra que nos aparece abajo, nos colocaremos en la barra del tiempo y en el tiempo que queramos que cambie de fotograma pulsamos el boton derecho, seleccionando la opción de "insertar fotograma"


 Y donde nos hemos colocado se aparecerá una barra gris hasta esa altura


 Para poder colocar otro fotograma y que cambien el texto o lo que deseeamos, nos colocamos en la barra del tiempo al siguiente segundo que hemos rellenado y colocaremos otro fotograma en la opción de "insertar fotograma".

Y colocaremos el siguiente texto que deseemos

 Y repetiremos el mismo proceso, las veces que deseemos.

Una vez inalizado, iremos a la opicion de "Archivo - Exportar - Pelicula - Gif animado"



Y asi queda nuestro archivo.

Prototipado de Págna web

Es el proceso en el que se definen de una manera rápida y sencilla los bloques o secciones que va a tener cada una de las páginas de un sitio web, de modo que podemos jerarquizar la información y definir los bloques de contenido.


Práctica

En el programa web "NinjaMock" realizaremos el prototipado de una página web.



miércoles, 13 de abril de 2016

Herramienta Pluma

La herramienta pluma de Photoshop nos permite dibujar trazados de una manera detallada y con posibilidades completas, haciendo tanto rectas como curvas. Además, la pluma tiene la particularidad que nos permite alterar un trazado una vez realizado o, si nos equivocamos, volver hacia atrás con el comando edición-deshacer.

La herramienta de pluma es la siguiente:




Hacer curvas con la herramienta pluma

En nuestra sucesión de colocación de puntos de ancla, después de colocar un punto de ancla, haciendo clic, vamos a mantener pulsado el ratón y arrastrar en cualquier dirección. Veremos que se crea un curva y que al mover el ratón, arrastrando con el botón izquierdo pulsado, la curva se va modificando.

Una vez tenemos hecha la curva deseada vamos probar a colocar un nuevo punto de ancla. Veremos como el trazado continúa con otra curva, que se adapta de manera que la curva anterior y la nueva estén perfectamente trazas una como continuación de la otra.



Como podemos ver en la imagen anterior tenemos dos curvas en el trazado, una adaptada a la otra. Si queremos que la segunda línea del trazado no tenga en cuenta la curva anterior podemos utilizar la herramienta complementaria Convertir punto de ancla. Entonces pulsamos en la línea que sale hacia fuera del trazado, y la arrastramos a otra posición. Podemos ver el resultado en la siguiente imagen:


Si quisiésemos que la segunda línea del trazado fuera recta, entonces colocaríamos la línea que sale del punto de ancla encima del propio punto de ancla.


Podemos seguir colocando puntos de ancla hasta que terminemos el trazado, colocando los nuevos puntos también con la herramienta pluma. Para completar o terminar el trazado tenemos que pulsar en el primer punto de ancla que creamos, veremos que el cursor del ratón con la herramienta pluma, que aparece un pequeño circulito, para avisar que colocando ese punto de ancla se cerrará el trazado.

    


Práctica

Haremos la silueta de nuestro árbol



Una vez realizado, iremos a las opciones que tenemos en el lateral de la ventana, y escogeremos la opción de "trazado de recorte"


Y asi queda nuestra imagen silueteada con estaherramienta



martes, 12 de abril de 2016

Carta de Colores

Las paletas de color son una herramienta de diseño que sive para combinacones de color.

 Practica

He realizado una paleta de colores en Phosotshop en modo CMYK en la cual he ido aumentado los porcentajes de los colores primarios desde su 10% hasta su 100%, lugeo he ido mezclando el color Cian y Amarillo en distintos porcentajes.



martes, 5 de abril de 2016

Banner en HTML


Gestión de color

Dentro de los sistemas de imagen digital, la gestión del color es la conversión controlada entre las representaciones del color de varios dispositivos, como escáneres, monitores, pantallas de TV, filmadoras, impresoras óffset y medios similares.

El fin principal de la gestión del color es obtener una buena correspondencia entre dispositivos en color. La gestión del color ayuda a obtener la misma apariencia en todos estos dispositivos, suministrando a los dispositivos adecuados las necesarias intensidades de color.


Cambio de perfil de una imagen.

En esta imagen que contiene una gestion de color predeterminada, le cambiareos su perfil para poder imprimir de forma adecuada.

Para ello iremos a "Edición - ajustes de color" 

Nos aparecerá el perfil que tiene nuestra imagen, la cual cambiaremos a otro perfil

 Cambiando en el apartado de ajustes al modo de Preimpresión en Europa 3, que automáticamente cambiará todos los parámtros del perfil, pero el mas importante es saber que en modo CMYK esta selecciondo el "Forad 39" que vendrá por defecto.






 
Pero al estar en nuestro monitor la imagen sigue siendo en RGB que por defecto del cambio de perfil estara en "Adobe RGB (1998)" y para cambiar al modo CMYK Forad 39 iremos a la opcion de "Edición - Convertir en perfil"




 
 





Y nuestra imagen pasa a CMYK de forma correcta para imprimir


lunes, 21 de marzo de 2016

Página Web en Fireworks

Creare un banner intercativo para una página web en la cual habran varias opciones que cada vez que se pulsen iran a determinados apartados para mostrar ese catálogo.

Para ello haremos rectangulos los cuales colocaremos en cada uno sus opciones y aparte colocamos seis cuadros blancos



 Creamos en cada estado las opciones que tenemos. Es decir el primer estado en los cuadros blancos colocaremos seis sillas, en el segundo estado seis mesas, en el tercer estado seis sofas, etc...















Ahora para poder hacer la interactividad, incertamos la division rectangular en cada uno de los nombres y hacer un rectangulo en todos los cuadros blancos

Por ultimo enlazamos cada recuadro con el recuadro grande y en la opciones de Comporamientos ponemos la opcion de "One Click". Y así finaliza nuestro trabajo.