В этом Фотошоп уроке вы узнаете, как сделать анимацию для фона. В дальнейшем вы сможете использовать эту технику для изготовления баннера или логотипа на сайт. Шаг 1. Создайте новый документ 350х350 px с белым фоном. Откройте картинку, которую вы будете разрезать, в Фотошоп. Разместите ее в центре вашего документа. Картинка должна быть меньше, чем сам документ. Установите Линейки следующим образом (разделите на четыре равные части). Чтобы сделать этот инструмент активным нажмите CTRL+R или View > Rulers (Просмотр - Линейки) Шаг 2. Возьмите инструмент и создайте выделение вокруг левой верхней части картинки. Затем нажмите Ctrl+J, чтобы скопировать выделение на новый слой. То же самое можно сделать Layer > New > Layer via Copy (Слой - Новый - скопировать на новый слой) Теперь вернитесь к основному изображению и проделайте то же самое с каждым квадратом. В конце просто удалите слой с картинкой. Шаг 3. Каждому кусочку картинки примените такие стили: Layer > Layer Style > Blending Options (Слой - Стиль слоя - Параметры наложения) Тень: Обводка: Шаг 4. Теперь оставьте видимым только один слой на фоне (здесь это layer 3) Нажмите Shift+Ctrl+M чтобы переслать данные в ImageReady. Там также как в Фотошоп будет рабочее окно, но кроме этого вы увидите еще полоску для кадров. В рабочем окне перетащите картинку в верхний правый угол таким образом, чтобы остался видимым только маленький уголок. Затем нажмите на кнопку Duplicates current frame (Создать дубликат текущего кадра), которая находится в окне с кадрами. После чего перетащите картинку в рабочем окне снова на положенное место. Выделите эти два кадра и нажмите на кнопку Tween (Добавить промежуточные кадры). В окне Tween установите такие настройки: Начать с: Выделенный кадр Добавить кадров: 8 Слои: Все слои После ОК кадры ваши станут быстро размножаться. Если нажать на кнопку Play (Воспроизвести), то получится вот так: Шаг 5. Далее на последнем кадре делаем видимым еще один слой в палитре и проделываем те же действия. Так с каждым кусочком. Когда у вас все будет готово, зайдите в меню File > Save Optimized As... (Файл - Сохранить оптимизированный как...) Вот и результат: У Вас получилось? Работа одного фотошоп-мастера: До встречи на www.forum.qwe.ru