Cómo crear un diseño web limpio y colorido - Tutorial de Photoshop Publicado por Ciursă Ionut en Photoshop Tutoriales el 16 de junio 2009
En este tutorial voy a mostrar cómo crear un diseño limpio corporativa en Photoshop. El diseño original fue creado por kuntiz de ThemeForest y quiero darle las gracias por permitirme escribir este tutorial.
Materiales necesarios:
• hojas
• pixelada rectángulo azul

Paso 1: Crear un nuevo documento

Seleccione la herramienta de degradado y trazar un gradiente # 792700 a # 000000 de la parte superior de la parte inferior del documento.

Crear un nuevo documento (Ctrl + N) en Photoshop con el tamaño de 1200px por 750px. A continuación, seleccione la herramienta de degradado (G) y trazar un …ver más…

Ajuste la opacidad de la capa de texto al 75%.

Paso 9: Crear una línea azul a la altura de 1 px

Crear un nuevo grupo y el nombre de "Navegación". Crear una nueva capa, seleccione el Single Row Marquee Tool y haga clic una vez en el documento para crear una selección con la altura de 1px. Llenar la selección con el color # 406f94 y eliminar lo que está fuera del rectángulo negro utilizando la herramienta Marco Rectangular (M). Ajuste la opacidad de esta capa al 40% y el nombre de "línea".

Paso 10: Añadir un degradado a la barra de navegación

Crear una nueva capa, seleccione la herramienta Marco Rectangular (M) y crear una selección como lo hice yo (nota: se pueden utilizar algunas guías para ayudarle a crear la selección). A continuación, seleccione la herramienta de degradado (G) y trazar un gradiente # 35423e a transparente de la parte inferior de la parte superior de la selección. Presiona Ctrl + D para deseleccionar. A continuación, vaya a Filtro> Ruido> Añadir ruido y el uso de la configuración de la imagen siguiente. Nombre esta capa "degradado"y dejar una distancia de 1 píxel entre la línea y el gradiente.

Paso 11: Escriba los nombres de sus páginas de presentación de

Select the Type Tool (T) and write the names of your layout’s pages in the navigation bar. Then double-click on the text layer to open the Layer Style window and use the settings from the next image.