~*Avatares y botones*~

 



~*Tutorial
de efectos básicos*~


Por comodidad aquí sólo usaré un avatar como muestra, pero los efectos pueden usarse en el resto de las imágenes.
Importante: recuerda que mi programa de edición es el Paint Shop Pro 7, así que este tutorial está escrito de acuerdo a sus opciones. Si tienes Photoshop u otro, busca las opciones equivalentes a las que indico.


:: Letras pequeñas ::

La primera forma de personalizar algo es ponerle tu nombre, y el primer problema en una imagen tan pequeña es que el texto se distinga. Y la mayoría de veces es indispensable que las letras estén delineadas, aunque al hacerlo directamente no queda nada bien. Es cuando necesitamos un tipo de letra bien definido (mientras más pequeña sea la imagen, mejor definida debe ser) y un delineado de un pixel.

-He seleccionado este bonito avatar de Ringo-chan (con una 'ringo'-manzana- ^.^) y lo primero a hacer es elegir los colores. Yo prefiero que combinen así que tomo un rojo directamente de la imagen (usando la herramienta 'gotero'). Con éste, vuelvo a delinear la imagen para cambiar ese feo borde negro que viene por default XD

Recuadro de estilo de los colores -Antes de escribir el nombre, es muy importante que te asegures en el recuadro de colores que tanto el color de contorno/primer plano (1) como el de relleno/plano de fondo (2) sean los que desees. En mi caso, el primero suele ser el mismo del borde mientras que el segundo es blanco ya que así es más distinguible.
Opción de ningún color o bloqueadoAunque lo importante es que bloquees el color de contorno. Esto se logra presionando el triángulito inferior del recuadro y eligiendo la opción 'ninguno'.

-Es momento de añadir el texto. Repito que necesitas una fuente definida para que sea legible. Las más usadas son 'Redensek', 'Sevenet 7' y demás 'pixeladas' (hechas con pixeles y sin curvas claras). Yo prefiero la primera y escribo 'Nikki-chan' en el recuadro de texto con un tamaño 10 y una seleccion 'vectorial'. Esto último es indispensable.
Presiona aceptar y colócalo donde desees.

-Sin eliminar la selección vectorial, ve a la opción 'seleccionar' y elige 'a partir de un objeto vectorial'. Ya seleccionado regresa a 'seleccionar', marca 'modificar' y dentro del menú presiona 'agrandar'.
Te aparecerá una ventana donde eliges el número de pixels que deseas agrandar, siendo éste 1 y presiona 'aceptar'.

Opción de color sólido-Por último, desbloquea el color de contorno presionando el triángulito y seleccionando la opción 'sólido'.
En la ventana de capas elige la del fondo (o donde esté la imagen). Con la herramienta 'bote de pintura', rellena la selección y ¡listo!
Mira cómo queda:






:: Transparencias ::

En realidad, éste debería ser el primer paso para personalizar pero como es un poco más complicado, lo dejo al final.

-Con el avatar base crea una nueva capa. Esto porque si llegamos a equivocarmos no vamos a tener que iniciar de cero. Voy a usar el mismo avatar de antes y también le cambié el color del borde.

-La forma más sencilla de añadir transparencias es usar un color raro donde las deseemos (con 'raro' me refiero a que no sea usado en la imagen) y al final las volvemos transparentes. El mejor es el verde chillón puro (#00FF00). Selecciónalo como color.

-Todo lo que hay que hacer es trazar líneas o marcar las zonas que desees con el color verde. Sólo recuerda dejar un espacio de 1 pixel para delinear, o mejor aún, ve delineando al mismo tiempo.
Yo hice una línea en la parte superior izquierda y unos cuadritos en la esquina contraria. Primero delineé la zona con el color del borde y después agregué la zona verde (recuerda hacer esto en la capa vacía):
Si te fijas bien, verás que siempre hay una línea roja a los lados de las verdes. Esto sirve para que la transparencia luzca más.

-Ahora voy a convertir ese verde en una tranparencia. En la opción 'archivo' elige 'guardar como...' y selecciona el formato '.gif'. Al fondo del menú está
la opción 'opciones...', da click en ella y en la ventana que te aparece presiona el recuadro de 'optimización'.
La primera opción es 'tranparencia' y elige la última llamada 'zonas que coincidan con este color'. Presiona el recuadro de color y selecciona el verde chillón. El 'tolerancia' elige un número de acuerdo a la imagen porque si es muy bajo el verde no desaparecerá del todo, y si es muy alto eliminará otros colores. Elige fijándote en la vista previa. Yo quedé en 60.
Al dar click en 'aceptar', regresarás a la opción de 'guardar como....'. Dale un nombre a tu avatar y guárdalo.

-El avatar de la izquierda es el resultado. Mientras que el de la derecha es cómo queda tras agregarle un toque de color rojo a los cuadritos y la línea, además de unas brushes de estrellas y mi nombre. Aunque está algo recargado, se ve lindo, ¿no? ^^

-Oh, casi lo olvido. El paso de convertir el color verde a una transparencia, debe hacerse al momento de guardar la imagen cuando ya está lista, es decir, al final. De otro modo, el color seguirá presente y tendrás que repetir el paso cada que modifiques algo.


Y con esto doy por terminado el mini-tutorial con lo más básico pues el resto ya depende de tu gusto. Puedes añadirle brushes, usar texturas, cambiar los colores, una animación, etc. Todo es cosa de experimentar para ganar práctica.
Espero que te haya sido útil y recuerda que si tienes alguna duda puedes escribirme,
estaré encantada de poder ayudarte.

 

Tutorial realizado completamente (texto y captura de imágenes) por Nikki para esta página. Por favor mántenlo para tu uso personal y avísame si quieres publicarlo en algún lado.

<<Atrás

 

Página principal