Abran un nuevo documento de 800×600px y rellenen el fondo con el color #1b1b1b.

Seleccionen ((Rectangular Marquee Tool)) y dibujen una selección rectangular como la que ven abajo.

Crean una ((New Layer)).

Rellenen el fondo de esta selección con el color #232323.

Hagan doble clic sobre la capa del rectángulo para abrir ((Layer Styles)) y aplicarle ((Stroke)).

Acepten los cambios.

Apreten Ctrl + Clic sobre la capa del rectángulo para activar su selección.

Ahora con ((Rectangular Marquee Tool)) de tipo ((Subtract From Selection)) resten la mitad de la selección del rectángulo. Vean la siguiente imagen.

Abran un nuevo documento de 1000×280px con fondo transparente.
Rellenen el fondo con el color #1c1c1c.

Crean una ((New Layer)).

Elijan el color #383838 como frontal.

Seleccionen ((Rounded Rectangle Tool)) con un radio de 10px y tracen un rectángulo como el que ven abajo.

Hagan doble clic sobre la capa del rectángulo para pasar a aplicarle ((Layer Styles)).

((Drop Shadow)).

((Gradient Overlay)). Para este degradado usen los colores #98989a y #ffffff.

Acepten los cambios.

En el costado izquierdo de la barra agreguen el logo de la página.

Abran un nuevo documento de 1024×180px con fondo negro.

Crean una ((New Layer)).

Seleccionen ((Rectangular Marquee Tool)), tracen una selección rectangular como la que ven abajo y luego la rellenan de blanco.

Hagan doble clic sobre la capa del rectángulo blanco para abrir ((Layer Styles)).

((Gradient Overlay)). Para este degradado usen los colores: #212121 y #000000.

((Stroke)).

Abran un nuevo documento de 1024×768px con fondo blanco.

Hagan doble clic sobre le capa para abrir ((Layer Styles)) y aplicarle ((Gradient Overlay)). Los colores que van a usar para este degradado son: #002e6a y #010005.

Acepten los cambios.

Crean una ((New Layer)).

Elijan el color #6da3ed como frontal.

Seleccionen ((Ellipse Tool)) con Alt + Shift presionados y dibujen el siguiente círculo.

Cambien el ((Blending Mode)) a Overlay y ((Fill)) a 10%.

Hagan doble clic sobre esta capa para abrir ((Layer Styles)) y aplicarle ((Inner Shadow)).

Acepten los cambios.

Crean una ((New Layer)).

Elijan el color blanco como frontal.

Seleccionen ((Brush Tool)) con un tamaño de 350px, ((Opacity)): 50% y ((Hardness)): 90% para pintar el siguiente círculo en el centro.

Reduzcan la ((Opacity)) de esta capa a 20%.

Vuelvan a crear una ((New Layer)).

Seleccionen ((Ellipse Tool)) y dibujen el siguiente círculo blanco.

Reduzcan ((Fill)) de esta capa a 0%.

Luego le aplican ((Drop Shadow)).

Acepten los cambios.

Crean una ((New Layer)) por encima de las demás y la rellenan de negro.

Con un pincel suave y de color blanco pinten el siguiente círculo.

A esta capa le aplican ((Filter))-((Stylize))-((Extrude)).

A esta capa le reducen la ((Opacity)) a 20% y le modfican ((Blending Mode)) a Color Dodge.

Crean otra ((New Layer)).

Dibujen un círculo negro en el centro.

A este círculo le reducen ((Fill)) a 0%.

Hagan doble clic sobre su capa para aplicarle ((Layer Styles)).

((Outer Glow)).

((Inner Glow)).

((Gradient Overlay)). Para este degradado usen los colores: #4b8240 y #0f4668.

Acepten los cambios.

Crean una ((New Layer)).

Elijan el color #7ddd07 como frontal.

Seleccionen ((Shape Tool)) y en su barra de opciones (arriba del documento) elijan la siguiente forma para luego añadirla en el centro del logo tal cual muestra la imagen de abajo.

Hagan doble clic sobre esta capa y le aplican los siguientes ((Layer Styles)).

((Drop Shadow)).

((Outer Glow)).

((Bevel and Emboss)).

((Satin)).

((Gradient Overlay)). Para este degradado van a usar los colores: #d2f915, #d2f915 y #63aa20.

((Satin)).

Acepten los cambios.

Hemos terminado este espectacular logo.

Abrimos un nuevo documento de 500×400px con fondo transparente.

Empezaremos por crear un degradado de gris claro a blanco en forma vertical.

Vamos a hacer una ((nueva capa)).

Con ((Rectangular Marquee Tool)) creamos un cuadrado y lo rellenamos con el color 016cbc.

Apretamos Ctrl + Clic sobre la capa para activar la selección del cuadrado.

Ahora ((Select))-((Modify))-((Contract)) y ponemos un valor de 5px.

Vamos a hacer una ((Nueva capa)).

Sobre ella pasaremos a crear un degradado de blanco a transparente, de arriba hacia abajo.

