Diseño Web 2.0 Etiqueta / Insignias En Photoshop
A muchos sitios web de la Web 2.0 les gusta usar etiquetas (o credenciales) como esta para entregar el estado del sitio web / servicio actual, ya sea la versión o si todavía están en versión beta. Crear estas etiquetas es bastante fácil, especialmente con el uso de Photoshop. Tutorial despues del salto.
Crea un nuevo lienzo, 400 de ancho y 200 de alto. Seleccionar Herramienta de forma personalizada, debajo Forma's desplegable, seleccione Sello y dibuja la forma en el medio de la página.
Nombra la capa Star Label, lanza Opciones de mezcla e inserta estos siguientes estilos:
Sombra paralela
Sombra interior
Bisel y relieve
Gradiente de superposición
- Color Stop 1: # 0076b3, Ubicación: 0%
- Color Stop 2: # b3d5ff, Ubicación: 100%
Crea una nueva capa, selecciona Herramienta de tipo horizontal e inserte cualquier texto. Usaré el texto Beta! aquí. Ejecute las opciones de fusión, inserte los siguientes estilos:
Sombra paralela
Gradiente de superposición
- Color Stop 1: # b2b9bc, Ubicación: 0%
- Color Stop 2: #ffffff, Ubicación: 100%
Sostener Ctrl, haga clic en la miniatura de la capa para la capa Etiqueta estrella para seleccionar su contorno. Crea una nueva capa en la parte superior, ponle nombre Lustroso.
Con los contornos aún seleccionados, seleccione Herramienta Lazo poligonal, sostener Alt, y dibuja la mitad de un círculo como se ilustra en la imagen de abajo.
Pinte la mitad restante con blanco, disminuya la opacidad hasta un 15%, y aquí está su resultado final.
