77tat. Листопад в фотошопе


Листопад. Как сделать анимацию | Все для фотошопа. Фотошоп для всех

Ольга 2015-11-18

Листопад. Как сделать анимацию

Листопад. Как сделать анимациюСамое яркое и красивое время года-это осень, когда деревья еще стоят в золотых уборах, но уже начинается листопад. Можно долго, не отрываясь наблюдать за летящими листьями-так это красиво. И эту красоту хочется перенести на свои картинки анимации. Уроков фотошопа про создание анимации осеннего листопада много, но каждый автор придумывает что-то свое.

В уроке фотошопа NATALI много интересных приемов обработки gif анимации: использование своей кисти-листика, настройки параметров кисти для более живого листопада-чтобы листики в полете переворачивались и меняли свою форму и угол наклона, свой цвет. Использование наложения реалистичного узора для фотошопа, взятого с исходной картинки. Я надеюсь, что этот урок анимации научит вас новым приемам обработки при создании анимации и у вас получится живой осенний листопад.

Приступим к уроку. Открываем в фотошопе исходную картинку. Вы можете сразу пробовать со своим исходником:

1.

Листопад. Как сделать анимацию1

2.

Листопад. Как сделать анимацию2

3.

Листопад. Как сделать анимацию3

4.

Листопад. Как сделать анимацию4

5.

Листопад. Как сделать анимацию5

6.

Листопад. Как сделать анимацию6

7.

Листопад. Как сделать анимацию7

8.

Листопад. Как сделать анимацию8

9.

Листопад. Как сделать анимацию9

10.

Листопад. Как сделать анимацию10

11.

Листопад. Как сделать анимацию11

12.

Листопад. Как сделать анимацию12

13.

Листопад. Как сделать анимацию13

14.

Листопад. Как сделать анимацию14

15.

Листопад. Как сделать анимацию15

16.

Листопад. Как сделать анимацию16

17.

Листопад. Как сделать анимацию17

18.

Листопад. Как сделать анимацию18

19.

Листопад. Как сделать анимацию19

20.

Листопад. Как сделать анимацию20

21.

Листопад. Как сделать анимацию21

22.

Листопад. Как сделать анимацию22

23.

Листопад. Как сделать анимацию23

24.

Листопад. Как сделать анимацию24

25.

Листопад. Как сделать анимацию25

26.

Листопад. Как сделать анимацию26

27.

Листопад. Как сделать анимацию27

28.

Листопад. Как сделать анимацию28

29.

Листопад. Как сделать анимацию29

Скачать Урок фотошопа листопад. Как сделать анимацию можно бесплатно с Яндекс Диска.

Я надеюсь, что после этого последнего урока про Листопад, все мои читатели и ученики станут отличными мастерами осенней анимации. Видимо я размещу в следующий раз последний урок об осенней анимации кистями боке и мы с вами перейдем уже к зимним анимациям. Пора становится специалистами по снегопаду! Удачи, друзья!

Понравилась статья? Поделись с друзьями!

Почитай, тебе понравится!

gylhataj.ru

Урок фотошопа от Ленусика «Осенний Листопад» / Анимация

Автор - Фима-Собак. Это цитата этого сообщенияУрок фотошопа от Ленусика «Осенний Листопад» / Анимация

Урок «Осенний Листопад» / Анимация

Автор урока: Ленусик 

 

Материал для урока: исходное Изображение, Листики - если возможно, можно вырезать из исходного изображения или воспользоваться готовыми Клипартами - предварительно подобрав их в тон вашего фона. Я в уроке использовала клипарты Мои исходники: скачать "кнопка" вверху

 

1. Открываем Основное изображение: Файл-Открыть

2. В окне слои снимаем замочек, как это сделать см.

Здесь

3. Если нужно, придаем изображению необходимый размер: Изображение-Размер изображения (ширину - меняем, высота - меняется автоматически или наоборот и жмём OK)Слой называем - «Фон»

4. Открываем клипарт Листиков: Файл-Открыть

Подбираем листик, выделяем область вокруг листика, копируем выделение Ctrl+J на «Новый слой» и инструментом «Перемещение» перетягиваем его на исходное изображение

С помощью «Свободного трансформирования» - Ctrl+T придаём листикам нужный размер и располагаем их в тех местах, откуда они будут падать

Совет: Что бы не сбить пропорции, зажимаем Shift и тянем за уголок/маркер по диагонали, отпускаем сначала мышку, потом клавишу Shift, если необходимо - поворачиваем, Enter - применить

