Урок «Сигаретный дым / Анимация»

Понедельник, 26 Марта 2012 г. 10:00 + в цитатник

Урок «Сигаретный дым / Анимация»

Автор: hank2010
Источник: Demiart.ru
Урок не сложный, но всё равно постараюсь описать свои действия, как можно подробнее
Основываясь на уроке от автора, выкладываю его со своими скриншотами и некоторыми дополнениями/изменениями

Урок подходит для анимации не только сигаретного дыма, так же для анимации любого пара, например над чашкой кофе, из носика чайника и т.д.

Весь использованный материал в уроке есть у нас на сайте: скачать необходимые кисти вы можете в разделе «Кисти» выбор достаточно большой, моя кисть их набора 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...

Дерзайте! Жду ваших работ!
Закидывайте свои готовые изображения на любой хостинг типа imgdepo.ru или radikal.ru, копируйте ссылку и выкладывайте здесь в комментариях, я с огромным удовольствием посмотрю ваши работы!

Как скопировать и сохранить урок к себе на компьютер см. Здесь

Рубрики:

ФОТОШОП/ФШ анимация

Метки: уроки для начинающих

Процитировано 46 раз
Понравилось: 15 пользователям

<a href="https://www.liveinternet.ru/users/morela4/post212926344/">РЈСЂРѕРє В«РЎРёРіР°СЂРµС‚РЅС‹Р№ РґС‹Рј / РђРЅРёРјР°С†РёСЏВ» </a><br/>
	РЈСЂРѕРє &laquo;РЎРёРіР°СЂРµС‚РЅС‹Р№ РґС‹Рј / РђРЅРёРјР°С†РёСЏ&raquo; 
	
	РђРІС‚РѕСЂ: hank2010
	РСЃС‚РѕС‡РЅРёРє: Demiart.ru 
	РЈСЂРѕРє РЅРµ СЃР»РѕР¶РЅС‹Р№, РЅРѕ РІСЃС‘ СЂР°РІРЅРѕ РїРѕСЃС‚Р°СЂР°СЋСЃСЊ РѕРїРёСЃР°С‚СЊ СЃРІРѕРё РґРµР№СЃС‚РІРёСЏ, РєР°Рє РјРѕР¶РЅРѕ РїРѕРґСЂРѕР±РЅРµРµ 
	РћСЃРЅРѕРІС‹РІР°СЏСЃСЊ РЅР° СѓСЂРѕРєРµ РѕС‚ Р°РІС‚РѕСЂР°, РІС‹РєР»Р°РґС‹РІР°СЋ РµРіРѕ СЃРѕ СЃРІРѕРёРјРё СЃРєСЂРёРЅС€РѕС‚Р°РјРё Рё РЅРµРєРѕС‚РѕСЂС‹РјРё РґРѕРїРѕР»РЅРµРЅРёСЏРјРё/РёР·РјРµРЅРµРЅРёСЏРјРё
	
	РЈСЂРѕРє РїРѕРґС…РѕРґРёС‚ РґР»СЏ Р°РЅРёРјР°С†РёРё РЅРµ С‚РѕР»СЊРєРѕ СЃРёРіР°СЂРµС‚РЅРѕРіРѕ РґС‹РјР°, С‚Р°Рє Р¶Рµ РґР»СЏ Р°РЅРёРјР°С†РёРё Р»СЋР±РѕРіРѕ РїР°СЂР°, РЅР°РїСЂРёРјРµСЂ РЅР°Рґ С‡Р°С€РєРѕР№ РєРѕС„Рµ, РёР· РЅРѕСЃРёРєР° С‡Р°Р№РЅРёРєР° Рё С‚.Рґ.

&nbsp;

Р’РµСЃСЊ РёСЃРїРѕР»СЊР·РѕРІР°РЅРЅС‹Р№ РјР°С‚РµСЂРёР°Р» РІ СѓСЂРѕРєРµ РµСЃС‚СЊ Сѓ РЅР°СЃ РЅР° СЃР°Р№С‚Рµ: СЃРєР°С‡Р°С‚СЊ РЅРµРѕР±С…РѕРґРёРјС‹Рµ РєРёСЃС‚Рё РІС‹ РјРѕР¶РµС‚Рµ РІ СЂР°Р·РґРµР»Рµ &laquo;РљРёСЃС‚Рё&raquo; РІС‹Р±РѕСЂ РґРѕСЃС‚Р°С‚РѕС‡РЅРѕ Р±РѕР»СЊС€... <a href="https://www.liveinternet.ru/users/morela4/post212926344/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]