Buscar este blog

martes, 29 de mayo de 2018

Formulario

Formulario


¿Que es?

Es un documento, ya sea físico o digital, diseñado para que el usuario introduzca datos estructurados (nombres, apellidos, dirección,fecha, etc.) en las zonas correspondientes, para ser almacenados y procesados posteriormente.


¿Cómo hacer formularios?


El programa Adobbe Acrobat Pro Dc, nos permite desde sus herramientas hacer formularios con una gran variedad de cosas (texto, enlaces a paginas web, marcar casillas, selección, firma digital, códigos, etc.)
  •  Añadimos las casillas con una pequeña pestaña que hay arriba seleccionando el tipo de recuadro que queremos (texto, selección, botón, firma, código...)




  • Todas las casillas pulsando el botón derecho del ratón nos abre una pestaña con varias opciones (Propiedades)






  • Dentro modificamos los apartados como lo necesitemos.




  • Una vez hayamos terminado nuestro formulario lo Guardamos donde deseemos y ya estaría listo nuestro formulario.






jueves, 17 de mayo de 2018

Banner Dinamico en GIFMaker

Banner Dinamico en GIFMaker

Utilizando http://gifmaker.me/ (GIFMARKER) crearemos un gif animado de ies Puerta Bonita.

GIF Maker es la mas fácil de todas ya que solo te deja añadir imágenes y el propio programa web te hace el gif, sin ningunas de las opciones de edición de capas, textos, imágenes... Lo que si permite es un formato de archivo GIF, lo que le diferencia de los anteriores.


Otros ejemplos:


231423423423423423423

jueves, 10 de mayo de 2018

cinemagraph

Se producen tomando una serie de fotografías o grabaciones de vídeo y utilizando un software de edición de imágenes, componiendo las fotografías o fotogramas de vídeo en un archivo GIF animado de tal manera que el movimiento en parte del sujeto expuesto (por ejemplo, pierna colgando de una persona) se percibe como un movimiento repetitivo o continuo.

El término "cinemagraph" fue acuñado por los fotógrafos de EE. UU. Kevin Burg y Jamie Beck, quienes utilizaron la técnica para dar vida a sus fotografías de moda y noticias empezando en principios de 2011.

Proceso de creación[editar]

Los cinemagraphs se crean mediante un programa de edición de imágenes (por ejemplo, Photoshop) y a partir de la grabación de un pequeño clip de vídeo que opcionalmente se puede editar con el software correspondiente (como el Final Cut).
El primer objetivo es seleccionar un frame de este vídeo y decidir qué parte representará la parte fija de la fotografía y qué parte la que tenga movimiento. El siguiente paso es crear la fotografía en movimiento mediante el uso de un software de edición de imágenes, para acabar exportándola en su formato de reproducción final (GIF).
Actualmente y debido a los grandes avances tecnológicos en telefonía móvil, hay algunas aplicaciones (APP), como Cinemagraph Pro o Flixel, que crean automáticamente cinemagraphs a partir del vídeo en el cual previamente se ha seleccionado qué parte se quiere en movimiento y que no. Aun así, el nivel de calidad no llega al de la creación manual. 


1. El primer paso es obtener un archivo de video y abrirlo en PhotoShop 


2. Dentro de PhotoShop en ventana marcamos la herramienta línea del tiempo


3. Cuando tengamos lista la línea del tiempo duplicamos la capa video y la rasterizamos dejando la copia encima de la capa video original.


4. Cuando obtengamos el resultado deseado podemos retocar la línea del tiempo para una mayor coherencia o quedarte con las zonas de tiempo mas óptimas.


5. Para finalizar este seria mi ejemplo acabado:












lunes, 30 de abril de 2018

MÁS BANNERS DINAMICOS Y ESTATICOS EN PHOTOSHOP

Trabajo del tabaco

Publicidad para dejar de fumar 

Banner estático 

Dimensiones: 720 x 300 px
Peso: 229 KB
Modo de color: RGB
Resoclución: 72ppp
Formato: JPG

Banner dinámico 

Dimensiones: 720 x 300 px
Peso: 164 KB
Modo de color: RGB
Resolución: 72 ppp
Formato: GIF


Banner dinámico 

Dimensiones: 582 x 72 px
Peso: 122,8 KB
Modo de color: RGB
Resolución: 72 ppp
Formato: GIF



¿Como se hacen los GIF?

CREACIÓN DE LOS GIF

1º Hay que tener una idea de lo que quieres reproducir (ya sean imágenes, dibujos,pixel art) y crearlo.

La bailarina

 En menú/ventana, encontramos la pestaña de línea del tiempo, clicamos sobre ella. Y nos aparecerá en la parte inferior de la pantalla.



