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

12 de enero de 2014

Texto en 3D con GIMP

Vamos a ver cómo conseguir un efecto muy interesante em 3 D. Me he inspirado en este tutorial que está en inglés Text Effects: 3D y que podría ser útil en caso de que algunos pasos de los que explico no queden claros.

Es un tutorial muy sencillo que está hecho con la versión 2,8 de GIMP y que no requiere filtros especiales.

  1. Abrimos GIMP y creamos una nueva imagen clicando en Archivo / Nuevo, seleccionamos un tamaño de 640 x 400 con fondo blanco.
  2. Seleccionamos la herramienta Texto y elegimos un tipo de letra sencillo y de trazo grueso. Yo he elegido Dejavu Sans Bold y le he dado un tamaño de 128. El tamaño dependerá del tipo de letra elegido, la idea es que nos cubra casi toda la imagen.
  3. Clicamos en la capa de texto con el botón derecho y seleccionamos Capa a tamaño de imagen para que la capa de texto tenga el mismo tamaño que la capa con el fondo blanco.
  4. Duplicamos la capa de texto con el botón de duplicar que hay en la base de la ventana de capas y le quitamos la visibilidad a la nueva capa clicando en el ojito que hay a su izquierda.
  5. Seleccionamos la capa original de texto clicando sobre ella.
  6. Ahora es el momento en que tenemos que decidir cuál será nuestro punto de fuga. En el ejemplo del vídeo es el punto central. Puede que no sepamos exactamente cuál es porque el texto que yo he elegido tiene un número par de letras. Pero, si no me equivoco, ese punto central estaría muy cerca de la letra A. Para asegurarme añado una guía a la imagen clicando el la regleta que hay a la izquierda de la ventana de la imagen y arrastrando el ratón hasta el punto central de la imagen. Luego repito la operación clicando en la regleta de arriba y arrastrando hasta la mita. En el punto de cruce entre las dos guías estará nuestro punto de fuga.
  7. Ahora tenemos que medir los píxeles que hay a la izquierda de nuestro punto de fuga. Para ello seleccionamos la herramienta de medir distancias y ángulos y procedemos a la medición. Clico en el punto de fuga y arrastro (a lo largo de la guía) en línea recta hasta el borde la imagen. En el borde inferior de la ventana de GIMP aparece la cantidad de píxeles, que en mi caso es de 319. Tomamos nota de la cantitad y ahora clicamos de nuevo en la crucecita de nuestra medición que hay sobre el borde izquierdo y la arrastramos hasta el borde superior de la imagen, allí donde cruza nuestra guía. Ahora nos da una nueva medición, que en mi caso es 186 píxeles.
  8. Ahora ya podemos prescindir de las guías, para ello seleccionamos la herramienta Mover, clicamos en cada una de ellas y la arrastramos hasta su regleta correspondiente.
  9. Seleccionamos Filtros / Difuminar (o desenfocar en otras versiones de GIMP) y elegimos un Desenfoque de movimiento. En la ventana de diálogo que nos aparecerá tenemos que introducir los valores siguientes:
    Como se puede ver, en el valor X pondremos el número de píxeles que había hacia la izquierda, en mi caso 319 y en el valor Y los que había hasta arriba, en mi caso 186. La imagen resultante se ve así:
  10. Ahora seleccionamos la herramienta de selección por color y clicamos en la imagen en cualquier punto blanco. Como lo que hay que seleccionar es el texto, ahora clicamos en Seleccionar / Invertir y ya lo tendremos seleccionado.
  11. Ahora tenemos que seleccionar la herramienta de mezcla o degradado y dentro de ella elegimos el degradado Frente a fondo (RGB) y en la forma Lineal.
  12. Para mostrar el recorrido que haré con el Degradado vuelvo a utilizar las guías. El tramo vertical comprendido entre las dos guías horizontes será el trazado que debo hacer, empezando por por el cruce de arriba y arrastrando hasta el cruce de abajo.
  13. Ahora activamos la capa de arriba y la volvemos visible clicando en el punto donde antes estaba el ojito. El ojito volverá a aparecer y con él nuestra capa.
  14. Seguimos con la capa de arriba seleccionada y clicamos con el botón derecho para elegir la opción Alfa a selección. Con ello habremos seleccionado el texto de la capa de arriba.
  15. Ahora seleccionamos la herramienta Selección Elíptica y dentro de ella la opción Extraer selección.
    Clicamos a la izquierda del texto y arrastramos hasta tener una selección parecida a esta.
    De esta forma tenemos seleccionada la parte superior de las letras.
  16. Encongemos un poco la selección clicando Seleccionar / Encoger y aplicamos un valor de 2 píxeles.

  17. Crearemos una nueva capa transparente aplicar brillo a nuestro texto.
  18. Con la nueva capa activada, volvemos a seleccionar la herramienta de mezcla/degradado y dentro de ella la opción Frente a Transparente y por último invertimos los colores de frente y fondo clicando en la flechita que hay a la derecha.
  19. Vuelvo a utilizar las guías para mostrar el recorrido que tenemos que hacer con la herramienta degradado. Sería el tramo vertical entre las dos guías horizontales en un movimiento de arriba abajo.
  20. Clicamos en Seleccionar/Nada y la imagen se verá así.
  21. Ahora hay que aplicar un ligero desenfoque a las dos capas de abajo. Clicamos en una de ellas y aplicamos un desenfoque de 1 o 2 píxeles (según el tamaña de nuestra letra). Para ello seleccionamos Filtros / Difuminar (desenfocar) / Desenfoque gaussiano. En este caso he aplicado un desenfoque de 1 píxel, porque el resultado me parecía más natural.
  22. Repetimos la operación con la capa de texto inferior y el resultado es este:
    Si quisiéramos un texto de un color diferente, bastaría con trazar el texto inicial (en el paso 2) en el color deseado clicando en el cuadrito negro (el color de frente por defecto) y seleccionando para él el color que más nos guste. Todos los demás pasos serían idénticos. Aquí muestro un ejemplo:
  23. Para poner un color de fondo que nos guste, clicamos en la capa Fondo. Seleccionamos la herramienta Gradiente y cambiamos el color blanco por uno de nuestro gusto para combinarlo que el negro. Yo he elegido este. Forma radial.
  24. Luego clicamos en el centro de la imagen y arrastramos hasta la esquina superior derecha. Si así lo hacemos veremos que la parte negra ensombrece un poco nuestro texto.
    Para evitarlo, podemos trazar con el gradiente hasta 1 centímetro más alla de la esquina superior derecha. En este caso el resultado es este:

