En Photoshop, puede hacer un diseño de sitio web, según el cual ya está creado en html. Este proceso es relativamente sencillo.
Necesario
Programa de Adobe Photoshop
Instrucciones
Paso 1
Abra Photoshop y cree un documento de imagen de 1020 x 1200 en él. Establezca el color de fondo en # a8a995. Si el sitio está dedicado a una empresa, puede colocar su logotipo en la parte superior izquierda de la barra de navegación. Deje algo de espacio a la derecha para que los enlaces naveguen por el sitio.
Paso 2
Tome la herramienta Rectángulo y cree un rectángulo de 80 por 54 imágenes en la barra de navegación del sitio. Indicará el elemento de menú activo en la navegación del sitio.
Paso 3
Vaya al menú Capa-Estilo de capa, marque la casilla de verificación Superposición de color, color # ADAE9E, Opacidad - 100%, y la casilla de verificación Trazo, Tamaño - 1 px, Posición - Exterior, Opacidad - 100%, color # CED0BB.
Paso 4
En la parte superior del rectángulo que ya tiene, agregue otra imagen de 71x50, píntela con # cfbe28. Vaya al menú Layer-Layer Style, establezca los siguientes parámetros para este rectángulo: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 27%, Angle - 90, Distance - 1, Spread - 0, Size - 5; Sombra interior: Modo de fusión - Multiplicar, color # 000000, Opacidad - 27%, Ángulo - 90, Distancia - 1, Choke - 0, Tamaño - 18; Trazo: Tamaño - 1, Posición - Exterior, Opacidad - 100, Tipo de relleno - Color, Color # D6C72C.
Paso 5
Agregue sombra para los enlaces ubicados en la barra de navegación. Para hacer esto, seleccione la capa con el texto de estos enlaces, vaya al menú Layer-Layer Style y configure los siguientes parámetros: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 75%, Angle - 90, Distance - 1, Extensión - 0, Tamaño - 1. Repita estos pasos para cada capa que contendrá el texto de los enlaces.
Paso 6
Ahora necesita hacer una parte introductoria de la plantilla. Seleccione la herramienta Rectángulo y haga un rectángulo debajo del logotipo, rellénelo con blanco, reduzca la opacidad al 20%.
Paso 7
Seleccione la herramienta Elipse y haga un óvalo debajo de este rectángulo. Vaya a Filtro> Desenfocar> Desenfoque gaussiano y establezca el Radio en 7, 8.
Paso 8
Toma la herramienta Marca rectangular y selecciona la parte inferior del rectángulo y el óvalo borroso. Bórralo.
Paso 9
Después de eso, ingrese el texto en el botón del rectángulo. Cree una línea directamente encima de ella con los siguientes parámetros: 866 por 1 imagen.
