• Jun
  • 04

Layout con Photoshop (Intermedio)
Escrto por pak0

Primero que nada empezaremos creando un documento de 1000x1100.
Ahora seleccionamos la herramienta de Bote de pintura y pintamos el fondo de color negro o algun color de fondo yo elegi #2baeb6. Creamos una nueva capa y le llamamos Menu1.

Nos posicionamos en la capa menu1, seleccionamos la herramienta de Rectangulo redondeado y le ponemos un Radio de 20px y lo hacemos del tipo Rellenar Pixeles(Muestra 1(Click)), cambiamos el color principal a #595959. Trazamos un rectangulo como se muestra en la imagen: Imagen 1.

Ahora creamos una nueva capa, le llamamos Busqueda y con la misma herramienta de rectangulo y conservando los 20px de radio, creamos un rectangulo blanco mas pequeño.

Ok, Hacemos click en nuestra capa Busqueda y apretamos Ctrl+J para duplicarla, llamamos a esta capa BotonB.

Hacemos ctrl+Click en nuestra capa BotonB para seleccionarla ( o haciendo click en la capa y vamos a Seleccion->Cargar Seleccion->Ok). Una vez que se seleccione vamos a Seleccion -> Modificar -> Contraer y le damos 2px.

Aun sobre nuestra capa BotonB cojemos la herramienta Marco rectangular y la ponemos del tipo Restar de la seleccion. Cortamos la seleccion para que quede de esta manera: Imagen 2(Click).

> Rellenamos BotonB con algun color de nuestro agrado yo usare #28a0d0. Y le agregamos en opciones de fusion algun efecto. Ahora justo arriba de la barra Menu1 que creamos pondremos algunos links, con el estilo y los efectos que mas nos gusten. Hasta el momento y con los efectos que le pongan deben llevar algo parecido a esto: Imagen 3(Click)

Ahora pondremos una seccion donde apareceran los ultimos post, ultimos comentarios y categorias.
Creamos una capa nueva y la llamamos Seccion1, usando nuevamente la herramienta Rectangulo Redondeado creamos un rectangulo abajo de nuestro Menu1 con el color #4abac0, y le bajamos la opacidad a 15%. Como se muestra en la figura: Imagen 4(Click)

Ahora crearemos 3 cuadros con la herramienta de Marco Rectangular dentro de este Rectanuglo creado anteriormente, cada uno en una capa diferente y los rellenamos de el siguiente color #6ec8cd. Ponemos los titulos a cada cuadro(los que mencione antes o los que gusten). Ahora les agregamos algunos efectos a todos los cuadros creados y al texto. Hasta ahora debe ir algo asi: Imagen 5(Click)

Creamos una nueva capa y le llamamos Contenedor, debajo de la capa Seccion1.Ahora pondremos un rectangulo Blanco que sera el contenedor y le agregamos efectos nuevamente.Y creamos otro rectangulo al lado para agregar algun otro menu. Le agregamos efectos nuevamente a ese nuevo rectangulo(podemos usar los mismo que hayamos puesto en el Contenedor).

Para finalizar agregamos algun logo y algunos efectos mas por la pagina y listo =D. Suban sus imagenes (Imageshak.us) y dejen sus resultados. =D

Resultador Final: Resultado(Click)

 Si quieren el PSD pidanlo por aqui y dejen su email.




Por Alex el Jueves 04 de Junio de 2009 a las 06:05:19
Voy a intentarlo, el resultado final se ve bien, aunque el fondo lo siento un poco seco. Me piro.

Por stallion el Miércoles 10 de Junio de 2009 a las 03:17:36
sta muy chingon....

Escribe tu comentario