TUTORIAL: BLINKIE SENCILLO

Moderador Cantidad de envíos : 16

¡¡ Holaaaaa =) !! Aquí les dejo un tutorial de como hacer un blinkie sencillo, espero les guste y les sirva mucho n.n, este tuto es hecho por mi asi que no lo distribuyas n.n, y claro lo comparto aqui con mi adorada amiga Lady que quiero mucho ^^, espero lee guste si tienen dudas o preguntas sobre el tuto me dicen n.n.

Kisses !! =D

------------------------------------------------------------------------

TUTORIAL: BLINKIE SENCILLO
-----------------------------------------
-----------------------------------------
MATERIAL: Un pixel o gif para adornar y la Fuente SG04

¡¡ Holaaaaa alumnitos bellos n.n !! En esta ocasión aprenderemos hacer un blinkie sencillo como el de mi ejemplo, así que empezemos n.n !!

-----------------------------------------

TUTORIAL: BLINKIE SENCILLO BLINKIESENCILLO1

-----------------------------------------

Lo primero que haremos es abrir una nueva imágen de 169 * 70 pixels o del tamaño que ustedes crean pertinente n.n dando en Archivo/Nuevo/ ponemos las medidas en pixels y Resolución 72.000.
Ahora vamos a dirigirnos a la imágen nueva que acabamos de hacer y con la herramienta acercar TUTORIAL: BLINKIE SENCILLO 06

que está en el menú vamos a dar click varias veces sobre nuestro paño hasta obtener un acercamiento lo bastante claro para hacer nuestro primer cuadrito. Ahora vamos hacer nuestro primer bloque o cuadrito como guten llamarle n.n, damos en Capa/Nueva capa de despliegue damos nombre y aceptamos, asi:

Ahora regresamos a nuestro paño y procedemos a hacer nuestro primer bloque del blinkie, para eso seleccionamos la herramienta pincel TUTORIAL: BLINKIE SENCILLO 01

y configuramos dando click sobre la herramienta con boton derecho del mouse y seleccionamos la opción Paleta de Configuración, así:
Y de valores pondremos estos: Forma: Cuadrada, Tamaño: 1.
Y en la Paleta de Colores escogemos el color negro, así:
TUTORIAL: BLINKIE SENCILLO 02

Ahora vamos a dibujar nuestro primer cuadrito como en el ejemplo de abajo, recuerden que deben hacer su paño con la herramienta acercar para que sea mucho más facíl, así:

No pinten las orillas de cada lado del cuadro para que de un efecto como de un bloque n.n

Ahora seleccionamos otro color de nuestra paleta de colores y pintaremos un pequeño cuadro como en el ejemplo de abajo, yo escogi un color verde, así:

Ahora vamos a pintar la parte de adentro del cuadro que nos hizo falta de color blanco, así:

Podemos añadir unos toques del mismo color que escogimos para que se vea más lindo, ejemplo:
TUTORIAL: BLINKIE SENCILLO 09

Ya teniendo nuestro primer bloque ahora vamos a duplicarlo dependiendo el numero de cuadritos que tendra su blinkie, yo duplique la capa de mi bloque 9 veces más.
Nota: Para duplicar la capa del bloque solo den click en Capas TUTORIAL: BLINKIE SENCILLO 18

, buscamos la capa que dice Bloque 1 y damos click sobre ella con boton derecho del mouse y seleccionamos duplicar.
Ahora solo deberemos cambiar el color de cada cuadro por cualquiera que sea de su agrado y mi resultado sera este:

Ahora vamos a poner texto, en mi ejemplo de arriba ya tiene texto pero el de ustedes aún no así que damos en Capas/Nueva Capa de Despliegue, y escribimos nuestra primera letra, así:

Ahora acomodamos la primera letra en el centro del bloque, escribimos nuestra segunda letra, acomodamos y así hasta terminar con todos los bloques:

Muy bien mis ninios n.n !! Ahora vamos añadir un pixelito o gif para adornar nuestro blinkie, yo use un osito ustedes usen el que más les guste pero que no sea animado o les costara más trabajo integrarlo al blinkie, okis n.n? Para añadir el osito al blinkie buscamos la carpeta donde lo tenemos guardado, abrimos y damos click sobre la orilla de la img con boton derecho y al menú que aparece seleccionamos , Copiar, así:

Ahora volvemos a nuestra imágen con todos los bloques y dando click en la orilla de la imágen seleccionamos ahora pegar como nueva capa, ejemplo:

Acomodamos de tal manera que quede bien y se vera así:
TUTORIAL: BLINKIE SENCILLO IZU2

Ahora vamos hacer nuestro corazoncito que sera el que le dara animación al blinkie n.n, primero hacemos una nueva capa en Capas/Nueva Capa de Despliegue y nombramos como Corazón, ahora acercamos nuestro paño para trabajar mejor y pintamos con la herramienta pincel color negro, así:

Ahora le damos color pintando la parte del centro con un color rojo fuerte y en las orillas un toque de blanco para que se vea más real y lindo n.n, así:
TUTORIAL: BLINKIE SENCILLO HEART

Ahora nos dirijimos al primer bloque del blinkie y pondremos el corazon arriba del bloque y de paso pintamos el centro del bloque con un color amarillo o el que gusten :), así:
TUTORIAL: BLINKIE SENCILLO 21

Ahora Fusionamos las capas en Capas/Fusionar las capas visibles y guardamos en Archivo/Guardar como y ponemos 01 o como gusten n.n:

Ahora vamos a deshacer la fusión dando en la flechita deshacer TUTORIAL: BLINKIE SENCILLO 22

y ahora movemos la capa del corazón a la segunda letra, volvemos a Fusionar Capas en Capas/Fusionar Capas visibles, guardamos como 02, deshacemos la fusión y movemos el corazon al bloque tres y seguimos con el procedimiento anterior hasta terminar con los bloques n.n.
Ahora vamos animar nuestro blinkie n.n, abrimos nuestro animation dando en Archivo/Productos Jasc Software/Ejecutar Animation Shop, así:

Ahora ya localizados en nuestro Animation vamos a dar en Archivo/Asistente de Animacion y damos click en siguiente-> siguiente hasta llegar donde te preguntan por buscar las imágenes que guardaste, así:

Volvemos a Dar en Siguiente y despues Finalizar n.n.

Ahora ya tenemos nuestras imagenes en nuestro animation seleccionamos todos dando click sobre la primera img y damos Ctrl+A de nuestro teclado y quedara así:

Ahora pondremos de velocidad de la animación un 10 o 15 seg, para eso damos click con boton derecho sobre nuestras imágenes y al menú que aparece damos click en Propiedades del Marco y escribimos 10, así:

Ahora nos aseguramos que nos guste el resultado dando en Ver/Animación, si nos gusto como quedo ya solo guardamos en Archivo/Guardar como.

Y listooooooooo ^^ !! Por fin tenemos nuestro lindo blinkie animado n.n, en mi caso hice que el corazón se regresara del final hacia adelante pero eso se los enseñare más adelante para no agobiarlos con tanto trabajo n.n.
Y este es mi resultado:
TUTORIAL: BLINKIE SENCILLO BLINKIESENCILLO1

Espero les haya gustado la clase y ahora a practicar se ha dicho n.n

Tema: Re: TUTORIAL: BLINKIE SENCILLO Mar Jun 23, 2009 3:56 pm

ayyy me facina lo voy a hacer esta muy nindo!!!! gracias ^^

Moderador Cantidad de envíos : 16

que bueno que te gusto Lady preciosa n.n