miércoles, 27 de marzo de 2019

Creación de Gif con Photoshop

Hola a todos.
Hoy os voy a explicar como crear un Gif en photoshop.

Para ello debéis elegir de que hacerlo, en mi caso de una bailarina y el banner de la entrada anterior.

Primero creamos el archivo en photoshop o arrastramos el que ya tenemos para abrirlo.
Una vez esto nos vamos a arriba del todo a ventana y seleccionamos linea de tiempo

Nos saldra algo asi.

Le daremos a crear cuadro de animación e iremos poco a poco creando más copias de cuadro de animación y modificándola.
Tendremos que ir seleccionando y deseleccionando las capas que queramos que salgan en esos cuadros en el orden que queramos.


Ahora solo nos quedara comprobar que esta bien y guardarlo.
Para ello debemos ir a archivo, exportar y guardar en web (heredado)

Una vez hecho eso nos aseguraremos que lo estemos guardando en Gif y le damos a guardar.

Y ya esta. Ya tendríamos nuestro Gif creado con facilidad. 
Os dejare aquí un par de ejemplos para que los veáis.
¡Un saludo!



lunes, 25 de marzo de 2019

Creación de Banner con Gif Maker

Hola  todos.
Hoy vengo a hablaros de como crear un banner con un pagina llamada Gif Maker. En mi caso ha sido sobre mi centro de estudios.

Para ello necesitaremos elegir las imagenes para crear el gif que sera nuestro banner, luego en photohop las editamos a nuestro gusto y del tamaño del Banner que deseemos

En mi caso ha sido 300x600pp

Despues de editar todas las imagenes guardamos un nativo y uno en jpg o png, en mi caso png. Buscamos la pagina web y subimos ahi los archivos.

Despues ajustaremos las opciones a nuestro gusto y crearemos el GIF para luego descargarlo.

Y asi tendriamos nuestro banner dinamico en formato GIF. 
Os dejo aqui mi ejemplo. 
Un saludo.

jueves, 21 de marzo de 2019

Tipos de Banners

Hola a todos.
Hoy vengo a hablaros de los Banners.
Se tratan de espacios publicitarios en paginas web

Os hablare de los estáticos y los dinámicos.
Estático: Se trata de un banner sin movimiento que solo consta de una imagen, guardada en png o jpg.
Dinámico: Es uno más complejo que consta con varias imagenes, haciendo asi un banner con movimiento. Se guarda en gif, flash y html5

Ahora os pondré unos ejemplos de cada uno.

Estatico

Tipo:Full Banner
Dimensiones:980x50pp
Formato:jpg
Modo de color:RGB
Peso:50.586 bytes
Sitio:El Pais

Tipo:Half Page ad
Dimensiones:300x600pp
Formato:png
Modo de color:RGB
Peso:195.821 bytes
Sitio:El Mundo

Tipo:Medium Rectangle
Dimensiones:300x250pp
Formato:Png
Modo de color:RGB
Peso:36.930 bytes
Sitio:El Mundo

Tipo:Half-Page ad
Dimensiones:300x600p
Formato:png
Modo de color:RGB
Peso:76.113 bytes
Sitio:El Mundo

Tipo:Half-page ad
Dimensiones:300x600pp
Formato:png
Modo de color:RGB
Peso:56kb
Sitio:20 Minutos

Tipo:Vertical banner
Dimensiones:120x600pp
Formato:jpg
Modo de color:RGB
Peso:23kb
Sitio:20 Minutos

Dinamico

Tipo:Half-Page ad
Dimensiones:300x600pp
Formato:gif
Modo de color:RGB
Fotogramas:3
Peso:143KB
Sitio:El Pais

Tipo:Square pop-up
Dimensiones:300x300pp
Formato:gif
Modo de color:RGB
Fotogramas:2
Peso:43kb
Sitio:El Mundo

Tipo:Rectangle
Dimensiones:300x100pp
Formato:gif
Modo de color:RGB
Fotogramas:3
Peso:7.448 bytes
Sitio:El Mundo

Tipo:Square pop-up
Dimensiones:480x480pp
Formato:gif
Modo de color:RGB
Fotogramas:105
Peso:43kb
Sitio:El Mundo Today

Tipo:Half-page ad
Dimensiones:300x600pp
Formato:Gif
Modo de color:RGB
Fotogramas:3
Peso:90kb
Sitio:El Mundo Today

Tipo:Half-page ad
Dimensiones:300x600pp
Formato:Gif
Modo de color:RGB
Fotogramas:3
Peso:115kb
Sitio:El Mundo Today




Espero que todos estos ejemplos de Banners os hayan servido.
Un saludo

miércoles, 20 de marzo de 2019

Semana de Producción.

Hola a todos.
Hoy os hablare de la mágica semana de producción del Puerta Bonita

La semana del 11 al 17 de marzo, en el instituto Puerta Bonita, se lleva a cabo la semana de producción. Es una semana donde los alumnos de 2º (algunos de 1º) llevan a cabo alumnos proyectos de forma física.

La entrada del instituto se llena de stands con esos trabajos de alumnos, desde camisas, tazas, packaging e incluso hubo varios ordenadores donde podías probar juegos que habían montado los alumnos(lamentablemente se me olvido hacerles una foto)
¡Incluso hubo un stand donde había cuadernos y ponía que podíamos coger uno!

