-Цитатник

Кружева-разделители- декор для оформления дневников - (0)

Кружева-разделители- декор для оформления дневников.

Простые рамочки для записей - (0)

простые рамочки для записей ....Здесь будет ваша запись.... ....Здесь будет ваша запись.... ...

Новогодние анимашки - (2)

Мега Коллекция Новогодних Анимашек для Вас!!! > ...

УТИЛИЗАЦИЯ )) - (4)

УТИЛИЗАЦИЯ )) САЛФЕТНИЦЫ КАШПО ИЗ ПЛАСТИКОВЫХ ЛОЖЕК   ...

легкий вариант летних рамочек для записей - (0)

легкий вариант летних рамочек для записей ...Здесь будет ваша запись... ...Здесь будет ваша ...

 -Рубрики

 -Фотоальбом

Посмотреть все фотографии серии новогодние
новогодние
15:18 28.12.2015
Фотографий: 8
Посмотреть все фотографии серии Сделай сам
Сделай сам
18:48 06.01.2012
Фотографий: 8

 -Всегда под рукой

 -Поиск по дневнику

Поиск сообщений в цветочек_с_колючками

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 03.01.2012
Записей: 2682
Комментариев: 12239
Написано: 21079


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

Воскресенье, 03 Июня 2012 г. 01:02 + в цитатник
Цитата сообщения Фима-Собак Урок фотошопа от Ленусика «Осенний Листопад» / Анимация

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

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

 

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


 

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

Серия сообщений "для дневника - часть 2":
Часть 1 - Постоянные ссылки и как не навредить блогу.
Часть 2 - Всё, что вы хотели знать о ЛиРу, но... (Самый полный FAQ по ЛиРу).
...
Часть 4 - Как сделать баннер. Статья для тех, кто только начал изучать основы создания баннеров
Часть 5 - КАРТИНКА В УГЛУ ЗАПИСИ.УРОК.
Часть 6 - Урок фотошопа от Ленусика «Осенний Листопад» / Анимация
Часть 7 - ОЧЕНЬ нужные ссылки на то,что может пригодиться и новичкам-блоггерам и новичкам-пользователям ПК...
Часть 8 - Уголки от SAPITA
...
Часть 41 - Красивые GIF-ки 4
Часть 42 - Постик для[user=сеньора сеньорита] и всем кому этот урок будет нужен
Часть 43 - Меняем mail, пароль или ник (Цикл «Все настройки ЛиРу в картинках»)

Метки:  
Понравилось: 3 пользователям

Валентина_Козлова   обратиться по имени Воскресенье, 03 Июня 2012 г. 05:28 (ссылка)
Ответить С цитатой В цитатник
Ларисик   обратиться по имени Воскресенье, 03 Июня 2012 г. 06:48 (ссылка)
Спасибочки! Просто-фантастика!!!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 03 Июня 2012 г. 11:08ссылка
Пожалста:))! И спасибо автору за пост!
цветочек_с_колючками   обратиться по имени Воскресенье, 03 Июня 2012 г. 11:03 (ссылка)
Автор поста молодец! Огромное ей спасибо!:give_rose
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку