Cómo modificar perfiles de myspace 2.0 Parte II
Esta es la segunda parte del tutorial para personalizar el perfil de Myspace 2.0. Podeis ver la primera parte del tutorial aquí.
En este tutorial aprenderemos a cambiar el color de fondo de la barra de navegación.
+ Leer Más
Como hacer panorámicas con Photoshop
Las panorámicas dan un efecto espectacular a una fotografía, y son también una gran forma de ganar resolución cuando se hacen fotografías de paisaje con cámaras fotográficas de pequeño formato. Aquí os explicaremos cómo montarlas con Photoshop.
+ Leer Más
El efecto "David Hill"
Tutorial para conocer más a fondo la técnica conocida como “el efecto David Hill”.
Aquí teneis la página de este excepcional fotógrafo, por si no lo conoceis
+ Leer Más
Cómo modificar perfiles de myspace 2.0 Parte II
8 days ago
Este tutorial empieza aquí.
Ahora que ya hemos dejado el myspace completamente limpio para empezar a trabajar, vamos a empezar a perfilar las partes que quedan visibles del myspace para que se adecúen a lo que queremos.
Para empezar, vamos a cambiar el color de la barra superior que, bajo pena de que te retiren el perfil, no puede borrarse :P. En este caso la hemos puesto de color negro con el siguiente código CSS:
div#topnav, div#googlebar, div#header
{background-color: rgba(0, 0, 0, 0); border: solid #000000 ..; }
div#topnav ul#leftNav li,
div#topnav ul#leftNav,
div#topnav ul#rightNav,
div#topnav ul#rightNav li
{border-color:#000000;}
div#topnav ul li a:hover,
div#topnav ul#leftNav li a#nav2.open:hover,
div#topnav ul#leftNav li a.open:hover,
div#topnav ul#leftNav li a.open:hover,
div#subnav ul#subNav3 li a:hover,
div#subnav ul#subNav4 li a:hover,
div#subnav ul#subNav10 li a:hover,
div#subnav ul#subNav2 li a:hover
{background-color: #000000;}
Aunque parezca menira, todas estas líneas son necesarias :) El CSS de Myspace no permite usar sobreescrituras como el !important, así que no os molesteis en ponerlas. De todas maneras, este CSS sobreescribe a (casi)cualquier cosa que haya en el perfil, aunque está terminantemente prohibido sobreescribir los banners.
Como hemos dejado los títulos en transparente, la zona donde se puede empezar a meter contenido empieza muy abajo, así que la subiremos un poco.
A pesar de que haya una casilla para poner el CSS no os engañeis: myspace no acepta la creación de divs ajenos a los que ya tiene. Pero, por otro lado (aunque sea una aberración del diseño), sí acepta una maquetación por columnas. Así que, a partir de aquí, ya podeis construir vuestro propio myspace como si fuera una página web en blanco.
Como modo de observación, diré que como, en el fondo, el myspace es una página meramente visual, el construirla a base de imágenes tampoco es tan mala idea, teniendo en cuenta que su servidor es muy potente y no se saturará por ello :P
tutoriales, diseño web
Como hacer panorámicas con Photoshop
11 days ago
Las panorámicas dan un efecto espectacular a una fotografía, y son también una gran forma de ganar resolución cuando se hacen fotografías de paisaje con cámaras fotográficas de pequeño formato.
Su ejecución no podía ser más sencilla, y no se necesita ningún filtro externo: el mismo Photoshop tiene todas las herramientas necesarias para realizarlo.
Tomaremos como ejemplo, esta fotografía de la preciosa modelo Melissa Roberts:
No creo necesario poner imágenes de todos los pasos, porque el proceso lo podría hacer hasta un niño de 5 años.
En primer lugar, con ayuda de un trípode, tomaremos las fotografías que luego juntaremos con Photoshop. El programa necesita partes que pueda reconocer de todas ellas, así que no pueden estar completamente separadas: en cada fotografía tiene que haber una parte que se muestre en la fotografía siguiente, y una parte de la anterior.
Luego simplemente iremos a Photoshop, y en el menú “Archivo/Automatizar/Photomerge” seleccionamos todas las fotografías que compondrán nuestra panorámica. En este menú se puede seleccionar el efecto de lente deseado, así que os animo a que probeis todas las opciones para ver cual se ajusta mejor a la lente que estais utilizando.
En el caso concreto de la fotografía del ejemplo, tomada con una Canon 5D y una lente de 50mm, el “Auto” es el modo que más convence. Damos a OK y nos vamos a tomar un café, porque como cada imagen sea muy grande y andemos muy bien puestos de RAM, el proceso es algo lento.
El mismo Photoshop ya se ocupa de corregir las distorsiones de lente que causan diferencias entre las fotos, de forma que cuando la imagen esté finalizada, solo queda recortar los trozos sobrantes.
Photoshop, tutoriales
El efecto "David Hill"
11 days ago
En estos últimos meses he leído decenas de artículos y tutoriales acerca de cómo crear en Photoshop el efecto David Hill (aquí teneis la página de este excepcional fotógrafo, por si no lo conoceis).
Me parece extremadamente curiosa la obsesión que tiene el fotógrafo hobbist medio por confiar plenamente en el uso de Photoshop para conseguir un efecto particular, sin tener en cuenta otros aspectos más destacables de la fotografía, empezando por la iluminación y acabando por el trato de los colores que hacen cámaras de gama alta de medio formato. Además, gran parte de las soluciones que se basan estrictamente en Photoshop tienen como punto de partida el filtro de High Pass, filtro de la que una no es especial fan (ver este post), así que, ante la duda, le pregunté a mi buen amigo y mejor retocador, el especialista en Photoshop Gerard Oliveras cómo había conseguido este genial efecto en una fotografía que tomé hace unos meses:
ya que es lo más parecido al “Efecto David Hill” que he podido encontrar sin que sea hecho por David Hill.
Tomemos de base el hecho de que esta fotografía, aunque esté tomada en exteriores, no tiene un solo punto de luz, sinó que tiene varios, especialmente en la moto, que ha de lucir bastante en su totalidad.
En segundo lugar, el efecto de Photoshop no se basa en un solo filtro, sinó en una aplicación selectiva tanto de máscaras de enfoque como de un filtro muy interesante llamado Bleach Bypass, que emula un conocido efecto de la época del negativo.
Para explicar más detalladamente cómo intentaremos emular este estilo, no os perdais la segunda parte de este tutorial.
