Как сделать анимацию дыма в фотошопе
Решила сделать небольшой урок по анимации дыма на примере дымящейся сигареты.
Урок не сложный, но всё равно постараюсь описывать поподробнее, и если у вас есть навыки работы с Фотошопом, тогда вперёд.
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
Урок подходит для анимации не только сигаретного дыма, так же для анимации любого пара, например над чашкой кофе, из носика чайника и т.д.
Весь использованный материал в уроке есть у нас на сайте: скачать необходимые кисти вы можете в разделе «Кисти» выбор достаточно большой, моя кисть их набора Real Smoke (675 pixels) и в разделе «Фоны»
Как установить Кисти в Adobe Photoshop? см. Здесь
1. Открываем исходное изображение: Файл-Открыть
2. В окне слои снимаем замочек, как это сделать см. Здесь
3. Придаем изображению необходимый размер: Изображение-Размер изображения (ширину - меняем, высота - меняется автоматически и жмём OK)
4. Создаём в окне слои «Новый слой» , нажатием на листик
5. И добавляем к нему «Слой-маску» , нажатием на вот такой значок
6. Активируем инструмент «Заливка» , цвета в левой панели инструментов стоят черно-белый (если у вас стоят другие цвета, просто нажмите клавишу D) и кликнув левой кнопкой мыши по изображению наша маска зальётся черным цветом
7. Цвет ставим белый , активируем инструмент «Кисть», переходим в «Форма отпечатка кисти» и подгоняем размер кисти под наше изображение, так же если необходимо можно немного и развернуть её.
Кликаем в нужном месте левой кнопкой мыши 1 раз. Отпечаток кисти пока виден только на Маске-слоя
Что бы увидеть отпечаток кисти на изображении: зажмите клавишу Alt и кликните по «Миниатюре слой-маски»
Можно применить небольшое размытие фильтром размытие по Гауссу, радиусом примерно 0,2-0,9 пикс. - но это не обязательно.
Главное не бойтесь экспериментировать!
Если необходимо, то используем инструмент «Ластик» с мягкими краями и стираем лишнее, в тех местах где вы считаете нужным
8. Чтобы «Маска» нам пока не мешала - отключим её: кликаем правой кнопкой мыши по «Миниатюре слой-маски» и выбираем строку «Выключить слой-маску»
9. Кликаем левой кнопкой мыши по «Миниатюре-слоя»
Той же кистью дыма, но немного увеличив размер (так анимация будет лучше - проверено опытным путём), белым цветом, наносим её отпечаток на основной слой.
Если необходимо, то используем инструмент «Ластик» с мягкими краями и стираем лишнее, так же как мы это сделали и на « Миниатюре слой-маски »
10. Копируем слой «Дым» сочетанием клавиш CTRL+J
11. Одним кликом левой кнопки мыши на пиктограмме отключаем связь слоя и маски
12. Один клик по «Миниатюре основного слоя»
13. Активируем инструмент «Перемещение» и используя клавиши «стрелки» на клавиатуре смещаем слой «Дым копия» строго вниз (сдвигать не обязательно до самого конца).
Добивайтесь лучшего результата путём эксперимента!
14. Объединяем слой «Дым копия» и слой «Дым», используем для этого сочетание клавиш Ctrl-E
15. Включаем «Слой-маску», просто кликнув левой кнопкой мыши по «Миниатюре слой-маски»
16. Одним кликом левой кнопки мыши на пиктограмме отключаем связь слоя и маски
17. Один клик по «Миниатюре основного слоя», что бы выбрать его
18. Активный инструмент «Перемещение» , ставим галочку «Показывать управляющие элементы»
19. Переходим в окно «Анимация»
1 кадр у нас уже есть, зададим ему время примерно 0,2 сек.
Нажатием на листик в окне «Анимация» создаем 2 кадр
Используя «стрелки» на клавиатуре смещаем дым вверх, следя за тем, чтобы рисунки совпали
20. Отключаем функцию «Показывать управляющие элементы»
Создаём «Промежуточные кадры», нажатием в окне «Анимация» вот на такой значок , добавим примерно 15-20 кадров
Запускаем анимацию и любуемся!
PS: Если вам не нравиться как двигается дым, поэкспериментируйте, понаблюдайте какой кадр вам не нравиться, может его стоит удалить, обычно это первый или последний кадры, возможно стоит убрать их оба.
21. Если Вас устраивает полученный результат, сохраняем :
Файл - Сохранить для Web.
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".
В окне настроек анимации поэкспериментируйте и настройте более-менее хорошее качество. Я поставлю такие настройки:
---------------------------------------- ---------------------------------------- ----------------------------------
В этом уроке описаны основные этапы работы, результат и степень проработки будут зависеть только от вас. Если возникнут трудности - спрашивайте, не стесняйтесь - разберёмся.
Решила сделать небольшой урок по анимации дыма на примере дымящейся сигареты.
Урок не сложный, но всё равно постараюсь описывать поподробнее, и если у вас есть навыки работы с Фотошопом, тогда вперёд.
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
Дым делается аналогичным способом . Подбирайте подходящий , делайте настройки и так же изменяйте значения
Читайте также: