Flip Page ID

Hola y bienvenidos a otra entrada más.

En esta ocasión vengo a enseñaros cómo hacer un Flip Page en Indesing.

Bueno, primero abrimos un documento nuevo y le ponemos la opción de paginas enfrentadas u opuestas. Yo he puesto 16 pero no hay un tope.

Como podeis ver las paginas una vez creado el documento estan como en una revista. Seguidamente nos aparecerá un menú con nuetras paginas y arriba a la derecha tendremos las paginas de forma individual y debajo la pagina maestra, algo bastante útil que ahora veremos.

En la pagina maestra hacemos doble clik y aquí nos aparecerán dos paginas que al ponerle distintos elementos y darle  cualquier otra pagina se verán en todas, algo así como una plantilla. Esto es bastante útil porque si hay un elemento que se repite en varias paginas, creas una pagina maestra y no tendrás que hacer lo mismo una a una, que es mas engorroso.

Para numerar las paginas, no metemos de nuevo en la pagina maestra y ponemos un pequeño cuadro de texto donde querais. Seguidamente nos vamos a menú Texto, Insertar carácter especial, Marcadores, Número de pagina actual. Seguidamente te aparecerá una A. esta letra representa la letra de pagina maestra, debido puede haber mas de una y con este método no te lías y sabes donde estas exactamente.

Y terminado el documento es hora de guardarlo. Para que se mantenga el efecto Flip Page vamos a guardarlo en PDF. Nos vamos a menú Archivo, Exportar... y a la opción Flash Player (SWF).

Yyyyyyyy ya lo tenemos.

Y bueno hasta aquí esta entrada. espero que os haya gustado. Un abrazo y nos vemos pronto.

Imagen inateractiva

Hola a todos.

Hoy vengo a exlicar que es una imagen interactiva y enseñaros como crear una a partir de una aplicación online.

Una imagen interactiva es cualquier imagen con botones que te dan información al posicionar el cursor encima de estos. Dependiendo del botón, al ser pulsado te llevara a otro lugar, una pagina web, un video etc.

Estos botones se volverán visibles al poner el cursor encima de la imagen.

Os enseñare ha hacerlo a partir de una pagina web llamada Thinglink

En primer lugar debemos elegir una imagen de nuestro agrado y cargarla en la pagina.

Seguidamente podrás personalizara a tu gusto.

A  cada botón que pongas podrás darle una función distinta y personalizarlo a tu gusto., ademas de poder cambiar su posición.

Finalmente cuando lo tengas terminado podrás guardarlo y si quieres subirlo a alguna red social o pagina web a traves del codigó que debes poner en HTML. 

Intentar no ponerle mucha calidad a la imagen para la web pues tardara mas en cargar.

El siguiente ejemplo es uno que hice yo a través de la pagina.

Y hasta aquí esta entrada. Espero que os haya servido. Un abrazo y nos vemos pronto.

Realidad Aumentada

Buenas y bienvenido a otra entrada más. Hoy te explicare lo que es la realidad aumentada.

La realidad aumentada es un conjunto de tecnologías que permiten la visualización a partir de un dispositivo con información, una imagen virtual, en el mundo real.

link para ver un articulo relacionado.

Realidad aumentada aplicada al sector industrial.

un video.

Aplicaciones de realidad aumentada

La realidad aumentada es un gran avance debido a que gracias a ella se podrían mejorar muchísimas cosas, crear prototipos en 3D por ejemplo, ademas en el area educativa seria mucho más entretenido y fácil aprender cosas y entenderlas. 

Y hasta aqui esta entrada. espero que os haya gustado. Un abrazo y hasta pronto. 

Código QR

Buenas y bienvenido a otra entrada más. El día de hoy vengo a enseñarte a ti, querido sujeto a como hacer un código QR a través de la Unitag.
Es bastante sencillo y rápido.

Pero ante voy a explicarte que es un QR, aunque imagino que ya lo sabes pero bueno. :v

Un código QR es una matriz de puntos blancos y negros que permiten almacenar información mediante un código de barras. Es una versión mejorada del código de barras normal ya que puede almacenar información en dos direcciones y puede contener mucha mas información.

En primer lugar debes copiar y pegar la URL de la página y a continuación verificarlo. A partir de aquí puedes personalizarlo como tu quieras.


IMPORTANTE: valida el link para que al escanear el código te lleve a la pagina.



Cuando lo termines debes darle a descargar el código QR. Te aparecerá un flip. Descomprimelo dentro tendrás varios archivos entre ellos la imagen del QR.


Yo hice varios para que veais los cambios que puedes hacerle al código. 😄



                                                 