Ahora ya sólo nos queda exportar nuestra imagen en el formato que queramos y ya tendremos listo nuestro texto.  

4 de marzo de 2013

Texto de alambre con Gimp


Para conseguir este texto con GIMP sólo hay que seguir estos pasos. 


  1. Abrir Gimp y luego un nuevo archivo del tamaño que se precise (yo he elegido 640 x 400).
  2. Clicamos en la capa Fondo con el botón derecho y seleccionamos Añadir canal alfa para que la capa tenga transparencia cuando sea necesario.
  3. Con la herramienta Elipse trazamos una elipse.


  4. Ahora clicamos sobre el cuadradito de color negro y lo arrastramos sobre la elipse para rellenarla de negro. 


  5. Clicamos en Seleccionar / Invertir para que quede seleccionada la parte blanca de la capa y clicamos en Suprimir para eliminarla. 


  6. Volvemos a invertir la selección, tal como hemos hecho en el paso anterior, y a continuación clicamos en Selección / Encoger y aplicamos un valor de 5. 


  7. Volvemos a clicar en Suprimir.


  8. Mantenemos la selección activada y clicamos en Filtros / Renderizado / Patrón / Rejilla. Aplicamos el valor de la imagen. 



  9. Con la herramienta Texto escribimos un texto, seleccionamos un tipo de letra que nos guste y el tamaño adecuado. Yo he elegido Quix LET Thin (es preferible que sea una letra gruesa) con un tamaño de 193. La centramos para que quede bien enmarcada por la elipse de la capa de abajo. 


  10. Ahora clicamos sobre la capa de texto y seleccionamos Alfa a selección. Luego vamos a Selección / Encoger y aplicamos nuevamente un valor de 5.


  11. Ahora vamos a unir las dos capas. Para ello clicamos en la capa de texto con el botón derecho y elegimos Combinar hacia abajo. Con ello tendremos una sola capa y el interior de la letra seleccionado. Clicamos en Suprimir y así eleminaremos la parte seleccionada.


  12. Desharemos la selección clicando en Seleccionar / Ninguno.
  13. Ahora clicamos en Filtros / Alfa a logotipo / Cromar, aceptamos los valores por defecto y nuestro texto se verá así.



  14. Para terminar, clicamos con el botón derecho en la capa de arriba de todo y seleccionamos Combinar hacia abajo. Nos quedarán dos capas y ya estará listo nuestro texto de alambre.
  15. Guardamos la imagen, (si tenemos una versión 2,8 de Gimp, habrá que hacerlo con Archivo / Exportar). Y ya está.   

