28.12.11

Lusitania from below.

Hola a tod@s!, hoy no os traigo mucho, solo este intento de panorámica, que más o menos enseña la perspectiva que quería captar. Esta hecha sin trípode (falta de presupuesto, a ver si los reyes se portan), y no es perfecta, pero como se trata de ir aprendiendo y no de saber de golpe. Pues aquí la tenéis:


Lo sé, se nota un pelin los cortes, pero ya la haré más en condiciones. Abrazos a tod@s, y felices fiestas!

25.12.11

Mérida al anochecer. Tarde de fotografía.

Hola a todos!, lo primero, desearos una felices navidades y vacaciones y todas esas cosas que se dicen en estas fechas. Vamos, que os lo paséis genial.

Hoy no os traigo algo novedoso, pero si importante para mi. Era la hora de la siesta, y viendo muy perdida la tarde, decidí coger mi cámara e irme a ver que me encontraba por ahí. Aquí tenéis el resultado, espero que os guste:

Perdiste el 2A

Luces aguadas








Un saludo a todos, y que los "reyes" os traigan muchas cositas, abrazos a tod@s.
Arthur Christmas (Película)
Os la recomiendo para estas fechas^^

6.12.11

Rob Whitworth. Más Time-Lapse´s y un poco de fotografía.

Buenitos días a todos, jaja, aunque lo pueda parecer, no, no me he vuelto latino-americano, pero siempre me gusta poner acentillo para hacer alguna broma compadres!

Hoy os traigo a Rob Whitworth, un artista inglés, que como todos nosotros también se quiere hacer un hueco en esto de los audiovisual.
Accidentalmente, como pasa mucho con todo lo que encuentro, he llegado hasta este anglosajón que no está teniendo malas ideas, la última, un time-lapse de la ciudad de Saigon, en Vietnam, realizado con más de 10.000 imágenes, osea, a base de fotografías, y no de vídeo a cámara rápida. Lo cual, dificulta mucho más la elaboracíón del mismo, y le da un resultado mucho más atractivo y de alta calidad (calidad fotográfica vs calidad de vídeo). Aquí lo tenéis:


Espectacular sin duda. 
Este artista inglés, ha hecho muchos otros que no he podido encontrar, pero aquí tenéis otro, este si de vídeo, del Latitude Music Festival de 2009:

Y para terminar, un poco de lo que más me ha gustado de su obra fotográfica (todas con sus derechos reservados, esperemos que el hacerle publicidad, sea suficiente para que no nos demande, jaja):






Podéis ver muchas de sus obras en su página web: robwhitworth.co.uk

Un saludete!

4.12.11

Fotografía en movimiento. Tanguy Louvigny

Hoy os traigo algo realmente impresionante, al menos para mi.
El fotógrafo Tanguy Louvigny ha ideado una nueva técnica fotográfica que consite en unir time-lapse (del que ya hemos hablado) y la fotografía de alto rango dinámico o HRD
El francés ha ideado un robot que se desplaza muy lentamente, y ha conseguido que a la vez que la cámara hace las fotografías, se mueva y nos de la sensación de que estemos dentro de la imagen. 


En términos técnicos, se trata de un travelling (movimiento de la cámara) motorizado, que aumenta la exposición por zona, es decir, mayor control sobre el color, el contraste y la definición. 
El resultado, una secuencia de fotografías con continuidad, y que hace que parezca un video, con tal calidad de imagen (Canon 400D y Canon 60D, con objetivo sigma 10-20mm gran angular) que nos mete por completo en la escena, y el paisaje.
Las fotografías fueron tratadas con Photomatix para obtener ese look HDR, y las imágenes se montaron usando Adobe Premiere y After Effects CS5.
Un resultado pasmante, y que sinceramente, me entran muchísimas ganas de intentar conseguir yo mismo. Eso es todo, que no es poco, espero que os haya gustado.
Un saludo.

3.12.11

De camino a la fotografía profesional. Canon Eos 600D

No para la cosa, y es que en esto del mundo de lo audio, lo visual y lo audiovisual no puedes decantar ni descartar ninguna faceta. Estamos experimentando en Radio, estamos experimentando con cortos, y ahora, ya un poquito más profesional, en fotografía también.

