11 July 2008

Brushes en GIMP

Categorías: Tutoriales, Linux, Enlaces

Gimp trae pocos brushes (pinceles)¿De dónde sacamos más y cómo los instalamos?

Muy fácil, por relación, calidad/cantidad y que además son gratis, recomiendo Deviantart. En su correspondiente sección teneis muchos brushes de calidad.

Para ponerlos en el GIMP, bajo Linux una vez nos descargamos los paquetes que nos vendrán en formato .zip. Los descomprimimos y copiamos los archivos que vienen en la carpeta:

/home/tunombredeusuario/.gimp-2.4/brushes

 Recordar que las carpetas con un . delante son carpetas ocultas y que para verlas tendrás que pulsar Control+H

22 April 2008

Tutorial GIMP: Texto Indiana Jones

Categorías: Tutoriales

Jones

Seeeh, ya llevaba un tiempo sin postear, sé que me echabais de menos, así que regreso pues con un tutorial para todos los Gimperos que utilizan este buen programa de edición gráfica. Y así de paso vamos viendo como, así como el pincel no hace al artista, el software tampoco será tan decisivo y podremos conseguir con este programa gratuito tan buenos resultados como con el famoso Photosohp.

Como algunos sabrán el 22 de Mayo se estrena el regreso de Indiana Jones a las pantallas, y para los que fuimos, y seguimos siendo fans del arqueólogo volverá la fiebre del sombrero y el látigo.  Así que aprovecharemos la ocasión para crear un texto "a lo Indiana Jones".

Bueno, después de esta breve introducción, al lío. Indy al turrón!

Paso 1: Lo primero será descargar las "fuentes", osease, el tipo de letra que vamos a usar. Su nombre es SF Fedora y la podeis encontrar en Google, pero si estais perezosos os la podeis bajar directamente de aquí o aquí.

Paso 2 (Linux): Para instalar las fuentes, crearemos un directorio con la orden "sudo mkdir /usr/share/fonts/truetype/indianajones" y luego con la consola desde la carpeta donde tengamos los archivos de las fuentes haremos "sudo cp * /usr/share/fonts/truetype/indianajones.

Paso 2 (Windows): En Windows arrastrais los archivos de las fuentes a C:/Windows/Fonts.

Paso 3: Ahora si, ponemos el GIMP y creamos un nuevo documento con el gimp en Archivo>Nuevo y le ponemos un tamaño, por ejemplo yo he puesto 400x200 y en opciones avanzadas, rellenar con transparencia (una manera complicada de decir fondo transparente).

Paso 4: Le damos a la herramienta texto ,tipografía SF Fedora  y con color blanco, escribimos el texto que queramos.

listo 

Paso 5: Creamos una nueva capa en Capa>Capa nueva y le damos a aceptar.

Paso 6: Seleccionamos la herramienta Gradiente con forma lineal y colores frente a fondo, de color de frente seleccionamos un naranja rojizo y de fondo un amarillo pálido.

Gradiente feo 

Paso 7: Ahora con la tecla Control pulsada para que nos salga recto clickamos justo debajo de las letras y arrastramos hasta justo encima. El degradado aparecerá ocupando toda la pantalla, Don’t Panic.

Paso 8: Vamos al panel de Capas (Control+L si no lo tenemos abierto) y en la capa del degradado ponemos como modo Multiplicar. Ahora el degradado solo rellena las letras

Sin borde 

Paso 9: Volvemos a la capa de las letras en blanco, y le damos a Capa>Transparencia>Alfa a Selección. Se seleccionará el contorno de las letras. Entonces vamos a Capa>Nueva Capa y a Seleccionar>Agrandar y le ponemos un valor, por ejemplo 3

Paso 10: Con el pincel negro coloreamos toda esta nueva selección y en el menú de capas movemos esta capa a debajo de la de las letras blancas, esto hará que las letras con degradado ahora tengan borde negro

Paso 11: Ahora duplicaremos la capa que está debajo, la que coloreamos de negro, y la movemos abajo del todo. Luego le damos a Filtro>Desenfoque>Desenfoque Gaussiano y le ponemos un valor en el que se vea bastante borroso, esto hará la sombra.

Paso 12: Y ya para acabar, distorsionaremos las letras, para esto juntamos todo con Imagen>Combinar las capas visibles y ahora distorsionaremos un poco el texto con Filtro>Distorsiones>Distorsión de Lente, jugaremos un poco con los valores para deformar el texto a nuestro gusto, y ya podemos darlo por acabado. A mi me quedó finalmente así:

 final

