20 diciembre 2009

EL GIMP (Efectos de iluminación)

1.Creamos una nueva imagen de 1024 x 768 pixeles y el fondo negro.
2. Ahora vamos a agregar una luz. pinchamos en la herramienta PINCEL  o tecla P y
abrir ventana pinceles y pinchamos en  crear un nuevo pincel,
editar y aplicamos los siguientes  ajustes:
2
3. Creamos una nueva capa y la llamaremos LUZ y con el color de frente en blanco hacemos
clic DOS VECES en   el medio de la imagen .
Ajustando previamente la opacidad a 60 y activando la casilla desvanecimiento a 100.
3
4. Ahora vamos a añadir algo de color. Crear una nueva capa que llamaremos COLOR y aplicar FILTROS ->
RENDERIZADO ->NUBES -> PLASMA ,  con el valor 0,1 en la turbulencia.
Ponemos el modo de capa en DIVIDIR. Ajustar la opacidad a 65%
 4
5. Vamos a crear rayos de luz . Crear una nueva capa con el nombre de RAYOS DE LUZ
Ir a FILTROS -> RENDERIZADO -> NUBES -> RUIDO SOLIDO. Establecer el tamaño de X y Y a 16,0.
Volvemos a FILTROS -> DESENFOQUE ->PIXELAR y le damos 5px anchura y la altura  de la imagen 768px.
Volvemos a abrir FILTROS  -> DISTORSIONES -> COORDENADAS POLARES y lo dejamos con los valores 0 | 0.
Ahora ponemos el modo de capa a EXTRAER GRANULADO.
 5
6. Activamos la herramienta TEXTO y escribimos una letra, por ejemplo la A.  Elegimos como fuente SANS
y un tamaño de 490px y la movemos al centro. Ahora vamos a  FILTROS -> LUCES Y SOMBRAS -> SOMBRA ARROJADA,
con los valores 0 | 4 | 30 | blanco | 80 | desactivar PERMITIR REDIMENSIONADO .
 6
7. Ahora vamos a darle brillo a la letra A. Ir a CAPA -> TRANSPARENCIA –> ALFA A SELECCIÓN.
Utilice la herramienta de selección ELIPTICA y mantenga presionadas las teclas MAYÚS + CTRL.
Crear una nueva capa que llamaremos BRILLO. Con la herramienta de DEGRADADO de  blanco
a transparente arrastramos el cursor desde la parte inferior derecha de la letra hasta la parte superior izquierda.
A continuación combinamos las capas  texto y la sombra. 
7
8. Vamos a crear el reflejo de la A. Activamos la capa BRILLO y combinamos hacia abajo.
Duplicamos la capa resultante y la llamaremos REFLEJO y vamos a  CAPA ->
TRANSFORMAR -> VOLTEAR VERTICALMENTE
. Una vez volteada pinchamos sobre ella con la herramienta MOVER
 y con la tecla de desplazamiento hacia abajo la colocamos un poco más abajo de la otra A.
Ahora añades una máscara de capa ,con total opacidad en blanco y con la herramienta DEGRADADO de nuevo, pero
ahora con el negro como color frontal y el blanco como fondo lo arrastramos de abajo hacia arriba de la
letra reflejada y obtendremos un bonito efecto de desvanecimiento.
 8
9. Para terminar vamos a añadir un reflejo de lente.Para ello creamos una nueva capa, la llamaremos
LENTE DE REFLEXION ,lo rellenamos de negro Y ajustamos la capa a modo  PANTALLA.
Quiero poner el destello en la parte superior de la letra A, así que necesitamos la posición.
Basta con mover el ratón a la parte superior de la imagen
y en la parte inferior izquierda de la ventana de El Gimp se puede ver la posición.
La mía es de 530, 215 y una vez la posición clara vamos a  FILTROS -> LUCES Y SOMBRAS ->
DESTELLO DE LENTE
con los valores de 530px y 215px en mi caso.
Y ya lo tenemos terminado.


Deciros que la idea principal esta sacada del tutorial
en inglés de Fabio Sasso y que yo lo e traducido al castellano y siguiendo sus explicaciones lo hice y e creado las capturas.
http://fabiosasso.com.

18 diciembre 2009

PHOTOSHOP (Texto siguiendo trazado)

Me ha pedido una amiga que le explique como crear un texto siguiendo un trazado y lo pongo en el blog
por si a alguno de vosotros os puede también interesar.
En primer lugar creo un nuevo documento:

En la barra de herramientas activamos la
PUMA DE FORMA LIBRE y
pinchamos arriba en TRAZADOS