Gracias a mi compañero Rodrigo Tinoco, y nuestro Ismael Alegría, hemos conseguido unas Canon 600D, semi-profesionales, nada malas para empezar (según nos comentan, no tenemos aun casi ni idea), e intentaremos aprender lo máximo, con algo un poquito mejor que la cámara del móvil, jaja.

La cámara es la que podéis ver en las fotos, y nada, poco a poco vamos sabiendo un poco más de fotografía, y estos son las fotillos más curiosas que he hecho últimamente, espero que os gusten!

Monster

La unión hace la fuerza

Stop

Poco a poco iré subiendo más, se que no son las mejores, pero darme tiempo! 

Entrevista con Paco González. Fuera de Juego

Hola a todos! Después de algunas semanas sin publicar ya empezaba a darme apuro dejar esto tan abandonado, pero tampoco quería ponerme a escribir forzado, así lo poco que os enseñe, será apasionante, y si no lo es, al menos os lo contare como si así fuera, ajaj.



Hoy lo primero que os traigo, es una entrevista que hicimos todo el equipo de Fuera de Juego, con José Emiliano barrena a la cabeza, al periodista deportivo Paco González, director del programa Tiempo de Juego, de la Cadena Cope (antiguo y mítico Carrusel Deportivo, pero en la Ser).

Servidor tuvo la oportunidad de hacerle una preguntita, y bueno, aquí os la dejo para que la oigáis.

Aquí podéis descargarla. Y si no funciona, también aquí.

Así mismo, os recuerdo que podéis escucharnos, de Lunes a Jueves de 15:00 a 16:00 en Onda Campus Radio online.

El audio es del programa en el que está incluida la entrevista, y a mediados del programa, es cuando comienza la entrevista. Espero que os guste, y la próxima con De la Morena!

15.10.11

Descubre: FUERA DE JUEGO

Buenos días y saludos de nuevo después de más de una semana sin publicar, disculpadme, pero novatos, mudanzas y demás no me han dejado parar ni un instante.

Hoy os traigo, Fuera de Juego, un programa de radio, en el que estoy teniendo la oportunidad de participar en Onda Campus Radio, junto a sus fundadores y directores Alejandro Calero y Jose Emiliano Barrena (dos futuros grandes de la radio deportiva)y por supuesto, el resto del equipo, con Lázaro Caldera, Samuel Hernandez, Carlos Gata, Manuel Amador en el Tennis, Mario Moreno con el Ba-lon-ces-to (como diría él), Jesus Vicho, Jara Luna, José Luís Mirón y Jaime Fuentes en la técnica turnándose con Calero.

Esta temporada ya llevamos 7 programas emitidos, todos los días de Lunes a Jueves, de 15:00 a 16:00 de la tarde, y en directo por Onda Campus Radio en internet, y en cuRADIO Toledo, en frecuencia 97.0 de la fm. Algo que nadie ha hecho nunca en nuestra facultad (y por que no decirlo, con lo que aun estamos teniendo problemillas técnicos).

Fuera de Juego, es un programa de radio deportiva, que intenta cada jornada informar de lo más importante del mundo del deporte, sin olvidar claro esta el tono de humor que hace falta, con las imitaciones del gran Carlos Gata y el buen rollo que impregna el estudio en cada emisión.

Un proyecto pequeño, pero no por ello poco ambicioso, del que, servidor al menos, esta aprendiendo bastante, y que nunca viene mal, para llenar un poco más el curriculum.

Os invitó a todos a que lo oigáis cada tarde de Lunes a Jueves a las 15:00 a traves de Onda Campus Radio en Internet (Aquí)* y los que estéis en Toledo, pues a través de cuRADIO. Os esperamos, un saludo otra vez!

*(Cuando pulséis en "Aquí", se os descargará un reproductor, no os asustéis, no es un virus ni nada, solo tenéis que darle a reproducir, y ya oiréis la emisión, si se para, que a veces ocurre, "Stop" y "Play" de nuevo)

19.9.11

Quitar barra de BLOGGER

Hoy una entradita simple, y muy sencilla, vamos a explicar como ocultar la fea barra de blogger.


En dos pasos y muy sencillo. Vamos a Edición HTML (en diseño), buscamos en el código de la página <head> (Control + F, os saldrá una pestañita, ahi lo pegáis, y os saldrá solo). Y justo encima de <head>, pegáis el siguiente código:


<style type='text/css'>
#navbar-iframe{
height: 0px;
visibility: hidden;
display: none;
}
</style>

