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 |