Foro de elhacker.net

Media => Diseño Gráfico => Mensaje iniciado por: + enrique ZP en 8 Mayo 2005, 03:29 am



Título: [Tutorial] Hacer Smilies
Publicado por: + enrique ZP en 8 Mayo 2005, 03:29 am
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.

(http://img239.echo.cx/img239/6793/careto13ij.jpg)

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

(http://img29.echo.cx/img29/920/careto24ap.jpg)

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.

(http://img29.echo.cx/img29/5705/careto30ck.jpg)

Intenta dejar el circulo asi:

(http://img161.echo.cx/img161/7541/careto48ns.jpg)

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

(http://img89.echo.cx/img89/4656/careto50gk.jpg)

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.

(http://img89.echo.cx/img89/5263/careto66gm.jpg)

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:

(http://img66.echo.cx/img66/7500/caretoa6nq.jpg)     (http://img26.echo.cx/img26/7616/caretoa26ni.jpg)     (http://img26.echo.cx/img26/1484/caretoa30cn.jpg)     (http://img26.echo.cx/img26/4166/caretoa44ra.jpg)

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

Hasta Pronto (http://img26.echo.cx/img26/7616/caretoa26ni.jpg)


Título: Re: Tutorial [Hacer Caretos (Smylies)]
Publicado por: MinusFour en 8 Mayo 2005, 03:30 am
 :o :o :o :o :o :o :o :o :o :o :o :o :o

2 palabras :D genial  ;D


Título: Re: Tutorial [Hacer Caretos (Smylies)]
Publicado por: NelxoN en 8 Mayo 2005, 03:40 am
:) 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.


Título: Re: Tutorial [Hacer Caretos (Smylies)]
Publicado por: + enrique ZP en 8 Mayo 2005, 03:42 am
: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:
(http://i.1100i.com/925/Dec2004/banners/newgen_nov_728X90_01.gif)

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 ;)


Título: Re: Tutorial [Hacer Caretos (Smylies)]
Publicado por: Crack_X en 8 Mayo 2005, 04:20 am
No es mejor hacer el borde de la carita con el tool de circulos , y haci presionando shift (creo que es shift) se ve un poco mejor el circulo exterior.

Pero esta bien el mini-tuto  ;)


Título: Re: Tutorial [Hacer Caretos (Smylies)]
Publicado por: MinusFour en 8 Mayo 2005, 04:32 am
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


Título: Re: Tutorial [Hacer Caretos (Smylies)]
Publicado por: PhorSeth en 8 Mayo 2005, 05:36 am
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  ;)


Título: Re: Tutorial [Hacer Caretos (Smylies)]
Publicado por: + enrique ZP en 8 Mayo 2005, 23:38 pm
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


Título: Re: Tutorial [Hacer Caretos (Smylies)]
Publicado por: Crack_X en 8 Mayo 2005, 23:45 pm
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


Título: Re: Tutorial [Hacer Caretos (Smylies)]
Publicado por: + enrique ZP en 8 Mayo 2005, 23:48 pm
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


Título: Re: [Tutorial] Hacer Smilies
Publicado por: KaiWong en 28 Abril 2007, 00:31 am
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.


Título: Re: [Tutorial] Hacer Smilies
Publicado por: + enrique ZP en 28 Abril 2007, 02:14 am
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 (http://zonaphotoshop.com/foro/index.php?topic=3656.0)

Nos Vemos