Hope you’re having a great day! Today, I will show you the full design process of creating this skeuomorphic (photorealistic) on / off switch button in Adobe Photoshop. It's very similar to the switches you can find in iPhone Settings, don't you think. It’s mostly about layer styles, honestly. Playing around with, drop shadows, inner shadows, layer modes, etc. Hope you learn something new today! If something needs clarification, let me know in the comments:)

Timestamps:
0:00 - Final Result
0:05 - Creating the background
0:23 - Creating the basic shape outlines
1:58 - Applying effects to the button
3:22 - Applying effects to the button container
10:08 - Adding depth to the button
12:25 - Creating lines next to the button
14:25 - Applying light effects
15:20 - Creating the button container glow
17:03 - Applying more light effects
19:00 - Final Result

Create a Photorealistic Button Switch in Photoshop (Full Process)

Enjoyed this walkthrough?
LEAVE A LIKE!

Any questions of suggestions?
LEAVE A COMMENT!

Want to see more?
SUBSCRIBE!

———————————————

© 2020 Mavi Design