como os marco en la siguiente captura:

y dibujamos el recorrido que queremos par
 nuestro texto.



Activamos la herramienta TEXTO y acercamos el cursor al borde izquierdo de
nuestra ruta hasta que este cambie a:y ya podemos
empezar a escribir nuestro texto que como podéis comprobar va recorriendo
el trazado.
una vez terminado nos dirigimos a la ventana TRAZADOS y eliminamos la capa:
para que desaparezca el trazo que hemos utilizado de guia,
si aún así no se elimina pinchamos sobre la capa del texto y desaparecerá.
 Ya solo nos queda guardarlo tal com está en JPEG o si queremos
que no se vea el fondo blanco, eliminamos la capa FONDO y lo
guardamos como gif.
yo le e añadido un pequeño detalle, una bola de navidad.

17 diciembre 2009

FLASH ( Efecto nevando)

Vamos a crear nieve cayendo sobre una imagen con tan solo un copo de nieve.
Lo primero que hacemos es crea un nuevo documento:
1
con las medidas que tiene la imagen que vamos a importar, le cambiamos el color
de fondo a #663300 y la velocidad de fotogramas, yo le puse 60, pero eso depende
de la velocidad en la que queréis que caiga la nieve y una vez todos los cambios
efectuados aceptamos.
ahora pulsamos CTRL+ F8  y se nos abrirá otra ventana para crear un nuevo símbolo:
2
nombre: copo de  nieve
tipo: clip de película
pinchamos en AVANZADO y se nos desplegará
VINCULACION y esto es muy importante:
en identificador pondremos flake pero activaremos
primero la primera y la tercera casilla y ya podemos
aceptar


en el área de trabajo que se acaba de abrir vamos a crea nuestro copo de nieve y para ello
dibujamos con el pincel sin borde y fondo blanco una especie de gota
3
y le damos los valores:
ancho: 3.0
alto: 5.0

X: 0
Y: 0


y a continuación pinchamos en la flecha que señalo y volvemos a la escena principal:
3a
Ahora vamos a ARCHIVO- IMPORTAR- A ESCENARIO y buscamos el lugar donde guardamos
nuestra imagen y la importamos. La colocamos centrada con el fondo :
4

En la biblioteca que se encuentra en la parte derecha ahora tenemos el paisaje y el clip
copo de nieve:
4a 5
Pinchamos en copo de nieve y sin soltar  arrastramos una instancia hasta el ángulo superior izquierdo de la imagen,
en PROPIEDADES le pondremos nombre a la instancia,  nieve y para situarlo en el sitio exacto X: 1.0,   Y: –5.0.
Solo nos falta crear la acción y para ello hacemos clic en el primer fotograma y abrimos la pestaña ACCIONES.
6
Una vez abierta  acciones copiamos el siguiente código:
Como podéis apreciar e marcado amount=500 que es el ancho de
la imagen, que debéis cambiar según el ancho de la vuestra.


amount = 500;
mWidth = Stage.width;
mHeight = Stage.height;
for (var i = 0; i<amount; i++) {
            thisnieve = this.attachMovie("flake", "flake"+i, i);
            with (thisnieve) {
                        _x = Math.random()*mWidth;
                        _y = Math.random()*mHeight;
                        _xscale = _yscale=_alpha=50+Math.random()*50;
            }
            thisnieve.yspeed = Math.random()*2.5+1;
            thisnieve.onEnterFrame = function() {
                        this._y += this.yspeed;
                        if (this._y>=mHeight) {
                                   this._y = -10;
                                   this._x = -10+Math.random()*mWidth;
                        }
                        if (this._x>=mWidth || this._x<=0) {
                                   this._y = -10;
                                   this._x = -10+Math.random()*mWidth;
                        }
            };
}
Cerramos la pestaña  ACCIONES y ya podemos probar nuestra nevada en CONTROL- PROBAR PELICULA.
Si queréis que la nieve caiga más deprisa en MODIFICAR-DOCUMENTO y cambiáis la velocidad de fotogramas
hasta que se ajuste a vuestras necesidades.
cuando todo esté de vuestro agrado  en ARCHIVO- PUBLICAR y a continuación vamos a guardar la película
en ARCHIVO- EXPORTAR PELICULA y le damos un nombre y la extensión swf.
Luego ARCHIVO- GUARDAR COMO con la extensión fla. que es la que se deja editar de nuevo.

y este otro ejemplo:

SI VUESTRO NAVEGADOR NO VISUALIZA LAS IMAGENES FLASH AQUI DEJO ESTE
ENLACE
 
IR ARRIBA