EL GIMP(Wallpaper de flores con máscara)

Con esta imagen como fondo:
rose bouquet wallpaper
 2 abriendo todas estas otras y las   situamos  en el lugar donde queremos que aparezcan,
con la herramienta MOVER y colocamos  cada una en una capa diferente:
Captura
Renombramos cada capa y pinchamos con el botón derecho sobre cada una de las
miniaturas  y pulsamos AÑADIR MÁSCARA DE CAPA.
4
dejamos marcado BLANCO(Opacidad total)
1 Como podemos ver todas las imágenes añadidas al fondo tienen ya   la máscara, que es con la que vamos a trabajar, activando cada una de ellas en cada ocasión.
3
Vamos eliminando los bordes de cada foto con el color de fondo negro y un pincel difuminado,
y añadiendo zonas cambiando el color frontal por el blanco o distintos grises.
También podemos aplicar degradados de negro a blanco.
La imagen principal de cada máscara no quedará invadida por ningún cambio.
Por ello podemos eliminar la máscara y volver a crear una nueva, si el resultado de esta no es de nuestro agrado.
wallpaper de flores
 WALLPAPER DE FLORES

22 agosto 2009

EL GIMP (Colorear)

Como ejemplo para el tutorial encontré un centro de flores y fruta :
ROSAS
Lo que pretendo es ir cambiando el color de varias rosas, del cesto y de
el racimo de uva y la ciruela.
Lo primero como siempre es duplicar la capa para conservar el original intacto.
Trabajaremos en todo momento sobre el duplicado.
1 En la caja de herramientas escogemos la de selección libre o atajo  F,
como podemos apreciar en la captura.
4
Aumentamos la imagen hasta 400px y escogemos la rosa que vamos a cambiarle el color y la seleccionamos alrededor, creando todos los clics que sean preciso para una selección lo más perfecta posible.
Al llegar al principio de la selección, esta se trasformará en un camino de hormigas.
Abrimos COLORES- TONO Y SATURACIÓN donde iremos moviendo los deslizadores y visualizando al mismo tiempo, hasta conseguir el color deseado y aceptamos.
2
Esta es una forma de ir cambiando el color a cualquier parte de la imagen , pero cada vez que tengamos una coloreada, debemos deseleccionarla antes de volver a seleccionar otra.
La forma más fácil  y rápida de hacerlo es con las teclas
CTRL+MAYÚS+A.

  
Otra forma de cambiar el color es COLORES- COLOREAR, con el procedimiento   muy parecido.
3  
Para conseguir la rosa de color blanco vamos a COLORES-DESATURAR y aceptamos.
Una vez desaturado COLORES- CURVAS.
7          5   
Una vez cambiado los colores  y comprobado que todo ha salido bien e eliminado la capa principal y en COLORES- CURVAS, le e ajustado un poco la curva de color.
10
Dejo una muestra del original y del retocado:
ROSAS centro

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>

10 agosto 2009

AMIGOS ( expandir y contraer )

Esta entrada va ha ser un poco especial y sin tema donde encajarlo, porque es especial.
Quiero contaros una gran historia, por lo menos para mí, luego cada uno que piense lo que quiera.
Cuando salió la versión 8 del EXPLORER, vista ya me estaba ofreciendo actualizarlo y así lo hice.
Parecía que todo funcionaba bien, hasta que intentaba ver alguno de vuestros blogs, pues en algunas páginas me daba un error y se empeñaba en cerrarse.(cosa que por cierto ya han solucionado colocando un par de parches ).
Aconsejada por un gran amigo, me descargué FIREFOX 3.5 y aunque no estaba muy suelta con este navegador empecé a trabajar con él, incluso se actualizó 2 veces, hasta llegar a 3.5.2.(hasta aquí todo iba bien).
Encontré un post donde me explicaba como expandir y contraer mis gagets y como tengo un par de ellos que bajan y bajan en las barras laterales y rompen la estética pues les apliqué el código que me ofrecían y conseguí lo que buscaba.
La semana pasada me pedían ayuda con un combo box para crear un código de enlace a DE TODO UN POCO Y UN POCO DE MUCHO, entre las dos lo conseguimos y nos intercambiamos nuestros respectivos enlaces .
Pues cual fué mi sorpresa cuando, Cuchillita que es la propietaria del blog me mandó otro comentario que no podía agregarse a mis seguidores porque no se veían.
Tenía razón yo tampoco los veía con Firefox y sí con Explorer, cosa que le comenté y efectivamente desde Explorer si que pudo agregarse y ella misma me estuvo buscando la solución al problema, sin éxito, pero con mi eterno agradecimiento.
Yo seguía viendo los seguidores de todos los blogs con Firefox, menos el mío.
Enseguida me puse en contacto con el amigo que siempre está cuando lo necesito ,José M de
EL BLOG DE LA INFORMÁTICA, y empezó a enviarme consejos a seguir para solucionarlo, porque él con Firefox si que veía mis seguidores.
Fui probando todo lo que me decía en sus correos y no conseguimos nada y ya desesperados, pensamos incluso en cambiar las plantillas, de los 2 blogs, pero me sugirió que antes de empezar, como última prueba, subiera la última plantilla guardada en mi disco duro y como soy bastante obediente, cada vez que hago un cambio importante en mi plantilla la guardo antes.
Subí la última plantilla que guardé justo antes del cambio de expandir y ya se veían los seguidores, tanto desde mi blog como desde el de Cuchillita.
José M probó un expandir en una plantilla suya y con Firefox yo no podía ver los seguidores.
Le comenté que me había traido un un manual de Firefox de la biblioteca para ojearlo, pero que era de una versión muy antigua, así que iba a desinstalar FIREFOX y volverlo a instalar por si estaba dañado . Esto fué después de robarle una semana de vacaciones de Agosto lo que hizo que se le encendiera la bombilla y encontrara mi problema y la solución, que puede que os afecte a muchos de vosotros también.
La versión de FIREFOX que yo tengo es tan nueva que tiene errores, que por supuesto no tardaran en solucionar y lo mismo le pasa a Cuchillita que tiene la misma versión que yo.
José.M, tiene toda la razón y lo e comprobado en un blog de pruebas, expandiendo y visualizando con un navegador Firefox portable que guardo en una llave USB desde hace tiempo.
CONCLUSIÓN
Cuando comencé con los blog, tuve la duda, entre si crear una web o un blog.
Me decidí por los blogs, porque quería que los demás conocieran mis aficiones y pudieran aconsejarme, cosa que no suele ocurrir con una web,si no es muy espectacular, que no es mi caso.
También quería hacer amigos y eso si que lo conseguí con creces, empezando por José M, Marietta, Cuchillita,Panchito,Ceo y perdonar si me olvido de nombrar alguno, ya que empiezan a ser muchos.
Gracias por estar cuando os necesito.

