Imagen interactiva

¡Hola bloggeros!

Hoy os mostraré la imagen interactiva que realicé junto con mi compañero Diego Castro. Antes de empezar, visualizamos algunos ejemplos de imagen interactiva que habían hecho nuestros compañeros del año pasado.
Una vez nos hubimos informado, empezamos con el trabajo. Para realizarlo, utilizamos la app-web de Genial.ly, pues nos gustó más que Thinglink, ya que esta última no permite utilizar pines personalizados.
Al principio no nos dedcidíamos con el tema, pero finalmente tomamos la decisión de hacer la imagen acerca de la compañía de videojuegos Ubisoft.
Tanto los iconos personalizados como las imágenes de cada juego las editamos nosotros utilizando Photoshop CS6. Esta parte del trabajo nos llevó bastante tiempo, pero le dió un mejor aspecto a nuestra imagen interaciva. Una vez editados, colocamos los pines e imagenes de forma más o menos ordenada a lo largo del espacio que nos dejaba la aplicación.
Por último, dispusimos la información sobre cada juego de forma extensa valiéndonos de diversas fuentes de información, como 3D Juegos o HobbyConsolas.

Aquí os dejo mi imagen, espero que os guste:

Infografía

¡Hola bloggeros!
Hoy os mostraré el resultado de la tarea de informática que consistía en realizar una infografía, que es una combinación de imágenes explicativas y textos con el fin de comunicar una información de manera visual.
Yo nunca antes había realizado una infografía, así que me pasé un rato observando algunos ejemplos para poder empezar. Me resultó bastante facil escoger el tema, pues desde pequeño me ha encantado leer y siempre se me ha dado bien escribir historias.
Mientras me informaba, descubrí que las infografías podían ser animadas, así que opté por hacerla de esta manera para darle una mejor apariencia.
El resultado de mi trabajo es un poco distinto al del resto de compañeros, pues no usé ningún programa especializado en hacer infografías, si no que me valí del Photoshop CS6 y del Sony Vegas 12, lo cuál hizo que el trabajo me llevase bastante tiempo.
Para empezar, descargué de Youtube un pequeño vídeo en el que se mostraba un libro abriéndose. Luego, visualizé el siguiente tutorial para aprender a darle a mis textos un ''efecto de máquina de escribir'' con el Sony Vegas, lo cuál hacía que el título de mi trabajo quedase mejor que con un simple fundido. Después de esto, guardé las imagenes que iba a utilizar en mi infografía y con el Photoshop CS6 coloreé el fondo de estas de verde, cómo se ve en la siguiente imagen.

 Luego utilicé la Clave Cromática del Sony Vegas para quitarles el fondo verde a estas imágenes y las dispuse sobre el libro abierto. Ahora solo quedaba acompañar las imágenes con textos.

Una vez escritos, utilicé la línea de tiempo de cada uno y le dí una ''sensación de movimiento'' además de añadirle alguna transición a estos.

Imagen del proceso de edición con Sony Vegas 12.

Finalmente, convertí el vídeo en un GIF utilizando el siguiente conversor.

Aquí os muestro el resultado final, espero que os guste:

Esta tarea ha sido, si no la que más, una de las que más tiempo me han llevado, pero he podido aprender mucho, pues antes de comenzar ni siquiera sabía lo que es una infografía.

¡Un saludo!

Solución 5 Diferencias

Aquí os dejo las soluciones, espero que las hayáis podido localizar todas.

.

¡Un saludo!

Las 5 diferencias

¡Hola bloggeros!

Hoy os mostraré el resultado de la tarea que hice para informática, la cuál consistía en realizar un montaje de dos fotos, entre las cuales habrá 5 diferencias que deberéis localizar.

Foto original:

*Foto tomada por Nando Martínez, fotógrafo de Depor Vavel con el cual me puse en contacto vía twitter para pedirle permiso y usar la imagen.
                                     
Foto modificada:

    

                                        

A continuación os muestro el montaje:

En la siguiente entrada os mestro las soluciones.

Ahora os hablaré del proceso que seguí para editar la fotografía con mi programa, Photoshop CS6


1ª diferencia: El escudo   
Para esta diferencia, eliminé el escudo del Deportivo usando la opción de "Imagen" luego "Relleno" y finalmente seleccioné la opción que nos daba de rellenar según el color de fondo. Por último, usé una foto del escudo del Barça, le quité el fondo, la puse en la camiseta y la roté un poco para que fuese más realista.

 2ª diferencia: El balón

