Объясните подробно, пожалуйста, как в онлайн приложении Pixlr Editor, сделать такую рамку и отред. градиентной заливкой.

Т. е. нам нужно найти это приложение, изучить и положить в клювик?
Изучайте раздел "справка" или обращайтесь в тех поддержку этого сайта, либо ищите готовые уроки в сети. Написание же подробного "урока" на заказ - услуга платная.
Простая логика подсказывает, что достаточно сделать или найти нужную картинку для фона/рамки (залить градиентом), а затем вставить вужное поверх него.