title: How to implement 3D depth and shadow in Qt/QML?
body: <p>I am making a clock for the Ubuntu Touch platform and have been given designs that I need to implement. The required implementation is shown below in Figure 1. I did a basic implementation of it as shown in Figure 2. Currently they are two rectangles with a radius anchored to each other with a colored background. In case you need a starting point (code wise), please have a look at <a href="http://bazaar.launchpad.net/~ubuntu-clock-dev/ubuntu-clock-app/trunk/view/head:/common/AnalogFaceBase.qml" rel="noreferrer">http://bazaar.launchpad.net/~ubuntu-clock-dev/ubuntu-clock-app/trunk/view/head:/common/AnalogFaceBase.qml</a></p>
  
  <p><strong>What Qt/QML effects do I need to use in order to achieve the depth and shadows?</strong> I can tweak the values myself if I know what effects are required.</p>
  
  <p><em>Note 1: Ignore the clock markers and the color difference between the 2 images. That is something I know how to address.</em></p>
  
  <p><em>Note 2: Please provide documentation links so that I can read the documentation to tweak as desired to match the required design</em></p>
  
  <p><img src="https://i.stack.imgur.com/AmjFY.jpg" alt="Required Implementation">
  <img src="https://i.stack.imgur.com/EEcXb.png" alt="Current Implementation"></p>