В этом уроке, я поделюсь с вами, своим способом анимации дыма.
Как-то я подумала, а как-же сделать анимацию дыма в FantaMorph на изображении "чисто", ведь если "оживлять" дым на картинке, то изображение, в данном случае часть лица девушки и шляпа, будут "плавать" по краям анимированного дыма, что выглядит не очень хорошо, ну, и решила совместить фанту и фотошоп.
Основная анимация делается в программе Abrosoft FantaMorph, здесь я не буду подробно рассказывать как это делать и если вы ещё не знакомы с FantaMorph, то прошу сюда, для начала научиться "оживлять" там изображение. Здесь же будет описываться работа в Photoshop.
1. Открываем в Photoshop подходящее изображение, на котором вы хотите изобразить анимацию дыма (желательно, чтобы дым на картинке, плохо просматривался, так как мы нарисуем его сами, ладно... не пугайтесь, рисовать мы ничего не будем - это будут готовые кисти).
2. Создать новый слой на панели 'Layers' (рис.1-а), выбрать чёрный цвет на панели 'Tools' (рис.1-б), и инструментом заливка (рис.1-в) залить этот новый слой. Это будет задний фон дыма, я его всегда делаю чёрным, для того, чтобы в FantaMorph лучше видеть анимацию, да и в последствии его легко будет убрать, он станет невидимым.
3. Ещё раз создаём новый слой. На панели 'Tools' - выбираем белый цвет и кистью ставим дым, размер кисти смотрите относительно своего изображения, но если кисть будет чуть больше не страшно, это мы далее исправим. (рис. 2) скачать кисти "Дым" рис.2
4. Отключите видимость слоя на панели 'Layers' (для того, чтобы видеть размер нашей кисти-дым относительно изображения). (рис. 3)
5. Теперь, начинаем подгонять дым под нужный размер Edit - Transform - Scale (Ctrl+T), уменьшаем или увеличиваем или вытягиваем в длину, поворачиваем кисть так, как вам нужно, можно лишнее стереть ластиком, если в этом есть необходимость. (рис. 4) рис. 4
6. Включаем видимость слоя с чёрным фоном и сохраняем, именно в таком виде и в формате jpg. (рис. 5) рис. 5
! Но, этот файл (с девушкой) в фотошоп, ни в коем случае не закрываем, потом продолжим с ним работать!
[7. Далее, открываем программу Abrosoft FantaMorph (как делать там анимацию, я надеюсь вы научились). Сделав анимацию (у меня 8 кадров), сохраняем в gif. (рис. 6)] рис. 6
8. Открываем анимацию дыма в фотошоп или в ImageReady (если у вас CS2), а затем переходим в фотошоп (перевести изображение в фотошоп - самая нижняя кнопка на панели инструментов, она с пёрышком).
9. На изображении с девушкой (помните, то изображение, которое я просила не закрывать) удаляем слои с чёрной заливкой и дымом (или отключаем их видимость, они нам больше не понадобятся).
10. Включаем панель анимации, если не включена: Window - Animation.
11. Переходим на картинку с анимацией дыма (изображение из FantaMorph). Выделяем на панели анимации с 1 по 7 кадр и на панели слоёв с 1 по 7 слой (выделяете 1-ый и удерживая клавишу Shift выделяете 7-ой). Последний не надо, он дублирует первый кадр. Перетаскиваем слои дыма на изображение с девушкой. Анимацию с дымом можно закрыть. (рис. 7) рис. 7
12. На панели Animation 1-ый кадр выделяем - на панели Layers включаем видимость 1-го слоя с дымом. Наложение слоя делаем Screen (вот и чёрный фон стал прозрачным), с прозрачностью 60%. (рис. 8)
13. 2 кадр - на панели Animation дублируем первый кадр (рис. 9-а), отключаем видимость слоя с дымом, который присутствует на первом кадре, включаем видимость следующего слоя с дымом. Наложение слоя делаем, как предыдущий - Screen, с прозрачностью 60%.
14. Подобным образом поступаем со следующими пятью слоями. (у каждого кадра свой последующий слой с дымом).
Всего получилось 7 кадров, так как 7 слоёв с дымом (рис. 9) Скорость анимации выбираем 0,1 sec или 0,2.
15. Сохраняем в gif. File - Save for Web (рис. 10)
Если возникли вопросы, задавайте. Хотите показать, что у вас получилось, можете вставлять картинки в комментарии (для этого необходима регистрация).
рыба аргус - также посмотрите наш каталог сайтов. В каталоге ссылок Вы можете найти сайты имеющие отношение к рекламе или дизайну. Ниже можете добавить и свой сайт. http://info-liomers.ru/
ХОТИТЕ ПОСМОТРЕТЬ ЧУЖУЮ ПЕРЕПИСКУ БЕЗ ВЗЛОМА ИЛИ УДАЛИТЬ ФОТО И КОММЕНТАРИИ В АЛЬБОМЕ ДРУГА? ЖЕЛАЕТЕ УЗНАТЬ УНИКАЛЬНЫЕ ЧИТЫ К ПРИЛОЖЕНИЯМ И ЕЩЕ МНОГИЕ СЕКРЕТЫ ВКОНТАКТЕ? ТОГДА ВАМ СЮДА HTTP://VKGRAD.NAROD.RU/
Сайт просто Обалденный спасибо огромное!!! много полезного для себя нашла ! Админ просто супер тут так сказать " с народом" облазила я весь сайт ! буду регестрироваться!
Пожалуйста, пробуйте, это легко делается. Ещё, можно на чёрном фоне наставить точек, вместо дыма, и анимацию в фанте сделать слева направа, например. И режим наложения слоя поставить Overlay. Вот так получится:
---------->
(
(
(
Огромное спасибо за урок! 