05 agosto 2009

PHOTOSHOP(Relámpagos)

Lo primero será crear un nuevo documento de 400X173px.
Le aplicamos un degradado lineal de negro a blanco un poco inclinado
y como ya veremos más adelante jugando un poco con la forma de hacer el degradado se convertirá en un modelo de rayo u otro.
1
Ahora vamos a FILTROS-INTERPRETAR-NUBES DE DIFERENCIA
2
y esto es lo que vamos a ver de momento.
Para cambiar vamos a IMAGEN-AJUSTES-NIVELES o más rápido CTRL+L
y le cambiamos:
3
los niveles de entrada y Aceptamos.
22
Este es un ejemplo más o menos de como quedará,
(si no lo veis igual es porque pertenece a otro rayo)
y ahora tenemos que invertir los colores y para ello vamos a
IMAGEN- AJUSTES-INVERTIR o más rápido CTRL+i
4
Una vez terminado solo nos queda colorear a nuestro antojo,
para ello IMAGEN-AJUSTES-TONO SATURACIÓN y activamos la casilla COLOREAR.
5
Estos son distintos modelos creados según la inclinación o la anchura del degradado
que creamos al principio como ya comenté.
6 7
8 9

PHOTOSHOP(Lluvia o diluvio)

En primer lugar vamos a abrir y preparar una imagen que nos servirá de fondo

1

*Ahora creamos una nueva capa y la rellenamos de color negro.

Si tenemos el negro como color frontal CTRL+F5 y en la ventana emergente ACEPTAR.

2

Vamos a trabajar con esta capa, por lo que debemos tenerla activa.

Le vamos a añadir ruido en FILTRO-RUIDO-AÑADIR RUIDO

3

Fijaros en los cambios para copiarlos.

A continuación vamos a FILTRO-DESENFOQUE-DESENFOQUE DE MOVIMIENTO

4

Igual que antes hacemos los cambios , esta vez en Angulo y Distancia.

En la ventana de CAPAS cambiamos el modo a TRAMA

5

y en IMAGEN- AJUSTES- NIVELES o más rápido CTRL+L

6

volvemos a cambiar, esta vez los niveles de entrada.

Ya tenemos nuestra primera capa de lluvia.

Ahora volvemos a repetir todo el proceso desde el asterisco tres veces más, para crear

4 capas de lluvia.

Esta imagen es la que tendremos una vez creadas las 4 capas.

7

Ahora nos vamos a IMAGE READY , cerrando todos los ojos menos los dos primeros

antes de pinchar en IMAGE READY.

8

Este es el primer fotograma que vamos a encontrar ya creado.

Pinchamos en el cuadrito y se creará un duplicado del primer fotograma.

9

Pero como nosotros queremos el segundo, cerramos el ojo a la capa 1 y se lo abrimos a la capa2. Ya tenemos el segundo fotograma.Volvemos a pinchar el cuadrito y se duplicará la capa 2. Cerramos el ojo 2 y abrimos el 3, y lo mismo con la última capa.

10

En la pestaña que señalo en la parte de abajo de cada cuadro pinchamos y la cambiamos a

0,1 por segundo y probamos la animación , si os parece mucha velocidad se puede ir subiendo los segundos.

Yo lo he dejado así.

lluvia

Lo guardamos en ARCHIVO-GUARDAR OPTIMIZADA COMO y le damos una ubicación y un nombre

y se guardará como un gif animado.

Lo intenté poniéndole un relámpago, pero no me acaba de gustar el resultado, que tengo que mejorar.

Cuando lo consiga prepararé un tutorial.

lluvia-con-rayo

Esto es lo que tengo de momento.