Как сделать анимацию пара в фотошопе
Решила сделать небольшой урок по анимации дыма на примере дымящейся сигареты.
Урок не сложный, но всё равно постараюсь описывать поподробнее, и если у вас есть навыки работы с Фотошопом, тогда вперёд.
1. Открываем изображение.
2. Создаем новый прозрачный слой
3. К этому же слою добавляем слой-маску
4. Основной цвет делаем черным, берем ведерко и заливаем маску
5. Меняем основной цвет на белый > Берем инструмент "Кисть" > Выбираем кисть "Smoke" > Подгоняем размер
6. В палитре слоев - если миниатюра маски-слоя не выделена - щелкаем по ней Левой Кнопкой Мыши (ЛКМ) > На картинке кистью рисуем дым (на картинке ничего не изменится - дым будет виден на миниатюре слоя-маски)
7. Чтобы посмотреть, что у нас получилось - зажимаем клавишу ALT и щелкаем по миниатюре слоя-маски. Видимость картинки возвращаем таким же способом.
8. Отключаем слой-маску (жмем Shift и щелкаем ЛКМ по миниатюре маски)
9. Щелкаем ЛКМ по по миниатюре прозрачного слоя (активируем прозрачный слой)
10. Увеличиваем (намного) размер кисти > Основной цвет - белый > Снова рисуем дым (он будет виден)
11. Дублируем слой (CTRL+J)
12. Щелкаем ЛКМ по звену между миниатюрами слоя и слоя-маски
13. Берем инструмент "Перемещение" ("V") и стрелками на клавиатуре сдвигаем дубликт дыма вниз настолько, чтобы из двух слоев как-бы создалось одно изображение. Посмотреть можно, встав на слой с изображением, которое открыли > Лишнее можно стереть мягким ластиком
14. Объединяемверхний слой с нижележащим слоем (CTRL+E)
15. Включаем слой-маску (зажимаем Shift и щелкаем ЛКМ по маске)
16. Удаляем звено щелчком ЛКМ
17. Активируем прозрачный слой щелчком ЛКМ по миниатюре слоя
18. Идем: Окно > Шкала времени (или Анимация) > Жмем "Создать анимацию кадра"
19. Выставляем время кадра и время анимации > Создаем второй кадр
20. Берем инструмент "Перемещение" ("V") и стрелками клавиатуры перемещаем дым вверх
21. Создаем промежуточные кадры > Удаляем 12-й кадр > Сохраняем для Web
Анимация формы во Flash(морфинг) Морфинг отличается от предыдущих типов анимации тем,что работает.
От меня добавка - Кисти для фотошоп "Ресницы" Вложение: 4167720_eyelashes.rar Смотреть зде.
В комментариях к посту Использование анимированной маски в Adobe Flash.Урок .
Текстовый скроллинг. Прокрутка текста средствами флеш. (Часть п.
-Метки
-Рубрики
-Поиск по дневнику
-Статистика
Анимация Дыма или Пара
Для этого урока нам необходим плагин Alien Skin Eye Candy 5 Nature - фильтр Smoke
1 - Фотошоп закрыт
2 - Встаём на строку EC5N.exe и кликаем 2 раза левой кнопкой мыши
А теперь я расскажу как получить анимацию Пара
Открываем картинку в ФШ , в окне слои снимаем замочек
Дублируем нашу картинку 4 раза Ctrl+J , всего 5 слоёв
Становимся на Слой 1 - глазик вкл . , на остальных слоях выкл .
Активируем инструмент для выделения Магнитное Лассо или я пользуюсь Пером
Как правильно работать Пером урок см. Здесь
И примерно выделяем область пара
Идём Фильтр - Alien Skin Eye Candy 5 Nature - Smoke
Слева выбираем подходящий пар , я выбрала Small-Classic
Переходим во вкладку Basik - основные настройки и делаем настройки пара , что бы он выглядел естественно
Выбираем следующие настройки и ставим там везде Белый цвет
Не снимая выделения переходим на Слой 2 - глазик вкл. ,
на остальных слоях - выкл.
Снова идём Фильтр - Alien Skin Eye Candy 5 Nature - Smoke
А теперь внимание : мы будем изменять значение вручную
Я увеличу то значение , которое задала на первом слое на 20 , остальные значения мы не трогаем
Хотя можно изменить и просто нажимая на каждом слое на эту кнопочку , но так как предлагаю я , получается естественнее
Поменяли значение и жмём ОК
Переходим на Слой 3 , снова идём в фильтр и изменяем значение на 20
То же самое проделаем и с остальными слоями
Ctrl+D - снять выделение
Переходим в окно Анимации :
Жмём на стрелочку в правом углу и выбираем строку Создать кадры из слоёв
Если мы сейчас запустим анимацию , то пар будет двигаться очень грубо
Поэтому мы создадим Промежуточные кадры
Становимся на 1 кадр и дублируем его , нажатием на листик
Захватываем его левой кнопкой мыши и перетаскиваем в самый конец
Становимся на 2 кадр и жмём Создать промежуточные кадры
Становимся на 4 кадр и снова создаём 1 Промежуточный кадр
Становимся на 6 кадр и снова создаём 1 Промежуточный кадр
Становимся на 8 кадр и снова создаём 1 Промежуточный кадр
Становимся на 10 кадр и снова создаём 1 Промежуточный кадр
11 кадр удаляем , т.к. он повторяет 1 кадр
Видим , что некоторые кадры у нас потеряли Непрозрачность , давайте её вернём
Становимся на 2 кадр и возвращаем Непрозрачность 100% Слою 1
Становимся на 4 кадр и возвращаем Непрозрачность 100% Слою 2
Становимся на 6 кадр и возвращаем Непрозрачность 100% Слою 3
Становимся на 8 кадр и возвращаем Непрозрачность 100% Слою 4
Становимся на 10 кадр и возвращаем Непрозрачность 100% внимание Слою 1
Выделяем все кадры и задаём время передвижения примерно 0,2 сек.
Жмём на Запуск воспроизведения анимации и любуемся
Если всё устраивает
Сохраняем : Файл - Сохранить для Web в формате GIF
Дым делается аналогичным способом . Подбирайте подходящий , делайте настройки и так же изменяйте значения
Facebook Если у вас не работает этот способ авторизации, сконвертируйте свой аккаунт по ссылке ВКонтакте Google RAMBLER&Co ID
Авторизуясь в LiveJournal с помощью стороннего сервиса вы принимаете условия Пользовательского соглашения LiveJournal
Урок Photoshop. «Анимация дыма»
Урок Photoshop. «Анимация дыма»
Урок Photoshop. Анимация дыма
Сокращения: ЛКМ- левая кнопка мыши
Материалы:
• Фильтр Alien Skin Eye Candy 5: Nature -> Smoke скачать
• Картинка исходник здесь
---------------------------------------- ---------------------------------------- ----------------------------------
Открываем картинку (Ctrl+O) и снимаем замочек.
Создаём 5 новых слоёв (можно создать также 6 или 7, чем больше, тем красивее смотрится эффект, но переборщать тоже не следует. В нашем случае мы ограничимся пятью слоями). В результате у нас получается 6 слоёв. Для удобства я пронумерую слои.
Активируем слой "1"; глазики открыты у слоёв "Основной" и "1", остальные слои скрываем.
Берём инструмент "Прямолинейное лассо" и создаём выделение области, где будет находится пар.
«Фильтр -> Alien Skin Eye Candy 5: Nature -> Smoke»
Примечание: чтобы было лучше видно манипуляции с дымом можно вместо прозрачного фона выбрать цветной, допустим чёрный, или настроить свой цвет (фон будет виден только в окне фильтра).
В поле "Setting" выбираем внешний вид пара, я выберу Medium.Smokestack.
В поле "Basik" настраиваем основные настройки.
В поле "Color and Lighting" настраиваем цвет дыма и его подсветку и жмём ОК.
Не снимая выделения активируем слой "2"; оставляем глазик открытым только на нём и на "Основной".
Опять идём в «Фильтр -> Alien Skin Eye Candy 5: Nature -> Smoke», на вкладке Basik не меняя значений нажимаем на кнопку "Random Seed" (рандомные, т.е случайные значения). Можно несколько раз понажимать на кнопку чтобы добиться красивого вида дыма. Я остановлюсь на значении рандома 1203.
Также как и в предыдущем шаге делаем дым слоям "3" (2024), "4" (7710) и "5" (315).
Примечание: в скобках указаны мои значения рандома для этих слоёв.
После этого снимаем выделение (Ctrl+D).
Откроем окно анимации и создадим кадры из слоёв.
Перетаскиваем 1 кадр анимации в корзинку,
зажимаем клавишу Shift и кликаем ЛКМ на последний кадр, тем самым выделяя все кадры анимации. Затем в окне слоёв открываем глазик слою "Основной".
Не снимая выделения кадров, зададим анимации время отображения; я поставлю 0,2.
Анимация двигается слишком быстро для пара. Можно поставить задержку побольше, но тогда будет слишком медленно, поэтому создадим промежуточные кадры.
Итак, встаём на 2 кадр:
Теперь встаём на 4 кадр и также создаём 1 промежуточный кадр. Дальше встаём на 6 и 8, в итоге у нас получается 9 кадров.
Запускаем анимацию и если всё устраивает нажимаем "Сохранить для Web и устройств" в формате "GIF".
В окне настроек анимации поэкспериментируйте и настройте более-менее хорошее качество. Я поставлю такие настройки:
---------------------------------------- ---------------------------------------- ----------------------------------
В этом уроке описаны основные этапы работы, результат и степень проработки будут зависеть только от вас. Если возникнут трудности - спрашивайте, не стесняйтесь - разберёмся.
Для работы лучше всего использовать картинки с темным фоном, так как сам дым светлого цвета и на пестром или белом фоне его не будет видно.
Открываем картинку в фотошопе, создаем новый слой и к этому слою добавляем маску.
Будем создавать контур нашего дыма. Выставляем черный цвет в палитре цветов и заливаем слой маску черным цветом
Переключаем цвет в палитре цветов на белый, кликаем мышкой на миниатюрку маски (черную) ,выбираем кисть - Дым и создаем отпечаток кисти на том месте, где он у нас должен быть. Чтобы увидеть сам отпечаток в слое маске - нужно щелкнуть по ее миниатюре на палитре (Слои) удерживая клавишу Alt. Чтобы скрыть маску слоя, следует повторить это действие.
Можно применить к слою размытие по Гауссу с радиусом 0,2-0,5 - но это не обязательно.
Будем создавать сам дым. Маска нам пока будет не нужна - мы ее отключим - мышку на слой с маской - правой клавишей и выбрать команду - Выключить слой маску. На миниатюрке появится Х красном цветом
Кликаем мышкой по миниатюрке (первой, не перечеркнутой) в слоях, цвет белый, размер кисти нужно увеличить и ставим отпечаток на картинке. Создаем дубликат слоя маски - CTRL+J и в дубликате слоя - отключаем замочек ( просто щелкните по нему мышкой)
Еще раз щелкаем по миниатюрке, выбираем Инструмень перемещение и, используя стрелки клавиатуры, смещаем копию дыма вниз (строго вниз , ничуть не влево и не вправо)
Объединяем два слоя с масками в один - Ctrl+E. Включаем слой-маску (просто щелкнуть по ее миниатюре, удерживая клавишу Shift). Одним кликом левой кнопки мыши на замочек - отключаем связь слоя и маски. Один клик по миниатюре основного слоя, что бы выбрать его. Ставим галочку "Показывать управляющие элементы"
В анимационной панеле создаем дубликат кадра, используя стрелки клавиатуры смещаем копию дыма вверх, следя за тем, чтобы рисунки совпали
и потом чуть-чуть вниз, для плавного перехода анимации к первой картинке.
Создаем промежуточные кадры и смотрим, что у нас получилось
Этим же приемом можно создать анимацию пара над чашкой
Подобный пар лучше всего создать на черном фоне, сохранить, как .jpg картинку, а потом использовать при создании работ, накладывая готовую анимацию на работу, удаляя черных фон методом наложения слоя
Всем красивых работ и творческого вдохновения!
Урок для вас расписала - T-Abissinka
При копировании уроков - активная ссылка на первоисточник - Обязательна. Уважайте труд и время наших аниматоров. Спасибо.
В этом уроке вы научитесь создавать пар и добавлять его на фотографию. В такой же технике можно добавлять на фото туман или дым.
Шаг 1.
Открываем нужную нам фотографию. Когда выбираете фото, учтите, что пар хорошо виден если предмет стоит ровно.
Шаг 2.
Выбираем инструмент Область прямоугольного выделения (Rectangular Marquee Tool) , поставьте радиус растушевки (Feather) на 25 px и создайте область выделения вокруг объекта.
Шаг 3
Откройте новый слой Слой > Новый > Слой (Layer > New > Layer). Назовите его Облака. Мы пока будем работать в нем. Оставляя слой активным, зайдите в Фильтр >Рендеринг > Облака (Filter > Render > Clouds). Основа под наш дымок готова. Теперь, давайте сделаем так, чтобы он смотрелся более реалистично. Зайдите в Фильтр > Размытие > Размытие в движении (Filter > Blur > Motion Blur). Поставьте следующие настройки: Угол: -90 Смещение: 200 пикселов (или больше, зависит от вашего изображения). Нажмите «да». Теперь снимите выделение, кликнув на нем, или выбрав в главном меню опцию Выделить > Снять выделение (Select > Deselect). Получаем:
Шаг 4
Дым мгновенно реагирует на малейшие дуновения ветра. Чтобы воссоздать такой реалистичный эффект, мы используем еще один фильтр. Зайдите в Фильтр > Искажение > Волна (Filter > Distort > Wave) и установите такие же настройки, как и у нас.
Примечание: если на вашем изображении есть какой-либо слишком явный источник воздуха (например, открытое окно, возле которого стоит чашка), вы можете создать и эффект ярко выраженного движения воздушных масс. Для этого, зайдите в Редактировать > Трансформировать > Исказить (Edit > Transform > Distort)
Шаг 5
Теперь наш дым выглядит гораздо реалистичней, но, чтобы вдохнуть в него еще больше жизни, давайте поменяем режим наложения слоя на (Lighten) и уменьшим Прозрачность (Opacity) до 60%. У вас могут быть разные настройки наложения и прозрачность, все зависит от того какую фотографию вы выбрали. Попробуйте различные комбинации и выберите подходящую. Теперь активируйте Инструмент Перемещения (Move Tool) и поместите дым над нужным объектом. Выберете инструмент Ластик (Eraser Tool) и сотрите лишнее. Для более удобного удаления лишнего дыма можете применить инструмент Лупа(Zoom Tool).
Читайте также: