Solo Photoshop

Tutoriales y recursos Photoshop

Bienvenido a SoloPhotoshop, donde encontrarás la mejor información sobre tutoriales, recursos y artículos de Adobe Photoshop!

Ingreso de Usuario

Recuperar contraseña

Registro de Usuario

Anunciar en SoloPhotoshop

Diseño y Maquetado de Plantillas WEB 4 | Solo Photoshop

Tutorial Photoshop

 

Tutorial por Solo Photoshop

Solo Photoshop

DISEÑO Y MAQUETADO DE PLANTILLAS WEB 4

Con Adobe Photoshop y Macromedia Dreamweaver

Continuamos con la cuarta entrega junto a Paquo360 que nos enseña como crear una plantilla usando Adobe Photoshop, y luego maquetarla con Macromedia Dreamweaver.

Nota: Si bien fue desarrollado en Photoshop 6, se puede ejecutar en Photoshop CS 2 sin problemas, al igual que usar Dreamweaver 8 para el maquetado. !!

Aplica el estilo creado a todas las capas de color gris oscuro en el diseño.
En el caso de la capa "Pestaña", que es de color gris claro, aplica y luego desactiva Bevel and Emboss y Drop Shadow.
La imagen te muestra el resultado.

Interfaces y Templates Web

Debido al Borde creado por la aplicación de Stroke el tamaño de las ventanas ha rebasado el de la capa "Pantalla". Te recomiendo que, con un Zoom de 300-500 y unas guías corrijas, presiona "Ctrl + T" y aumenta la altura de esta capa. Esto puede evitarte mayores contratiempos con los editores HTML.

Interfaces y Templates Web

Hay que mejorar la nitidez de los bordes finos del diseño, lo cual se logra muy fácilmente con "Levels".

En una capa de ajuste (Layer > New Layer Adjustmenet > Levels) presiona el Auto, luego corre el triángulo central hasta un valor de 2.20 (eres libre de usar tus propios valores).

La imagen te muestra los valores en el Canal RGB.

Interfaces y Templates Web

Ahora viene el color, el cual es muy sencillo de cambiar. Asegúrate de estar sobre la capa superior del PSD.

Luego: "Layer > New Adjustment Layer > Hue/Saturation"

La imagen te muestra los valores que usé.

Para encontrar el color adecuado a tus necesidades juega primeramente con Hue y luego encuentra la intensidad de este con Saturation.

Lightness no es muy recomendable a menos que desees quitar o poner más luz.

Te recomendamos usar nuestro valores hasta terminar este tutorial, luego podrás cambiarlos si así lo deseas.

Interfaces y Templates Web

Este es nuestro resultado después de la coloración.

Interfaces y Templates Web

Finalmente decoras tu Web. Nosotros, por cuestiones de tiempo, lo hicimos muy poco, pero no es tu caso, es aquí donde tu creatividad debe relucir.

El fondo lo rellenamos con un color amarillo muy claro (FBFB74).

Interfaces y Templates Web

Hasta aquí llega "Photoshop" pero toma su lugar el Hermano Menor "Image Ready", pero eso sera en la próxima entrega ;)

Ver las demas entregas < 1 > < 2 > < 3 > < 4 > < 5 > < 6 > < 7 > < 8 > < 9 > < 10 >

Comentarios de Diseño y Maquetado de Plantillas WEB 4 | Solo Photoshop

↑ Tutorial

  • kitsch

    kitsch

    2006-04-24 14:06

    Hee buenisimo!!M
  • pheperony

    pheperony

    2006-04-24 15:44

    Muy bien, mucha claridad y buenos concejos... ¡Felicitaciones!M
  • oO0ri0Oon

    oO0ri0Oon

    2006-04-24 17:05

    muy bueno vi todos los articulos y me facino, pero me gustaria algunos otros trucos para personalizar mi propio web gracias.........M
  • NautiluS

    NautiluS

    2006-04-27 12:00

    Esta muy buena espero con ansias la proxima entrega. saludosM
  • plinares

    plinares

    2006-04-28 07:00

    proxima entrega, plis!M
  • carlatovar

    carlatovar

    2006-04-28 14:20

    Gracias por ser siempre una fuente de conocimiento...la proxima parte por favor!!M
  • EDDy_The_Cowboy

    EDDy_The_Cowboy

    2006-04-30 21:36

    Exelente esto estubo buenisimoM
  • mco918

    mco918

    2006-05-04 19:05

    soy nueva en esto agradezco toda la informacion que me puedan darM
  • pasther

    pasther

    2006-05-10 15:59

    chido y lokaso buen tutorial espectacular bien ha..!!! ThE ShAdOw Of AnGeLM
  • arnoldoserna

    arnoldoserna

    2006-05-15 19:49

    Me parece muy pràctico y se logra un excelente resultado...M
  • poyo_unico

    poyo_unico

    2006-06-23 13:13

    excelente tutotorial solo que quisiera saber como cambio que es un poco dificil cambiar le el color a cada capa si quiero tener un color morado para los contornos y amarillo para el contenidoM
  • poyo_unico

    poyo_unico

    2006-06-23 13:15

    si alguien sabe una manera de hacer esto ultimo digame porfavor como hacerlo sinmodificar cada capa y hacerlo todos los bordes y luego todos el contenido M

↑ Tutorial