Фотошоп, анимация, блог Натали
Блог Колибри
Данный урок достаточно сложный и объемный, по-этому я его разбила на 4 части.
В первой части мы будем делать анимацию воды, во второй части анимацию шара,
в третьей части анимацию отражения шара, а в четвертой части будем собирать нашу анимацию.
Итак приступим к первой части нашего урока.
1. Анимация воды
Поберем картинку с источником водоема и гладкой поверхностью.
1.1. Создадим из нее 14 дубликатов слоя. Для этого воспользуемся быстрыми клавишами
-нажмем клавишу Ctrl, и удерживая ее щелкаем клавишей J 14 раз
1.2. Выберем место на картинке из которого будет вылетать наш шар,
теперь нам нужно выделить область на которой мы будем рисовать круги на воде.
Для этого берем инструмент Выделение - Овальная Область
и с помощью его делаем выделение на картинке.
1.3. Теперь переходим к рисованию непосредственно кругов,
для этого отключаем глазки на всех слоях изображения, назовем его Волны,
оставляем глазок только на первом слое, остальные отключены,
работаем последовательно с каждым слоем,переходим в верхнее меню фотошопа
и идем в меню Фильрт-Искажение-Зигзаг, устанавливаем следующие настройки:
Степень -25, Складки -1. Стиль - Круги на воде
Теперь последовательно переходим к следующему слою, включаем глазок
на втором слое, на первом отключаем
Степень у нас не меняется, во всех слоях она будет - 25
А складки с каждым слоем увеличиваем на 1, во втором слое - Степень -2, в третьем -3, и т.д.
На этом первая часть нашего урока закончена.
2. Анимация Шара
2.1. Приступим теперь к созданию нашего шара.
Для этого станем на первый слой Волны, на панели инструментов
выберем выделение -Овальная область и выделим большой элипс как на нашей картинке,
Далее идем в верхнее меню Фильтр, выбираем Искажение -Сфероизация,
и применяем Сферизацию 2 раза.
Чтобы у нас получилось более выпуклое изображение.
Теперь собственно можно и нарисовать наш круг,
для этого опять переходим в панель Инструменты,
берем инструмент Овальная область и рисуем наш круг.
Теперь нам нужно его скопировать на новый слой,
для этого нажимаем клавиши Ctrl+J,
Переименуем новый слой в Шар и перетянем его мышкой
в самый верх слоев, первый слой Волны можно удалить.
2.2. Приступим к трансформации нашего шара, нам нужно его
уменьшить в размерах, но это по желанию, можно наоборот увеличить,
я уменьшаю свой шар, для этого применяю трансформацию, быстрыми
клавишами Ctrl+T, появится выделение в области шара, потянув за боковой
край и двигая выделение к середине, устанавливаем нужный размер Шара
Не забываем, чтобы наше трансформирование сохранилось,
его нужно применить, для этого выбираем инструмент перемещение
на панели инструментов, нам предложат применить трансформирование и мы соглашаемся
2.3. Теперь займемся дизайном нашего шара, тут можно включить фантазию
и например залить его узором причудливой формы, или градиентом,
или сделать его полупрозрачным, вариантов множество, так как я
люблю яркие и красивые цвета, то в моем уроке, мы Шарик сделаем нарядным
Щелкнем по иконке слоя Шар, для того чтобы сделать его выделение,
теперь зальем наш шар градиентом,( градиент выбираем Радиальный),
тут по усмотрению, выбираем такой какой понравится и по дизайну впишется
в картинку, или наоборот будет ярким украшением нашей анимации.
Для того чтобы залить выделение градиентом, заходим в верхнее меню
фотошопа и выбираем Слой-Новый слой-заливка-Градиент,
выставляем Радиальный градиент и выбираем понравившийся.
После того, как мы залили наш шарик градиентом,
переходим в режим смешивания слоев и подбираем подходящий
к нашим слоям режим смешивания, мне понравился режим Яркий свет.
Для того чтобы все получилось правильно, делаем следующим образом,
активный слой у нас Градиентная заливка, в верхнем меню панели слои
меняем режим смешивания, подбирая подходящий, затем сливаем слой
Шар со слоем Градиентная заливка, для этого заходим в верхнее меню
фотошопа, выбираем Слой-Объединить с предыдущим.
На этом этапе мы пока приостановимся, и приступим к созданию тени шара,
а саму анимацию шара, будем делать одновременно с анимацией тени шара.
3. Анимация Тени шара
3.1. Следующим этапом нашего урока будет создание тени шара,
для начала станем на слой Шар, и сделаем дубликат слоя шар,
назовем этот слой Тень. Переходим к слою Тень, нам необходимо
тень трансформировать, при чем первым этапом трансформации
будет отражение по вертикали, для этого (мы стоим на слое Тень,
глазок включен), нажимаем клавиши Ctrl+T, появилось выделение
трансформирование, становимся мышкой в область выделения и
щелкаем правой кнопкой мышки, появится меню трансформирования,
выберем -Отразить по вертикали и применим трансформирование.
В режиме смешивания слоев выбираем Умножение
и выставляем прозрачность 50%.
Следующий этап трансформирования это растянуть тень
с помощью трансформации перспектива и расположить ее под
нашим шаром. Применяем трансформирование, только во всплывшем
меню выберем пункт Перспектива, теперь нижнюю часть растянем,
а верхнюю часть тени наоборот стянем. Не забудем применить трансформирование.
Ну вот с Тенью мы закончили.
4. Самая сложная часть нашего урока, где мы будем делать анимацию
движения шара и тени, а потом соединим с анимацией Волны.
4.1. Приступим к анимации Шара. Для начала нажмем на кнопку D,
нам необходимо чтобы основной цвет был белый, проверим,
если белый цвет фоновый, меняем местами цвета с помощью стрелочек.
4.2. Начнем рисовать выделение с помощью инструмента
Овальная область, нижний край нашего выделения должен
располагаться чуть ниже центра Волны, теперь нам нужно
добавить область к выделению, для этого берем инструмент
Прямоугольная область и добавляем к нашему выделению
область вверху картинки.
4.3. Теперь когда выделение готово наложим маску
на наш слой Шар, для этого выберем в нижнем меню
слои кнопку Маска, и снимем связь между слоем Шар
и маской нажав на цепочку, она должна исчезнуть.
4.4. Возьмем инструмент перемещение и перейдя к слою Шар
начнем двигать наш шар вниз, так чтобы он выглядывал
чуть-чуть из воды. Тут хочу обратить ваше внимание,
на один нюанс, чтобы все получилось правильно,
нужно обязательно работать со слоем Шар, а не с
Маской, для этого щелкните мышкой по иконке слоя
шар, для большей уверенности.
4.5. Теперь проделаем все то же для слоя Тень,
перейдем к слою Тень,сделаем выделение такое
же как мы делали для слоя Шар, но это выделение
нам нужно Инвертировать, для этого зайдем в панель
Выделение-Инверсия.
4.6. Теперь наложим маску на слой Тень,
таким же образом как мы ее накладывали
на слой Шар, в нижнем меню панели слои
нажимаем кнопку Маска, и снимаем цепочку,
которая связывает слой Тень и Маска, становимся
на иконку слоя Тень и щелкаем по ней, чтобы
активировать слой Тень.
4.7. Берем инструмент перемещение и начинаем
двигать нашу тень вверх, так чтобы она едва выглядывала из волн.
4.8. Теперь перейдем к панели анимация и создадим
дубликат кадра, на панели у нас есть только один кадр,
создаем его дубликат, для этого нажимаем внизу панели
анимация на значок Дубликат кадра.
4.9. Пишу пошагово, т.к. тут нужно очень внимательно
все проделать ничего не упустив, и так, переходим ко
второму кадру и активируем слой Шар, глазок включен,
слой активен, берем инструмент перемещение, либо
воспользуемся стрелочками - вверх-вниз, на клавиатуре
компьютера, и подымаем наш шар до тех пор, пока он не
исчезнет за пределами изображения, следим за тем чтобы
у нас был активен слой Шар
4.10. Перейдем к слою Тень, активируем его,
щелкнем по иконке слоя, с помощью тех же
инструментов, опустим нашу тень вниз, пока
она не исчезнет из поля картинки.
4.11. Теперь все готово для создания анимации
Шара и Тени, отключим все глазки, кроме глазком слоя
Шар и Тень, в панели анимация стоит на втором кадре,
желаем плавный переход с помощью Tweens,
нажимаем внизу панели анимации на кнопку Tweens,
выбираем количество кадров 12, все анимация
Шара и Тени готова.
Вот как выглядит теперь наша анимация, но это еще не все
4.12. Ну вот мы в первом разделе сделали анимацию Волны,
а сейчас закончили с анимацией Шара и Тени, соберем теперь
наши анимации в одну.
4.13. Работаем с панелью Анимация, становимся на
первый кадр и включаем глазок на первом слое Волна,
переходим на второй кадр, включаем следующий глазок
второго слоя Волна, следим чтобы каждому кадру
соответствовал один слой Волны. Итак у нас 14 кадров
и 14 слоев Волна, включим поочередно для каждого из
кадров свой слой Волны, проверим, правильно
ли включены глазки.
Ну вот и все наша анимация готова,
выставите время анимации, какое вам покажется
правильным и сохраняйте ее.
Серия сообщений "уроки ФШ 3":
Часть 1 - Фотошоп, плавное движение
Часть 2 - Фотошоп, делаем блики
Часть 3 - Фотошоп, бегущая дорожка
Часть 4 - Фотошоп, как применять паттерны
Часть 5 - Фотооп, урок танца
Часть 6 - Фотошоп, анимация с помощью "операции"
Часть 7 - Фотошоп, кнопка перехода
Часть 8 - Фотошоп, вставляем фото в рамку
Часть 9 - Фотошоп, слияние изображения с фоном
Часть 10 - Фотошоп, выпрыгивание из картинки
Часть 11 - Фотошоп, мигание
Часть 12 - Фотошоп, делаем картинку овальной, круглой....
Часть 13 - Фотошоп, появляющийся рисунок
Часть 14 - Фотошоп, работаем с уровнями
Часть 15 - Фотошоп, спираль вокруг объекта
Часть 16 - Фотошоп, несколько анимаций в одной картинке
Часть 17 - Фотошоп, бегущий блик
Часть 18 - Фотошоп, северное сияние
Часть 19 - Фотошоп, делаем диско-свет
Часть 20 - Фотошоп, девушка со свечой
Сегодня, благодаря стремительному распространению цифровых технологий, сделать фотографию стало так же просто, как сказать «улыбнитесь».
