elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.
 
Inicio Ayuda Ingresar Registrarse
08 Septiembre 2008, 18:07  



+  Foro de elhacker.net
|-+  Informática
| |-+  Diseño Gráfico (Moderadores: Azielito, wvb)
| | |-+  [Tutorial] Hacer Smilies
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Imprimir
Autor Tema: [Tutorial] Hacer Smilies  (Leído 3008 veces)
GutBarr -ZP-

Desconectado Desconectado

Mensajes: 2.927

Ex Colab, Ex Mod, Ex Diseñador...


Ver Perfil WWW
[Tutorial] Hacer Smilies
« en: 08 Mayo 2005, 03:29 »

Creando Smilies

Muchos piensan que hacer un smylie es dificil, yo me incluia en esos muchos hasta que decidi probarlo, crear un careto es muy facil.

Lo primero que haremos es crear un nuevo documento de 15px X 15px, y lo hacemos con fondo Transparente. Resolucion de 72 y RGB. Igual que la imagen.



Ahora que ya creaste el documento para poder hacer el smylie detalladamente y mas facil vamos a hacer zoom hasta llegar a 1600%



Ya tienes el zoom, entonces ahora viene lo mas dificil del tutorial jeje agarra tu herramienta de lapiz y ponla a 1pxde grosor y has un circulo en el fondo transparente. Es preferible que el borde sea negro.



Intenta dejar el circulo asi:



Lo que vamos a hacer ahora es rellenar el careto, tu escoges el color, preferiblemente si quieres que se paresca a otros caretos haslo de color amarillo, este tono escogi yo #FFCC00



Haces eso dentro de todo el circulo hasta que lo llenes, luego vas a darle detalles otra vez con el pencil tool color negro, para hacer el rostro. A mi me quedo asi el primer careto.



Ahora para darle el tamaño real vuelve a View >>> Zoom In hasta que regreses a el tamaño inicial.

Aqui una muestra de algunos caretos creados por mi, sencillos, bonitos, y utiles para todo webmaster:

               

Espero les haya gustado y lo hayan aprendido como lo hice yo. Dudas, comentarios las hacen aqui mismo.

Hasta Pronto
« Última modificación: 21 Septiembre 2006, 18:54 por .:wvb:. » En línea

[P]UnKeRmA[N]

Desconectado Desconectado

Mensajes: 1.890


Yeah...Umts,umts,umts..


Ver Perfil WWW
Re: Tutorial [Hacer Caretos (Smylies)]
« Respuesta #1 en: 08 Mayo 2005, 03:30 »

 :o :o :o :o :o :o :o :o :o :o :o :o :o

2 palabras :D genial  ;D
En línea





 Diseñamos cualquier cosa, contactanos! OnGFX.net
x0rT-Nuk3

Desconectado Desconectado

Mensajes: 259


[CMH-IP]


Ver Perfil WWW
Re: Tutorial [Hacer Caretos (Smylies)]
« Respuesta #2 en: 08 Mayo 2005, 03:40 »

:) Buen tutorial NoBaLoGiC !, te Felicito...

Un día de estos voy a tener que bajarme el Photoshop, ya que el Fireworks, no tiene tiene tanta variedad de opciones.

Claro que, con Fireworks se puede hacer, pero igual, no es lo mismo xD.

Saludos.
En línea


Scripts; PHP & MySQL, Tutoriales; Photoshop, Fireworks, Flash MX, Manuales; HTML, CSS, PHP, MySQL, y m�s! ;)
GutBarr -ZP-

Desconectado Desconectado

Mensajes: 2.927

Ex Colab, Ex Mod, Ex Diseñador...


Ver Perfil WWW
Re: Tutorial [Hacer Caretos (Smylies)]
« Respuesta #3 en: 08 Mayo 2005, 03:42 »

:o :o :o :o :o :o :o :o :o :o :o :o :o

2 palabras :D genial  ;D

xDDDD genial solo es una palabra xDDD gracias que bien que te gusto  :P.

:) Buen tutorial NoBaLoGiC !, te Felicito...

Un día de estos voy a tener que bajarme el Photoshop, ya que el Fireworks, no tiene tiene tanta variedad de opciones.

Claro que, con Fireworks se puede hacer, pero igual, no es lo mismo xD.

Saludos.


Si con el photoshop tienes mucho mas versatilidad que el fireworks, yo antes solo tenia fireworks y solo podia crear un solo efecto ejeje, por eso decidi aprender photoshop  :-\ Que bien que te guste, gracias a ambos por sus comentarios  :P




Por cierto se me olvido agregar al tutorial que. Para animarlos es aun mas facil, solo te vas al imageready y escoges el tipo de animacion que le daras, ya sea un wink, lagrimas etx....

Y para que sean transparentes, los guardas ya sea en .png o .gif, yo los guarde en .JPG porque se me olvido jeje.

Dato Curioso:


Los smylies de esta imagen son aun mas facil de crear por el tamaño ademas se ven tan bien por el tamaño ejeje. Luego pondre un tutorial de como animar y hacer mas guapos tus emoticones.

Hasta Pronto ;)
« Última modificación: 08 Mayo 2005, 03:45 por [N]obalogi[C] » En línea

Crack_X
Anti-War
Colaborador

Desconectado Desconectado

Mensajes: 2.324


Peace & Love


Ver Perfil WWW
Re: Tutorial [Hacer Caretos (Smylies)]
« Respuesta #4 en: 08 Mayo 2005, 04:20 »

No es mejor hacer el borde de la carita con el tool de circulos , y así presionando shift (creo que es shift) se ve un poco mejor el circulo exterior.

Pero esta bien el mini-tuto  ;)
En línea

Shit loads of money spend to show us wrong from right. Say no to war


