YouTube Трейлер

Что научитесь делать, посмотрев это видео?

Вы научитесь с помощью gif анимации в Photoshop делать частичную анимацию картинки и создавать круги на воде.

Описание видео:

Из материалов предыдущего урока вы можете узнать о том, как с помощью gif анимации в Photoshop сделать движущийся водопад на фотографии.

Сегодня мы будем учить вас делать круги на воде.

Прежде всего, найдите и скопируйте картинку с осенним деревом.

Если большую часть фотографии занимает небо и трава, обрежьте лишние части сверху и снизу.

С помощью сочетания клавиш «Ctrl+Alt+C» вызовите окно «Размер холста». В пункте «Расположение» нажмите на средний квадрат в верхнем ряду (пустое место будет добавлено внизу вашей фотографии). Выберите единицы измерения «%». Для ширины холста выберите значение «100», для высоты – «150». Нажмите «Ок».

Продублируйте получившийся слой («Ctrl+J»). На этом слое с помощью «Свободной трансформации» («Ctrl+T») сделайте отражение (захватите мышкой «узелок» на верху фотографии и перетащите его вниз). Продублируйте это слой еще четыре раза.

Создание волн на воде

Создайте новый слой и сделайте на нем заливку черным цветом («Alt+Backspace»). Откройте меню «Фильтр», «Рендеринг», «Облака». Вызовите инструмент «Уровни» («Ctrl+L»). В окне этого инструмента сдвиньте ползунок влево (на значение «2»), нажмите «Ок». Теперь в меню «Фильтр» выберите «Искажение», «Скручивание». Значение для этого эффекта поставьте 200 – 300 единиц, нажмите «Ок». Теперь продублируйте этот слой трижды.

Слой 2 копия 3

На самом верхнем слой с будущими волнами откройте фильтр «Зигзаг» («Фильтр», «Искажение»). На глаз установите нужное количество волн и складок, в стиле выберите вариант «Круги на воде», нажмите «Ок». Отключите слой.

Слой 2 копия 2

Перейдите на нижерасположенный слой. Снова воспользуйтесь эффектом «Зигзаг», только количество складок укажите больше, чем на первом слое. Нажмите «Ок» и  отключите слой.

Слой 2 копия 1

Снова перейдите на нижерасположенный слой. Фильтром «Зигзаг» создайте волны, а количество волн сделайте еще больше, чем на вышестоящем слое.

Слой 2

На этом слое с помощью фильтра «Зигзаг»сделайте волны, количество волн укажите самое большое.

Теперь включите Слой 2 и его копии, выделите их  клавишей «Shift» нажмите «Ctrl+T». Захватите мышкой «узелок» в верхней части картинки, потяните за него вниз. Сожмите так изображение до границы «воды» и берега с деревом. Чтобы найти эту границу быстрее, зайдите в меню «Просмотр», поставьте галочку у пункта «Привязка».

Теперь нажмите на круги правой клавишей мыши, в открывшемся меню выберите пункт «Перспектива». Потяните картинку с кругами за любой нижний угол в сторону. Угол изображения изменится, отрегулируйте его на глаз. Нажмите «Enter».

Теперь надо убрать лишние углы у картинки с кругами. Нажмите «Ctrl+A», зайдите в меню «Изображение», нажмите «Кадрировать». Нажмите «Ctrl+D», «Ctrl+Z».

Нажмите на Слой 2 правой клавишей, выберите пункт «Создать дубликат слоя». В пункте «Документ» выберите «Новый», дайте ему имя, нажмите «Ок». Откроется новый документ, нажмите «Ctrl+W», нажмите «Да». Выберите место для хранения файла и сохраните его под именем «Карта 1». На основной картинке отключите Слой 2. С копиями этого слоя проделайте туже операцию нумеруя каждую карту.

Теперь выделите Слой 2 и его копии и нажмите «Ctrl+G». Эти слои объединились в группу. Отключите эту группу.

Включите Слой 1 копия 2. На этом слое откройте меню «Фильтр», «Искажение», «Смещение». Для картинки форматом 500х700 надо указать масштаб по горизонтали «5», по вертикали – «50». В блоке «Схема искривления» выберите пункт «Растянуть», в блоке «Неопределенная область» — «Повторить граничные пиксели». Нажмите «Ок».

Программа предложит выбрать карту из сохраненных файлов. Откройте файл «Карта 1». Сделайте круги таким же способом и на остальных копиях Слоя 1, выбирая для каждого слоя последующую карту.

Теперь с помощью «Shift» выделите все слои начиная со Соля 1 копия 2 и заканчивая Слоем 1 копия 5. Нажмите «Ctrl+G». Для этой группы примените маску.

Создание анимации

Меню «Окно», «Анимация». Включите Слой 1, Слой 1 копия, Слой 1 копия2. Щелкните мышкой на Слой 1 копия 2. Это первый кадр. Сделайте для него задержку в 0,3 с (нажмите на время под кадром и выберите пункт «Другое»).

Добавьте второй кадр. Включите Слой 1 копия 3. Добавляйте новые кадры и последовательно включайте на них оставшиеся копии слоев. Получилось четыре кадра.

Для проверки проигрывания этих кадров поставьте тип проигрывания «Постоянно» вместо «Однократно».

Создание «осеннего листка»

Через поисковик найдите осенний листок, такого же примерно цвета, как крона дерева на фотографии. Лучше подобрать лист на белом фоне. Скопируйте его.

Нажмите «Ctrl+V» лист появится на фотографии на новом слое. С помощью инструмента «Выделение» уберите с картинки с листком белый фон. Уберите выделение («Ctrl+D»).

Сделайте копию этого слоя («Ctrl+J»). Нажмите «Ctrl+T» и с помощью «узелков» сделайте лист меньшего размера, чтобы он подходил к фотографии. Теперь поместите листок в подходящее место над водой и сделайте три раза дубль этого слоя. Отключите Слой 2 и его копии.

Теперь перейдите на первый кадр в окне «Анимация». Включите Слой 2 копия.

Перейдите на второй кадр и включите Слой 2 копия 2. На этом слое листок надо сдвинуть немного вниз и в сторону (вспомните, как падаю листья с дерева). Проделайте эту же операцию с оставшимися слоями и кадрами. На самом последнем кадре листок должен находится на воде по середине круговой волны. Вернитесь на первый кадр и включите на нем Слой 2 копия 4. На втором и третьем кадре этот слой должен быть отключен.

Теперь выделите все слои начиная со Слоя 2 по Слой 2 копия 4 («Ctrl+G»).

Откройте Группу 1, перейдите на Слой 1 копия 5 включите коррекцию уровней и сделайте затемнение слоя, чтобы вода выглядела темнее пейзажа.

Сохраните картинку  («Сохранить для Web»), выберите одни из четырех вариантов (самый маленький по весу) и сохраните его.

Советуем вам прочитать еще один обзор, о том, как сделать в Photoshop анимацию надписи.

В следующем уроке мы расскажем, как сделать gif анимацию из видео в Photoshop.

Сайт оказался для Вас полезным?

View Results

Loading ... Loading ...