Если на вашем изображении листики чётко выражены, то вы их можете просто вырезать, любым удобным для вас способом (предварительно увеличив изображение). Каждый выделенный листик скопируйте на «Новый слой»

У вас должно получиться примерно тоже самое что и у меня.

Я решила, что на моём изображении будут падать 8 листиков, слои соответственно называем «Листик 1», «Листик 2», «Листик 3» и т.д.

Совет: Иногда придется вниз изображения накидать листиков, чтобы они падали не на пустое место и с помощью Свободного трансформирования Ctrl+T (далее внутри кликаем правой кнопкой мыши и выбираем строку Перспектива), пытаемся положить листик (перемещая маркеры в разные стороны), Enter - применить и потом объединить с основным изображением

  5. Так как у нас слоёв будет очень много и что бы в них совсем не запутаться, будем группировать их:

В окне Слои стоим на самом верхнем слое, зажимаем клавишу Shift и кликаем мышкой по самому нижнему слою с листиком - слои выделятся синим цветом, слой «Фон» - не трогаем

Захватываем выделенные слои мышкой и дублируем их, перетянув на листик

6. Снова выделяем основные слои, далее жмём сочетание клавиш Ctrl+G или идём Слои - Сгруппировать слои, группу называем - «Исходные Листики» - её мы трогать больше не будем

Кто вырезал листики из исходного изображения, то 5 и 6 Шаги - не делает!

7. Теперь нам надо каждый листик определить в «Группу»:Встаём на нижний слой с листиком и жмём сочетание клавиш Ctrl+G - группу называем «Листик 1», переходим на следующий слой с листиком и повторяем действия - группу называем «Листик 2» и т.д.

Свернём все группы, кроме группы «Листик 1»

8. Работаем с группой «Листик 1», будем выстраивать падение первого листика: Встаём на слой с листиком и с помощью инструмента «Перемещение» передвигаем листик, дублируем слой и снова перемещаем, с помощью «Свободного трансформирования» - Ctrl+T - чуть-чуть поворачиваем (повороты можно делать не на каждом слое)

Совет: Что бы повернуть листик - подводим мышку к угловому маркеру, видим стрелочки и поворачиваем, Enter - применить

Снова дублируем и перемещаем, на некоторых слоях поворачиваем - действия продолжаем до тех пор пока листик не достигнет земли...У меня получилось 30 слоёв:

9. Закрываем группу «Листик 1» и открываем группу «Листик 2» и так же выстраиваем падение следующего листика. Здесь у меня получилось 23 слоя:

И так, вот что у меня получилось в результате:

10. Теперь приступаем к сбору анимации, будьте очень внимательны!

Переходим в окно «Анимация»: В окне «Анимация» у нас уже есть 1-ый кадр - глазки в каждой группе с листиками - выкл.

Слой «Фон» и группа «Исходные Листики» - глазки вкл. всегда!

Время зададим примерно - 0,15 сек.

Открываем группу с листиками, в которой самое большое количество слоёв

Создаём 2-ой кадр нажатием на листик в окне «Анимация» - вкл. видимость первого слоя в выбранной группе

Создаём 3-ий кадр нажатием на листик в окне «Анимация» - вкл. видимость следующего слоя в выбранной группе, а видимость предыдущего слоя - выкл. Продолжайте собирать анимацию группы «Листик 1»...

И того у меня получилось всего 31-ин кадр:

Можете нажать на «Запуск воспроизведения анимации» и проверить, как летит ваш листик, если всё устраивает, продолжаем...

Закрываем группу «Листик 1» - больше её не трогаем и открываем группу «Листик 2»

Так как в этой группе у меня уже меньше слоёв, значит анимацию можно начать расставлять например с 5 кадра

И так, встаём на 5-ый кадр - и вкл. видимость первого слоя в группе «Листик 2»

Переходим на 6-ой кадр - вкл. видимость следующего слоя, а на предыдущем слое - глазик должен быть выкл.

Группа «Листик 2» у меня закончилась на 27 кадре:

Закрываем группу «Листик 2» - больше её не трогаем и открываем группу «Листик 3» - повторяем шаги, такие же как и с группой «Листик 2»

Надеюсь, что я понятно объяснила сбор анимации, далее продолжайте сами.... для тех кто дружит с анимацией, не составит труда расположить падение листиков наиболее реалистичным способом..., а для тех кто нет, наверно придётся достаточно повозиться, главное понять принцип сбора и тогда всё получиться...

Жмём в окне «Анимации» на «Запуск воспроизведения анимации»