Para ella lo que hice fue guardar la imagen de un balón, quitarle el fondo y colocarla entre los jugadores.

3ª diferencia: El fotógrafo


Para ella seguí el mismo procedimiento que con el balón: guardé la imagen del fotógrafo, le quité el fondo y lo puse en la imagen.

4ª diferencia: El rostro de Lucas.

Para cambiarle el rostro al jugador del deportivo tuve que ver el siguiente tutorial, pues nunca antes había hecho algo parecido. Una vez informado, guardé una imagen del jugador en la que apareciese sonriendo, la recorté y la superpuse a la original. Una vez realizado esto, usé la opción de ''igualar color'' para que no se notase mucho la diferencia.

5ª diferencia: El dorsal de Faiçal

Para ello, recorté la imagen original en la zona del pantalón de Luis Alberto, exactamente donde se encontraba el dorsal 21. Una vez tenía esa imagen, la superpuse al pantalón de Faiçal, que es el dorsal 19, de tal forma que parezca que Faiçal también tiene el dorsal 21,


Esta tarea me llevó más tiempo que las anteriores, pues realmente eran varios montajes en uno, pero aun así me resultó muy interesante y entretenida. Además, me quedé muy satisfecho con el resultado.

¡Un saludo!

Informe prácticas realizadas con el relé

Para la asignatura de tecnología, mi compañero Diego Castro y yo, tuvimos que escribir un informe acerca de una serie de prácticas que realizamos con el relé. En este informe se reflejan los distintos componentes de los circuitos, fotos y videos del montaje y el dibujo de estos circuitos utilizando los programas Fritzing y Crocodile.
Respecto a la webgrafía, no hemos consultado ninguna página pues nos hemos valido de nuestros apuntes  tomados en clase.
A continuación os muestro el trabajo, espero que os guste.

Informe Prácticas Con El Relé

Gif animado

¡Hola bloggeros!

Hoy os mostraré el resultado de la tarea de informática, que consistía en la realización de un GIF animado a partir de una serie de fotografías, que podían ser sacadas de internet o tomadas por tí mismo.
Para realizar Las caricaturas me apoyé en los tutoriales que ya había visualizado para la anterior tarea (como este o este). Luego me dispuse a hacerlas con  la herramienta ''Licuar'' del programa Photoshop CS6.
Para realizar el GIF no necesité ningún tutorial, pues no era la primera vez que hacía uno. En este caso, el GIF lo hice con un programa conocido como Picasion. Este programa era muy simple, pues solo había que seleccionar las imagenes y el GIF se hacía automáticamente. Aquí os dejo el resultado:

Los resultados de la tarea han sido muy divertidos, pues pude cambiar mi expresión de muchas formas, siendo cada una más curiosa que la anterior.

¡Nos vemos!

Caricatura

¡Hola bloggeros!
Hoy os mostraré la tarea que hice para informática, la cual consistía en realizar una caricatura a partir de una imagen del Doctor House o a partir de una imagen tomada por ti. En mi caso, opté por hacerla a partir de una foto de mi propio rostro. Esta opción nos proporciona más puntos, así que no dude en usar una imagen propia.
El profesor nos recomendaba un programa de edición fotográfica conocido como Gimp, pero yo preferí usar Photoshop CS6, con el cual estoy más familiarizado.
Antes de empezar con el trabajo me informé con una serie de tutoriales como este o este otro. El segundo tutorial no era tan bueno como el primero, pues el autor no se explicaba muy bien .
Una vez visualizados los tutoriales edité la foto en Photoshop CS6 con la herramienta ''licuar'' y con ella deformé distintas partes de mi rostro a mi antojo.

Finalmente, realicé un collage con el propio programa y escribí la licencia

Esta tarea me ha gustado mucho ,ya que me he divertido mucho deformando mi propio rostro. Desde que empecé a editar con Photoshop sentía curiosidad acerca de como hacer este tipo de caricaturas, pero nunca me había parado a investigar sobre ello. Gracias a este tipo de tareas estoy aprendiendo mucho acerca de la edición fotográfica, la cuál me parece muy importante

¡Nos vemos!