Así podréis ocultarla, y darle un toque más profesional a vuestro Blog-web, un saludo a todos, ¡Y hasta la próxima!

Ah!, y de regalo, os dejo como hacer estas tablas que utilizo últimamente, es muy fácil, solo tenéis que pegar este código, en la Edición de HTML de vuestra entrada:

<table border=1><td>Columna 1, fila 1</td><td>
Columna 2, fila 1</td><td>
Columna 3, fila 1</td><tr><td>
Columna 1, fila 2<td>
Columna 2, fila 2<td>
Columna 3, fila 2</td></table>

Si queréis un solo cuadro, pues solo necesitáis:

<table border="1"><tbody>
<tr><td>Columna 1, fila 1</td></tr>
</tbody></table>

Ahora si, buenas noches, y espero volver con algo un poco más audiovisual que estos códigos empiezan a oscurecer mis entradas.

14.9.11

¡Menu de imágenes desplazable!, Lo que estabas buscando.

A pesar de que en el título de la entrada ponga "Menu", no se trata de esto exactamente, aunque hace una función muy parecida.
En realidad se trata de un "Slide", una galeria de imagenes, que ademas se desplaza lateralmente.
Como habréis notado, soy bastante aficionado de este tipo de menus. Se trata de una forma fácil y rápida de llamar la atención antes que un simple título como "Cosas" o "Tecnologías". Son del tipo que podéis ver en marca:

Y como podéis ver mi blog cuenta con algo parecido arriba, pero eso en verdad es un banner con enlaces de entradas destacadas creado en Banner Snack (muy recomendable, y que acaba de renovar y mejorar su interfaz totalmente on-line), y del que ya hablamos en una de nuestras entradas sobre banners hace ya tiempo.

Pues bien, vamos a lo que interasa, lo que os traigo, para que nadie se confunda es esto que veis aquí debajo:



Es parecido a esto, lo que pasa es que es un Gadget o widget (como queráis llamarlo), y en las entradas no suele funcionar, por eso no os lo pongo en su máximo esplendor, podéis verlo en esta página para la que lo he creado.

Su funcionamiento es muy sencillo, se desplaza lateralmente (desde el principio de la página, no desde 0, que muchas veces queda una franja en blanca y queda feo), y cuando sitúas el cursor sobre una de las imágenes se detiene, sale el nombre de la sección (saliendo la manita, que nos dice que ahí hay algo) y al pulsar nos redirecciona al sitio que tengamos puesto.

Lo bueno sobretodo, es que es un solo código, y sin tocar nada de la "Edición Html" ni nada de la página o blog. El código es el siguiente:

<script type="text/javascript">
//Ancho (en pixeles)
var sliderwidth="650px"
//Alto
var sliderheight="150px"
//Velocidad 1-10
var slidespeed=2
//Color de fondo:
slidebgcolor="#000000"


//Vínculos y enlaces de las imágenes
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="http://www.ENLACEdelaENTRADA.blogspot.com" target="blank" title="Aquí el título"><img border="0" src="http://ENLACEdelaIMAGEN.jpg" height="Xpx"></a>'
leftrightslide[1]='<a href="http://www.ENLACEdelaENTRADA.blogspot.com" target="blank" title="Aquí el título"><img border="0" src="http://ENLACEdelaIMAGEN.jpg" height="Xpx"></a>'
leftrightslide[2]='<a href="http://www.ENLACEdelaENTRADA.blogspot.com" target="blank" title="Aquí el título"><img border="0" src="http://ENLACEdelaIMAGEN.jpg" height="Xpx"></a>'
leftrightslide[3]='<a href="http://www.ENLACEdelaENTRADA.blogspot.com" target="blank" title="Aquí el título"><img border="0" src="http://ENLACEdelaIMAGEN.jpg" height="Xpx"></a>'
leftrightslide[4]='<a href="http://www.ENLACEdelaENTRADA.blogspot.com" target="blank" title="Aquí el título"><img border="0" src="http://ENLACEdelaIMAGEN.jpg" height="Xpx"></a>'


var imagegap=""
var slideshowgap=5




var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
var actualwidth=''
var cross_slide, ns_slide


function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth+slideshowgap+"px"
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+slideshowgap
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",30)
}
window.onload=fillup


function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"


if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"


}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+slideshowgap


if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
}
}