Indiana Jones 

Y listo! ya tenemos nuestro propio texto de Indiana Jones! No os perdais el estreno de la nueva película. 

Recordar que el GIMP es gratis y se puede descargar de la página oficial, y que además de este tengo otros tutoriales que podeis ver en la sección tutoriales.  

26 July 2007

Pyramid Head recortable

Categorías: Tutoriales, Enlaces

Vía el foro de Silence Is Broken, Cómo hacer tu propio Pyramid Head de papel las plantillas y el resultado. A ver si teneis más paciencia que yo (y elegís mejor los materiales) porque no acabé ni una de las piezas, igual otro día que me aburra lo vuelvo a intentar.

Aquí están las plantillas a imprimir (haced click para verlas ampliadas): 

 

Plantilla1Plantilla2Plantilla3

 

Algunas imágenes durante el montaje:

 Durante el montaje

 

 Y listo! Teneis vuestro pyramid Head hecho!

 Acabadi

Mientras lo estaba haciendo estaba pensando que seguramente exista un programa que genere plantillas recortables de estas con modelos 3D, he mirado un poco pero no he encontrado nada, si alguien sabe please que me lo diga y lo posteo enseguida. 

19 June 2007

[easyRPG videotutorial] Creando un monstro


Hecho por mi ^_^

EasyRPG

17 May 2007

Tutorial GIMP - Efecto Andy Warhol

Categorías: Tutoriales, Linux

Bueno, imagino que todos conocereis la famosa obra de Andy Warhol, donde sale la cara de Marilyin Monroe cuatro veces, de distintos colores. Bien, pues en este tutorial aprenderemos a hacer una imágen parecida, con la foto que nosotros queramos, mediante GIMP. Herramienta de retoque fotográfico gratuita y multiplataforma, que os podeis descargar gratuitamente desde AQUI si usais Windows, y si usais Linux desde Aptitude por ejemplo.

 Bueno, una vez que tenemos el programa, tenemos que elegir la imágen que usaremos, en mi caso he escogido esta foto de Björk que encontré por google:

Imagen que usaré 

La abrimos con el GIMP y lo siguiente que vamos a hacer, es hacer con la herramienta seleccionar rectángulo, mientras mantenemos la tecla Shift pulsada para seleccionar un cuadrado perfecto, seleccionamos la parte de la imagen que queremos, en mi caso esta:

Este cacho elegí 

Ahora, cortamos el cacho que hemos elegido con Edición>Cortar (o Ctrl+x), y abrimos un documento nuevo. El documento nos saldrá del tamaño que tiene el cacho que recortamos, pero como queremos poner varias veces el retrato, la imagen la haremos del tamaño que necesitemos para que quepa las veces que lo vayamos a poner, en mi caso, pienso ponerlo 4 veces, asi que si el cuadrado que recorté es de 243x243 crearé una imagen de 486x486.

Ahora le doy a Edición>Pegar (Ctrl+v), como quiero que esté en una nueva capa, le doy a Capa>Nueva Capa y muevo el retrato a una esquina de la imagen, así:

 En la esquina

Entonces viene el momento de comenzar a darle el efecto, con esta capa seleccionada nos iremos a Capa>Colores>Niveles y ajustaremos los niveles de la siguiente manera (haced click en la imagen para agrandar):

Ajustes 

 Cambiando esas flechitas a lo largo de la barra, cambiaremos el contraste y el número de colores de la imagen. La idea es, que juntemos las 3 flechas mucho, eso indica que queremos menos colores (las imagenes de Warhol tienen 3 colores), hasta que sólo tengamos 3 colores, luego desplazaremos las 3 flechas juntas a lo largo de la barra probando hasta conseguir el efecto que nos guste. En mi caso me conformaré con la imagen anterior.

Cuando ya tenemos la imagen, lo que tendremos que hacer será darle a la herramienta seleecionar por color (una mano señalando a unos cuadrados de colores) y seleccionar el color que queramos en la imagen, luego, con la herramienta pincel, del color que queramos, pintaremos sobre la seleccion que tengamos. Deseleccionamos y hacemos lo mismo con otro color. Copiaremos la imagen tantas veces como queramos e iremos pintando en cada una, los colores de un color distinto, y ya esta!!. En mi caso, quedó algo asi: 

