Hola a todos!! este es el primer posteo.
Hoy voy a enseñarles a hacer un wallpaper estilo web 2.0. También pueden utilizarlo para hacer headers o lo que quieran aplicando este diseño... no necesariamente tiene que ser un wallpaper, en fin...
La web 2.0, ESTÉTICAMENTE hablando, se trata de difuminados, reflejos, superficies con detalles, gradientes, íconos atractivos, menos columnas y, por sobre todo, la simplicidad.
ESTE SERÁ EL RESULTADO FINAL:
PASO 1:
Abriremos un nuevo archivo, elegiremos el tamaño 1440x900 pixeles a una resolución de 300 pixeles, en RGB y fondo transparente
PASO 2:
Crearemos un nuevo layer (capa) y la pintaremos con el bote con el color que deseemos. Yo utilicé un rojo #F44646
PASO 3:
Vamos a crear un degradado... para ello clickeamos con el botón derecho sobre el layer rojo y elegimos "Blending options". Allí dentro, en la pestaña "Gradient Overlay", elegiremos la primera opción (de rojo a blanco) y habilitaremos el cuadro "Reverse" para que el rojo se nos sitúe en la parte superior.
PASO 4:
Ahora aplicaremos un patrón rayado utilizando esta imagen:La insertamos y la seleccionamos con Control + Click en "layer 3" (o el nombre que le hayan puesto, en el panel de capas). Vamos a Edit -> define pattern, y le ponen el nombre que quieran.
PASO 5:
ELIMINAMOS el layer de la pequeña imagen, para ello damos clic derecho sobre la capa en el panel y elegimos "delete layer". Ahora creamos un nuevo layer, vacío, que ubicaremos por sobre todas los demás.
Seleccionamos la capa desde el menú Select -> all, clickeamos sobre el bote de pintura, arriba en FILL elegimos "pattern" y escogeremos las lineas negras y blancas que hemos creado antes. Posteriormente, haremos un click sobre todo el degradado rojo y blanco y obtendremos lo siguiente.
PASO 6:
Con el layer seleccionado en el panel, le reduciremos la opacidad (Opacity) a un número entre 3 y 5%, regulenlo a su gusto.
PASO 7:
Ya tenemos lo más dificil terminado, ahora será cuestión de que nuestra imaginación actúe... yo he insertado una foto mía, le apliqué unos efectos desde Blending Options y texto (quedan muy bien letras en cursiva, con este tipo de diseños). En fin... que su imaginación los guíe de ahora en más.
Espero que les haya gustado este tutorial!!!! y que, por sobre todo, les sirva mucho!!
Saludos para todos!! dejen comentarios...
Jonathan
jonicoletta@gmail.com
Wallpaper estilo Web 2.0
sábado, 15 de diciembre de 2007 | Publicado por Jonathan Coletta en 22:42
Suscribirse a:
Enviar comentarios (Atom)
1 comentarios:
Me parece muy bueno lo que haces, explicarlo en forma sencilla y clara para todos!!!
Muchas gracias, para cuando el proximo tutorial, deberia ser un por mes mas o menos no?
Saludos!!!!
Wally.
Publicar un comentario