if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed">')
write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width="+sliderwidth+" height="+sliderheight+" name="ns_slidemenu" bgcolor="+slidebgcolor+">')
write('<layer left="0" top="0" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed" name="ns_slidemenu2"></layer>')
write('<layer left="0" top="0" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed" name="ns_slidemenu3"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>

De acuerdo, se que el HTML da mucho miedo, a mi el primero, pero con pequeñas cosas de estas podemos ir aprendiendo poco a poco y sin prisas. Es muy sencillo.

Lo escrito en AZUL son orientaciones que debes eliminar cuando completes las demás partes de tu menú.
De las partes en rojo, el número del pirncipio, 650, será el ancho del menú o slide, no importa la suma de las imágenes, será el ancho desde el punto de donde empieza a salir hasta donde acaba (el ancho de tu web o blog lo más normal). Y el 150, el alto del menú o slide, este no debe ser mayor del alto de las imágenes que incluyas (pues se agrandaran y deformaran). Y la X es el alto de las imágenes, que debe corresponder con el 150, o el número que pongáis en su lugar según como lo queráis de alto, para que no salgan "cosas raras".

Si queréis personalizar el color de fondo ( #000000 ) y no sabéis mucho de colores en html, lo más sencillo (y lo que yo hago) es ir al diseñador de plantillas, poner el color que quiera a algo, y como te sale el código, lo copio y lo pego, así de fácil. 

Después lo que veis a partir de "leftrightslide[0]" es cada imagen, con su enlace y demás, solo es rellenar una por una, un poco pesado si quieres poner muchas, pero satisfactorio cuando ves el resultado.

Para añadir más imágenes es poner lo que sigue de "leftrightslide[siguiente número]".

Recomenaciones: Las imágenes que incluyáis en este menú o slide lo mejor es que sean del mismo tamaño todas, es decir, vais a poner 5 imágenes, pues ponlas del mismo tamaño al menos de alto, de ancho da un poco igual.

Si queréis que se parezca lo más posible a un menu, como el que os he enseñado aquí, pues lo que yo os recomiendo es que hagáis el menú con un programa de diseño gráfico, photoshop, gimp, power point (como sabéis muy aprovechable), paint o el que queráis, y que cuando lo tengáis como os gustaría que saliera, lo cortéis en varias imágenes hasta tenerlas todas y poderlo montar. 

Ejemplo de como hice ese que os he enseñado. Imagen completa: 



Imágenes recortadas:




ETC.

De esta forma, podréis mostrar vuestras fotos de la manera más original y dinámica posible, o hacer un menú también muy dinámico e interactivo.

Por otro lado, ya que estamos con este tema, si no te apetece montar tanto lio, y no quieres estar rellenando enlaces, tienes otra opción, que es usar esta clave Html:

<marquee>Hola</marquee>

Y veriaís una cosa como esta:

Hola

Pero si queréis que en lugar de una palabra, sea una imagen, solo tenéis que poner entre marquee y marquee el codigo de una imagen (lo más facil, es subir una imagen, ponerle el tamaño que queréir, y darle a "Edición Html", copiais ese código, y lo ponéis).



<marquee><div class="separator" style="clear: both; text-align: center;">
<a href="http://www.colorear.info/Dibujos-infantiles/house-mouse/images/goofi-en-coche.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="171" src="http://www.colorear.info/Dibujos-infantiles/house-mouse/images/goofi-en-coche.gif" width="200" /></a></div></marquee>

Y lo que veréis será algo como esto (esperad un poco a que aparezca):


Jajaja, ¡grande Goofi! (mucho a tardado en aparecer).

Igualmente, si cogéis varias imagenes, las "pegáis" y formáis una sola, podéis hacer una especie de galería con este último método, eso ya a gusto del consumidor.

Hasta aquí todo por hoy, un poquito más de Html.



Se que quizás es demasiado explicado par algo que puede parecer sencillo, pero como el blog es mio, y me gusta escribir, lo explico como me gustaría que me lo explicaran a mi, y de una manera que se entienda, al que le guste bien, y al que no también (jaja).


Un abrazo a todos, y a disfrutar del nuevo curso.

3.9.11

¡Anima y venceras!

Algunos os preguntaréis, que significa el título que habré de nuevo la temporada en mi más que humilde blog, y os diré, no es más que una forma de expresar lo que ya se ha hecho más que comun en la mayoría de las grandes empresas, y no es otra cosa que recurrir a todo tipo de animaciones para atraer al público o sector que les interesa.
Haciendo zapping, como muy a menudo, hace ya algunos meses me encontré con esta cortinilla en el canal Tve HD, y que posteriormente las usarían para casi todo sus canales del ente público:


Me llamo bastante la atención, e incluso me hizo ilusión el intentar hacer la mía, pero antes de ello, investigue un poco más.


¿Y que fue lo que conseguí?, pues lo primero y más importante, que no es original, pues es una copia (podemos decir). De la campaña de la empresa estadounidense Aol, llevada a cabo por Universal Everything, y que como veréis, se le parece bastante:


Aun no he conseguido averigüar como se hace o como se llama la técnica. Pero dos cosas si son ciertas, que en este mundo hay muy pocas cosas que sean originales al 100%. Y dos, que si Tve quiere que no la tachen de copiona, vaya a Universal Everything, porque al menos en lo que respecta a Aol, ha hecho una pedazo de campaña:







Esta última hecha con aviones simulando una nube de abejas es genial:


Aunque pensándolo bien, si la televisión pública es de todos, tampoco se tienen que gastar nuestros cuartos en algo nuevo... para todo lo de más, U.E.

Saludos, y buen curso a todos!

4.8.11

Error 404 Not Found

Disculpas a todos vosotros por esta larga ausencia. Examenes y su merecido descanso han sido la causa.


En nada volveremos con nuevas entradas, y si todo va bien, pagina web, un saludo a todos y hasta pronto. 

27.5.11

Una maqueta del mundo. Tilt-Shift

Desde pequeñito siempre me gusto todo el mundo del modelismo, las maquetas y las colecciones de miniaturas (nunca tenía todo de la misma escala =S). Incluso tengo proyectada una de tren con sus puentes y montañas, pero que desde que estoy en la universidad la tengo un poco apartada (parecida a la de la imagen, a la mía le quedan años de desarrollo). 

Es tal esta afición, que me atrajo enormemente está técnica en cuanto la vi gracias a mi amigo Nico en la entrada que ya os traje hace unas semanas, y que descubrió como se llamaba otro amigo mio, Ignacio O´Mullony, cuyo blog también os recomiendo.

Esta técnica se llama Tilt-Shift, y consiste en conseguir desenfocar el fondo y lo más cercano de las imágenes que miramos, destacando los puntos más importantes (un coche, un puente, una casa) , y haciendo que nos de la sensación de que miramos una maqueta (lo mismo que pasa cuando miramos una maqueta real).

Se puede hacer de forma óptica, utilizando unas lentes especiales llamadas "tilt-shift lens" (que sorpresa) y que lo que hacen es producir un desenfoque para modificar la profundidad de campo, y destacar una parte especifica de la imagen.

Esto lo podemos conseguir de otra forma más sencilla, y solo para imágenes, no vídeos, y es convertir una imagen normal mediante photoshop, gimp o similar, realizando un desenfoque con un efecto borroso, difuminado y gaussiano que lo que hace es enfocar lo importante (lo que queremos que destaque) y desenfocar el resto, dando ese aspecto tan particular (como podéis comparar en la siguiente imagen).


Estos son algunos de los ejemplos de imágenes que más me han gustado, y algún vídeo muy bueno también que he encontrado:











Claro está, hay muchísimos más, y os recomiendo que miréis y busquéis, porque bien vale más de una, de fondo de pantalla, o como mínimo para disfrutar de las pequeñas grandes cosas de la vida (aprovechando el tema).


(Ampliación) Una vez publicada ya esta entrada, cierta compañera mía, Nazaret Nieto (visitante 3000 del blog) me dio el grato aviso, de que en esta página han conseguido prestar un servicio on-line y gratuito en el que con valores preestablecidos convierten las imágenes o fotografías directamente con esta técnica, echadle un vistazo, y a disfrutar. Ahí va mi primer Tilt Shift:

Espero que os sirva para lanzaros a vuestro ordenador a hacer un intento como me ha pasado a mi. En breves os traeré los resultados. 

Nada más por hoy, me despido de todos vosotros hasta finales de junio, si mis ganas de publicar algo no me lo impiden. 


Suerte a todos los que como yo os presentéis a muchas y próximas convocatorias de exámenes, un saludo.