Use linear gradient for background Light in this button
design comes from the top right (global light source). This ellipse is our main
button Copy, this ellipse and enlarges ellipse 1 (bottom layer), Ellipse 1 is
our highlight and shadow for the main button Align them horizontally and vertically.
Copy frame properties and paste it to the main button Change
gradient type to radial Adjust the radius and position of gradient.
Set radial gradient for highlight and shadow Adjust the
position to match the global light source. Apply layer blur to highlight &
shadow. Copy and paste the main button Remove its fill and add a stroke. This is
our button outline.
Thickness 2 and center Set linear-gradient, Adjust the
position to match global light source Copy and paste outline layer. Change
thickness to 1 and inside. Reverse the gradient Add the vector icon to the button. Enlarge
the icon by pressing the shift and alt keys.
Add a radial vibrant gradient to the icon, Adjust the position
to match the global light source. Add inner shadow effect to the icon To match the global light source, I use X = -3 and Y = 3 You might set different coordinates
as long as it matches the global light source Nice neuromorphic button :)
0 Comments
Thank you for your response. It will help us to improve in the future.