21 agosto 2009

EL GIMP (Restaurar foto antigua)

Todos tenemos alguna foto antigua y dañada, simplemente por los años, en algún cajón y no podemos perdernos todas las herramientas que nos ofrece El Gimp para restaurarlas o simplemente para añadirles la luz perdida por el paso del tiempo.

El primer paso que comentaré de pasada, será el escaneo de la foto con una resolución mínima

de 150ppp.en RGB. Yo con mi fotografía la escanee a 300ppp, porque el detalle estaba muy estropeado.

Si alguien quiere ampliar la imagen podrá apreciar mejor el deterioro de la foto.

yo

Si después del escaneado notas una pequeña inclinación utilizar la herramienta ROTAR o MAYÚS+ R para enderezar, la foto.También podemos aplicar un recorte, para eliminar la parte que no deseamos conservar, con la herramienta RECORTAR o MAYÚS+C.

En primer lugar duplicaremos el original para consérvalo intacto y renombraremos la nueva capa.

Eliminaremos en lo posible arañazos y manchas.

1

Para eliminar estos pequeños fallos utilizaremos la herramienta SANEADO o el atajo H con una brocha de bordes suaves, adecuando en cada momento el tamaño al de la mancha.

4 3

Pinchamos en un lugar intacto con la tecla CTRL y vamos haciendo clic encima de la mancha.

No debemos olvidar guardar nuestro trabajo cada momento desde CTRL+S.

2 Cuando tengamos las manchas eliminas duplicaremos esta capa, renombrándola y activando la

herramienta CLONAR o C ampliando la imagen lo necesario para trabajar el detalle.

Una vez restaurados todos los detalles , nos queda utilizar comandos para la mejora global de la imagen, que podemos encontrar en en el menú COLORES, en el que utilizaremos NIVELES, para aumentar o disminuir la cantidad de negro de la imagen y algo de TONO Y SATURACIÓN, para mejorar la tonalidad.

También podemos utilizar la herramienta de selección POLIGONAL recorriendo toda la silueta, invirtiéndola y dándole un DESENFOQUE GAUSSINO de no más de 2px.

También podemos volver a invertir y aplicar a la imagen ENFOQUE.

Podemos crear otra capa y copiar la imagen de la figura aplicándole el FILTRO- FOTOCOPIA y en modo de fusión OSCURECER SOLO y bajando la opacidad a 40%.

Ir añadiendo en nuevas capas los detalles que queráis y cuando el resultado sea el deseado en CAPAS- ACOPLAR CAPAS.

La guardáis en el formato , TIFF, JPEG, etc…. también podéis guardar una copia con la extensión de EL GIMP xcf por si en algún momento queréis hacer algún cambio a la fotografía.

yo copia 1 YO1

Aunque no lo parezca una también fue pequeña.

15 agosto 2009

Ocultar del sidebar parte del perfil

Como todos saben , llega un momento que la barra lateral de nuestro blog empieza a
alargarse demasiado.
En mi caso Mis datos personales, sin el perfil, ocupaba más de 500px de longitud.
La solución, crear un enlace que cuando lo pinchemos nos lleve a nuestro perfil y ocultarlo de nuestro sidebar completamente
Ver mi perfil
o , como en mi caso, dejar la foto, el nombre y procedencia :
1
y crear un botón en la barra de navegación o en cualquier sitio que nos lleve a nuestros datos personales:
2
Para la segunda opción , en DISEÑO- Edición de HTML,
4
como siempre, guarda la plantilla y seguidamente activar la casilla
Expandir artilugios.
Vamos bajando en nuestra plantilla hasta encontrar el siguiente código:
5
en el cual os señalo en amarilla donde colocar <!-- -->
que nos sirve para ocultar la parte de código sin eliminarla.
Guardamos la plantilla.
Ahora en el mismo escritorio pinchamos en ver perfil
6
y guardamos la URL de la ventana de BLOGGER que se abrirá con todos nuestros datos para , posteriormente colocarla en el enlace de nuestro botón.
Muy simple, pero a mí me gusta el resultado .

