Foro de elhacker.net

Media => Diseño Gráfico => Mensaje iniciado por: Darioxhcx en 28 Noviembre 2010, 09:07



Título: Creando texto con estilo de nubes
Publicado por: Darioxhcx en 28 Noviembre 2010, 09:07
No quiero extenderme demasiado...
Primero abrimos un nuevo documento , las medidas que nosotros queramos , aunque creo que va a tener que ser de 1024 x 768 como minimo , por si tenemos problemas con el pincel
Bueno una ves teniendo nuestro documento , vamos a ponerle el background de algun color (no importa cual , mientras no sea blanco)
Seleccionamos la herramienta pincel (tecla B) y seguidamente presionamos F5 donde nos va a aparecer una ventana , donde en el primero paso vamos a seleccionar estas opciones...

(http://3.bp.blogspot.com/_ySqMZ8jWJMs/TO921KxX93I/AAAAAAAAA9U/VALl3aUnF_U/s200/1.PNG) (http://3.bp.blogspot.com/_ySqMZ8jWJMs/TO921KxX93I/AAAAAAAAA9U/VALl3aUnF_U/s1600/1.PNG" imageanchor=1)
Seguimos configurando nuestro brush con las siguientes caracteristicas...

(http://2.bp.blogspot.com/_ySqMZ8jWJMs/TO93HNoAvaI/AAAAAAAAA9Y/7KBkQokAe38/s200/2.PNG) (http://2.bp.blogspot.com/_ySqMZ8jWJMs/TO93HNoAvaI/AAAAAAAAA9Y/7KBkQokAe38/s1600/2.PNG" imageanchor=1)(http://4.bp.blogspot.com/_ySqMZ8jWJMs/TO93N2-ugQI/AAAAAAAAA9c/dtIQQdMzzys/s200/3.PNG) (http://4.bp.blogspot.com/_ySqMZ8jWJMs/TO93N2-ugQI/AAAAAAAAA9c/dtIQQdMzzys/s1600/3.PNG" imageanchor=1)

(http://2.bp.blogspot.com/_ySqMZ8jWJMs/TO93arW9oaI/AAAAAAAAA9g/4kmafj2VXlM/s200/4.PNG) (http://2.bp.blogspot.com/_ySqMZ8jWJMs/TO93arW9oaI/AAAAAAAAA9g/4kmafj2VXlM/s1600/4.PNG" imageanchor=1)(http://3.bp.blogspot.com/_ySqMZ8jWJMs/TO93hKvwmVI/AAAAAAAAA9k/jKfsknIaCzc/s200/5.PNG) (http://3.bp.blogspot.com/_ySqMZ8jWJMs/TO93hKvwmVI/AAAAAAAAA9k/jKfsknIaCzc/s1600/5.PNG" imageanchor=1)

(http://1.bp.blogspot.com/_ySqMZ8jWJMs/TO93oZ4959I/AAAAAAAAA9o/uK_G_O-6Tl8/s200/6.PNG) (http://1.bp.blogspot.com/_ySqMZ8jWJMs/TO93oZ4959I/AAAAAAAAA9o/uK_G_O-6Tl8/s1600/6.PNG" imageanchor=1)

Una ves configurado nuestro pincel , vamos a crear el texto , o lo podemos hacer antes de configurar nuestro pincel , ustedes verán que les queda mas cómodo , aunque si siguen el tutorial paso por paso van a tener que hacer esto xD




(http://3.bp.blogspot.com/_ySqMZ8jWJMs/TO93-RRemYI/AAAAAAAAA9s/SSgCGeBSJ3w/s320/7.PNG) (http://3.bp.blogspot.com/_ySqMZ8jWJMs/TO93-RRemYI/AAAAAAAAA9s/SSgCGeBSJ3w/s1600/7.PNG" imageanchor=1)

Se puede ver la fuente utilizada y el tamaño de la correspondiente.

Ahora vamos a crear una nueva capa , y seleccionar la herramienta Pluma (tecla P)

Y vamos a crear el trazado de la primera letra (fui creando letra por letra por si salia mal ustedes verán si quieren probar todas juntas..)

(http://2.bp.blogspot.com/_ySqMZ8jWJMs/TO94jQfNtNI/AAAAAAAAA9w/p44_8lJSz40/s320/8.PNG) (http://2.bp.blogspot.com/_ySqMZ8jWJMs/TO94jQfNtNI/AAAAAAAAA9w/p44_8lJSz40/s1600/8.PNG" imageanchor=1)

Ahora , con la pluma seleccionada , hacemos click derecho y vamos a la opción "contornear trazado"

sin activar la opción Presionar Pluma... y le damos a OK

(http://2.bp.blogspot.com/_ySqMZ8jWJMs/TO94-CbN9MI/AAAAAAAAA90/gJlVpgBMeYw/s320/9.PNG) (http://2.bp.blogspot.com/_ySqMZ8jWJMs/TO94-CbN9MI/AAAAAAAAA90/gJlVpgBMeYw/s1600/9.PNG" imageanchor=1)

Ahora como esa parte de la letra D , era mas ancha ,necesitaba mas "cuerpo" , pero las otras partes son mas chicas , por lo cual ahora voy a reducir un poco el pincel

(http://4.bp.blogspot.com/_ySqMZ8jWJMs/TO95VuBKnBI/AAAAAAAAA94/Sq0qOfPzrz8/s320/10.PNG) (http://4.bp.blogspot.com/_ySqMZ8jWJMs/TO95VuBKnBI/AAAAAAAAA94/Sq0qOfPzrz8/s1600/10.PNG" imageanchor=1)

Pueden ver que para la otra parte de la letra D , cree otra capa , por si el resultado no es el deseado y poder corregirlo sin tener que eliminar la parte donde ya lo tengo hecho bien




Ahora otra ves voy a usar la opción de la pluma "contornear trazado" solo que esta ves la use 2 veces.

Una con la opción Contornear trazado , y otra , sin esa opción ...

Dejándome este resultado

(http://2.bp.blogspot.com/_ySqMZ8jWJMs/TO95_zbMuII/AAAAAAAAA98/SeXztC3uKwI/s320/11.PNG) (http://2.bp.blogspot.com/_ySqMZ8jWJMs/TO95_zbMuII/AAAAAAAAA98/SeXztC3uKwI/s1600/11.PNG" imageanchor=1)

Hasta hay vamos bien , ahora solo falta aplicarle un desenfoque gaussiano para darle un toque mas real según mi perspectiva ;D

(http://1.bp.blogspot.com/_ySqMZ8jWJMs/TO96SRtephI/AAAAAAAAA-A/4LyoDKlot5Y/s320/12.PNG) (http://1.bp.blogspot.com/_ySqMZ8jWJMs/TO96SRtephI/AAAAAAAAA-A/4LyoDKlot5Y/s1600/12.PNG" imageanchor=1)

Bien , ahora después de darle el desenfoque , solo faltaría hacer lo mismo con las demás letras 

(http://2.bp.blogspot.com/_ySqMZ8jWJMs/TO96f_mVfHI/AAAAAAAAA-E/DxSVGrsFSPg/s320/13.PNG) (http://2.bp.blogspot.com/_ySqMZ8jWJMs/TO96f_mVfHI/AAAAAAAAA-E/DxSVGrsFSPg/s1600/13.PNG" imageanchor=1)

Como ven hice cada letra por separado , y ordenándolas en grupos para mayor comodidad

Una ves terminado esto ya tenemos nuestro texto 

podemos agregarle un avioncito y esas cosas quedan para la imaginación de cada uno

(http://3.bp.blogspot.com/_ySqMZ8jWJMs/TO965FTsdzI/AAAAAAAAA-I/x4dYUjNARCU/s320/14.png) (http://3.bp.blogspot.com/_ySqMZ8jWJMs/TO965FTsdzI/AAAAAAAAA-I/x4dYUjNARCU/s1600/14.png" imageanchor=1)

Dudas, criticas , comentarios o consejos como siempre son aceptados

this is it...


Título: Re: Creando texto con estilo de nubes
Publicado por: peib0l en 28 Noviembre 2010, 09:41
fantastico tutorial!!!! y ademas queda un resultado impresionante  ;-) ;-) ;-) ;-) ;-) ;-)


Título: Re: Creando texto con estilo de nubes
Publicado por: тαптяα en 28 Noviembre 2010, 15:24
Lo voy a intentar a ver que me sale.


Título: Re: Creando texto con estilo de nubes
Publicado por: тαптяα en 28 Noviembre 2010, 16:21
(http://img130.imageshack.us/img130/6233/komodoavion.th.jpg) (http://img130.imageshack.us/i/komodoavion.jpg/)



Título: Re: Creando texto con estilo de nubes
Publicado por: Azielito en 2 Diciembre 2010, 17:59
excelente, ya lo agrege al directorio de tutoriales =)


gracias por compartir :D

//foro.elhacker.net/diseno_grafico/directorio_de_tutoriales_22_jnuio_2010-t223257.0.html;msg1473406#msg1473406


Título: Re: Creando texto con estilo de nubes
Publicado por: Sub_Cero en 5 Diciembre 2010, 11:50
Muy muy bueno ;), me encanta.

Muy simple y a la vez muy atractivo.

Felicidades y graciass! un buen tutorial más para el foro :D


Título: Re: Creando texto con estilo de nubes
Publicado por: raul338 en 5 Diciembre 2010, 16:36
Primero abrimos un nuevo documento , las medidas que nosotros  queramos ...

Habria que arreglar eso.... Me gusto el tutorial :) el resultado de Komodo quedo mas lindo :xD


Título: Re: Creando texto con estilo de nubes
Publicado por: тαптяα en 5 Diciembre 2010, 18:25
Habria que arreglar eso.... Me gusto el tutorial :) el resultado de Komodo quedo mas lindo :xD
Gracias. con su avioncito de Red Bull jaja