27 de enero de 2013

Texto de plata con turquesa



Vamos a ver cómo conseguir este texto. 
  1. Abrir un nuevo archivo con GIMP. La dimensión no es importante. Yo lo he abierto con un tamaño de 800 x 600.
  2. Seleccionar la herramienta Textos, seleccionar un tipo de letra con formas redondeadas o irregulares,  de un tamaño grande. Escribir el texto que queramos y centrarlo en la página. Clicar sobre la capa de texto con el botón derecho y seleccionar Capa a tamaño de imagen.



  3. Clicar con el botón derecho sobre la capa de texto y seleccionar Alfa a selección. El texto quedará seleccionado.



  4. Ahora necesitamos guardar la selección, para ello clicaremos en Selección / Guardar en canal. Se abrirá la ventana de canales y en ella habrá un nuevo canal que se llama Copia de máscara.



  5. Volvemos a la ventana de diálogo de capas. Clicamos sobre la capa de texto para activarla y a continuación clicamos en Filtros / Alfa a logotipo / Cromar, en la ventana de diálogo que se abrirá introducimos un valor de 20. Ahora nuestro textó se verá así:



  6. Combinamos la capa que se ha creado con la capa de texto que está debajo clicando sobre la capa de texto con el botón derecho y seleccionando Combinar hacia abajo.
  7. Ahora vamos a crear el relleno de turquesa, para ello volvemos a la ventana de canales y clicamos en el canal que habíamos creado anteriormente y luego clicamos en el icono de Selección. El texto original quedará seleccionado.
  8. Volvemos al diálogo de capas y creamos una capa nueva transparente.



  9. Ahora clicamos en Seleccionar / Encoger y aplicamos un valor de 7 (puede variar en función del tipo de letra).



  10. Con la nueva capa creada activada, seleccionamos el recuadro negro, lo arrastramos sobre la imagen y rellenaremos así de negro la zona seleccionada. Volvemos a Seleccionar / Encoger, pero ahora aplicamos un valor de 2.


  11. Ahora clicamos sobre el icono de la cubeta y elegimos Relleno con patrón. Clicamos en el icono de lista y luego escogemos el patrón que necesitamos. Con el ratón clicamos en todas las áreas seleccionadas para rellenarlas.




  12. Ahora vamos a cambiar el color del relleno clicando en Colores / Tono y saturación y aplicamos estos valores:



  13. Ahora necesitamos aumentar el contraste, y para ello clicamos en Colores / Brillo y contraste y aplicamos un contraste de 20.



  14. Seguimos con la selección activada y creamos una nueva capa transparente. Clicamos sobre ella para activarla y rellenamos la selección nuevamente con color negro.



  15. Necesitamos crear una sombra que dé volumen a la turquesa. Para ello clicamos en Selección / Ninguno y aplicamos un desenfoque clicando en Filtros / Desenfoque gaussiano y aplicando un desenfoque de 10.



  16. Ahora clicamos en la herramienta de mover y trasladamos la capa que hemos rellenado de negro un poco hacia la derecha, de manera que haga un efecto de sombra.



  17. Para pulirla clicamos en la capa rellena de turquesa con el botón derecho y seleccionamos Alfa a selección y a continuación clicamos en Seleccionar / Invertir. Por último clicamos en la capa de arriba, la de la sombra y clicamos en Suprimir. Bajaremos la opacidad de esta capa al 75.



  18. Y ya tenemos nuestro texto de plata con turquesa. Ahora deberíamos elegirle un fondo que le quede bien. Primeros clicaremos en la capa Fondo y arrastraremos hasta ella el recuadro de color blanco.



  19. Con la capa de fondo activada clicamos en Filtros / Renderizado / Nova de líneas y aplicamos un valor de 200 líneas.





  20. Ahora aplicaremos un desenfoque de movimiento, primero clicaremos en la capa Fondo para activarla y luego en Filtros / Desenfoque / Desenfoque de movimiento, aplicaremos estos valores.



  21. Ya podríamos dejarlo así, pero me parece más interesante aplicar un color a este fondo que he conseguido. Para ello creo una nueva capa transparente por encima de la capa Fondo. Clico en el cuadro negro de color y selecciono un color cálido que contraste con mi texto. Arrastro el recuadro del color elegido hasta mi imagen. Y coloco esta capa coloreada en modo Claridad suave o Solapar


     
  22. Para terminar clicamos en Archivo / Exportar o Guardar como y le ponemos nombre y una extensión que nos parezca bien (jpg, por ejemplo).  



    Muestro otros ejemplos: