Шаг 1. Создание шара.

1. Создаем изображение 512х512 с прозрачным фоном.

Выставим направляющие по координатам 256х256 (можно больше/меньше, но чтобы не сильно отличалось от оригинала).
2. Делаем Эллептическое выделение области с размером 40х40.

Центрируем его как показано на изображении далее (Shift+O или Выделение -> По центру).

3. Заливаем нужным нам цветом (я выбрал черный).

4. Создаем "хвост" нашего шара, дабы показать, что он движется.
Для этого создадим новый прозрачный слой, поместим его под первый в панели слоев.
Далее выберем Свободное выделение и сделаем такой же "хвостик", на новом слое, как показано на изображении снизу.

5. Выбераем инструмент Градиентная заливка и зальем выделение нашего "хвостика" вдоль по направляющей с права на лево.

6. Снимаем выделение и размываем (Фильтры -> Размывание -> Бесшовное размывание...) "хвост" с параметрами как на изображении ниже.

Непрозрачность выставляется по вкусу (у меня 75). Объединяем полученые слои в один (жмем на верхний слой правой кнопкой мыши -> Объединить с предыдущим).
Отключаем видимость слоя и забываем о нем на время.

 

Шаг 2. Создание рамки и кадров.

1. Создаем новый слой с белым фоном (или любым другим). Добавляем еще 4 направляющих, как показано на изображение снизу.

2. Выделяем все (Ctrl+A или Выделение -> Все), далее жмем Выделение -> Уменьшить. В появившемся окне выбрать сокращение на 5 точек растра.
Инвертируем выделение (Ctrl+I или Выделение -> Инвертировать), зальем выделение нужным нам цветом (черным например).
3. Продублируем полученый слой 7 раз, мы получим 8 рамок и 1 шар.

4. Создаем кадры. Важно помнить, что "хвостатый шарик" должен быть помещен под углом + 45 градусов к своей позиции на перекрестия показаные на изображении ниже.

Шар не должен лежать на рамке, он может на нее только падать, чтобы создать эффект рекошета.
5. Выделяем наш "хвостатый шарик" выделением связанной области (клавиша U), копируем как видимое (Shift+Ctrl+C) и размещаем на каждом слое в новой не занятой позиции по порядку, выбрав направление.

6. В итоге должно получиться 8 кадров и 1 исходник шарика, который можно будет удалить, если Вам все нравится.

Кадры готовы.

Шаг 3. Создание анимации.
1. Если вы еще не удалили тот слой, где мы делали наш шарик, то удалите, он будет только мешать.
2. Жмем Фильтры -> Анимация -> Воспроизведение, если все устраивает, то идем дальше.
3. Файл -> Сохранить как, дописываем .gif и жмем Сохранить. Появляется окно, в нем выбераем Сохранить как анимацию.

Конечный вариант:

Метки: анимация, выделение, градиент, направляющие, сфера, фильтры, шар.

Уроки: ← предыдущий следующий →