3º Ya tenemos sacada la línea del tiempo y en ella en la parte inferior izquierda hay dos opciones: Convertir en línea del tiempo vídeo o convertir en animación por cuatros.


4º Para dar movimiento al trabajo final lo que he hecho ha sido duplicar la imagen principal en varias capas haciéndola girar a la bailarina y cambiar el color y el resultado es este:























jueves, 26 de abril de 2018

Creación de banners

Banners


Es una pieza publicitaria dentro de una página web. Su objetivo es atraer tráfico hacia el sitio web del anunciante que paga por su inclusión. Su contenido puede incluir imágenes, textos, animaciones, vídeos, audio,formularios...
Puede ser estático (JPEG o PNG), o dinámicos ( GIF, flash).

Las medidas se establecen en pixeles y el peso (tamaño o volumen del archivo en Kb).
Estáticos: no tienen ningún tipo de animación, tienen un breve texto de información con enlace a la web, y pueden tener un logo.


Dinámicos: tienen algún tipo de animación,efectos de texto e imagen, enlace a la web, y estos pueden tener: logo, texto simple, eslogan, idea de venta, texto publicitario e imagen.

Formatos y tipos:






Ejemplos:


Tipo de Banner: Formato estándar Integrado.


Dimensiones: 346x25px
Resolución: 72ppp
Formato del archivo: JPEG 
Peso del archivo: 87,9Kb
Modo de color: RGB


Tipo de Banner: Formato estándar


Dimensiones: 300x600px 
Resolución: 72ppp
Formato del archivo: JPEG 
Peso del archivo: 525,3Kb
Modo de color: RGB

Tipo de Banner: Formato estándar


Dimensiones: 160x600px

Resolución: 72ppp
Formato del archivo: PNG 
Peso del archivo: 281,3Kb
Modo de color: RGB


Tipo de Banner: Formato estándar



Dimensiones: 728x90px
Resolución: 72ppp
Formato del archivo: PNG 
Peso del archivo: 192Kb
Modo de color: RGB

Tipo de Banner: Dinámicos



Dimensiones: 180x228px
Resolución: 72ppp
Formato del archivo: TIFF
Peso del archivo:120,2Kb
Modo de color: RGB
Fotogramas: 10

Tipo de Banner:Dinámicos


Dimensiones: 300x250px
                                                                      Resolución: 72ppp
                                                                 Formato del archivo: TIFF
                                                                 Peso del archivo:219Kb
                                                                    Modo de color: RGB  
Fotogramas: 8



viernes, 23 de febrero de 2018

Tipos de paginas web

Sitios web

  • Un sitio web es un conjunto de archivos electrónicos y páginas web referentes a un tema en particular, incluyendo una página inicial de bienvenida generalmente denominada home page, a los cuales se puede acceder a través de un nombre de dominio y dirección en Internet específicos.

Tipos de paginas web


  • CORPORATIVAS: Sirve como canal de comunicación entre una empresa y sus clientes potenciales ya que, a través de la web corporativa, éstos pueden solicitar información relacionada, por ejemplo, con los bienes y servicios que comercializa la marca, tales como los precios, métodos de pago y de envío, entre otros.
  • COMERCIO: Consiste en la distribución, venta, compra, marketing y suministro de información de productos o servicios  a través de Internet. Para las pequeñas empresas supone una gran oportunidad de mercado, ya que permite ampliar su horario de venta las 24 horas del día y que cualquier cliente potencial puede acceder a su tienda independientemente del lugar del mundo en que se encuentre.
  • EDUCATIVO: Un sitio web educativo puede definirse,en un sentido amplio, como un espacio o conjunto de páginas en la WWW (Web)que ofrecen información, recursos o relacionados con el campo o ámbito de la educación.
  • PERSONALES: Es un sitio web que puede ser de una persona o un grupo pequeño.
  • COMERCIO ELECTRONICO
  • NOTICIAS: Hechos o sucesos recientes que han sucedido en todo el mundo y que tienen un interés público.



Análisis de 3 sitios web


GAME:Esta página web posee un orden muy concreto es de tipo comercio, puede parecer que a simple vista hay demasiados elementos que puedan interferir en la usabilidad pero posee un orden correcto separando cada producto por categorias. manteniendo las ofertas y los juegos seminuevos en primera pagina Las interacciones del usuario son muy buena permitiendo moverse con gran libertad y siempre pudiendo elegir volver.

REDBUBBLE:Esta página web tiene un diseño es de tipo comercio simple pero facilita la búsqueda para el usuario esta en varios idiomas y tiene una organización muy buena.




FOROCOCHES:ForoCoches es un foro de Internet en español orientado inicialmente a la automoción que permite la creación de hilos de discusión sobre prácticamente cualquier tema