Creamos una ((nueva capa)).

Con ((Elliptical Marquee Tool)) hacemos una circunferencia (observen la imagen de abajo) y apretando Alt + Ctrl + Shift nos quedará una selección como la que vemos en la siguiente imagen.

Luego trazamos el mismo gradiente que el anterior (blanco a transparente y de arriba hacia abajo). Si les quedó muy claro le pueden bajar la opacidad

Seleccionen ((Shape Tool)), elijan el dibujo de la carta de color, blanco ya que será un botón de “Contacto”.

Por último agregaremos el título al botón. (Tahoma, Bold, tamaño 11px).

A la capa de texto le aplicamos ((Layer))-((Layer Style))-((Blending Options)), marcamos ((Drop Shadow)).

Abirmos un nuevo documento de 440×110px con fondo transparente.

En la paleta de colores ponemos como color frontal el d8d8d8 y de fondo el color blanco.

Vamos a crearle un fondo al documento para que contraste con el botón. Seleccionamos ((herramienta degradado)) y creamos un ((Lineal Gradient)) de arriba hacia abajo.

Luego seleccionen ((Rounded Rectangle Tool))y dibujen la forma del botón, usen un ((radio)) de 12px, al final lo rellenan de negro.

Hagan doble clic sobre esta capa para abrir la ventana de ((Blending Options)).Aplicaremos Inner Shadow y Gradient Overlay.

En Inner Shadow usen el color 53e04c.

Para el degradado utilizaremos los colores 31d854 y 64df78

Nos quedaría así.

Ahora apretamos Ctrl + Clic sobre la capa de texto para que se nos active la selección. Luego vayan a ((Select))-((Modify))-((Contract)) y reduzcan la selección unos 5px.

Crean una ((nueva capa)).

Volvemos a seleccionar ((herramienta degradado)) y con la selección activa hagan un gradiente blanco a transparente de arriba hacia abajo exactamente como marca la flecha roja que vemos en la imagen.

Con ((Pen Tool)) crearemos un trazado como el que vemos en la siguiente image. Lo que vamos a hacer es crearle un efecto de reflejo ondulado.

Vayan a ((Select))-((Load Selection)) para activar la selección. Luego aceptar y apreten la tecla suprimir.

Reduzcan la ((opacidad)) a un 60% y cambien el modo de la capa a ((Soft Light)).

Por último escribiremos el título de texto. Elegimos la ((fuente)) Arial Bold de tipo Italic tamaño 24.

Hacemos click derecho a la capa del texto y en el menu desplegable seleccionamos ((Drop Shadow)). Copien los valores que aparecen a continuación.

Para darle una terminación más profesional a nuestro botón tendremos que aplicarle un reflejo al estilo Web 2.0. Así que duplicaremos solamente la capa del botón, lo colocamos pegado y debajo del primero.
Hacemos Ctrl + Click en la capa recientemente duplicada, creamos una ((nueva capa)) y sobre ella aplicamos un gradiente blanco a transparente de abajo hacia arriba.

Observen el resultado final.

Abrimos un nuevo documento de 400×400px con fondo transparente.

Rellenamos la capa con el color #bfbfbf.

Elegimos el color #e0e0e0 como frontal.

Creamos una ((New Layer)).

Seleccionamos ((Rounded Rectangle Tool)) con un Radius de 15px y dibujamos la caja sobre el documento.

Hacemos doble clic sobre la capa para abrir ((Blending Options)).

((Drop Shadow)).

((Inner Shadow)).

((Inner Glow)).

((Stroke)).

Vamos a tener este resultado.

Solo nos queda agregar el texto y listo! Utilicé la fuente Verdana.

Abrimos un nuevo documento de 250×400px con fondo blanco.

Creamos una ((New Layer)).

Ponemos el color negro como color frontal.

Seleccionamos ((Rectangle Rounded Tool)) con un ((Radius)) de 8px y dibujamos el botón.

Hacemos doble clic en la capa para entrar a ((Blending Options)).

((Drop Shadow)).

((Gradient Overlay)). Para el degrado usaremos los colores #dcdcdc y #f6f6f6.

((Stroke)).

Luego de aceptar los cambios tendremos este resultado.

Creamos una ((New Layer)).

Con ((Rounded Rectangle Tool)) y un ((Radius)) de 8px dibujamos un pequeño cuadrado que será el ícono del botón

Hacemos doble clic sobre esta capa para editar ((Blending Options)).

((Drop Shadow)).

((Gradient Overlay)). Para este degradado usaremos los colores: #d39100 y #f1ab00.

El ícono del botón nos quedará así.

Ahora con ((Shape Tool)) aplicaremos un identificativo del botón. Este botón se llamará “Contact Us” así que en la barra de opciones de ((Shape Tool)) buscamos el dibujo de una carta. Antes de aplicarlo seleccionamos el color blanco en la paleta de colores.

Como verán abajo ya coloque el título del botón (Fuente Tahoma), el Shape y agregue otro botón