Los alumnos de 2º dieron una charla para los de 1º donde nos explicaban como hicieron todo; el proceso de diseño, la impresión, el montaje, todo para llegar al producto final que habíamos visto expuesto en el recibidor del instituto.

Es una semana bastante genial porque te explican como hacer todo eso y sabes que cuando tu estés en 2º curso podrás hacerlo también. Es algo que llega a causar emoción en la gente de 1º curso como yo al imaginarse que el año que vine podremos hacer todo eso.

Os dejo un par de imágenes.
Un saludo.



lunes, 18 de marzo de 2019

Stop Motion


Hola a todos.
 Hoy voy a hablaros del Stop Motion, primero os explicare que es.
Se trata de una técnica de animación que consiste en aparentar el movimiento de objetos estáticos por un conjunto de imágenes sucesivas

Para crearlo usamos la aplicacion de Stop Motion Studio. 
El primer paso es hacer un Story board donde hacer guion ilustrado de la historia que quieras hacer en el video


Después de eso debemos, en nuestro caso, hacer los dibujos que vayamos a usar y poco a poco ir haciendo las fotos para el montaje.
Es un proceso algo largo y pesado, es recomendable usar tripode pero no necesario,  para nuestro video fueron entre 180 y 200 frames, pero valio la pena. 
Os dejo algunas fotos del proceso.




Aquí os dejo el video final. Lamentablemente le he tenido que quitar el audio. Espero que os guste. Un saludo


miércoles, 20 de febrero de 2019

PDF Interactivo

Hola a todos,hoy os vengo a hablar de los PDF interactivos.
Son buenas alternativas para crear una proyección de diapositivas interactivas.
Os explicare algunas de sus herramientas.


Agregar o editar vinculo:Como su propio nombre indica, sirve para insertar vínculos.
Agregar un marcador:Puedes ir poniendo marcadores en las paginas que creas importante para que con un solo click te lleve a ellas

Adjuntar un archivo: Sirve para meter alguna imagen o documento aparte que quieras meter en el pdf.

El botón: Sirve para crear un interruptor al que le puedes poner distintas funciones, desde que te lleve de una pagina a otra, hasta que te abra un pagina web en concreto, muy útil y sencillo de utilizar.
Agregar un video: Sirve para introducir un video dentro del archivo pdf.
Agregar sonido: Introduce un documento de audio en el pdf sin problema.
Agregar swf: Es una ventana directa a una pagina web concreta
Agregar 3D: Es introducir un modelo 3D, bastante chulo, te deja moverlo luego y mirarlo desde distintas vistas.


Espero que os haya servido de algo.
Un saludo

jueves, 14 de febrero de 2019

Formularios

Hola a todos.

Hoy hablaremos de los formularios. Son documentos, ya sea físico o digital, que sirven para recopilar datos estructurados del usuario.

Os explicare un poso las herramientas de Adobe Acrobat.
Primero deberemos irnos a la herramienta de Formulario y alli o creamos uno o editamos el que tengamos ya abierto.


Una vez alli podemos crear cajitas o editarlas con estas dos opciones. Si le damos a agregar nuevo campo se nos desplegaran varias opciones.

Os explicare por encima cada opción.

Campo de texto: Se trata de un cuadrado normal que servirá para poner información como nuestro nombre o apellido.
Casilla de verificación: Se tratan de casillitas que nos sirve para marcar ciertos apartados en una lista de cosas pudiendo marcar varias.
Botón de Radio: Es igual que la casilla de verificación pero en este solo puedes elegir una opción.
Cuadro de lista: Como su nombre indica es una lista.
Menú desplegable: Se trata de un menú de opciones desplegables.
Botón: Sirve para poner un botón al que le darás una utilidad, ya sea imprimir al clickear, abrir un documento, etc.
La firma digital: Es un cuadro el cual esta destinado a una firma.
Código de barras: Como su nombre indica es un código de barra.

Ahora quiero explicaros las ediciones que les podéis hacer a los ajustes de todas esas herramientas. Con un doble click en la cajita que acabas de crear te saldré esta cajita.


En ella podrás poner los ajustes que quieras, desde que la caja sea visible pero no aparezca al imprimir o que simplemente no sea visible.

En general podrás cambiar el nombre y si es visible o no.

En aspecto podrás cambiar el aspecto del cuadro, poniéndole fondo si quieres o contorno.

Posición sera para la colocación del cuadro.

Opciones, te servirá para cosas como alinear el texto.

Acciones es para elegir que acción desempeñara ese cuadro, para los botones sirve para decirle si va a ser para imprimir, abrir un archivo etc.


Formato te va a servir para si va algo ahí en concreto, como una fecha.

Validar seria por si tienes que meter una cantidad especificar de que numero a que numero tiene que estar puesto

Y calculo te sirve si tienes que hacer algún tipo de suma, resta o esas cosas.

Os dejo aqui uno de los Formularios que he editado para que se vea como queda.





Y parte del documento rellenado


Espero que esta entrada os haya sido de ayuda.
Un saludo