Cambiando un poco haciendo diseño web esta vez en TutsPS, en este último tutorial crearemos Iconos de Ui Planos en unos pocos pasos con Adobe Photoshop sin usar Illustrator.
Cree iconos de interfaz de usuario planos con Photoshop
Bienvenidos a este nuevo tutorial en la categoría de diseño web, ya que muchas personas se han preguntado cómo lograr este tipo de icono con Photoshop en unos pocos pasos.
Y aquí hay una vista previa del resultado final.
Para comenzar, abra un nuevo 1000 × 1000 píxeles , resolución 72 ppp , colores RGB8bits .
Agregue una capa de relleno de degradado yendo a Menú> Capa> Nueva capa de relleno> Degradado.
Tomar la herramienta rectángulo redondeado (U) con un radio de 10px y dibuja un rectángulo rojo # de393e .
Entonces ve al fusionar opciones
Siempre con la herramienta Rectángulo redondeado dibuja un rectángulo con un radio de 30px .
Luego aplique una sombra en el fusionar opciones
Entonces toma la herramienta de forma personalizada (U) y dibuja un triangulo rojo # d22222 y ajústelo así.
Ahora toma la herramienta Pluma (P) en modo capa de forma y el color rojo #961817 y dibuja otro triángulo como este para obtener el efecto de sombra paralela.
A continuación, colóquese justo encima del primer rectángulo redondeado rojo, tome la herramienta Pluma (P) en modo de capa de forma y color rojo #ad2629. Luego dibuja la siguiente forma.
Ahora siga el mismo método utilizado en el siguiente tutorial para borrar la punta de la forma que sobresale (la máscara de capa ) o usar la herramienta de borrador (E) .
Finalmente, coloque la capa en recorte, yendo a Menú> Capa> Crear máscara de recorte.
Y aqui esta el resultado final
Y con el mismo método puedes crear todo tipo de iconos de UI planos en solo unos pocos pasos.
