No es muy difícil crear una plantilla de sitio web en Photoshop. La plantilla incluye menús, formularios de búsqueda, gráficos, tal vez algún texto, por ejemplo. El sitio en sí ya estará programado sobre su base.
Instrucciones
Paso 1
Comience a dar forma a la plantilla de su sitio en Photoshop creando un nuevo documento con un tamaño de 1020 por 1020 imágenes. Haz que el fondo sea blanco. Establezca el color de primer plano en # c5e0dd y el color de fondo en # ece5cf.
Paso 2
Tome la herramienta Degradado y seleccione el primer tipo de relleno en su panel de configuración. Arrastre una línea de degradado por el campo blanco de arriba a abajo.
Paso 3
Toma la herramienta Texto, escribe el título de tu sitio en la esquina superior derecha para que se alinee con el formulario de búsqueda, que estará ubicado en la esquina superior izquierda. Establezca el tamaño de fuente, por ejemplo, 12.
Paso 4
Para crear la forma de búsqueda, seleccione la herramienta Rectángulo y dibuje un rectángulo blanco en la esquina superior derecha. Aplique la siguiente configuración de capa: Sombra interior - Modo de fusión - Multiplicar, Color - # a2b7b1, Opacidad - 43, Ángulo - 90, Distancia - 0, Choke - 0, Tamaño - 10.
Paso 5
Utilice la herramienta Texto para crear un texto suave dentro de esta forma.
Paso 6
Seleccione la herramienta Rectángulo redondeado y haga un botón dentro de la forma de búsqueda en su borde derecho. Aplique los siguientes estilos de capa: Superposición de degradado - Modo de fusión - Normal, Opacidad - 100, Degradado de oscuro a claro (colores de # 754f39 a # a1704f), Estilo - Lineal, Ángulo - 90, Escala - 59.
Paso 7
Utilice la herramienta Texto para escribir "ir" o algo así en este botón.
Paso 8
Para crear la navegación, tome la herramienta Rectángulo redondeado y dibuje un rectángulo largo debajo del título y la forma de búsqueda. Aplique los siguientes estilos de capa: Superposición de degradado - Modo de fusión - Normal, Opacidad - 100, Degradado de oscuro a claro (colores de # 76503e a # a46ecd), Estilo - Lineal, Ángulo - 90, Escala - 59; Estructura de trazo - 1, Posición - Interior, Modo de fusión - Normal, Opacidad - 100, Tipo de relleno - Color, Color # 9F6038.
Paso 9
Toma la herramienta Rectángulo redondeado y dibuja un pequeño rectángulo en el lado izquierdo de la barra de navegación. Aplique los siguientes estilos de capa: Sombra interior - Modo de fusión - Multiplicar, Opacidad - 75, Ángulo - 90, Distancia - 1, Ahogar - 0, Tamaño - 8; Superposición de degradado - Modo de fusión - Normal, Opacidad - 100, Degradado de oscuro a claro (colores de # 76503c a # a46e4d), Estilo - Lineal, Ángulo - 90, Escala - 59; Trazo - Estructura - 1, Posición - Interior, Modo de fusión - Normal, Opacidad - 100, Tipo de relleno - Color, Color # 8f6347.
Paso 10
Agrega etiquetas a la barra de navegación.
