Создание расширенного HUD

Я делаю интерфейс для AR Drone Quadcopter в WPF.

Мне нужно было кое-что сделать на моем HUD, чтобы это сделать

Одним из наиболее продвинутых элементов управления на HUD является искусственный горизонт, который сообщает пилоту о текущем выравнивании корабля относительно горизонта.

У меня есть эти 3 PNG.

Первое изображение, которое я буду перемещать (The текущий шаг корабля) и повернуть (Текущий крен корабля).

Я наложу второе изображение поверх первого, оно будет вращаться только вокруг центральной оси, на нем есть отметки в определенных градусах, которые будут визуализировать

Последний я положу поверх второго, это изображение просто визуальный улучшитель.

Затем я хочу замаскировать первое изображение, чтобы вы видели только то, что находится внутри круга на изображении 2.

И последнее, но не менее важное: я хочу добавить к нему текстовый блок и отобразить текущую высоту

Результат будет выглядеть примерно так

Я знаю, как вращать и перемещать изображение, но как мне разместить изображения друг на друге и как замаскировать первое изображение?

edit: Благодаря Бену я зашел так далеко:

Но мне также нужно перевести положение изображения по Y (шаг самолета)

Когда я добавляю преобразование перевода, я также переводю клип (маску), как я могу перевести изображение без перемещения маски?