haackforo
  Emoticones para el msñ
 

Como crear emoticonos para el msn

Aqui os dejare unos sencillos pasos para crear emoticonos,solo necesitaremos un programa,en este caso haremos los emoticonos con el macromedia fireworks.

LINK DE DESCARGA:
http://rapidshare.com/files/137570330/Fireworks8-es_by_cronos.rar
http://www.megaupload.com/?d=T9G2H2HI

PASOS:
abrimos nuestro Fireworks, le damos neuvo documento:

image

Es importante que las medidad de este neuvo documento sea de 50 x 50 pixeles, es el tamaño maximo que tiene un Emoticon de MSN.

image

Aumentaremos el ZOOM a 400% ó (Ctrl + 4) para trabajar mejor, se encuentra abajito de nuestra area de trabajo:

imageimage

Selecionamos la Herramienta elipse para hacer el cuerpo del emoticon:

pantallazo-197pantallazo-196

Le daremos un relleno solido de color amarillo, y un borde de 1 pixel y borde del 100%

pantallazo-160

y lo dibujaremos como se muestra en la imagen, hasta ahora todo sencillo ¿no?

pantallazo-158

haremos otra imagen abajo, de un color amarillo mas claro, y sin borde:

pantallazo-162

ahora selecionamos ese circulo nuevo, y nos vamos al menu:

Filtros > Desenfocar > Desenfoque Gaussiano…

pantallazo-161

Elegimo un promedio de 2.5 a 3.5 como maximo, y le damos Aceptar:

pantallazo-164

Nos preguntara que esto hara que se convierta a Mapa de bits, le damosAceptar, ¿que es esto?, pues lo estamos volviendo un .jpg, o mas sincero un .bmp, osea que ya no podremos modificar ls propiedades, como lo es tamaño de borde, cambiarle el color del fondo. esot si se puede hacer con el primer circulo que sigue siendo vectorial.

pantallazo-165

quedara como una especie de difuminado asi:

pantallazo-192

ahora pondremos un ovalo encima de color blanco con la misma herramienta circulo:

pantallazo-191

y atencion a lo que voy hacer, seleccionamos nuestro ovalo:

pantallazo-200

como ven abajo de esa parte ahi un menu con varias opciones que luce asi:

pantallazo-194

Seleccionamos este que es insertar capa, o crear nueva capa:pantallazo-188

Y el cambio se vera asi:

pantallazo-190

inmediatamente nos dirigimos a la herramienta cubo de pintura, y seleccionamos Herramienta Degradado, o simplmente presionamos la tecla G

pantallazo-193pantallazo-195

Seguido de esto hacemos clic sostenido de abajo hacia arriba a una distancia como nos muestra la imagen:

pantallazo-198

Y miren el resultado, es como un degradado que se va volviendo transparente, se puede usar para hacer esos botones web 2.0, o imitar graficos del sistemas operativo Windows Vista, es un principio a ese tipo de graficos jeje…

pantallazo-199

Ahora en el mismo menu de ahora:

pantallazo-194

seleccionamos este, que se llama nueva capa ó crear nueva capa:pantallazo-202

pantallazo-204

Bueno Ya les he dejado una plantilla sencilla, ya experimenten como quieren su emoticon. Pero les recomiendo siempre tener cada parte de el en una capa aparte.

Yo me he puesto a hacer el mio, y me ha quedado asi por el momento:

image

Le he hecho todas estas capas, lo que ven negro a la derecha de los ojos se llamanMascaras como lo vimos ahora con el degradado. en la segunda entrega de el tutorial de fireworks, les enseñare todos los detalles Pero para que tengan una idea una mascara es como una ventana de hogar, solo se ve lo que esta dentro del espacio blanco. La ventana seria lo blanco y lo negro el muro, y el ojo seriamos nostros al otro lado de la ventana, si nos dezplazamos mas hacia lo negro (muro) nos dejaremos de ver. ¿Facil de entender?

Ahora bien mi emoticon luce asi:

image

Y como pueden ver solo llevo una ceja es porque les quiero enseñar rapidamente como hacen la otra ceja (se usa asi mismo para hacer el otro ojo, y cosas asi como orejas etc)

Seleccionamos la ceja, le damos Ctrl + C (Copiar), y luego Ctrl + V(Pegar) ó Ctrl + Mayus + D (Clonar) Esto nos duplicara la ceja en otra capa:

image

Ahora nos dirigimos al Menu:

Modificar > Transformar > Voltear Horizontalmente

image image

he inmediatamente la otra ceja, se nos refleja, lo que haremos sera acomodala al otro lado y ya queda nuestro Emoticon terminado:

image

Ahora nos dirigiremos para la parte mas importante, de esto, que es volverlo un emoticon (tambien animado) para messenger de tal forma que salga grande.

Nos dirigimos a esta barra qeu esta superior a nuestra area de trabajo:

image

Y alli le damos en 2 copias, de esta manera podremos ver una vista previa de la optimizacion (Otro tema que se tocara en la segunda entrega del tutorial de fireworks), se vera algo asi:

image

Bueno y rapidamente nos dirigimos a la pestaña optimizar, que esta en la parte superior derecha casi siempre:

Si no esta nos vamos a: Ventana > Optimizar (ó F6)

Y alli seleccionamos Gif Animado (Es muy importante sea animado o no, para que queden grandes en el Messenger) se vera de la siguiente manera:

image

 

 

 

 

 

 

 

 

ahora nos vmaos para la capa fotogramas que esta en el lado derecho de capas:

image

 

Y antes de seguir selecionamos todo el emoticon para ello, simplememente con la herramienta Puntero image , hacemos un recuadro sotenido alrededor de nuestro emoticon, de la parte izuqierda:

image

Presionamos Ctrl + C, para copiarlo, agregamos un nuevo fotograma, el icono esta abajito de el recuadro fotogramas: image , inmediatamente aparece la hoja en blanco, y le damos Ctrl + V.

Todos sabemos que un video o animacion se compone de una sucecion de imagenes, estos fotogramas son esas sucesiones. osea si quisieramos volver este emoticon animado, simplemente hariamos 20 fotogramas y en cada uno de ellos cambiariamos una parte d el imagen.

Pero hasta aqui le enseñare como hacerlo estatico, simplemente para que funcione en el MSN de tamaño Grande, es hacer un gif animado con 2 fotogramas con la misma imagen, y para finalizar:

Le damos en Archivo > Exportar ó (Ctrl + Mayus + R)

Elejimos donde lo queremos guardar, y ya nos guardara como lo tenemos optimizado en .gif

Ahora para agregarlo al MSN, vamos a la parte de emoticones, Mostrar todos… le damos en crear y selecionamos nuestro gif, le damos el comando de teclado rapido, y listo ya esta par ausarse.

Aqui les dejo 2 ejemplos, que hice por diversion. Lo pueden grabar dandole clic derecho guardar imagen:

Estatico & Animado

emo emoticon_mine_ani

 
  Hoy habia 2 visitantes (2 clics a subpáginas) ¡Aqui en esta página!  
 
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis