Будем создавать вот такой эффект: 1. Создайте новый документ Animation (File>New) размером 400х300 пикселей 2. Откройте в Фотошопе два изображения на Ваш выбор. Выберите инструмент Move Tool (V) и перетащите изображения в документ Animation. Подгоните размеры изображений под размеры нашего документа с помощью Free Transform Tool (Ctrl+T). Лишние части двух изображений уберите таким способом: нажимаем Ctrl+A далее Image>Crop. Слой Background нам не понадобится, поэтому его можна удалить.
3. Далее необходимо создать узор. Для этого создайте новый документ размером 50х50 пикселей с белой заливкой. Размер документа зависит от того, сколько Вы хотите получить квадратов (в данном случае получится 8 на 6 квадратов). Выберите Layer>New> Layer From Background, нажмите Ctrl+A (должно появиться выделение вокруг документа). Выберите Select>Modify>Contract, в появившемся меню выставьте значение 1 px. Нажмите DEL. Должно получиться, как показано ниже. Выберите Edit>Define Pattern, в появившемся меню назовите узор на Ваше усмотрение и нажмите ОК. 4. Вернитесь к документу Animation. Создайте новый слой поверх остальный (Ctrl+Shift+N), назовите его Selection. Выберите Edit>Fill, из раскрывающегося меню Use выберите Pattern Далее выбираете только что созданный узор, и нажимаете ОК. Должно получится так: 5. Щелкните левой кнопкой мыши с зажатой клавишей Ctrl на иконке слоя Selection на палитре Layers, чтобы создать выделение вокруг квадратов, нажмите Ctrl+Shift+I, чтобы инвертировать выделение. Не снимая выделение, выберите слой Layer 2 на палитре Layers и нажмите Ctrl+J, должен появиться новый слой Layer 3. Слой Selection уже не понадобится, поэтому удалите его. 6. Создайте небольшой экшен. Для этого нажмите Alt+F9 (или выберите Window>Actions). Создайте новую группу экшенов New Set, для этого нажмите на третьей справа иконке внизу палитры Actions (этот шаг можна пропустить, если хотите создать экшн в группе Default Action, или в вашей уже ранее созданной группе). Для создания экшена, нажмите на второй справа иконке внизу палитры Actions, назовите экшн на Ваше усмотрение (я назвал Animate). Теперь собственно сам экшн: 1. Щелкните левой кнопкой мыши с зажатой клавишей Ctrl на иконке слоя Layer 3 на палитре Layers – появится выделение как в шаге 5. 2. Выберите Select>Modify>Contract, в появившемся меню выставьте значение 2 px. (можете выбрать значение больше или меньше). 3. Нажмите Ctrl+J, чтобы создать новый слой Layer 4 из выделения. 4. Нажмите первую иконку слева внизу палитры Actions. Все, экшн готов! 7. Удалите слой Layer 4, выберите снова в палитре Layers слой Layer 3 и нажимайте на третьей слева иконке внизу палитры Actions пока не появится сообщение, как показано ниже: 8. Откройте палитру Анимации Window>Animation. Скройте все слои кроме Layer 1 (для этого на палитре Layers выберите слой Layer 1, затем кликните правой клавишей мыши на иконке «глаз» в выберите Show/Hide all other layers). 9. Далее создайте новый кадр, кликнув по иконке, как показано ниже и сделайте видимым самый верхний слой (у меня Layer 14). Повторяйте предыдущий шаг, делая в каждом кадре видимым слой, ниже предыдущего, тоесть Layer 14,13,12…. до слоя Layer 2. должно получиться 14 кадров: 10. Выставьте время отображения кадров для 1-го и 14-го кадров по 1 секунде, или на Ваше усмотрение. Сохраните анимацию, для этого выберите File> Save for WEB & Devices. Все! Финальный результат: Автор: Starrrley
