Una burbuja tenemos que crearla y guardarla como un pincel, de esta forma podemos utilizarla en más ocasiones.
1-Lo primero será crear un nuevo documento de 400x400, pero ojo, tenemos que cambiar el modo de color a Escala de grises.
2-Creamos una nueva capa que llamaremos 1, para no liarnos y con la herramienta Selección Elíptica dibujamos un circulo , lo rellenamos de color negro y conservamos la selección.
3-Creamos una nueva capa que llamaremos 2 y vamos a Seleccionar> Encoger y le damos un radio de 45px. y pulsamos la tecla Supr para eliminar el centro. Deseleccionamos y cerramos el ojo a la capa1.
4-Vamos a Filtros>Desenfoque>Desenfoque gaussiano y le aplicamos el desenfoque de 45px.
5-Volvemos a la capa 1 y con el botón derecho activamos Alfa a selección , pinchamos en la capa 2 volvemos a Seleccionar>encoger y esta vez con un radio de 10px. pulsamos CTRL+I para invertir la selección y la tecla Supr.
De esta forma hemos eliminado el desenfoque de la parte de afuera que no nos interesaba conservar.
6-Deseleccionamos. eliminamos la capa1 y creamos una nueva capa que llamaremos 3 y con la herramienta Pincel dibujamos una pincelada a un lado pasando un poco hacia adentro y le aplicamos un desenfoque de 45px.
Bajamos la opacidad de la capa 2 a 50 y la de la capa 3 a 88.
7-Ya solo nos queda guardar nuestro pincel .
Por si alguno no lo sabe estos son los pasos para guard la brocha:
Le damos un nombre, guardamos en la carpeta brushes de gimp y con la extensión gbr.
En la ventana de Exportar archivo debemos activar Aplanar imagen( es muy importante).
Por último le damos el nombre con el que aparecerá en nuestra ventana de pinceles.
Esta es una burbuja básica, luego cada uno con su imaginación puede ir cambiando el diseño.
De todas formas os dejo este enlace donde puedéis descargar 9 brochas de burbujas bastante buenas.
Solo tenéis que descomprimir el archivo y pegarlas en la carpeta brushes.
▼
28 mayo 2010
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:
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.
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- 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.
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.
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;
Combinamos hacia abajo las 3 capas de arriba y nos quedaran las capas BASE y Fondo.
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.
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 .
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.
9- Volvemos a activar y seleccionar la capa TEXTO , bajamos hasta la capa Fondo y aplicamos un desenfoque gaussiano de 8px.
-Se puede ir jugando con la opacidad de las capas, para conseguir mayor o menor transparencia.
-------------------------------------------------------------------------------------------------------
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:
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.
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- 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.
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.
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;
Combinamos hacia abajo las 3 capas de arriba y nos quedaran las capas BASE y Fondo.
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.
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 .
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.
9- Volvemos a activar y seleccionar la capa TEXTO , bajamos hasta la capa Fondo y aplicamos un desenfoque gaussiano de 8px.
-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:
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.
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:
Repito el mismo toque de aerógrafo,en el mismo sitio, pero esta vez con
una escala de pincel de 10.
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.
Primero abro un nuevo documento de 300x300 y creo una nueva capa.
Con la herramienta Selección Elíptica trazo un circulo:
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.
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:
Repito el mismo toque de aerógrafo,en el mismo sitio, pero esta vez con
una escala de pincel de 10.
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.
2-En la pantalla siguiente en Crear Sitio.
3-Rellenamos el siguiente formulario, donde le damos un nombre a nuestra web.
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
Para el ejemplo subí el archivo reloj.swf cono se puede ver:
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:
-------------------------------------------------------------------------------
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.
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.
2-En la pantalla siguiente en Crear Sitio.
3-Rellenamos el siguiente formulario, donde le damos un nombre a nuestra web.
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
Para el ejemplo subí el archivo reloj.swf cono se puede ver:
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.
09 mayo 2010
EL GIMP (Disco luminoso)
Voy a crear un disco muy sencillo pero con un efecto agradable.
Para ello abrimos un nuevo documento de 400X400.
Creamos una nueva capa y le aplicamos un degradado:
Ahora le aplicamos un filtro y para ello abrimos Filtro>Renderizado>patrón>rejilla:
Fijaros que le he cambiado el color horizontal a negro, para que se note
más el efecto (se puede probar con cualquier color).
Una vez creada la rejilla vamos a Filtros>Distorsiones>coord polares
donde podéis jugar con los valores:
Ya tenemos el disco y ahora con la herramienta Prespectiva y arrastrando
los tiradores le damos cierta inclinación:
Duplicamos la capa y le aplicamos Modo: Combinar granulado.
y combinamos las dos capas con el disco:
Ahora vamos a crearle una sombra y para ello abrimos Filtros>Luces y sombras>
Sombra arrojada y desactivamos Permitir redimensionado:
Ya solo nos queda darle un color al fondo y guardarlo .
Utilizando el mismo disco he creado los demás, cambiando el tamaño,la prespectiva, rotandolos y sustituyendo el color en Colores>Colorear.
Para ello abrimos un nuevo documento de 400X400.
Creamos una nueva capa y le aplicamos un degradado:
Ahora le aplicamos un filtro y para ello abrimos Filtro>Renderizado>patrón>rejilla:
Fijaros que le he cambiado el color horizontal a negro, para que se note
más el efecto (se puede probar con cualquier color).
Una vez creada la rejilla vamos a Filtros>Distorsiones>coord polares
donde podéis jugar con los valores:
Ya tenemos el disco y ahora con la herramienta Prespectiva y arrastrando
los tiradores le damos cierta inclinación:
Duplicamos la capa y le aplicamos Modo: Combinar granulado.
y combinamos las dos capas con el disco:
Ahora vamos a crearle una sombra y para ello abrimos Filtros>Luces y sombras>
Sombra arrojada y desactivamos Permitir redimensionado:
Ya solo nos queda darle un color al fondo y guardarlo .
Utilizando el mismo disco he creado los demás, cambiando el tamaño,la prespectiva, rotandolos y sustituyendo el color en Colores>Colorear.
03 mayo 2010
EL GIMP (Pelo multicolor)
Este es un tutorial muy sencillo, donde voy a explicar como cambiar
un pelo rubio a multicolor con El gimp.
Lo primero que voy a hacer es abrir la imagen de la modelo .
Duplico la capa y el duplicado lo paso a modo Color.
Activo la herramienta Degradado y selecciono el degradado
Full saturation spectrum CCW y forma Lineal
Aplico el degradado desde arriba de la imagen hasta el borde inferior.
A continuación activo la herramienta Borrador y selecciono un pincel
de bordes difuminados y borro todo menos el pelo.
Para este trabajo voy cambiando el tamaño del pincel y aplicando el zoom
las veces que sean necesarias y si me equivoco en alguna pincelada CTRL+Z
para regresar al punto anterior.
Una vez borradas las zonas que no son el pelo cambio la opacidad de la capa.
Estos son dos ejemplos con 40 y 50 de opacidad. respectivamente.
un pelo rubio a multicolor con El gimp.
Lo primero que voy a hacer es abrir la imagen de la modelo .
Duplico la capa y el duplicado lo paso a modo Color.
Activo la herramienta Degradado y selecciono el degradado
Full saturation spectrum CCW y forma Lineal
Aplico el degradado desde arriba de la imagen hasta el borde inferior.
A continuación activo la herramienta Borrador y selecciono un pincel
de bordes difuminados y borro todo menos el pelo.
Para este trabajo voy cambiando el tamaño del pincel y aplicando el zoom
las veces que sean necesarias y si me equivoco en alguna pincelada CTRL+Z
para regresar al punto anterior.
Una vez borradas las zonas que no son el pelo cambio la opacidad de la capa.
Estos son dos ejemplos con 40 y 50 de opacidad. respectivamente.
01 mayo 2010
PHOTOSHOP (Creación de un Warhol)
Me han pedido que explique como crear ilustraciones de estilo Andy Warhol .
1-Lo primero que vamos hacer es abrir una imagen apropiada para este fin y la duplicamos.
2-Creamos una instantánea 1 de la imagen.
3-A continuación vamos a Imagen>Ajustes>Umbral y lo aplicamos para
conseguir un balance óptimo de blancos y negros.
4-Con un solo ajuste de Umbral no vamos a conseguir ajustar todos
los tonos. Para solucionarlo seleccionamos el Pincel de historia
y activamos la instantánea 1, y vamos pintando las zonas para
recuperar la imagen de medios tonos anterior.
Repetiremos este proceso 4 las veces que sean necesarias hasta
que nos quede bien definida la imagen.
Una vez satisfechos con el resultado creamos una nueva instantánea 2.
5-Abrimos el panel Imagen>Ajustes>Corrección selectiva, donde activamos
ABSOLUTO y seleccionamos el el cuadro COLORES<<Blanco>> y movemos
los reguladores hasta conseguir el color deseado para las regiones blancas.
6-Para conseguir de nuevo el blanco en algunas zonas y cambiar el color,
seleccionamos el pincel de historia y activamos la instantánea 2.
Pintamos sobre la zona que queremos cambiar:
Repetimos el proceso de los pasos 6 y luego 5 para cada elemento que
queremos colorear.
7- Podemos probar otras soluciones activando Imagen>Ajustes>Tono/Saturación
y moviendo los reguladores.
8-Si lo que queremos es cambiar el color de la zona en negro, en la Corrección Selectiva
elegiremos en COLORES el Negro.
------------------------------------------------------------------------------
1-Lo primero que vamos hacer es abrir una imagen apropiada para este fin y la duplicamos.
2-Creamos una instantánea 1 de la imagen.
3-A continuación vamos a Imagen>Ajustes>Umbral y lo aplicamos para
conseguir un balance óptimo de blancos y negros.
4-Con un solo ajuste de Umbral no vamos a conseguir ajustar todos
los tonos. Para solucionarlo seleccionamos el Pincel de historia
y activamos la instantánea 1, y vamos pintando las zonas para
recuperar la imagen de medios tonos anterior.
Repetiremos este proceso 4 las veces que sean necesarias hasta
que nos quede bien definida la imagen.
Una vez satisfechos con el resultado creamos una nueva instantánea 2.
5-Abrimos el panel Imagen>Ajustes>Corrección selectiva, donde activamos
ABSOLUTO y seleccionamos el el cuadro COLORES<<Blanco>> y movemos
los reguladores hasta conseguir el color deseado para las regiones blancas.
6-Para conseguir de nuevo el blanco en algunas zonas y cambiar el color,
seleccionamos el pincel de historia y activamos la instantánea 2.
Pintamos sobre la zona que queremos cambiar:
Repetimos el proceso de los pasos 6 y luego 5 para cada elemento que
queremos colorear.
7- Podemos probar otras soluciones activando Imagen>Ajustes>Tono/Saturación
y moviendo los reguladores.
8-Si lo que queremos es cambiar el color de la zona en negro, en la Corrección Selectiva
elegiremos en COLORES el Negro.
------------------------------------------------------------------------------