Создадим холст размерами 400px на 400px
Прежде чем двигаться дальше хочу сказать, что огонь, это состояние вещества всегда новой и непредсказуемой формы, поэтому конкретных размеров давать неуместно. Я могу дать только общую схему создания. А дальше всё зависит от вашей фантазии.
Сначала рисуем огонь. Выбираем инструмент Elipse tool рисуем приблизительно круг(у меня цвет #F9CA36)
Выбираем инструмент Reshape Area tool, на панели Properties выставите размеры поменьше и начинайте вытягивать вернюю точку круга круг вверх. За несколько проходов инструмента это получится. Потом, этим же инструментом, попеременно с левой и правой стороны, на разных уровнях, придаем изгиб пламени.

Меняя на панели Properties значения Size и Strenght и экспериментируя с изображением, надо добиваться более реалистичного изображения огня

Дальше рисуем середину костра. Всё то же самое, но меньше размером и другим цветом(у меня цвет белый)
Затем рисуем дровишки на ваш вкус
Первый кадр готов
Вызываем панель кадров Window > Frames
В появившейся панели в правом верхнем углу увидите 3 маленьких горизонтальных полоски
Нажмите на них курсором и выберите Duplicate Frames
В появившемся окошке поставьте своё значение Number(количестиво кадров) и нажмите OK
В каждом кадре надо пламени придавать другую форму
Ну и последнее. Надо сохранить работу не в обычном GIF-файле, а в анимационном(иначе костёр не будет гореть)
Window > Optimize
На панели Optimize ищите курсором окошечко где всплывающая подсказка будет Export file format. Нажмите на маленький треугольник справа и выберите Animated Gif
Теперь анимация будет работать. Обрежьте лишний холст нажав на клавиатуре Ctrl + Alt + T
Можно посмотреть как она будет выглядеть на вашей WEB-страничке нажав клавишу F12
Если с первого раза не получится, ничего страшного. Как говорят - если долго мучится, что-нибудь получится.