When I was around 13-18 I taught myself how to use fireworks and Photoshop to create my own party flyers, forum signatures and photo editing. I never thought that those beginner skills would helped learn Sketch 3 and paintcode fast. I bought for $39 a course on Udemy to learn from A to Z sketch 3, I gave that course 5/5 star review because it was very well explained and fast paced.
Something that was a mystery for me for years was HOW on earth do you design and program user interface on music software. There’s no straight answer on the internet(idk why) but people use software like Photoshop and fireworks to create the design, look and software like paint code to program the movement of the button. You create each part of the user interface and export each part so it can become animated and programmed such as sliders, knobs, led buttons, buttons, etc.. YIKES! Another piece of the puzzle.
That course gave me the tools to design a better UI for the beat maker app as you can see in figure 1. I created the pads with some texture to look more real and this is the first draft.