22 mayo 2010

EL GIMP-AERO GLASS

Voy a crear el efecto Aero  y para ello  utilizaré el Script  Bevel and emboss
que podéis descargar y copiar en la carpeta de scripts de vuestro Gimp.
La idea original de este tutorial la he sacado de un video tutorial en inglés.
1-Creamos un nuevo documento de 640x400.
Ponemos como color  frontal 071063 y color fondo 2194b1.
Con la Herramienta Degradado activa y Forma espiral, trazamos desde la
esquina superior izquierda hacia la esquina inferior derecha y vamos probando trazos hasta que nos salga más o menos como en la captura:
1
2-Creamos una nueva capa que nombraremos BASE .
Cambiamos el color frontal en blanco, creamos un rectángulo con la herramienta selección de rectángulos y  pinchamos en Seleccionar> Borde con un radio de 15px y con el bote de pintura rellenamos de blanco.
2
Y sin deseleccionar abrimos Script-Fu>layer-effects>Bevel and emboss,
solo cambiamos el valor del tamaño a 1  y aceptamos. Cambiamos la opacidad de la capa a 20 y combinamos las 2 capas de sombra que se han creado.
3
3- Activamos la capa Fondo con la capa BASE seleccionada y abrimos
 Filtros>Desenfoque>Desenfoque gaussiano y le aplicamos un desenfoque de 10px.
4-  Creamos una nueva capa que llamaremos OSCURO y cambiamos el color
frontal a negro .
Aplicamos un degradado lineal de negro a transparente y de abajo
hacia arriba  y cambiamos la opacidad de la capa a 42.
4
5- Cambiamos el color frontal a blanco y con la selección rectangular y
activando extraer de la selección, creamos un rectángulo que coja la mitad de la base y creamos una nueva capa que llamaremos BRILLO.
5
A la nueva selección le aplicamos un degradado lineal de blanco a transparente.
Deseleccionamos y cambiamos la opacidad de la capa BRILLO a 33;
6
Combinamos hacia abajo las 3 capas de arriba y nos quedaran las capas BASE y  Fondo.
7
Ahora vamos a añadir texto, prácticamente se siguen los pasos anteriores.
6- Con la herramienta texto escribimos GIMP en color blanco , fuente Sans Bold tamaño 120  y volvemos a aplicar el script que utilizamos para la capa BASE, pero en esta ocasión modificando el valor del ángulo a 0 y la opacidad de la capa a 35.
Combinamos las 2 capas de sombra y seleccionamos el texto en alpha a selección.
8
 9
7- Creamos una nueva capa que llamaremos OSCURO 2 y cambiamos el color frontal a negro y aplicaremos  un degradado  lineal de negro a transparente y cambiaremos la opacidad de la capa a  39 .
10
8- Cambiamos el color frontal a blanco y con la selección rectangular y activamos extraer de la selección, creamos un rectángulo que coja la mitad del texto y creamos una nueva capa que llamaremos BRILLO.
Le aplicamos un degradado lineal de blanco a transparente y le cambiamos la opacidad de la capa BRILLO a 10 . Deseleccionamos.
11
9- Volvemos a activar y seleccionar la capa TEXTO , bajamos hasta  la capa Fondo y aplicamos un desenfoque gaussiano de 8px.

12
-Se puede ir jugando con la opacidad de las capas, para conseguir mayor o menor transparencia.
-------------------------------------------------------------------------------------------------------

18 mayo 2010

EL GIMP (Crear esfera)

Voy a crear una esfera simple en muy pocos pasos.
Primero abro un nuevo documento de 300x300 y creo una nueva capa.
Con la herramienta Selección Elíptica  trazo un circulo:
2
Cambio el color frontal a 223ecd y el color de fondo en negro,
activo la herramienta Degradado de azul a negro y forma Radial
y trazo el degradado como muestro en la captura.
3
Deselecciono la esfera y activo la herramienta Aerógrafo, para darle
un mayor efecto 3d.
Cambio el color frontal a blanco, busco un pincel muy difuminado,
en mi caso Circle Fuzzy(19) y en escala 5 y le doy un solo clic
en la zona que marco:
4
Repito el mismo toque de aerógrafo,en el mismo sitio, pero esta vez con
una escala de pincel de 10.
5
Elimino la capa fondo.
Al crear los puntos de luz con el aerógrafo, estos se han salido
un poco de la esfera, por lo tanto tengo que eliminar todo lo que esté fuera de esta.
Para ello pincho encima de la miniatura de la esfera con el botón derecho
y activo  alfa a selección y una vez seleccionada , invierto la selección y
pincho en SUPR, para borrar todo lo que estuviera por fuera.
Lo he guardado en formato PNG.

14 mayo 2010

¿DÓNDE ALOJAR ARCHIVOS SWF?

Varios amigos me preguntaban donde había subido las imágenes con Swf.
Como todos sabemos Blogger no permite subir archivos con extensión SWF
y tampoco he encontrado ningún hosting gratuito que lo haga.
He creado una web en Google Sites y ya tengo solucionado el problema.
No he tenido que crear una nueva cuenta, porque sirve la misma que tengo
para Blogger y es sencilla de utilizar y no tiene publicidad.
Estos son los pasos a seguir:

1-En la página principal de Google abrimos la pestaña MÁS y pinchamos en Sites.
1
2-En la pantalla siguiente en Crear Sitio.
3-Rellenamos el siguiente formulario, donde le damos un nombre a nuestra web.
3
4-Una vez creado el sitio entramos en administrar y en Archivos Adjuntos
5-Pinchamos en Subir y a continuación en Examinar y buscamos en nuestro
disco el archivo swf que queremos subir y aceptamos
4
Para el ejemplo subí el archivo reloj.swf cono se puede ver:
5     
Mi dirección es http://sites.google.com/site/mirinconmisaani
a la que tengo que añadir al final , el nombre del archivo que acabo de subir
para obtener la  url de la imagen y quedará así:
http://sites.google.com/site/mirinconmisaani/reloj.swf

Publicar SWF en Blogger:
Como ya tenemos la URL del archivo SWF es hora de utilizar código html para mostrar
nuestro archivo flash en el blog. Para ello utilizamos el siguiente código:
-------------------------------------------------------------------------------
<object id="movie" type="application/x-shockwave-flash"
   data="ruta-archivo.swf" width="ancho" height="alto">
   <param name="movie" value="ruta-archivo.swf">
   <param name="wmode" value="transparent" />
</object>
----------------------------------------------------------- 
Donde pone ruta-archivo.swf tenemos que pegar la URL del archivo SWF,
y en ancho y alto las dimensiones de la imagen SWF.
Fijaros que la URL del archivo se pega en dos sitios.

Y ya tenemos nuestra imagen en flash insertada en el blog.
 
IR ARRIBA