Урок Анимации. Дождик + смена цвета. Часть1.
Всем приветик!
Хочу вам рассказать, как из картинки создать двойную анимацию с оформлением.
Результат урока
Автор изображения Estrella-Felina
Первая часть урока посвящена подготовке изображения к анимации.
1. Открываем изображение в фотошопе, преобразуем фон в слой ( два клика левой кнопкой мыши по слою в панели слоёв).
2. Обесцветим слой. Для этого топаем в меню – изображение – коррекция – обесцветить.
3. Коррекция уровнями. Меню – изображение – коррекция – уровни.
4. Придадим изображению, если так можно выразится, более чувственный вид или, как говорят «заблюрим картинку». Для этого:
1) Создаём дубликат слоя (Ctrl+J)
2)Меню – фильтр – размытие по гауссу
3)Режим смешивания меняем на «перекрытие»
4)Немного уберём чёрный цвет. Клик правой кнопкой в панели слоёв по слою – выбираем «параметры наложения».
Переходим на позицию «наложение, если». Удерживая клавишу Alt, двигаем правую часть ползунка, примерно, до такой позиции.
Смотрите, как изменилось изображение.
5) Объединим слои (Ctrl+E)
5. Теперь нам нужен слой, на котором не будет фигуры. Для этого
1)Дублируем слой, придаём дубликату цвет (меню – изображение – коррекция - цветовой тон/насыщенность – галочка на «тонирование»).
2)Вооружившись ластиком аккуратненько стираем фигуру с цветного слоя. Совет – увеличьте изображение процентов до 200 и по краям пользуйтесь мягкой кисточкой в 7-9 пикселей. В итоге должно получиться так.
6. Дублируем слой с цветом два раза и у каждого дубликата меняем цвет.
У одного
У другого.
7. Создадим имитацию смытого дождём рисунка на мольберте. Для этого:
1)Закрываем видимость у цветных слоёв, переходим на нижний слой и дублируем его.
2)Берём инструмент «палец» делаем несколько мазков вниз (настройки кисточки на скрине).
8. Дождь.
Дождь сделаем с помощью кисточки из набора «Пейзажные кисти» Боба Росса.
1)Создаём три новых слоя ( вторая иконка справа внизу панели слоёв) .
2) Берём кисточку «rain» - дождь, цвет белый
3) На первом новом слое делаем косые штрихи, начиная с правого верхнего угла, режим смешивания меняем на «перекрытие»
4) повторяем подпункт 3 для второго и третьего слоя. Настройки кисти таковы, что у вас будут разные штрихи, как раз для движения дождя. В итоге все три слоя заполнены дождём. Не забываете у каждого слоя с дождём режим смешивания слоёв «перекрытие.
9. Рамка и фон.
1)Уменьшаем размер изображения до 400пикселей по ширине (Alt+Ctrl+I или меню – изображение – размер изображения). Стираем исходные данные по ширине и пишем нужные (высота определится автоматически)
2)Увеличиваем размер холста на 50пикселей по ширине и высоте (Alt+Ctrl+C или меню – изображение – размер холста).
3)Создаём новый слой, перемещаем его под нижний слой. В палитре цвета устанавливаем два тона.
Топаем в меню – фильтр – рендеринг – облака. Получаем.
4)Загружаем выделение нижнего слоя с картинкой (меню – выделение – загрузить выделенную область), создаём новый слой, который располагаем в панели слоёв ниже слоя с картинкой и заливаем его чёрным цветом.
5)Не снимая выделения, создаём ещё один новый слой, располагаем его в панели слоёв на самом верху, называем слой «кант» и делаем обводку в 2 пикселя положение «внутри», после снимаем выделение (Ctrl+D или меню – выделение – снять выделение).
6)Загружаем выделение всего документа (Ctrl+A или меню – выделение – всё) и делаем обводку, как в предыдущем подпункте, оставаясь на слое «кант». Снимаем выделение.
7)Добавляем к слою «кант» стиль слоя «наложение цвета» (вторая иконка слева внизу панели слоёв).
8)Теперь создадим цвета канта для цветных слоёв. Для этого дублируем 3 раза слой «кант» и на каждом дубликате меняем цвет наложения.
На 1 дубликате.
На 2 дубликате.
На 3 дубликате.
9) Переходим на слой с чёрной заливкой и применяем к нему размытие по гауссу с радиусом 8 пикселей (меню – фильтр – размытие – размытие по гауссу).
10)Увеличиваем размер хоста на 20 пикселей по ширине и высоте.
11)дублируем слой с фоном (самый нижний), дубликат оставляем без изменений, а фоновый слой растягиваем свободной( Ctrl+T или меню – редактирование – свободная трансформация) трансформацией до границ документа.
Жмём Enter, чтобы применить трансформацию и продолжить работу.
12)Загружаем выделение дубликата фонового слоя, создаём новый слой, располагаем его ниже и заливаем чёрным цветом, снимаем выделение.
13)Применяем к этому слою размытие по гауссу, как в подпункте 9
14)Уберём в группу фоновые слои. Находясь на слое с чёрной заливкой, который находится под картинкой, удерживая клавишу Shift, делаем клик по нижнему слою, объединяя их.
Топаем в меню – слой – новый – группа из слоёв, называем группу «фон».
Этим действием мы освободили место в панели слоёв и работать с панелью, создавая кадры анимации будет удобнее.
Подготовка к созданию анимации закончена. А создавать анимацию будем во второй части урока.