1. Открываем Гимп. Создаем новый документ с размерами 700*350пх. с прозрачным фоном.

2. Инструментом Прямоугольное выделение создаем прямоугольник размером 620*120пх. (можно выбрать и свои размеры)

3. Выделение-Закруглить:радиус 50%.
4. Заливаем градиентом, сверху вниз до середины, от темного к светлому, в параметрах настройки ставим смещение:50.

4а.Создаем новый слой, не снимая выделения, и заливаем белым цветом, подкладываем под низ, отключаем на время видимость, нажав на иконку глазка.
5. Выделение-Уменьшить: на 5-6пх.
6. Переходим к слою с градиентом. Правка-Вырезать.

6а.Переходим к слою с белой заливкой, включите видимость. Правка-Вырезать.
6б.Оставаясь на слое с белой заливкой, Выделение-Инвентировать.
6в.На этом слое делаем свечение: Фильтры-Размытие-Гауссово размытие:10пх.

7. Не снимая выделения, создать новый прозрачный слой.
7а.Выделение-Инвернировать.
8. Залить градиентом от голубого к прозрачному, сверху вниз на две четвертую часть.

8а.На новом слое залить градиентом от белого к прозрачному, сверху вниз на одну четвертую часть.

9. На новом прозрачном слое создать прямоугольное выделение размером:525*15пх.

10.Выделение-Закруглить:50-60%.
11.Залить градиентом от темного к светлому сверху вниз.

12.Не снимая выделения, создать новый слой.Цвет переднего фона - темноголубой.
Правка-Обвести выделенное:1пх.Выделение снимаем.

13.Создаем новый слой прозрачный. Инструментом Эллиптическое выделение создаем окружность размером чуть больше тонкой полоски:20*20пх.
14.Заливаем радиальным градиентом от светлого к темному снизу вверх.

15.Не снимая выделения, создаем новый слой.
Выделение-Увеличить:2-3пх.
Заливаем увеличенное выделение градиентом от светлого к темному сверху вниз. Этот слой подкладываем под низ маленького кружочка.

16.Выделение снять.
17.Создаем новый прозрачный слой. Рисуем окружность инструментом Эллиптическое выделение:40*40пх.
17а.Заливаем градиентом от светлого к темному радиальной или линеальной формой, сверху вниз.

17б.Создаем новый слой. Выделение-Увеличить:2-3пх.
17в.Залить увеличенное выделение градиентом от темного к светлому сверху вниз. Подложить под низ маленького кружочка.Выделение снять.

18. На новом слое инструментом Контуры делаем треугольник. Лучше делать с увеличенным масштабом.
18а.Заливаем треугольник белым цветом.Выделение снять.

19. Создаем новый слой. Инструментом Прямоугольное выделение рисуем прямоугольник размером:200*40пх.

20. Выделение-Закруглить:50-60%.
20а.Залить скругленное выделение белым цветом.
Дублировать этот слой (Шаблон), выключить видимость, нажав на глазок.
20б.Не снимая выделения, создать новый слой и залить градиентом от синего к прозрачному, сверху вниз до середины.

21.Снять выделение, перейти к слою с белой заливкой. Фильтры-Размытие-Гауссово размытие:10пх.
21а.Переходим ко второму слою с белой заливкой (Шаблон),Слой-Прозрачность-Альфаканал в выделение.
Переходим к слою с белой размытой заливкой, Правка-Вырезать.
21б.Слой с белой заливкой (Шаблон) удаляем.

Вот и готова наша кнопка для плеера.

Осталось только объединить все слои: Изображение-Объединить видимые слои. В следущем окошке поставить галочку.

Сохранять в формате png, Файл-Сохранить как...

Чтобы изменить цвет, достаточно использовать один из этих функций:Цвет-Тонирование, Цвет-Тон/Насыщенность, Цвет-Цветовой баланс. Поиграть в них параметрами.

Вот так будут выглядеть на фоне.