14 junio 2010

EL GIMP (Crear texto con relleno de una imagen)

Creamos un nuevo documento de 600x300.
En Archivo>Abrir como capas importamos la imágen que queremos para rellenar el texto .
Con el botón derecho sobre la capa Imagen pinchamos en Añadir canal alfa para crear transparencia.
Con la herramienta texto escribimos el texto procurando elegir una fuente bastante ancha con el fin de conseguir visualizar la mayor cantidad posible de imagen y  seleccionamos el texto en alfa a selección.
 Creamos una nueva capa y cambiamos el color de frente(1) por el que deseamos que tenga el contorno del texto.
Abrimos la ventana Rutas y pinchamos en Selección a ruta (2)
A continuación  en pintar a lo largo de la ruta (3) y en Línea de trazado(4)  le ponemos el valor de la anchura del trazo.
Volvemos  a la ventana capas y deseleccionamos con MAYÚS+CTRL+A
1-Si solo queremos tener el contorno del texto encima de la imagen para que esta se vea  a traves de él eliminamos la capa texto o cerramos su ojo.
2-Si por el contrario queremos conservar el borde del texto con el recorte de la imágen, volvemos a seleccionar el texto , activamos la capa Imagen, pulsamos en CTRL+I  para invertir la selección y en  la tecla SUPR  para eliminar el resto de la imagen , eliminamos la capa texto la selección y en  la tecla SUPR  para eliminar el resto de la imagen , eliminamos la capa texto o cerramos su ojo y quedará el contorno del texto con el relleno de la imagen.

3-Si solo queremos conservar la silueta del texto relleno con la imagen, sin el contorno , después de seguir el paso 2. eliminamos las dos capas de encima o cerramos sus ojos.
 Estos son los resultados finales:

09 junio 2010

HOSPEDAR LAS IMÁGENES EN BLOGGER

Muchas veces alojamos las imágenes de nuestra plantilla en sitos gratuitos como tinypic, imageshack, photobucket,etc..
y cuando estos sitios tienen una caída, dejamos de visualizar nuestras imágenes o son sustituidas por mensajes
que no gustan.
Esto me ha pasó a mi y lo podéis ver en esta captura:

3
A partir de ahí busqué la solución y  que mejor solución que alojarlas en el mismo blogger.
He migrado todas las imágenes de mi plantilla a blogger y aunque es trabajoso tiene su recompensa.
Para ello , abrimos  Diseño>Edición de html>expandir plantilla de artilugios.
Ahora hay que ir buscando y copiando en un bloc de notas todas  las URL  que contengan el nombre del sitio donde  hospedamos nuestras imágenes y las copiamos.
1
Una vez  copiadas, las vamos abriendo una por una en la barra de nuestro navegador y pinchamos con el botón derecho sobre la imagen GUARDAR IMAGEN COMO y las vamos copiando en una carpeta  creado con anterioridad.
2
Cuando las tengamos todas recuperadas abrimos en nuestro blog Creación de entrada> nueva entrada y subimos todas las imágenes como hacemos normalmente.
Una vez todas colocadas en la nueva entrada abrimos Vista previa y pinchamos sobre cada una de las imágenes , estas se abrirán en el navegador y copiamos su URL .
Ya solo nos queda volver a nuestra plantilla y cambiar la URL anterior por la nueva.
Esta nueva entrada la guardamos como BORRADOR y la reservamos para ir añadiendo nuevas imágenes que necesiten un alojamiento.
Es un poco pesado cambiar todas las URL de nuestra plantilla, pero habrá valido la pena el esfuerzo.

05 junio 2010

EL GIMP(Esfera efecto 3D)

Es una esfera 3D creada con 4 pasos muy simples y con un efecto bastante bueno.
Abrimos un nuevo documento de 300x300.
Creamos una nueva capa .Con la herramienta selección elíptica dibujamos un circulo y lo rellenamos con un patrón, yo he creado este con textura de madera para el tutorial.
1
Ahora sin deseleccionar abrimos Filtros>Distorsionar>!WARP y deformamos hacia arriba y hacia abajo, solo un poco las vetas de la imagen.
2
Creamos una nueva capa y sin deseleccionar aplicamos un degradado Radial, de blanco a negro y desde la izquierda superior a derecha inferior.
3
Solo nos queda cambiar el Modo de esta capa a Claridad fuerte .
4
Yo personalmente le he quitado el fondo y guardado en PNG.
 
IR ARRIBA