<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//ES">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META NAME="GENERATOR" CONTENT="lfparser_2.21">
<META NAME="LFCATEGORY" CONTENT="Graphics">
<!-- this is used by a number of tools:
=LF=AUTHOR: Katja Socher
=LF=CAT___: Graphics
=LF=TITLE_: Jugando con los Dingbats y The Gimp
=LF=NUMBER: 238
=LF=ANAME_: article238.html
-->
<TITLE>lf238, Graphics: Jugando con los Dingbats y The Gimp</TITLE>
<!-- stylesheet added by lfparser: -->
<style type="text/css">
<!--
td.top {font-family: Arial,Geneva,Verdana,Helvetica,sans-serif; font-size:12 }
pre { font-familiy:monospace,Courier }
p.cl { color:#EE9500 }
a.nodec { text-decoration:none }
p.trans { font-size:8pt; text-align:right }
p.clbox { width:50%; alignment:center; background-color:#FFD700; border-style:none; border-width:medium; border-color:#FFD700; padding:0.5cm ; text-align:center }
p.code { width:80%; alignment:center; background-color:#aedbe8; border-style:none; border-width:medium; border-color:#aedbe8; padding:0.1cm ; text-align:left }
p.foot { background-color:#AAAAAA; color:#FFFFFF; border-style:none; border-width:medium; border-color:#AAAAAA; padding:0.5cm ; margin-top:0.1cm; margin-right:1cm; margin-left:1cm; text-align:center }
-->
</style>
</HEAD>
<BODY bgcolor="#ffffff" text="#000000">
<!-- this is generated html code. NEVER use this file for your
translation work. Instead get the file with the same article number
and .meta.shtml in its name. Translate this meta file and then
use lfparser program to generate the final article -->
<!-- lfparser can be obtained from http://www.linuxfocus.org/~guido/dev/lfparser.html -->
<!-- 2pdaIgnoreStart -->
<!-- start navegation bar -->
<!-- top navegation bar -->
<TABLE cellspacing="0" cellpadding="0" border="0" align="center" width="90%">
<TR bgcolor="#2e2292">
<TD class="top"><TABLE cellspacing="0" cellpadding="0" border="0" width=
"100%">
<TR><TD width="144"><IMG src="../../common/images/logolftop.gif"
alt="[LinuxFocus-icon]" width="350" height="45" align="left"
border="0"></TD>
<TD class="top">
<TABLE width="100%">
<TR align="right">
<TD class="top"><A class="nodec" href="../index.shtml"><FONT color=
"#DDDDDD" size="-1">Hogar</FONT></A> | <A class=
"nodec" href="../map.html"><FONT color=
"#DDDDDD" size="-1">Mapa</FONT></A> | <A class=
"nodec" href="../indice.html"><FONT color=
"#DDDDDD" size="-1">Indice</FONT></A> | <A class="nodec" href="../Search/index.html"><FONT color=
"#DDDDDD" size="-1">Busqueda</FONT></A> </TD>
</TR>
<TR align="right">
<TD class="top">
<HR width="100%" noshade size="1">
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
<!-- end top navegation bar -->
<!-- blue bar -->
<TABLE cellspacing="0" cellpadding="0" border="0" align="center"
width="90%">
<TR bgcolor="#00ffff">
<TD><IMG src="../../common/images/transpix.gif" width="1" height=
"2" alt=""></TD>
</TR>
</TABLE>
<!-- end blue bar -->
<!-- bottom navegation bar -->
<TABLE cellspacing="0" cellpadding="0" border="0" align="center"
width="94%">
<TR bgcolor="#000000">
<TD>
<TABLE cellspacing="0" cellpadding="1" border="0" width=
"100%">
<TR align="center">
<TD WIDTH="20%"><A class="nodec" href="../News/index.shtml"><FONT color=
"#FFFFFF">Noticias</FONT></A> </TD>
<TD WIDTH="5%"><FONT color="#FFFFFF">|</FONT> </TD>
<TD WIDTH="20%"><A class="nodec" href="../Archives/index.html"><FONT color=
"#FFFFFF">Arca</FONT></A> </TD>
<TD WIDTH="5%"><FONT color="#FFFFFF">|</FONT> </TD>
<TD WIDTH="20%"><A class="nodec" href="../Links/index.html"><FONT color=
"#FFFFFF">Enlaces</FONT></A> </TD>
<TD WIDTH="5%"><FONT color="#FFFFFF">|</FONT> </TD>
<TD WIDTH="20%"><A class="nodec" href="../aboutus.html"><FONT color=
"#FFFFFF">Sobre LF</FONT></A> </TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
<!-- end bottom navegation bar -->
<!-- stop navegation bar -->
<!-- SSI_INFO -->
<!-- tr_staticssi include virtual -->
<!-- tr_staticssi exec cmd -->
<!-- addedByLfdynahead ver 1.3 --><TABLE ALIGN="right" border=0><TR><TD ALIGN="right"><FONT SIZE="-1" FACE="Arial,Helvetica">Este documento está disponible en los siguientes idiomas: <A href="../../English/March2002/article238.shtml">English</a> <A href="../../Castellano/March2002/article238.shtml">Castellano</a> <A href="../../ChineseGB/March2002/article238.shtml">ChineseGB</a> <A href="../../Deutsch/March2002/article238.shtml">Deutsch</a> <A href="../../Francais/March2002/article238.shtml">Francais</a> <A href="../../Italiano/March2002/article238.shtml">Italiano</a> <A href="../../Nederlands/March2002/article238.shtml">Nederlands</a> <A href="../../Turkce/March2002/article238.shtml">Turkce</a> </FONT></TD></TR></TABLE><br>
<!-- SSI_INFO STOP -->
<!-- 2pdaIgnoreStop -->
<!-- SHORT BIO ABOUT THE AUTHOR -->
<TABLE ALIGN=LEFT BORDER=0 WIDTH="30%" >
<TR>
<TD>
<!-- 2pdaIgnoreStart -->
<!-- PALM DOC -->
<TABLE BORDER=0 hspace=4 vspace=4> <TR> <TD>
<font size=1> <img src="../../common/images/2doc.gif" width=34 align=left border=0 height=22 alt="convert to palm"><a href="http://cgi.linuxfocus.org/cgi-bin/2ztxt">Convert to GutenPalm</a><br>or <a href="http://cgi.linuxfocus.org/cgi-bin/2pda">to PalmDoc</a></font>
</TD> </TR> </TABLE>
<!-- END PALM DOC -->
<!-- 2pdaIgnoreStop -->
<br>
<img src="../../common/images/katjasocher.gif" alt="[Photo of the Author]" height="148" width="120">
<BR>por Katja Socher <br> <small><katja(at)linuxfocus.org></small>
<BR><BR>
<I>Sobre el autor:</I><BR>
<p>
Katja es la editora de LinuxFocus en alemán. A ella le gustan Tux,
el cine, la fotografía y el mar. Puedes encontrar su página
<a href="http://www.toppoint.de/~utuxfan/k/">aquí</a>.
</p>
<!-- TRANSLATED TO es -->
<BR><BR><I>Taducido al español por:</I><BR>
Gabriela González (<a href="http://www.webspawner.com/users/traductora/"><font size="1">homepage</font></a>)
<br>
<!-- TRANSLATED TO STOP -->
<BR><i>Contenidos</i>:
<UL>
<LI><A HREF="#238lfindex0">¿Qué son los Dingbats (caracteres decorativos)?</A></LI>
<LI><A HREF="#238lfindex1">¿Dónde conseguir estos caracteres o dingbats?</A></LI>
<LI><A HREF="#238lfindex2">¿Cómo puedo utilizar estos caracteres?</A></LI>
<LI><A HREF="#238lfindex3">¿Qué puedo hacer con ellos?</A></LI>
<LI><A HREF="#238lfindex4">Usando gradaciones de colores (gradients)</A></LI>
<LI><A HREF="#238lfindex5">Script-Fu</A></LI>
<LI><A HREF="#238lfindex6">Agregando algunos otros efectos...</A></LI>
<LI><A HREF="#238lfindex7">Referencias</A></LI>
<LI><A HREF="http://cgi.linuxfocus.org/cgi-bin/lftalkback?anum=238&lang=es">Formulario de "talkback" para este artículo</A></LI>
</UL>
</TD></TR></TABLE>
<!-- HEAD OF THE ARTICLE -->
<br>
<H2>Jugando con los Dingbats y The Gimp</H2>
<img src="../../common/images/article238/tuxswithflowers3.jpg" alt="[tuxswithsunflowers]" vspace="10" hspace="10" height="185" width="320">
<!-- ABSTRACT OF THE ARTICLE -->
<P><i>Resumen</i>:
<P>
<p>
En este artículo te daré ejemplos para que puedas crear fácilmente
lindos dibujos mediante Dingbats (o caracteres decorativos) y The
Gimp. La versión de Gimp que se utilizó en este artículo es Gimp-1.2.2.
</p></P>
<HR size="2" noshade align="right"><BR>
<!-- BODY OF THE ARTICLE -->
<A NAME="238lfindex0"> </A>
<H2>¿Qué son los Dingbats (caracteres decorativos)?</H2>
<p>Probablemente ya hayas encontrado Dingbats al utilizar la herramienta
de texto de Gimp. Dingbats son caracteres decorativos. Mientras probabas varias fuentes
probablemente te encontraste con algunas llamadas, por ejemplo,
dingbats, davysdingbats o davysotherdingbats que no eran
letras normales sino pequeños bosquejos de flores, un piano, animales,
etc. Tal vez entonces te preguntaste que podías hacer con
ellas. Sin embargo, sucede a menudo que al utilizar la herramienta de texto
deseas incluir algún texto y más tarde cuando estás buscando lindos
motivos ya te has olvidado de esas fuentes. Vuelve a pensar en eso.
Realmente te pueden ayudar a crear dibujos muy lindos en poco
tiempo y no necesitas para ello ser muy talentoso para el dibujo.
</p>
<A NAME="238lfindex1"> </A>
<H2>¿Dónde conseguir estos caracteres o dingbats?</H2>
<p>En este artículo usaré principalmente dingbats que están incluidos
en el paquete de sharefonts compartidas (davysdingbats, davysotherdingbats, ...)
ya que creo que muchos de ustedes ya las tendrán instaladas
en sus computadoras aunque les mostraré también otros caracteres
dingbats que me parecieron interesantes. Realmente hay toneladas de
dingbats fascinantes que querrás instalar.<br>
Puedes bajar las sharefonts de
<a href="http://ibiblio.org/pub/Linux/X11/fonts/">
http://ibiblio.org/pub/Linux/X11/fonts/</a>
y puedes encontrar una colección de otros caracteres dingbats en <a href=
"http://www.fontguy.com/">http://www.fontguy.com</a>.<br>
Lee André el artículo de Pascual en <a href=
"../November2001/article116.shtml">Fuentes y motivos con Gimp</a>
para descubrir cómo instalarlas.</p>
<A NAME="238lfindex2"> </A>
<H2>¿Cómo puedo utilizar estos caracteres?</H2>
<a href=
"../../common/images/article238/screen_dynatext.gif"><img src=
"../../common/images/article238/screen_dynatext_th.jpg" width=
"250" height="193" alt="[DynamicText]" align="right" hspace=
"5"></a>
<p>Por supuesto que puedes utilizar la herramienta de texto normal pero existe una
herramienta especial llamada GDyntext que te conviene utilizar aquí. Encontrarás
GDyntext al hacer un click con el botón derecho en la imagen <br>
Filter --> Render --> DynamicText<br>
Al utilizarla puedes ver previamente los iconos y luego seleccionar el/los
que tú deseas con tu ratón (de la misma manera que copias y pegas algo)
o si conoces la tecla también puedes pulsarla directamente.
<br>
Por defecto, la herramienta ya te muestra las letras del alfabeto
tanto en letras minúsculas como en mayúsculas. Sin embargo
a veces hay pocos iconos disponibles que tú, por ejemplo, obtienes
si presionas algunos caracteres especiales.<br>
Otra forma de insertar iconos (y la que yo prefiero cuando busco
nuevos iconos) es usar la ventana del <a
href="../../common/images/article238/screen_charmap.gif">mapa de caracteres</a>, que
obtienes al presionar el botón que se encuentra más a la derecha
en la barra superior de la ventana GDyntext. En el mapa puedes ver todos
los caracteres disponibles en una fuente, y los puedes insertar en tu
imagen. En la parte inferior a la izquierda también hay un pequeño campo
en el que puedes ver la tecla correspondiente.<br>
Con GDyntext también puedes fijar el tamaño del icono, que podrá ser
mayor que el tamaño disponible en la herramienta de texto.
Así que también puedes querer utilizar GDyntext si deseas algún texto en un
tamaño muy grande.<br>
También puedes establecer en qué color deseas tus caracteres (dingbats),
rotarlos o determinar en qué lugar de la imagen se encontrarán
posicionados. Al principio el color es el mismo que el de primer plano
del menú principal de The Gimp pero cuando lo cambias
posteriormente, no tendrá efecto alguno y también puedes elegir un color
en la misma herramienta.<br>
La única desventaja de utilizar esta herramienta es -por lo menos
en mi computadora (Gimp1.2.2 con Mandrake8.0) -
que a veces puede hacer caer a Gimp cuando bajas las numerosas
fuentes especiales que pueden encontrarse.</p>
<A NAME="238lfindex3"> </A>
<H2>¿Qué puedo hacer con ellos?</H2>
<p>Tal vez ya hayas detenido a observar estos caracteres decorativos o
dingbats a estas alturas. Por
supuesto, hay algunos iconos como, por ej. el gran piano, que puedes utilizar
así como están, sin cambios:<br>
<br>
</p>
<center>
<img src="../../common/images/article238/grandpiano.jpg" alt=
"[grand piano]" hspace="10" height="100" width="92"> <img
src="../../common/images/article238/pandas.jpg" alt=
"[pandas]" hspace="10" height="69" width="100"> <img src=
"../../common/images/article238/dolphin.jpg" alt="[dolphin]"
hspace="10" height="63" width="100"> <img src=
"../../common/images/article238/penguin.jpg" alt="[penguins]"
hspace="10" height="125" width="65">
</center>
<br>
<br>
Gran piano = davysotherdingbats: D. delfin = critters, por
darrian: v. pingüino = critters, por darrian: u <br>
<br>
o para algunos, como por ejemplo la rosa que utilizas para agregar
color: <br>
<br>
<center>
<img src="../../common/images/article238/rose.jpg" alt=
"[rose]" hspace="10" height="97" width="100"> <img src=
"../../common/images/article238/violins2.jpg" alt="[violins]"
hspace="10" height="66" width="100"> <img src=
"../../common/images/article238/easter.jpg" alt="[easter]"
hspace="10" height="93" width="100"> <img src=
"../../common/images/article238/smurf.jpg" alt="[smurf]"
hspace="10" height="64" width="100">
</center>
<br>
<br>
Rosa = davysdingbats: k. violines = davysotherdingbats: 5 .Pascuas =
critters, por darrian: Q. smurf = Smurf: c <br>
<br>
Tal vez aún no estés del todo convencido de que puedes
crear dibujos muy lindos fácilmente con estos caracteres. Sin embargo ¡es
realmente muy fácil! Con unos simples clicks de tu ratón
puedes crear pequeños dibujos muy lindos.<br>
<br>
<A NAME="238lfindex4"> </A>
<H2>Usando gradaciones de colores (gradients)</H2>
<img src=
"../../common/images/article238/screen_gradient_button.gif"
width="100" height="164" alt="[Gradient Button]" align="right"
hspace="10">
<p>A menudo un icono lucirá muy bien si lo completas con
gradaciones de colores, o utilizas gradaciones de fondo.<br>
Utilizar gradaciones en Gimp es muy fácil. Para obtener una gradación
de tan sólo dos colores, elige los dos colores que deseas como colores de fondo
y de primer plano. Ahora haces doble click sobre el botón de gradación
(en la ventana principal, observa la pantalla a la
derecha). La opción Mezclar (Blend) debería indicar: FG to BG (RGB). Ahora
dibuja una línea con el ratón de derecha a izquierda de
tu dibujo y la imagen se completará con una gradación. Las opciones
que encontrarás en "gradient" (gradación) determinan cómo los colores de
la gradación se ubicarán (p.e. lineal). Al variar la dirección o
el largo de la línea que dibujas con el ratón, también decidirás
cómo se verá la gradación en tu imagen. Por supuesto,
puedes utilizar gradaciones con más de dos colores.
de Gimp,
File-->Dialogs-->Gradients y
podrás ver una gran selección de gradaciones. Si deseas utilizar una de ellas
simplemente haz un click en ella para seleccionarla. Luego regresa al botón
de gradación y haz un doble click en él nuevamente. La opción Mezclar (Blend)
indicará ahora "Custom Gradient" (gradación personalizada). Luego repite la operación y
dibuja una línea con tu ratón sobre la imagen y se completará con la
gradación.</p>
<b>Creando tus propias gradaciones</b>
<p>Por supuesto, también puedes definir tus propias gradaciones. Para ello haz un
click nuevamente en File-->Dialogs-->Gradients y elige una
gradación que se acerque a la que tú deseas lograr. Luego haz un
click en Editar ("Edit"). Se abrirá una nueva ventana. Haz un click en "Copiar gradación"
(Copy Gradient) y asigna un nombre a tu elección. Entonces la verás en la
lista de gradaciones aunque aún lucirá igual a la otra. No la editaremos.
Nos mantendremos en la ventana "Gradación de Edición" (Gradient Editor).
Abajo verás los colores que componen la gradación.
Hay una línea donde podrás observar algunos triángulos.
Entre dos triángulos negros hay una sección y siempre cambiarás
una sección de una sola vez. Para ampliar la sección simplemente
arrastra los triángulos hasta el punto donde tú desees que estén.
Los colores del área que presentan un gris más oscuro se pueden cambiar.
Haz un click derecho con el ratón en la banda de colores y manténlo así. Tendrás
varias opciones para elegir ahora: Puedes ver "Color de punto final
izquierdo" (Left endpoint's color) y "Color de punto final derecho"
(Right endpoints' color). Si te aproximas a estas opciones con el ratón
obtendrás un círculo de color y podrás elegir un nuevo
color. El punto final de una sección debería tener el mismo
color que el punto inicial de la sección adyacente si deseas un
buen dibujo. Por supuesto esto no se aplica si deseas tener bordes
sin cambios de color. Haciendo click en "Mezclar función para la
sección" ("Blending function for section") puedes decidir si el color
se presentará en forma lineal, en círculo, etc. Al hacer click en "Dividir segmentos en
punto medio" (Split segments at midpoint) puedes dividir la sección en partes más pequeñas.</p>
Veamos ahora algunos lindos dibujos: <br>
<br>
<br>
<center>
<img src="../../common/images/article238/trompet.jpg" alt=
"[trompet]" hspace="10" height="135" width="73">
</center>
<br>
<br>
La trompeta es de davysotherdingbats, character r. Yo le dí una
gradación
de tonos amarillos y anaranjados. (Asegúrate de que se ha seleccionado la trompeta
porque de otro modo la totalidad de la imagen se completará con la
gradación.) <br>
<br>
<center>
<img src="../../common/images/article238/rabbitonhat.jpg"
alt="[rabbitonhat]" hspace="10" height="200" width="217">
</center>
<br>
<br>
El conejo en el sombrero es de la fuente critters,
caracter b,
y yo le di un color gris. En otro esquema elegí un violeta y un
tono gris como gradación (gris=color de primer plano y
violeta=color de fondo). En el medio del dibujo tracé una línea
diagonal de un punto alto a uno más bajo (vertical con respecto
a la línea que puedes ver) del largo del tono violeta más oscuro.
<br>
<br>
<center>
<img src="../../common/images/article238/sunflower.jpg" alt=
"[sunflower]" hspace="10" height="200" width="200">
</center>
<br>
<br>
El girasol está formado por dos iconos, los dos son de caracteres davysdingbats,
j y e. Al tallo le di un color verde. Para la flor utilicé
una gradación de tonos amarillos y anaranjados.<br>
<br>
<br>
<br>
Veamos un dibujo con una gradación que hice yo misma:<br>
<br>
<center>
<img src=
"../../common/images/article238/comeandjointhefun.jpg" alt=
"[comeandjointhefun]" hspace="10" height="190" width="190">
</center>
<br>
<br>
En primer lugar creé el texto en un círculo. Para ello fui al
menú principal e hice click en Xtns (a la derecha de File--> Script Fu
--> Logo --> Texto en círculo. Aquí escribí
"Ven y únete a la diversión" ("Come and join the fun") dejando un espacio al principio.
De lo contrario la primera y la última palabra estarán muy juntas.
Yo elegí un radio de 80, círculo de inicio 0 y un ángulo de cobertura de 360. Para
el tamaño de la fuente usé 25 y como fuente elegí Jayne Print. El color del texto
es el de primer plano del menú. Obtienes un dibujo separado
de este modo. Borré el fondo, abrí una nueva capa y le pegué
a los pingüinos adentro. Los pingüinos son de critters, I.
Luego abrí de nuevo otra capa, la moví hasta abajo
y la completé con la gradación que yo creé. <br>
<br>
¿Qué tal un botón? <br>
<br>
<center>
<img src=
"../../common/images/article238/buttonwithmouseandco.jpg"
alt="[buttonwithmouseandco]" hspace="10" height="206" width=
"225">
</center>
<br>
<br>
Como color de primer plano elegí un azul suave y como color de fondo
un azul oscuro. Luego abrí una imagen nueva con un fondo blanco.
En una nueva capa elegí un gran círculo con la herramienta de
selección y la completé con esta gradación de azul dibujando
una línea con el ratón de izquierda a derecha. Copié esta capa
y disminuí el tamaño del círculo en ella.
Luego la volví a completar con la gradación pero esta vez dibujé
una línea de derecha a izquierda. Repetí estos pasos para una tercera capa
que ubiqué por encima de estas dos. Pegué el círculo adentro, lo llevé a una
escala menor y luego lo completé con la gradación, esta vez dibujando nuevamente
una línea de izquierda a derecha. Después, en otra capa sobre ellas, pegué
el icono con el ratón y las flores (de critters, A).
Luego hice un click derecho en la secuencia de comandos de la capa
Fu-->Shadow-->Drop-Shadow. <br>
<br>
<A NAME="238lfindex5"> </A>
<H2>Script-Fu</H2>
<p>Script-Fu son comandos que te permiten obtener con un click un
efecto que de otro modo necesitarías varios pasos. Puedes
conseguir los Script-Fu bien haciendo un click derecho en la imagen o bien
con un click en Xtns (junto a File en la parte superior de la ventana
principal de Gimp). Debes hacer un click derecho en la imagen
para trabajar con imágenes ya diseñadas mientras que si haces click en
Script-Fu sobre Xtns puedes crear una nueva imagen y determinar
qué fuente de texto y color usar, así como qué texto escribir.</p>
Veamos algunos dibujos:<br>
<br>
<center>
<img src="../../common/images/article238/rosewithchrome.jpg"
alt="[rosewithchrome]" hspace="10" height="140" width="157">
</center>
<br>
<br>
Selecciona la rosa de davysdingbats, caracter k, y luego un click
derecho en
Script-Fu --> Alpha to Logo--> Chrome. <br>
<br>
<center>
<img src=
"../../common/images/article238/grandpianogradientbevel.jpg"
alt="[grandpianogradientbevel]" hspace="10" height="144"
width="116">
</center>
<br>
<br>
Elige el gran piano de davysotherdingbats, caracter D. Yo usé
un tamaño
de 140 aquí. Luego haz un click derecho en la imagen
Script-Fu-->Alpha to Logo--> gradient bevel.<br>
<br>
<center>
<img src="../../common/images/article238/catglossy.jpg" alt=
"[catglossy]" hspace="10" height="139" width="203">
</center>
<br>
<br>
Elige el gato de davysotherdingbats, caracter 0, y
luego haz un click derecho en
Script-Fu-->Alpha to Logo-->Glossy.<br>
<br>
<br>
<center>
<img src="../../common/images/article238/pianoplaying.jpg"
alt="[pianoplaying]" hspace="10" height="300" width="300">
</center>
<br>
<br>
Yo tomé el gran piano de davysotherdingbats, D, la segunda gran mano
(derecha) de davysotherdingbats, 2, (Tomas ambas manos y luego
simplemente borras la primera (la mano izquierda) y tomas la mano derecha
dos veces, y la cabeza de davysotherdingbats, 3 también y
las colocas cómo puedes ver en la imagen. Imité las manos
horizontalmente y borré los dedos superiores.
Luego se hace un click derecho en Script-Fu-->Alpha to Logo--> Textured.
<br>
Aquí utilicé las siguientes configuraciones:<br>
Tamaño del borde (pixels):20<br>
Modelo: aquí utilicé un modelo madera (wood) <br>
Tipo mosaico: Squares<br>
Color de fondo: blanco (Hue: -1, Saturation:0, Valor, Rojo,
Verde y Azul = 1)<br>
Mezcla inicial: naranja: aquí se utiliza el color del primer plano de
Gimp, que es: H=29, S=73, V=91, R=234,
G=147, B=61, HexTriplet:#ea933d <br>
Mezcla final: amarillo: Hue: 43.76, Saturation: 0.77, Valor:
0.92, Rojo: 0.92, Verde: 0.73, Azul: 0.21)<br>
<br>
<A NAME="238lfindex6"> </A>
<H2>Agregando algunos otros efectos...</H2>
<center>
<img src="../../common/images/article238/happybirthday2a.jpg"
alt="[happybirthday1]" hspace="10" height="300" width="300">
</center>
<br>
<br>
Coloqué todo como puedes ver en el dibujo. Las bailarinas y
el pianista son de davysdingbats, L. Borré la bandera
del encabezado y les di su color, haciendo sus manos
blancas. Para los ojos tomé un gran pincel y dibujé dos
puntos. Las estrellas son ambas las mismas (dingbats, U) con
diferentes tamaños. Pegué la estrella en una capa y le di su
color. Luego abrí una nueva capa, copié & la pegué,
la imité horizontalmente y la completé con el segundo color.
El gran piano es de davysotherdingbats,D. La fuente de texto es
amaze. El teclado del piano es de davysotherdingbats, e. En una
capa debajo del teclado completé el espacio intermedio
con color blanco. Fusioné las dos capas. Puedes hacer esto haciendo
los ojos en el casillero de la capa de las otras capas que no son del
piano y que se encuentran invisibles (haciendo click sobre ellas). Ahora sólo
se verá el teclado del piano. Haz un click derecho en las capas
-->fusiona las capas visibles y se fusionará el piano. Luego haz un click derecho
en Filters-->Distorts-->IWarp. Aquí las deformé con las opciones mover
y aumentar. Simplemente deformé el tablero
hasta que me gustó. Ahora
vuelve a hacer visible las otras capas y haz un click derecho en Layer-->Fusiona
las capas visibles. Luego haz un click derecho en Script-Fu-->Alpha to
Logo-->Blended (con los valores por defecto). <br>
<br>
<br>
<center>
<img src="../../common/images/article238/penguinsframe.jpg"
alt="[penguinsframe]" hspace="10" height="310" width="309">
</center>
<br>
<br>
Tomé una imagen vacía y luego hice un click derecho en
ScriptFu-->Decor-->Add Border (valores por defecto). Luego
otro click derecho en la imagen ScriptFu-->Alpha to
Logo-->Glossy. Luego simplemente agregué el grupo de pingüinos de
critters, z. <br>
<br>
<center>
<img src=
"../../common/images/article238/sunflowerswithcats.jpg" alt=
"[sunflowerswithcats]" hspace="10" height="240" width="320">
</center>
<br>
<br>
Pegué el teclado del piano (davysotherdingbats, e) y llené el
espacio con blanco en una nueva capa y fusioné las dos como se
describió arriba. Luego hice un click derecho en la capa con el piano
(filtros del teclado) keyboard Filters-->Distorts-->CurveBend. Aquí puedes
"diseñar" una curva en el sentido en que se doblará el teclado.
Entonces tomé una nueva capa y pegué dos gatos
(davysotherdingbats, 0) en ella, los roté para que se vieran
en la figura, elegí un tono verde y agregué los ojos. Tomé una
nueva capa y la completé con muchas de las imagenes de
girasoles que se describieron antes de la forma en que las ves en el dibujo. Como
fondo elegí una gradación de azul y verde. <br>
<br>
<center>
<img src="../../common/images/article238/meadow.jpg" alt=
"[meadow]" hspace="10" height="240" width="320">
</center>
<br>
<br>
Llené una capa con girasoles como en el dibujo anterior.
Luego le agregué otra capa abajo y la completé con girasoles
en donde las flores contemplan una gradación en rojo. Nuevamente
otra capa abajo y la llené con girasoles con gradación violeta y
una vez más con girasoles con gradación verde. Para los girasoles
amarillos/naranja y violetas llené el centro de la flor
con amarillo. Los girasoles tienen esta forma así que
agregué una nueva capa abajo y llené el espacio de las flores con
amarillo para obtener este efecto. Para las flores azules y rojas
simplemente llené el centro de las flores con amarillo
(pinté arriba del otro color). Como fondo, completé con una gradación
verde.
<br>
<center>
<img src="../../common/images/article238/flowermeadow.jpg"
alt="[flowermeadow]" hspace="10" height="405" width="540">
</center>
<br>
Este dibujo es similar al anterior. Así que toma el dibujo
y simplemente reemplaza la gradación de fondo, completa el fondo
con el modelo de las hojas.
Luego haz un click en la capa con los girasoles azules. Haz un click
derecho en el filtro de la capa Filter-->Map-->Fractal Trace (configuraciones
por defecto). Finalmente borré algunos tallos que, a mi juicio, sobraban.
Eso es todo.
<br>
Imagino que ahora tienes un montón de ideas para crear
imágenes que superarán a las mías.<br>
¡Hazlo y diviértete! :-)<br>
<A NAME="238lfindex7"> </A>
<H2>Referencias</H2>
<ul>
<li>El sitio web de The Gimp:
<a href="http://www.gimp.org">http://www.gimp.org</a>
</li>
<li>Un sitio con muchas buenas ideas para gráficos 2D:
<a href="http://www.webreference.com/graphics/">http://www.webreference.com/graphics</a>
</li>
</ul>
<!-- 2pdaIgnoreStart -->
<A NAME="talkback"> </a>
<h2>Formulario de "talkback" para este artículo</h2>
Cada artículo tiene su propia página de "talkback". A través de esa página puedes enviar un comentario o consultar los comentarios de otros lectores
<center>
<table border="0" CELLSPACING="2" CELLPADDING="1">
<tr BGCOLOR="#C2C2C2"><td align=center>
<table border="3" CELLSPACING="2" CELLPADDING="1">
<tr BGCOLOR="#C2C2C2"><td align=center>
<A href="http://cgi.linuxfocus.org/cgi-bin/lftalkback?anum=238&lang=es"><b> Ir a la página de "talkback" </b></a>
</td></tr></table>
</td></tr></table>
</center>
<HR size="2" noshade>
<!-- ARTICLE FOOT -->
<CENTER><TABLE WIDTH="98%">
<TR><TD ALIGN=CENTER BGCOLOR="#9999AA" WIDTH="50%">
<A HREF="../../common/lfteam.html">Contactar con el equipo de LinuFocus</A>
<BR><FONT COLOR="#FFFFFF">© Katja Socher, <a href="../../common/copy.html">FDL</a> <BR><a href="http://www.linuxfocus.org">LinuxFocus.org</a></FONT>
<BR><a href="http://cgi.linuxfocus.org/cgi-bin/lfcomment?lang=es&article=article238.html" target="_TOP">Pinchar aquí para informar de algún problema o enviar comentarios a LinuxFocus</A><BR></TD>
<TD BGCOLOR="#9999AA">
<!-- TRANSLATION INFO -->
<font size=2>Información sobre la traducción:</font>
<TABLE>
<tr><td><font size="2">en --> -- : Katja Socher <small><katja(at)linuxfocus.org></small></font></td></tr>
<tr><td><font size="2">en --> es: Gabriela González (<a href="http://www.webspawner.com/users/traductora/"><font size="1">homepage</font></a>)</font></td></tr>
</TABLE>
</TD>
</TR></TABLE></CENTER>
<p><font size=1>2002-03-12, generated by lfparser version 2.21</font></p>
<!-- 2pdaIgnoreStop -->
</BODY>
</HTML>