Mostrando entradas con la etiqueta texto. Mostrar todas las entradas
Mostrando entradas con la etiqueta texto. Mostrar todas las entradas

jueves, 3 de agosto de 2017

Texto al rojo vivo con GIMP

Vamos a crear un texto al rojo vivo. Ideal para crear un logotipo. GIMP viene con la opción de crear él mismo logotipos, muy vistosos la mayoría, los cuales ya fueron protagonistas de un tutorial donde se podían ver todos los filtros que "de serie" vienen con GIMP. Nosotros vamos a crear uno por nosotros mismos de este modo aprendemos a usar el programa y sobre todo aprendemos a ver todas las herramientas que este programa posee.


1. Hacemos una imagen de 500x100 px con resolución 72. Ponemos el fondo de color negro (Editar > Rellenar con color de frente).
2. Pulsamos en D (valores por defecto) y cambiamos los colores en la paleta de colores. (click on the pequeña flecha situada arriba)
3. Escribimos el texto que queramos usando la herramienta texto.

4. Vamos a la barra de menus y Capa > Combinar hacia abajo para mezclar el texto junto con el fondo negro.
5. Ir a Filtros > Distorsiones > Viento con la opción dirección desde la la izquierda. Elegimos UMBRAL 41. Volvemos a aplicar este filtro pulsando en Ctrl + F.
6. Ir a Filtros > Distorsiones > Viento de nuevo excepto que ahora elegimos la opción Desde la derecha. Volvemos a aplicar como hicimos antes.
7. Hacemos esto verticalmente usando Capa > Transformar > Rotar 90 en el sentido de las agujas del reloj. Ahora repetimos los pasos 5 y 6.
8. Reparar el lienzo para dejarlo como estaba, ir a Capa > Transformar > rotar 90º en sentido antihorario. Se debería de ver como se ve abajo.
9. Ir a Filtros> Desenfoque > Desenfoque Gaussiano (ponerlo en 2). Luego Filtros > Distorsiones > Desplazamiento
10. Vamos a darle a la imagen algo de color haciendo lo siguiente:
a) Imagen > Modo > Escala de grises
b) Imagen > Modo > Color indexado... Elegir lo siguiente.

11. Se cambia el modo de nuevo a RGB. Ahora solo falta volver a escribir el texto que pusimos al principio y el resultado final sería este:

miércoles, 2 de agosto de 2017

Crear un texto luminoso con GIMP

Este tutorial se basa en un tutorial realizado para Photoshop. Vamos a coger el mismo tutorial y ahora lo realizamos con GIMP. Asi es como debería acabar nuestro trabajo:
 
1. Crear una imagen de 500x500 px en photoshop y hacer el fondo Black (negro). Para ello pinchar en el botón Herramienta de relleno y pinchar sobre el lienzo de color blanco. Si hemos hecho todo bien veremos todo de negro. Ahora elegimos como color frontal el blanco. Podemos usar el botón de color frontal y de fondo y pinchar en la flecha en dos direcciones blanca.
2. Usando la herramienta de texto, escribir una palabra en color blanco como puede ser avertigo.com. Para este tutorial, usé el tipo de letra Impact y tamaño 50.
3. Rasterizar la capa (Capa > Descartar información de texto) y dejarla con el nombre que tiene, es decir, "avertigo.com".
4. Vamos a seleccionar sólo el texto, las letras. Para ello en la capa “avertigo.com” seleccionamos todo usando Seleccionar > Todo, y luego Seleccionar > Invertir. La nueva selección se convertirá en una nueva capa, una capa flotante.
5. Copiar y pegar la selección y llamarle a la nueva capa "capa flotante"
6. ¡Aqui comienza la parte divertida! Hacemos una copia de la nueva capa pinchando en el botón Crear un duplicado de la capa.
Seleccionar la capa  "flotante" e ir a Filtro > Distorsiones > Coord. polares y elegir las configuraciones de la imagen.

8. Ir a Filtro > Distorsiones > Viento y elegir Viento para el método y dirección desde la izquierda para la dirección. Presionar en  CTRL-F. Para repetir el filtro de nuevo.

9. Repetir el paso 8 excepto para la dirección, elegir  Desde la derecha.
10. Ir a Imagen -> Transformar > Rotar 90º en sentido horario.
11. Ir a Filtro > Distorsiones > Viento y elegir Viento y desde la derecha para la dirección. Presionar en CTRL-F.
12. Ir a Imagen > Transformar -> Rotar 90º en sentido antihorario.
13. Ahora, seleccionar la herramienta de texto y escribir el texto que usaste al principio. Colorealo a color diferente y muévelo sobre el blanco. Voila! Lo hiciste!

viernes, 28 de julio de 2017

Añadiendo sombra a imágenes o texto con GIMP

Vamos a crear un sencillo tutorial en GIMP para que un texto cualquiera o imagen tenga una sombra. Para ello es necesario descargar un script-fu que cree ese efecto. Los scrip-fu son como una serie de guías que le dicen a GIMP lo que tiene que hacer, como un guión de cine. El Script-fu anteriormente estaba en la barra de menú de GIMP, en un apartado con su mismo nombre. Recientes versiones han incrustado la barra de Script-fu dentro de los Filtros. Sin embargo, hay algunos script-fue que no se han pasado, así que hay que decargarlos de la Web. La web es esta → http://registry.gimp.org/node/186.
Este es el fichero necesario: layerfx.scm
Para instalarlos tenemos que seguir estos pasos:
  1. Botón derecho en el enlace que pone "layerfx.scm". Una ventana emergente se abre, hacemos clic en “Guardar destino como...” o “Guardar enlace como...” según tu navegador.
  2. Guarda el archivo "layerfx.scm" en tu carpeta de scripts. Si no estás seguro donde está esa carpeta, puedes verlo entrando en GIMP y vamos a Editar > Preferencias > Carpetas > Guiones.

3. Una vez que hayas guardado el fichero en tu carpeta de guiones, tienes que refrescar esa carpeta para que GIMP acceda a tu guión o simplemente abre de nuevo GIMP.
4. Si lo has hecho todo correctamente, los guiones aparecerán en la barra de menús de GIMP, creándose una nueva entrada llamada Script-fu y dentro de ella verás los Layer Effects (efectos de capa), con alguno de los cuales vamos a trabajar en este trabajo.



El Script-fu de sombra paralela

Vamos a abrir una nueva imagen y usando la herramienta texto vamos a escribir lo que vosotros queráis. En mi caso el nombre de mi página web.

Ahora nos vamos a Script-fu > Layer effects > Drop Shadow.Podemos hacer los retoques que queráis. En nuestro caso no lo hemos dejado de este modo:



El resultado sería este:


Vamos ahora a aplicar algunos de los estilos que nos vienen en este script-fu:
  1. Inner Shadow


2. Outer Glow


3.Inner Glow


4. Bevel and Emboss:


5. Color overlay



6. Gradiente Overlay



jueves, 27 de julio de 2017

Crear texto colorista con GIMP

amos a crear un tutorial para GIMP donde vamos a trabajar con texto, creando un efecto bastante colorista. Espero que os guste. Este es el resultado final de nuestro tutorial:

 

Paso 1

Creamos una nueva imagen de 600x450 px. El color de fondo lo pondremos en negro usando la herramienta de relleno:



Paso 2

Creamos una nueva capa y la llamamos "Gradiente azul" y luego usamos la herramienta de mezcla, ahora seleccionamos de esa herramienta el gradiente "Deep Blue" y con el botón izquierdo del ratón pinchamos más o menos en la mitad de la imagen y nos dirigimos en diagonal hasta la esquina inferior derecha, como en el ejemplo.




Paso 3

Ahora duplica nuestra “capa en gradiente azul" y usamos la herramienta volteo para voltear esa capa.



Paso 4

No podemos cambiar el color, de modo que tenemos que ir al menú Colores > Colorear y colocar estos valores, Tono:293, Saturación:100 Luminosidad:7.



Paso 5

Coloca el modo de ajuste de capa de nuestra recién capa en el modo adición y una opacidad del 30.



El resultado tendría que ser algo así:



Paso 6

Ahora es el momento de añadir texto. Selecciona tu fuente preferida, yo he elegido Georgia Bold Italic para esto.




Paso 7

Pulsamos botón derecho en la capa con el texto y elegimos la opción situado debajo de todo llamada "Alpha a selección", y una vez que lo tengas hecho verás una selección alrededor del texto, y a continuación borra el texto para quedarte solo con la selección.



Paso 8

Ahora crea una nueva capa, y usando la herramienta de mezcla y elegimos el gradiente "full saturation spectrum", ahora lo aplicamos de izquierda a derecha pulsando en la tecla CTRL para que el gradiente sea recto.

Paso 9

Con la selección rodeando al texto todavía activa, creamos una nueva capa y la rellenamos de color blanco.




Paso 10

De nuevo volvemos a crear una nueva capa y la rellenamos esta vez de negro sólido. Ya puedes deseleccionar, para eso ir a SELECCIONAR > Nada.

 

Paso 11

Ahora vamos a la ventana de capas y ocultamos las 2 últimas capas de texto que acabamos de crear, pinchando en el ojo situado a la izquierda.



Paso 12

Seleccionamos la capa nueva#1 que veis en la imagen y vamos a Filtros > Desenfoque > Desenfoque gaussiano y colocamos el desenfoque en 10.



Paso 13

Ahora puedes volver a mostrar la capa que rellenamos de blanco y que oculatamos anteriormente y de igual modo que hiciste en el paso 12 aplicamos de nuevo un desenfoque, Filtros > Desenfoque > Desenfoque gaussiano y ahora ponemos el valor 5.



Paso 14

Volver a mostrar la capa que rellenamos de negro y colocamos en modo de fusión en Claridad suave.





Paso 15

Vamos a añadir un corazón usando la fuente de windows llamada Webdings. Usando la herramienta texto selecciona Webdings y luego pincha en la letra mayúscula Y, y hay que repetir los pasos que hemos realizado desde el paso 6 hasta el 14. Quedaría algo así:



Paso 16

Para un retoque final y poner unas líneas onduladas en nuestro fondo tenemos que usar unas libres brochas de Photoshop que puedes descargar desde Qbrushes, y luego instalarlas estas brochas de Photoshop y luego colocar los ficheros .abr en la carpeta donde GIMP guarda las brochas, refrescar las brochas para poder verlas de nuevo, y una vez que esté instalada simplemente seleccionar el color blanco y aplicar la brocha en una nueva capa. Normalmente debería estar en esta carpeta C:\Archivos de programa\Gimp-2.0\share\gimp\2.0\brushes.


Finalmente colocamos el modo de fusión de la capa a Claridad suave y este es el resultado final:



Este artículo es un traducción del artículo de la página web http://gimp-tutorials.net/gimp-text-effect-tutorial

Entradas Populares