Yasser Has Things To Say
WarZone
[P]UnKeRmA[N]

Desconectado Desconectado

Mensajes: 1.890


Yeah...Umts,umts,umts..


Ver Perfil WWW
Re: Tutorial [Hacer Caretos (Smylies)]
« Respuesta #5 en: 08 Mayo 2005, 04:32 »

si lo haces como dices crack_x... se te llenara todo de color negro.. puesto que el photosho tiene las jaladas de auto adjust... :S

yo tambien eh intentado eso :P
En línea





 Diseñamos cualquier cosa, contactanos! OnGFX.net
PhorSeth

Desconectado Desconectado

Mensajes: 16



Ver Perfil
Re: Tutorial [Hacer Caretos (Smylies)]
« Respuesta #6 en: 08 Mayo 2005, 05:36 »

De hexo si se puede...Haces un circulo de negro, rasterizas y luego le das a hallar bordes. Asi es mas facil en vez de ocupar lapiz  ;)
En línea
GutBarr -ZP-

Desconectado Desconectado

Mensajes: 2.927

Ex Colab, Ex Mod, Ex Diseñador...


Ver Perfil WWW
Re: Tutorial [Hacer Caretos (Smylies)]
« Respuesta #7 en: 08 Mayo 2005, 23:38 »

De hexo si se puede...Haces un circulo de negro, rasterizas y luego le das a hallar bordes. Asi es mas facil en vez de ocupar lapiz ;)

Te queda mucho mejor con brush de 1px cuadrado, mejor no te compliques tanto  8)

Aqui les dejo un set de smylies que hice con este tutorial.

Set De Smylies.
http://foro.elhacker.net/index.php/topic,69672.0.html

No es mejor hacer el borde de la carita con el tool de circulos , y asi presionando shift (creo que es shift) se ve un poco mejor el circulo exterior.

Pero esta bien el mini-tuto ;)

No hay mucha diferencia tu lo vez asi porque esta en zoom 1600% pero al quitarle todo el zoom todo vuelve a la normalidad y los cuadritos desaparecen.

Hasta Pronto :D
« Última modificación: 08 Mayo 2005, 23:46 por [N]obalogi[C] » En línea

Crack_X
Anti-War
Colaborador

Desconectado Desconectado

Mensajes: 2.324


Peace & Love


Ver Perfil WWW
Re: Tutorial [Hacer Caretos (Smylies)]
« Respuesta #8 en: 08 Mayo 2005, 23:45 »

Miren este tutorial de como hacer emoticons/smilies para el msn: http://www.n-sane.net/tutorials/MSNemoticons/index.php

Como fondo usan un blend de: #FFF752 y #EFB521 , un amarillo y un naranja. Creo que con un blend de dos tipos de amarillos sale mejor porque se ve el amarillo muy palido en tus caritas noba  :P
En línea

Shit loads of money spend to show us wrong from right. Say no to war


Yasser Has Things To Say
WarZone
GutBarr -ZP-

Desconectado Desconectado

Mensajes: 2.927

Ex Colab, Ex Mod, Ex Diseñador...


Ver Perfil WWW
Re: Tutorial [Hacer Caretos (Smylies)]
« Respuesta #9 en: 08 Mayo 2005, 23:48 »

Miren este tutorial de como hacer emoticons/smilies para el msn: http://www.n-sane.net/tutorials/MSNemoticons/index.php

Como fondo usan un blend de: #FFF752 y #EFB521 , un amarillo y un naranja. Creo que con un blend de dos tipos de amarillos sale mejor porque se ve el amarillo muy palido en tus caritas noba  :P

Esta bueno el tuto  :P claro se ven muy amarillas y palidas porque no le di ni blending options ni le di gradient las hice como en 20 minutos todas xDDDD solo las hice de muestra jejee  :D, pero tambien les di animacion xDD. Luego hare un tuto de como hacer los caretos un poco mas grandes y con una animacion bestial.

Hasta Pronto ;D
En línea

KaiWong

Desconectado Desconectado

Mensajes: 1


Ver Perfil
Re: [Tutorial] Hacer Smilies
« Respuesta #10 en: 28 Abril 2007, 00:31 »

hola kapo como va.... esta muy bueno ahora voy aponer aprueba esto.. jejeje... pero sabes tambien estoy buscando como se puede crear un gif.. o mas bien smile animados.. que digan alguna palabra oalgoas.... si podrias mandar algun pm o .. subir un tutorial y pasarme el link taria copado =p jeje.. ya que soy nuevoe n esto .. bueno uns aludo muchas gracias y muy bueno el tutorial.
En línea
GutBarr -ZP-

Desconectado Desconectado

Mensajes: 2.927

Ex Colab, Ex Mod, Ex Diseñador...


Ver Perfil WWW
Re: [Tutorial] Hacer Smilies
« Respuesta #11 en: 28 Abril 2007, 02:14 »

De momento no te puedo ayudar con un tutorial propio mio.
Pero seguro encuentras en www.good-tutorials.com y www.pixel2life.com

Aqui hay otro no se si te servira... es para hacer de los grandes hechos por The-Dander.

Creando Emoticones

Nos Vemos
En línea

Páginas: [1] Ir Arriba Imprimir 
Ir a:  







Consolas     La Web de Goku     MilW0rm     MundoDivx

Hispabyte     Truzone     TodoReviews     ZonaPhotoshop

hard-h2o modding    Foros de ayuda    Yashira.org    Videojuegos    indetectables.net   

Noticias Informatica    Seguridad Informática    ADSL    Foros en español    eNYe Sec

Todas las webs afiliadas están libres de publicidad engañosa.

Powered by SMF 1.1.6 | SMF © 2006-2008, Simple Machines LLC