Foro de elhacker.net

Media => Diseño Gráfico => Mensaje iniciado por: H4RR13R en 26 Agosto 2007, 02:32 am



Título: [TUTORIAL] Fondo textura para web
Publicado por: H4RR13R en 26 Agosto 2007, 02:32 am
Bien, en este tutorial explicare como hacer algo parecido a esto:

(http://img147.imageshack.us/img147/6589/ondasoverlaysuavizado2ek0.jpg)

empezaremos creando un archivo de 800 ancho y 200 alto.

(http://img214.imageshack.us/img214/8940/11111kz8.jpg)

ahora, pintaremos el fondo del color que queramos, yo he usado un azul #0066FF

(http://img208.imageshack.us/img208/5989/22222xp3.jpg)

con la herramienta pluma, en una nueva capa, haremos una forma similar a esta, para los que no sepan com funciona la pluma, simplemente la seleccionamos, clickamos en el punto, a continuacion clickamos en otra banda y sin dejar de pulsar arrastramos el cursosr para describir la curva, es cuestion de probar, para cerrar la forma simplemente clickamos en el punto del principio.

(http://img518.imageshack.us/img518/6031/33333nr0.jpg)

hacemos click derecho, y hacer seleccion, ahora cojemos el bote de pintura o el pincel y pintamos de blanco.

(http://img337.imageshack.us/img337/5231/44444lr8.jpg)

ahora, crearemos capa alpha y le pondremos un degradado, quedara algo así.

(http://img293.imageshack.us/img293/4355/55555dg6.jpg)

aunque no es que haga mucha falta dicha herramienta, con el borrador, a diferentes durezas y a nuestro gusto, quedara algo asi.
bien, tambien difuminaremos la parte superior, para que no se vea demasiado agresivo el corte de color de blanco a azul, claro esta que no sera blanco :P

(http://img300.imageshack.us/img300/9017/66666ag1.jpg)

ahora pondremos la capa de la forma blanca en overlay o superponer, si queremos un tono mas fuerte, lo pondremos en mezcla definida, quedara esto.

(http://img96.imageshack.us/img96/2186/77777ag4.jpg)

ahora solo queda jugar ocn otros colores, girar, hacer mas formas, y como minimo os quedara algo asi

(http://img147.imageshack.us/img147/6589/ondasoverlaysuavizado2ek0.jpg)

mañana posteare mas resultados ;) saludos gente



Título: Re: [TUTORIAL] Fondo textura para web
Publicado por: Sonex en 26 Agosto 2007, 17:48 pm
Muy bueno :P Ahora mismo voy a probar a ver que sale
Gracias

Saludos


Título: Re: [TUTORIAL] Fondo textura para web
Publicado por: jamarchi en 27 Agosto 2007, 16:41 pm

Oye.... cual es la capa alpha ?  :huh: , de seguro la conozco pero en el nombre de Ingles....  ;D


Título: Re: [TUTORIAL] Fondo textura para web
Publicado por: Azielito en 27 Agosto 2007, 21:58 pm
excelente, me recuerda al fondo de Mac ñ_ñ


Título: Re: [TUTORIAL] Fondo textura para web
Publicado por: _loko_ en 29 Agosto 2007, 19:07 pm
Magnifico tuto, ,con Fireworks es mas facil hacer este tipo de textura.
pero como todos usamos photoshop , H4RR13R nos hizo ese gran aporte.
que viciosos somos del photoshop ... o photoshop nos en vicio?

saludos

_loko_


PD:
jamarchi. vas a la casilla de canales para ellos ya  debes tener seleccionado la zona que se le aplicara. aprietas el cuadradito con un circulo blanco en el centro y listo. ya tienes tu capa alfa o alpha como quieras llamala.



Título: Re: [TUTORIAL] Fondo textura para web
Publicado por: Azielito en 29 Agosto 2007, 19:37 pm
intente intente y no me queda bien x'DDDD pero me gusto el tuto >.<
(http://img131.imageshack.us/img131/3259/macstylebyazielitonl8.jpg)


Título: Re: [TUTORIAL] Fondo textura para web
Publicado por: jamarchi en 29 Agosto 2007, 23:58 pm


GRacias _loko_ .... me imagine que era esa .....  ;D