Y hasta aqui esta entrada. Un abrazo. Hasta la proxima

vista 360

Hola y bienvenidos a una nueva entrada.

En esta ocasión voy a explicaros como hacer una imagen 360 a través de una pagina online.

Dejare el link para que podáis crear la imagen directamente.

Dermandar

Me imagino que  todos sabeis lo que es una imagen de 360º pero lo voy a explicar igualmente :v

Una imagen 360 es un modelo 3D generado a partir de fotografías independientes de un objeto en eje circular en todas direcciones.

Os voy a explicar como hacerla

primero te aparecerán dos opciones 

   

Cuando hayas elegido la que quieras tendrás que seleccionar dos o mas fotos

(recomiendo tenerlas en orden por que el programa si las tienes desordenadas las pondrá como quiera)

Una vez elegidas las imágenes le das a abrir y tendrás tu imagen creada. Si quieres guardarla debes crearte una cuenta, es fácil, sencillo y para toda la familia.

Una vez creada la cuenta le das al engranaje de la esquina superior derecha

Se abrirá una ventana con varias opciones. Debes darle a "upload". Seguidamente te aparecerá otra ventana para poner nombre a tu panorama. Una vez escrito le das de nuevo a opción "upload". Te dirá que esperes. En la siguiente ventana debes clikear a "confirm". Otra ventana de espera y te saldrá una ventana con un texto y dos opciones en blanco. Si deseas simplemente guardarlo dale al segundo "here" si quieres colgarlo en internet, te metes en el primero y copias el código HTML que te aparece.

y eso es todo amigos.

Este es mi resultado

Panoramica

Buenas y ser bienvenidos a una nueva entrada.

En esta ocasión os mostrare como hacer una imagen panoramica con photoshop.

No asustarse que no es muy complicado ;)

En primer lugar tienes que hacer varias fotos consecutivas.

Yo he escojido estas.

 

Seguidamente abres photoshop. 

Y te vas al menu archivo, automatizar, photomerge.

Al hacer clic te aparecera una ventana con varias opciones.

eliges las imagenes abiertas y dale a ok. 

Yyyyyyyy ya la tenemos. ahora solo tienes que recortarla y ya la tienes.

Legibilidad en la web

Hola y bienvenidos a una nueva entrada

hoy os traigo errores que la gente comete al hacer sus paginas web, con dos ejemplos. una mala web y otra buena, usando las reglas de legibilidad que conocemos, pero antes una pequeña definición del concepto de mapa de sitio web

Mapa web: es una lista que enlaza con los distintos apartados de una pagina como si fuera un buscador de palabras clave. Suele estar al final de la pagina

Primeramente vamos a ver la pagina web mala.

Blog de trabajos de Photoshop de un agradable sujeto

Bueno, en primer lugar la pagina tarda en cargar y al hacerlo vemos que este agradable sujeto ha puesto demasiado margen y lo ha usado para poner una animación repetitiva y algo molesta de fondo. A parte de un gif de la tierra girando que sinceramente no se que pinta ahí pero bueno.

Vemos que nos pone una presentación de el mismo donde explica cual es la finalidad de su blog, también pone su correo electrónico (que no se ni porque lo ha puesto ahí ni para que :v. continuemos)

Al parecer este agradable sujeto sube videos a youtube y amablemente nos los pone a disposición en su blog, en lugar de en alguna entrada poner el link a su canal.

La pagina no tiene jerarquía ninguna respecto a la fecha de las entradas ni siquiera se si tiene entradas en su blog. Muchos de los colores utilizados son muy saturados y pueden molestar al usuario.

Blog sobre la historia de Van Gogh

Vamos con este. En primer lugar tenemos que no tarda nada en cargar la pagina, vemos que el fondo es agradable y tiene en un lateral las fechas de cuando se publicaron cada una de las entradas. En las entradas se diferencia perfectamente que es el titulo, ademas de tener imagines para amenizar la lectura.

Te viene su perfil y sus redes sociales para que la sigas si te interesa su trabajo.  También te viene paginas interesantes relacionadas al tema principal, en este caso la vida de Van Gogh.

Ahora os voy a explicar las diferentes estructuras de navegación web.

Lineal: Es la estructura de  navegación mas simple. Unicamente sigue una dirección.

Reticular: Usan hiperviculos enlazados que te llevan a otras paginas web.

Jerarquizado: Es una fusión de las dos modalidades anteriores. 

Telaraña: Todas las paginas estan enlazadas entre ellas sin ningún orden aparente.

Y hasta aqui esta entrada, espero que os haya gustado y os sirva.