Finalmente...

 Si alguien tiene alguna duda o quiere que le ayude con algo, que me lo postee en un comentario y me pongo a ello ^_^

 

11 October 2006

Dar glamour a una imagen

Categorías: Tutoriales, Linux

Como sé que sois unos coquetos, y que os gusta salir bien en las fotos que os sacais y enseñais por ahí, os voy a enseñar un par de truquillos para salir mejor en las fotos.

Como yo salgo fatal siempre, pues he ido aprendiendo estos truquillos.emoticon

 

Veamos, voy a mirar un poco por encima la foto en si. El encuadre la luz y eso, pero no entraré mucho en detalles, supongamos que la foto ya la tenemos por ahí, que ya está sacada así que me centraré más en el retoque.

 Si todavía no has sacado la foto, puedes tener en cuenta unas cuantas cosillas:

    - El ángulo del que mejor sacarse es, arriba a un lado (o al menos esta muy de moda ahora, si no mira el 90% de los myspace)

    - Mejor pasarse de luz que quedarse corto, si en la foto se te ven sombras por la cara mejor enchufate un foco.

    - ¿Blanco y Negro? A mi me gusta mucho este efecto, las cosas siempre quedan bien cuando las pones en blanco y negro.

    - El mejor truco en la fotografía es ver mil fotografías e imitarlas, para esto pásate por myspace.com o fotolog.com y busca las           buenas 

Bien, ya tenemos nuestra foto sacada. Ahora comienza el retoque, al igual que con las modelos. emoticon 

Nota: Hoy, para variar un poquito, apoyar a Linux y el software libre haré el tutorial en The Gimp, pero intentaré también que se entienda en Photoshop.

 ¿Y porqué Gimp? Pues, aunque estemos muy acostumbrados a otro software de edición, las ventajas que da son: 1- Es GRATIS!  2- Se puede hacer prácticamente lo mismo que con cualquier otro programa   3- Es código abierto, no tiene copyright y está abierto a modificaciones que cualquiera puede hacer.  4- Es multiplataforma , no corre solamente en Windows, sino también en otros sistemas operativos como Linux.

 

Se puede descargar desde aquí: http://www.gimp.org.es/modules/mydownloads/ 

 La imagen que yo usaré para el ejemplo es la de esta chica

Chica original 

1.- Bien, el primer paso es ajustar Brillo, Contraste y Color. Esto lo haremos dando a Capa>Colores y ahi tenemos todas las opciones, vamos ajustando valores como más nos guste. En Photoshop, si no tienes ganas de complicarte la vida, puedes ir a Imagen>Ajustes y ahí darle a Niveles automáticos, Contraste automático y Color automático. Yo ajusté asi a ojo y rápido algunos valores y me quedó asi:

Paso1 

 

2.- Va, el segundo paso es corregir imperfecciones (granos, manchas de la piel, alguna arruga o lunar), esto lo haremos en Gimp de esta manera:

    - Seleccionamos la herramienta tampón.

    - Doble click para abrir propiedades de la herramienta.

    - Opacidad ponemos como 50% o así.

    - y Brocha Circle Fuzzy, que es el círculo con bordes suavizados

 En Photoshop en cambio, lo que hay que hacer es coger la herramienta Tirita, de aquí en adelante el procedimiento será el mismo. Con la tecla (Control en GIMP y Alt en Photoshop) hacemos click en una zona más o menos limpia de la piel, y que no sea ni más clara ni más oscura que la que vamos a modificar. Ahora, hacemos click en la zona que vamos a cambiar y voilá!!! lo que se hace es copiar la zona donde hicimos click primero en donde acabamos de hacer click ahora y suavizarlo. Así vamos tapando cosas raras de la cara. Lo mejor es no pasarse pues si te pasas queda irreal y se nota que está modificada. A mi me quedó asi (le cambié sobre todo un lado de la boca):

 

Paso2

 

3.- Siguiente paso, la magia glamour emoticon , tanto en Gimp como en Photoshop lo que haremos será: Capa>Duplicar Capa. Luego Filtros>Desenfoque[Blur]>Desenfoque gaussiano[Blur] en Gimp, y Filtro>Desenfocar>Gaussiano en Photoshop. Le subimos los valores y vemos como queda en la vista previa. Pues lo desenfocamos asi bastante, hasta que la imagen se vea bastante borrosa. En el ejemplo yo le puse radio 6 (en Gimp). Ahora, la ventanita donde tenemos las capas. Donde pone Modo, ponemos Claridad Suave (Luz Suave en Photoshop) y…. ya está!!! Hemos hecho una modificación muy sencilla y en pocos pasos que ha mejorado nuestra imagen un poco, el resultado de lo que me quedó a mi (un poco pequeño porque no cabía):

 

 

emoticonY ya está! Bueno, el cómo quede este efecto también depende mucho de la imagen, en esta imagen del ejemplo, de un 1 a 10 le pondría un… 5 a como quedó.

Espero que os haya gustado el tutorial, si alguien tiene dudas o no ha sabido seguir en algún paso no tiene más que ponermelo en un comentario y yo solucionaré cualquier problema (que sepa solucionar).

 

5 October 2006

Cristallize Everyting!

Categorías: Tutoriales

Hace poco que cogí el vicio a los gráficos cristalizados a lo XP, aquí algunos ejemplos:

                       

Se pueden hacer mil cosas y mil efectos con ellos, pero yo os voy a enseñar como crear tu icono cristalizado casi sin esfuerzo:

1.- El primer paso es conseguir un editor de imágenes (yo recomiendo Photohsop CS), supongo que todo el mundo puede hacerse con él "pidiéndoselo a la mula" emoticon

 2.- Segundo paso, creamos un documento nuevo de tamaño que más o menos os parezca, pero poniendo Contenido de fondo en Transparente, cogemos la herramienta de selección circular y manteniendo apretada la tecla Shift para que salga un círculo perfecto, hacemos un círculo.

 

3.- Ahora, lo siguiente que haremos será coger la herramienta gradiente, y eligiendo dos colores más o menos parecidos (en mi caso he elegido rojo y naranja), mantenemos otra vez la tecla Shift para que el gradiente vaya recto y hacemos una linea de la parte más alta de la circunferencia seleccionada a la más baja. Si no te convence el resultado repitelo cambiando un poco el inicio y el final de la línea, el resultado debe ser algo asi:

 

4.- Ahora lo que tenemos que hacer es añadir el logo de nuestro icono, para eso vamos a Capa>Nueva Capa y cremamos una capa nueva, pegamos ahi nuestro logotipo, y con Edición>Transformar>Escala ajustamos el tamaño a nuestro icono. (Tip para expertos: Con la herramienta Licuar podemos además distorsionar el logotipo un poco para darle forma esférica). Yo elegí el logotipo de una tienda de kebabs

emoticon EL resultado:
 

 

 5.- En el ejemplo el logo no ha quedado muy limpio porque la imagen era demasiado pequeña, y no muy fácil de recortar. Es mejor buscarse una imagen grande y fácil de recortar, pero bueno. Lo siguiente! Pues Capa>Nueva Capa y atención a este paso que es importante, seleccionamos, con la herramienta selección circular, una elipse en la parte de arriba del círculo tal que así:

 

6.- Ahora, con la herramienta Gradiente, hacemos un gradiente de dos colores, Blanco con Opacidad 100% y Blanco con opacidad 0% , arrastramos la linea del gradiente de la parte de justo encima de nuestra elipse a la de justo debajo y nos debería salir algo así!

 

 

7.- Vemos que ya empiza a tener reflejos, aún queda añadirle el reflejo de abajo, asi que hacemos Capa>Nueva Capa y en esa capa Seleccionamos otra elipse por abajo que colorearemos entera da blanco con el Bote de Pintura, cómo queda, justo abajo:

 

7.- Ahora en el Menú de Capas buscamos donde pone Opacidad y le bajamos de 100% a 30% o algo así, lo que a vosotros os parezca que quede bien, yo en este caso puse 30%. Ahora vamos a Capas>Combinar Visibles y se nos agrupan todas en una, vamos a Capas>Estilo de Capa>Sombra Paralela… podemos cambiar los valores de la sombra, pero yo los voy a dejar tal cual que queda más o menos bien. Y… ya tenemos nuestro icono cristalizado!!! Sólo queda guardarlo, yo recomiendo guardarlo en formato .PNG, porque así tendrá calidad y conservará la transparencia.

Resultado Final:

 

Espero que os haya gustado el tutorial emoticon, si no habeis sido capaces de hacer algunos de los pasos deberíais mirar tutoriales sobre Capas, Gradientes, o algun tutorial básico sobre la interfaz de Photoshop.






















Get free blog up and running in minutes with Blogsome
Theme designed by Minz Meyer