La última vez que presenté los detalles de cómo mejorar el diseño web en Photoshop, muchos amigos sintieron que no había hablado lo suficiente y algunos querían saber cómo crear algunos efectos de texto especiales en Photoshop. De hecho, en el diseño web actual, no hay muchos efectos de texto de uso común y los métodos de implementación también son muy simples, por lo que espero que el siguiente contenido sea útil para los principiantes en diseño web.
Este tutorial mío se centrará en 2 palabras clave: "degradado" y "sombra".
1. Palabras con más textura
Primero veamos el logotipo en la imagen. Se ve más texturizado. El texto se extiende hacia afuera y no está rígidamente adherido a la página web. Si miras con atención, encontrarás fácilmente que brightkite usa “degradados” de color para el texto. Sí, el color del texto no es un relleno de un solo color, sino un "degradado". ¿Por qué el "degradado" se ve más texturizado? Esto se debe a que simula el efecto de la iluminación natural, es decir, la parte resaltada está por encima del color. texto, y la luz tenue está debajo. Al mismo tiempo, no ignores otro detalle, que es la “sombra” del texto.
Entonces, ¿cómo hacerlo?
Preste atención a los números 2 y 3 en la imagen. Si aún no sabe cómo agregar un degradado, haga doble clic en el espacio en blanco a la derecha de "Nombre de capa" en el panel de capas, o haga clic en el segundo botón en. la imagen de abajo (en el panel de capas de abajo) para abrir el panel de Estilos.
"Superposición de degradado" y luego configúrelo como se muestra a continuación. Para el color del degradado, elija dos colores del mismo color pero con "contraste oscuro y claro". Por ejemplo, en el ejemplo, un verde claro y un verde oscuro. simular el efecto de iluminación.
Bien, todo lo que queda es la sombra. Haga clic en "Sombra" en el lado izquierdo del panel de estilo como de costumbre y luego configúrelo como se muestra a continuación:
Veamos otros diseños de sitios web que utilizan este método:
