Часть 1
Создание узора

1. Создайте новый документ 30*30 пикс, фон прозрачный.

2. Редактирование - Выделить все (Ctrl+A)
    Редактирование - Выполнить обводку

Очень важно на этом этапе выставить параметры как на скрине. Иначе ничего не получится.
Ширина: 1 пикс
Цвет: Белый (#FFFFFF)
Расположение: Внутри

3. Затем зайдите в меню Редактирование - Определить узор.

4. Задайте имя для получившегося узора. Например, "Квадрат".

Часть 2
Создание базы для анимации.

1. Откройте понравившееся изображение, кадрируйте и установите нужный размер.
Вот моя картинка.

2. Создайте новый слой.

Далее Редактирование - Выполнить заливку.
Выбираем свой узор:

Жмем Ок.

3. Вот, что должно получиться:

4. Выделите слой, залитый узором и смените Режим наложения на Перекрытие.
Непрозачность: 40% (может быть другой процент, зависит от самого исходника)

5. Теперь возьмите инстурмент Волшебная палочка (W) и выделите квадраты в шахматном порядке.
(При нажатой клавише Shift, чтобы выделение не сбивалось)

Вот, что получится:

6. Создайте новый слой и залейте выделенную область белым цветом.

7. Повторите п.5 и п.6 для второй группы квадратов. Заливать вторую группу нужно также на новом слое.

Часть 3
Создание анимации

1. Создайте 2 кадра в окне Анимации. Заранее выставьте для них время 0,1 сек. (Маленький секрет: Чтобы выставить время сразу для обоих (или нескольких) кадров, выделите их, удерживая кнопку Shift. Оно изменится сразу для всех.)

2. Выберите первый кадр. И выключите верхний слой с квадратами. Видимым должен остаться только нижний.
Выставьте непрозрачность 20%.

3. Выберите 2-ой кадр. Выключите для него видимость нижнего слоя с квадратами, включите видимость верхнего.
Выставьте непрозрачность 20%.

Все действия аналогичны действиям в п.2.

4. Перейдите к 1 кадру и создайте 3 промежуточных кадра.

5. Теперь перейдите к 5 кадру и также создайте 3 промежуточных кадра, но не к Следующему кадру, а к Первому.

6. Получится 8 кадров. Теперь выделите их все, с зажатым Shift и смените Режим наложения на Перекрытие.

В результате слои с квадратами должны быть на режиме Перекрытие для ВСЕХ кадров.

Можно проиграть анимацию. Если она прозрачная и плавная - все получилось. Если она где-то срывается на более белые квадраты, возможно, Вы не поставили на Перекрытие или неправильно выставили непрозрачность.

Вот, что у меня вышло на данном этапе:

Не очень, правда? Потому что это еще не конец.

Часть 4
Убираем нежелательную анимацию

1. Анимация квадратов на теле и лице смотрится лишней. На некоторых исходниках можно делать квадраты для всей картинки, но не на нашем.
Скопируйте слой с девушкой и переместите копию на самый верх. Анимация исчезнет.

2. Создайте маску для верхнего слоя.

3. Закрасьте небольшой мягкой черной непрозрачной кистью места, где вы хотите оставить анимацию. В данном случае, это фон.

Если Вы в каком-то месте случайно просветили лишнее черным, то снова закрасьте белым.

Теперь анимация будет только в тех местах, где нам нужно.

Ну и вот наш долгожданный результат:

Источник