Урок Анимации. Дождик + смена цвета. Часть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, делаем клик по нижнему слою, объединяя их.

Топаем в меню – слой – новый – группа из слоёв, называем группу «фон».

Этим действием мы освободили место в панели слоёв  и работать с панелью, создавая кадры анимации будет  удобнее.

Подготовка к созданию анимации закончена. А создавать анимацию будем во второй части урока.

Скачать программу http://vsenaydem.com/2008/01/08/xara3d6.html