Por favor, enséñeme, maestro de PS, cómo hacer este efecto.
Hola, cuando te guste un excelente diseño de interfaz de usuario, puedes intentar analizar sus ideas de diseño, simular los pasos de operación en tu mente y luego usar PS o AI para hacerlo. Este es un muy buen hábito. ¡Eso será de gran ayuda para tu mejora!
Hice un renderizado simple para ti Para resaltar el efecto, usé gris como fondo:
Ahora analicemos las ideas de diseño:
Lo primero que vemos es un rectángulo redondeado con un pequeño efecto degradado. Es probable que este efecto de gradiente sea un gradiente lineal, o puede ser un gradiente radial, todavía no estamos seguros.
Luego, puede ver claramente que se utiliza un efecto de relieve en la interfaz de usuario. El núcleo de todo el diseño de la interfaz de usuario es este efecto de relieve. Al mismo tiempo, el efecto de goma que desea también se produce. este efecto de alivio.
Finalmente, hay una pequeña sombra en la parte inferior de la interfaz de usuario. Este efecto es fácil de lograr.
El siguiente es el método de operación específico. Este método fue ideado por mí. Puede que no sea el método del autor y puede que no sea el mejor método, pero es un método que puede lograr esta interfaz de usuario. diseño:
No diré mucho sobre el fondo gris e iré directamente al tema
1. Primero, usa la herramienta Rectángulo redondeado para dibujar un cuadrado con esquinas redondeadas. de cualquier tamaño.
2. Para el efecto de degradado de relleno rectangular, seleccione degradado radial para la opción de degradado (creo que la superficie de esta interfaz de usuario no es plana, pero tiene un poco de ondulación, así que finalmente usé degradado radial). gris avanzado como color. Los que usé de izquierda a derecha son: #4258c7; Seleccione 90 grados para el ángulo, amplíe un poco más y luego mueva el punto central del degradado hacia arriba a una posición adecuada.
3. Agregue un estilo de capa: Bisel y Relieve a la capa. Las configuraciones son las siguientes:
4. Haga clic derecho en el botón de estilo "fx" en la miniatura de la capa. y en la ventana emergente Seleccione -Crear capa en el menú. Consigue dos capas nuevas.
En este momento necesitamos quitar la parte más allá del rectángulo redondeado. Presione Ctrl+haga clic en la miniatura de la capa con el botón izquierdo del mouse para obtener la selección; presione Shift+Ctrl+I para invertir la selección las dos capas recién obtenidas y presione SUPR para eliminarlas;
5. Continúe agregando un estilo de capa a la capa del rectángulo redondeado y ahora seleccione la opción Resplandor interior. La configuración es la siguiente:
6. Continúe haciendo clic derecho en el botón de estilo "fx" en la miniatura de la capa y seleccione - Crear capa en el menú emergente. Consigue nuevas capas. Presione Ctrl + haga clic con el botón izquierdo del mouse en la miniatura de la capa de brillo interior para obtener una selección, use la herramienta Marco rectangular, seleccione "Restar de la selección" en la barra de opciones de arriba y dibuje un rectángulo en la parte inferior de la mesa de trabajo para obtener una forma. así:
7. Menú-Seleccionar-Modificar-Desvanecimiento, el radio de desvanecimiento se ajusta según el tamaño de la imagen. Presione SUPR para eliminar la capa de brillo interior. Puede presionarlo varias veces para lograr el efecto deseado. Presione Ctrl + clic izquierdo en la miniatura de la capa de brillo interior para obtener una nueva selección ubicada debajo de la mesa de trabajo.
8. Seleccione la capa de sombra en relieve rectangular redondeada, presione SUPR para eliminarla, ocultar la capa de brillo interior y obtener un efecto ideal.
9. Agregue un estilo de capa: sombra a la capa del rectángulo redondeado. Como mi imagen se agregó antes, no diré más sobre este efecto. Imagen adjunta:
Si. no entiendes nada, puedes chatear conmigo en privado o pedirme ayuda. Si estás satisfecho, dale me gusta después de adoptarlo.