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