Приветствую поклонников фотошопа! Не перестаю удивляться, на сколько многогранны возможности нашей с вами любимой программы! Вот не так давно открыла для себя еще один аспект Photoshop – анимация, (от фр. animation — оживление, одушевление) – последовательный показ ряда измененных изображений (кадров), создающих имитацию движения. Предлагаю и вам вместе со мной окунутся в этот увлекательный процесс, чтобы вместе попробовать сделать анимацию в фотошопе…

1. Прежде чем приступить к созданию кадров, продумаем идею. В моем случае это прыгающие ноты. Создадим новый документ с прозрачным содержимым фона. Инструментом «Карандаш» (Pencil Tool), удерживая клавишу Shift, нарисуем пять линий черного цвета. Для удобства в работе можете воспользоваться сеткой: «Показать сетки» (Show Grids).

2. Создадим новый слой (щелкнем на иконку «Создать новый слой» (Create a new Layer) внизу панели «Слои») и с помощью инструмента «Произвольная фигура» (Custom Shape Tool) соответствующей формы нарисуем скрипичный ключ. Проследите, чтобы на панели параметров была выбрана настройка «Выполнить заливку пикселов» (Fill pixel). Воспользовавшись инструментом «Перемещение»  (Move Tool), расположите скрипичный ключ на нотном стане.

3. Объединим два слоя (выделите их и нажмите Ctrl+E) и создадим 4 копии объединенного слоя. Приступим к рисованию нот. Создадим новый слой и с помощью инструмента «Произвольная фигура» нарисуем ноту. Создадим четыре копии слоя с нотой. Объединим попарно слой со скрипичным ключом и нотой, не забывая каждый раз сдвигать ноты. Вот, что у вас должно получиться.

4. Сделаем видимым только первый слой (нажмите на «глаз» около остальных слоев). Выполним действие: «Окно → Анимация» (Window → Animation).

5. Перед нами открылась панель «Анимация». Нажмем в правом верхнем углу на стрелочку, и из появившегося выпадающего меню выберем «Создать кадры из слоев» (Make Frames from layers).

6. Зададим время отображения каждого кадра. Начнем с первого кадра: обозначим его и щелкнем на маленький треугольник под ним. Откроется всплывающее меню, из которого мы выбираем, например, 0,2 сек. Аналогичные действия проделываем с остальными кадрами.

7. Определим количество повторов воспроизведения наших кадров. Для этого щелкнем «Выбор параметра цикла» в нижней левой части панели «Анимация» и выберем, например, постоянно. Вот и все. Нажав на кнопку управления «Запуск воспроизведения анимации» (Plays animation) на панели «Анимация», вы можете посмотреть то, что у вас получилось.

А теперь сохраним нашу анимацию. Для этого выполним действие: «Файл → Сохранить для Web и устройств» (File → Save for Web&Devices) или нажмем комбинацию клавиш (Alt+Shift+Ctrl+S). Будьте внимательны, анимированные файлы сохраняются в GIF формате. А после сохранения, посмотрите анимацию через веб-браузер.

Надеюсь, что урок вам понравился. Если возникли вопросы или пожелания, пишите их в комментарии ниже – буду рада ответить.

Результаты своих работ  вы можете мне прислать на электронный адрес: phot.style@gmail.com. Я  с удовольствием размещу их на странице с описанием урока, где посетители сайта смогут оценить их в комментариях.

 Если вам понравилась статья, отметьте ее в своих социальных сетях, нажав на кнопку от Facebook, Vkontakte, Twitter или Google+.

 Следите за анонсами новых уроков в Twitter.

До новой встречи на phot-style.ru. Автор урока, Мар