хостинг картинок

проверяем и если всё устраивает сохраняем: Файл - Сохранить для Web в формате GIF

Оригинал записи и комментарии на LiveInternet.ru

77tat.livejournal.com

Анимация листопада. |

Не грусти о тепле и о солнечном лете.Видишь, золото осень бросает к ногам,Как монетку, согласно старинной примете,Чтобы всё возвратилось к своим берегам.          ( Надежда Буранова )

Жаль уходящего лета, но и у осени  есть своя прелесть.Любимое время года художников, писателей и фотографов.  Мягкое осеннее тепло, золото листьев на деревьях и под ногами. Красив осенний листопад. Медленно кружась, опускаются листья и  устилают землю разноцветным шуршащим ковром.

Я предлагаю создать  анимацию небольшого листопада из падающего кленового листа.

 

 

1- Файл-открыть.

Откроем две картинки. Картинку осеннего пейзажа

 

 

и картинку листочка на прозрачном фоне, из которого будем делать анимацию листопада.

Теперь вставим лист на картинку с пейзажем:

2-Выбрать на вертикальной панели инструментов инструмент "перемещение" , кликнуть по картинке с листом и удерживая левую кнопку мыши, перетянуть лист на пейзаж.

 

 

Лист великоват, значит нужно его уменьшить .

3-Редактирование-свободное трансформирование. Уменьшить до 30%

 

 

и можно сразу же листок повернуть,( навести мышку на угловой маячок, появится полукруглая стрелка, зажав левую кнопку мыши, повернуть лист.)

 

Передвинуть его вверх и нажать на значок "применить"   .

 

 

Окно слоев выглядит так:

 

 

Теперь подготовим слои , чтобы получилась  анимация листопада.

4-Слой-создать дубликат слоя. В окне слоев появится еще один слой с листом.

 

 

А на картинке инструментом "перемещение"   сдвинуть лист вниз.

 

 

5-Редактирование-свободное трансформирование.  Повернуть лист и немного уменьшить по ширине (подвести мышку к среднему маячку и сдвинуть маячок вниз).

 

После трансформирования листочка на каждом слое, не забывайте нажимать "применить". 

6- Слой-создать дубликат слоя.

 

 

7-Редактирование-свободное трансформирование. Повернуть и сдвинуть лист.

 

 

 

8-Слой-создать дубликат слоя.

 

 

9-Редактирование-свободное трансформирование. И тут повернуть и сдвинуть лист.

 

 

10- Слой создать дубликат слоя.

 

 

11-Редактирование-свободное трансформирование. Сдвинуть и немного изменить лист.

 

 

12-Слой-создать дубликат слоя.

 

 

13- Передвинуть лист вниз. Затем редактирование-свободное трансформирование. Сделать лист более узкий.

 

 

15--Слой-создать дубликат слоя. Это последний слой листочка, который будет лежать на траве.

 

 

Просто передвинуть лист немного вниз. Получится  такая конечная картинка.

 

 

Переходим к анимации.

16- В окне анимации  нажать на маленький треугольник и , в появившемся окне, выбрать "создать кадры из слоев".

 

 

17- Появятся еще кадры, но без основного фона.

 

 

Вначале добавим к первому кадру верхний слой, чтобы на траве все время лежал листик.

18-Перейти в окно слоев и включить глазок на верхнем слое. (Кликнуть мышкой по окошку, напротив слоя,где должен быть глазок.)

 

 

теперь добавим к остальным кадрам фон.

19-В окне анимации кликнуть по второму кадру и ,нажав и удерживая Shift (на клавиатуре), кликнуть по последнему кадру. Все кадры выделятся.

 

 

20-В окне слоев включить глазок на нижнем слое с фоном.

 

В окне анимации на кадрах появится фон.

 

 

21-Поставим время на кадрах. Не убирая выделения, нажать на маленький треугольник в любом кадре, выбрать и поставить время 0,2 сек  или 0,3 сек (если 0,3, то нужно выбрать"другое" и, поставить в появившемся окошке, свое время.)

 

 

22-Кликнуть по первому кадру и можно его удалить (перетащить на значок корзины). В данном случае он не нужен.

 

 

 

Нажать на пуск

 

 

и начнется  листопад, правда пока с одним листком.

Коллаж с подобной анимацией можно посмотреть здесь.

 

 

23- Файл-сохранить для Web и устройств (в Gif).

 

 

 

 

 

 

kalejdoskopphotoshopa.ru


Смотрите также