Как в фотошопе сделать анимацию из фотографий
Как в фотошопе
сделать анимацию из фотографий
Всем привет!
Сегодня мы будем создавать анимацию фотографии, разрезанной на части.
С помощью анимированных картинок можно отлично дополнить какую-нибудь презентацию, поделиться эмоциями, да и просто разнообразить фотоколлекцию.
Сначала мы создадим новый документ и зальем фоновый слой светло-желтым цветом.
Затем поместим в документ изображение с розой из папки с исходниками, при помощи направляющих определим центр холста и «разрежем» слой на 4 равные части, которые будут располагаться на отдельных слоях.
Далее добавим к одному из слоев стили слоя Тень и Обводка, которые скопируем на все остальные слои с частями фото.
В завершение урока "Как в фотошопе сделать анимацию из фотографий" мы перейдем в панель анимации и добавим движения нашей картинке.
Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже.
В панели слоев щелкаем по «замочку» у фонового слоя, чтобы разблокировать слой для дальнейшего редактирования.
Переименовываем фоновый слой в «Фон». Чтобы переименовать слой, дважды щелкаем по имени слоя в панели слоев, вводим новое имя и нажимаем клавишу Enter.
В панели цвета в качестве цвета основного плана устанавливаем оттенок # fffde7. Активируем инструмент Заливка и кликаем мышью по холсту, чтобы залить фоновый слой цветом основного плана.
Помещаем в документ (Файл-Поместить встроенные) изображение «Роза» из папки с исходниками.
В панели слоев щелкаем ПКМ по слою «Роза» и выбираем «Растрировать слой».
Определим центр холста. Для этого переходим в меню Просмотр-Новая направляющая и добавляем горизонтальную направляющую, введя настройки, как на рисунке ниже.
Снова переходим в меню Просмотр-Новая направляющая и создаем вертикальную направляющую.
Активируем инструмент Прямоугольная область. Ориентируясь по направляющим, создаем выделение верхнего правого прямоугольника. Кликаем ПКМ по холсту и выбираем «Вырезать на новый слой».
Делаем активным в панели слоев слой «Роза», создаем выделение верхнего левого прямоугольника и снова вырезаем квадрат на новый слой (ПКМ-«Вырезать на новый слой»). Повторяем действия для третьего прямоугольника. Не забываем после того, как вырезали прямоугольник на новый слой, сделать активным слой «Роза». В итоге у нас должно получиться три слоя с вырезанными на новые слои прямоугольниками и слой «Роза» с оставшимся прямоугольником.
В панели слоев переименовываем слои с прямоугольниками в «1», «2», «3» и «4».
В панели слоев при помощи клавиши Ctrl выделяем все слои, кроме слоя «Фон». Вызываем Свободное трансформирование (Ctrl+T), и, зажав клавиши Shift (для сохранения пропорций) и Alt (чтобы трансформирование происходило из центра) тянем за уголки рамки внутрь, чтобы уменьшить слои. В самых свежих версиях программы Adobe Photoshop нажимать клавишу Shift не нужно.
В панели слоев дважды щелкаем по слою «1», чтобы открыть стили слоя.
Во вкладке Обводка меняем оттенок на белый (# ffffff) и вводим настройки, как на картинке.
Во вкладке Тень используем оттенок, установленный по умолчанию (черный - # 000000) и меняем настройки на следующие.
Результат после применения стилей слоя.
В панели слоев кликаем ПКМ по слою «1» и выбираем «Скопировать стиль слоя». В панели слоев выделяем слои «2», «3» и «4», кликаем по ним ПКМ и выбираем «Вклеить стиль слоя».
Снова переходим к Свободному трансформированию (Ctrl+T). Выбираем один из слоев с частями, например, «1», и, покрутив за уголки рамки, поворачиваем слой. Поворачиваем все остальные слои с прямоугольниками.
А теперь – самое интересное! Мы будем «оживлять» нашу картинку.
Переходим в меню Окно-Шкала времени.
Далее кликаем по кнопке «Создать шкалу времени для видео».
В завершение нажимаем на иконку, отмеченную ниже.
Появится окно анимации.
При активном первом кадре анимации выключаем видимость слоев «2», «3» и «4», нажав в панели слоев на «глазики» около слоев и делаем видимыми слои «1» и «Фон». Активируем инструмент Перемещение и перетаскиваем слой «1» вверх и вправо так, чтобы был виден маленький уголок слоя.
В панели анимации (шкале времени) создаем новый кадр, нажав на соответствующую иконку. При помощи инструмента Перемещение перетаскиваем слой «1» ближе к центру. В панели анимации выделяем оба существующих на данный момент кадра и нажимаем на иконку создания промежуточных кадров.
Создаем новый кадр, нажав на соответствующую иконку в панели анимации. В панели слоев делаем видимым слой «2». При помощи инструмента Перемещение сдвигаем слой к краю. Создаем новый кадр и сдвигаем слой «2» к центру. Снова выделяем два последних кадра и добавляем промежуточные кадры с теми же настройками, как в прошлом шаге.
Повторяем действия для двух оставшихся слоев – «3» и «4». Создаем новый кадр, делаем видимым в панели слоев слой с прямоугольником, сдвигаем его к краю, создаем новый кадр, сдвигаем слой с прямоугольником к центру, в панели анимации выделяем оба кадра и добавляем промежуточные кадры. В итоге у нас должно получиться 36 слоев.
Выделяем все кадры при помощи клавиши Shift, щелкаем по времени и в открывшемся меню выбираем время проигрывания кадра, например, 0,1 секунды.
Далее кликаем по кнопке выбора параметров цикла проигрывания анимации и выбираем «Постоянно». Если оставить «Однократно», как указано по умолчанию, анимация проиграется один раз и остановится.
Активируем последний кадр и устанавливаем время его проигрывания 2 секунды.
Нажав на кнопку проигрывания анимации, вы можете посмотреть, как будет выглядеть анимашка после сохранения и, при необходимости, подкорректировать ее.
Если все устраивает, можно переходить к сохранению анимации.
Переходим в Файл-Сохранить для Web. В зависимости от версии фотошоп название этого пункта варьируется.
В строке формата обязательно выставляем gif, остальные настройки по вашему желанию – вы можете изменить размер, количество оттенков и т.п.
Вот мы и создали анимацию фотографии, разрезанной на части. Урок "Как в фотошопе сделать анимацию из фотографий" завершен.
Яркого настроения и творческих успехов!
БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:
Если Вы не хотите пропустить интересные уроки по анимации в фотошопе - подпишитесь на рассылку.
Форма для подписки находится ниже.
Временно закрыто комментирование для гостей, нужна обязательная регистрация, ввиду засилья спамботов.
зарегистрируйтесь на сайте, что бы оставлять комментарии!
Комментарии
Вы можете создать текстовый слой и поместить его в панели слоев выше всех слоев. В панели анимации данный слой должен быть всегда видимым, на всех кадрах.