14 agosto 2009

MENÚ Horizontal con buscador

Voy a explicar como he colocado un menú horizontal en mi plantilla de Blogger.
El código principal lo  encontré en EL ESCAPARATE DE ROSA, pero como le hice cambios
porque yo no la quería encima del titulo, sino debajo, voy a explicar mis pasos.
1
En esta foto podéis ver la barra con el buscador incorporado debajo del titulo de mi blog.
En primer lugar abrimos DISEÑO-Edición de HTML  y os aconsejo que siempre, antes de hacer cualquier cambio a vuestra plantilla guardéis una copia. Lo digo por experiencia.
(fue mi salvación)
2

No activéis la casilla de Expandir plantilla de artilugios.
Este es el código que tenéis que copiar y pegar:
*-- CSS Menu Superior-- */
#navtop { background: #760839 ; height: 26px; width: 100%; margin: 5px auto 5px auto; font-family: "Century Gothic", Palatino Linotype, Trebuchet MS, sans-serif; font-variant: small-caps; font-weight: bold; color:#ffffff; font-size: 16px; border-bottom: 1px solid #2b0315
;}
.nav {width: 990px; margin: auto;}
ul.navtop { padding: px;}
ul.navtop li { list-style: none; display: inline;}
ul.navtop li a { background: transparent; color:#ffffff; display: block; float: left; padding: 4px 7px 3px 7px; margin-right: 3px; text-decoration: none; border-right: 1px solid #cb567d; border-left: 1px solid #cb567d;}
ul.navtop li a:visited { text-decoration: none; color: #ffffff;}
ul.navtop li a:hover { background: #e1477d; color: #7ec7dc; text-decoration: none; border-right: 1px solid #cb567d; border-left: 1px solid #cb567d; }
ul.navtop li a:active { text-decoration: none; color: #ffffff; }
ul.navtop li a:focus { color: #41a5c3; outline: 1px dotted #e1477d; }
ul.navtop li.current_page_item a { text-decoration:none; color:#fff; background: #E1477D ; }
ul.navtop li ul { float:left; margin:0; padding:0; }
#searchcont { width: 100%; margin: 12px auto 12px auto; }
#searchform { height:26px; line-height:25px; float:right; margin: 1px; padding: 1px;}
input#s {color: #e1477d; width: 283px; background:#f4ed26; padding: 2px 4px 2px 4px; border: 1px solid #cb567d;}
input#searchsubmit{ background:#ffffff; color:#fff; font-size:13px; padding: 2px;}
Justo antes de
6
En esta parte del código es donde cambiaremos los colores de fondo, del
texto, el tamaño de este y el tipo de fuente.Se trata de ir probando y adaptándolo a nuestro blog.
Ahora copiaremos  el siguiente código;
<!-- Menu Superior -->
<div id='navtop'>
<div class='nav'>
  <ul class='navtop'>
  <li><a href='http://mirincon-misaani.blogspot.com'>Inicio</a></li>
<li><a href='http://mirincon-misaani.blogspot.com/2009/06/entradas.html'>Todas mis entradas</a></li>
<li><a href='http://www.blogger.com/profile/00861632899446696417'>Mis datos personales</a></li>
<li><a href='mailto:misaani@hotmail.com'>Contacto</a></li>
<li><a href='http://www.blogger.com/home'>Blogger</a></li>
  </ul>
<form action='/search' id='searchform' method='get' style='display:inline;'><input id='search-box' name='q' type='text'/><input id='search-btn' type='submit' value='Buscar'/></form>
encima de
5


Fijaros bien en el sitio donde lo colocáis, pues es la clave para que aparezca justo debajo del título.
Estos son mis enlaces , que tendréis que sustituirlos por los vuestros.
Si queréis añadir algún otro enlace , copias el código:
<li><a href=’URL DE ENLACE’>TEXTO DEL BOTÓN</a></li>
 
IR ARRIBA