jueves, 18 de febrero de 2016

PRACTICA MASCARAS DE RECORTE USANDO FORMAS VECTORIALES

THE BIG SHORT 

En esta practica realizaremos un cartel para una película en la cual tendremos que utilizar mascaras de recorte pero tambien añadiremos una nueva herramienta llamada formas vectoriales

 
1. Para empezar seleccionaremos la herramienta personalizada que en este caso sera la forma de la flecha y la aplicaremos sobre el documento en la cual tendremos que colocar las imágenes de los protagonistas e la película




 

2. Crearemos cuatro flechas en el documento una arriba abajo a la izquierda y otra a la derecha a als cuales les daremos un trazado de colores y tamaños  luego colocaremos las imágenes  y le daremos aplicar mascaras de recorte para que las imágenes queden adaptadas en las flechas  


3. En una de las imágenes tendremos que aplicar una mascara de capa ya que la cabeza de unos de los actores sobresale a la flecha aplicada retocaremos  la parte del pelo y crearemos una mascara de capa la cual la pondremos encima de la capa ya si quedara x fuera de la flecha

4. Por ultimo pondremos el texto THE BIG SHORT  y lo ajustaremos para obtener el resultado final y lo llevaremos a indesing creando un nuevo documento para imprimirlo





                                                                       FINAL 




PRACTICA CON MASCARAS DE RECORTE

MASCARAS DE RECORTE 

Las máscaras de recorte permiten usar el contenido de una capa para enmascarar las que hay por encima .La creación de la máscara está condicionada por el contenido de la capa inferior o capa base . El contenido no trasparente de la capa base recorta (muestra) el contenido de las capas superiores en la máscara de recorte .El resto del contenido de las capas recortadas se enmascara .




A continuación realizaremos una practica utilizando  mascaras de recorte BALLENA
utilizando las siguientes imágenes

  

1. para empezar trabajaremos sobre la imagen de la ballena donde pondremos primero el texto y para ello ocultaremos la capa de la ballena

2. Al texto le pondremos un tipo de letra algún tipo de fusion y tendremos que RAZTERIZARLO para que se convierta en imagen para ello ires a capa + razterizar+ texto













3. Luego de tener listo el texto realizaremos la mascara de recorte , para ello primero crearemos una mascara de relleno para así poder utilizar la imagen de la ballena la cual colocaremos sobre las capas de texto y de relleno y aplicaremos la mascara de recorte para ello iremos a CAPA + CREAR MASCARA DE RECORTE Y  así obtener el resultado final

4.  Por ultimo colocaremos la imagen de la brújula sobre las capas anterior y tambien le aplicaremos un recorte peo ademas tendremos que bajarle la opacidad para que no destaque tanto sobre la imagen y así tendríamos el resultado final.







                                                                        FINAL








PRACTICA MADAME BUTERFLY

POSTAL CMYK PARA ARTE MADAME BUTERFLY

En esta practica de madame buterfly usaremos mascaras de capas, degradados, opacidades modos de fusión y sobre todo mascaras de relleno , partiendo de las siguientes imágenes .

 

1. Realizaremos un trabajo para arte y lo montaremos en pothoshop creando un documento nuevo con unas medidad de 13 x 17 cm y a una resolución de 262ppp

2. Colocamos la imagen de las mariposas sobre el documento el cual tendremos que quitarle el fondo para que nos quede solo las mariposas eso lo ahremos con la barita mágica ,cuando ya tengamos las mariposas solo haremos una capa de relleno con un degradado adecuado y bajandole la opacidad para que nos quede como el resultado que nos piden




3. Por otra parte ahora colocaremos la imagen de la japonesa en la cual también trabajaremos con algún tipo de fusión el mas adecuado para que quede bien también le crearemos una mascara  de capa en la cual le daremos tambien el degradado adecuado

4. Por ultimo le añadiremos el texto al que tambien le daremos un modo de fusión y lo llevaremos a indesing donde lo exportaremos como PDF para poderlo imprimir con cruzes de corte y sangrado




INDESING
 
                                                                          FINAL 












                                                                 

miércoles, 17 de febrero de 2016

BANNER INSTITUTO

BANNER DINÁMICO I.E.S PUERTA BONITA 

A continuación hemos realizado un banner para el IES Puerta Bonita siguiendo los mismos pasos con los que hemos hecho los demás banners anteriores

Montando primero el diseño con imágenes y textos y creando capas hemos realizado el montaje del banner donde hemos puesto los diferentes módulos y ciclos formativos que hay en el instituto

Y una vez terminado lo haremos animado con la linea del tiempo  donde vallan apareciendo las imágenes una tras otra y asi obtener el resultado final
















FINAL



martes, 16 de febrero de 2016

BANNERS CON POTHOSHOP

REALIZACIÓN DE BANNSERS ESTATICOS Y DINÁMICOS CON POTHOSHOP 

A continuación realizaremos dos tipos de banners uno estatico y otro dinámico usando pothoshop 


BANNER ESTATICO POP UNDER DIA MUNDIAL SIN TABACO 

1. Para realizar este banner primero haremos el montaje en pothoshop utilizando capas y textos , macaras de capa y degradados para así una vez terminado podamos dinamizar de modo que vallan apareciendo uno detrás de otro 











2. Una vez realizado el montaje así es como quedaría y ya lo tendríamos listo para dinamizarlo 











BANNER ESTÁTICO
3. Para empezar a crear el banner dinámico lo que haremos es irnos  a menu ventana y elegir LINEA DEL TIEMPO que es la que se encargara de dinamizar nuestro banner 

4. Lo siguiente sera ir ocultando y descubriendo  capas y abriendo una nueva  ventana de linea del tiempo para que valla apareciendo una tras otra por ultimo le daremos un tiempo y elegiremos las veces que queramos que se repita .


5 . Para finalizar lo guardaremos y para ello tendremos que ir a guardar archivo para la web y elegiremos un formato adecuado para guardarlo en este caso en formato GIFF


BANNER DINÁMICO






BANNER ESTÁTICO Y DINÁMICO LARGE RECTAGLE
TRIODOS BANK

El siguiente banner de triodos bank es muy similar al anterior ya que tan bien lo hemos montado en pothoshop y a continuación lo hemos dinamizado siguiendo los mismos pasos


ESTÁTICO 

Una vez montado  el estático haremos los mismos pasos anteriores para dinamizar el banner y lo guardaremos igual en formato giff




DINÁMICO

viernes, 12 de febrero de 2016

TIPOS DE BANNERS

TIPOS DE BANNERS 
 
BANNERS INTEGRADOS

¿Qué es un banner?
Un banner es básicamente una “imagen” con unos tamaños predeterminados que se introduce en las páginas web con el objetivo de que los navegantes que hagan “click” en esa imagen sean redirigidos a otra página web con el objetivo de conseguir el mayor número de visitas posibles.

Entre los Banners que existen podemos encontarr los Estaticos y Dinamicos


 BANNERS ESTÁTICOS:
 Son aquellos banners que tienen una posición fija en la página y que no cambian de tamaño ni de posición bajo ningún concepto. A continuación mostraremos 6 tipos de Banners estáticos 

1

Tipo de Banner : Estático
Dimensiones y resolución : 300 x 250 , 72ppp
Formato y peso:  jpeg , 219,7 kb
Modo de color : RGB



2


Dimensiones y resolución : 300 x 250 , 72ppp
Formato y peso : gif , 73,2 kb
Modo de color : Color indexado








3





Dimensión y Resolución: 728 x 90 , 72ppp
Formato y peso: jpg ,  192,0 kb
Modo de color :RGB







4

Dimensiones y  Resolución: 728 x 90,   72ppp
Formato y peso : jpg ,  192,0 kb
Modo de color: RGB











5
Dimensiones y Resolución:  300 x 250 ,   72ppp
Formato y peso : jpg ,  219,7 kb
Modo de color: RGB






6
Dimensiones y resolución:300 x 250 ,  72ppp
Formato y Peso: jpg ,  219,7 kb
Modo de color: RGB














BANNERS DINÁMICOS: 
Los banners dinámicos son aquellos que tienen una pequeña interacción y movimiento y están divididos por numero de fotogramas

1

Dimensiones y resolución: 300 x 100 , 72 ppp
Formato y peso : GIF , 87,9 kb
Modo de color :  RGB
Número y duración de fotogramas: 13 ftgrms , 3 sg x
fotograma









2
Dimensiones y resolución: 300 x 100 ,  72ppp
Formato y peso .GIF, 87,9 kb
Modo de color :RGB
Número y duración de fotogramas: 4 fotgms  , 1 y 2 duran 2 sg y 3 y 4 , 4  sg




3
Dimensiones y resolución: 300 x 100,  72 ppp
Formato y peso :GIF,  87,9kb
Modo de color :RGB
Número y duración de fotogramas: 3 ftgrms , 2 sg cada uno















4

Dimensiones y resolución: 300 X 250 , 72 ppp
Formato y peso: GIF , 219.7 kb
Modo de color: RGB
Número y duración de fotogramas: 4 ftgrms , 2 sg cada uno



5
Dimensiones y resolución: 300 x 250 , 72 ppp
Formato y peso:GIF , 219,7 kb
Modo de color: RGB
Número y duración de fotogramas: 2 ftgrms , 4sg cada uno










6

Dimensiones y resolución: 300x 250 , 72 ppp
Formato y peso: GIF , 219,7 kb
Modo de color: RGB
Número y duración de fotogramas: 33 ftrgrms , 5 sg cada uno