Анимация дыма (FantaMorph + Photoshop) - 16 Ноября 2009 - Блог - Персональный сайт - Авторские аватары Poison
Главная | Регистрация | Вход Приветствую Вас Гость | RSS
Меню сайта
Разделы
Уроки Abrosoft FantaMorph [4]
Рисовалки онлайн [1]
Текстуры [10]
Текстуры для аватар
Колоризация и наложение текстур [75]
Юзербары [1]
Уроки Photoshop [12]
Мои обои [1]
Скрап наборы [0]
Баннеры друзей [1]

Song to Say Goodbye

Zeraphine-Kaltes Herz

Solar Fake-Here i Stand

Zeraphine-Be My Rain

JP Leppaluoto-Sydntalvella

Charon-DesireYou

Charon-BitterJoy

Kamelot-Pendulous Fall

Kamelot-March Of Mephisto

Abyssphere-О ней...

Abyssphere-Театр одного актера

Lacrimas Profundere-Short Glance

Lacrimas Profundere-Solicitude Silence

The 69 Eyes-Brandon Lee

The 69 Eyes-Sleeping With Lions

Feeder-Piece by Piece

Dark Moor-The Chariot

Elvenking-RomanceWrath

Elvenking-TheDividedHeart

Nightwish-Ever Dream




Главная » 2009 » Ноябрь » 16 » Анимация дыма (FantaMorph + Photoshop)
Анимация дыма (FantaMorph + Photoshop)
22:52
---------->

В этом уроке, я поделюсь с вами, своим способом анимации дыма.

Как-то я подумала, а как-же сделать анимацию дыма в 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)



Если возникли вопросы, задавайте.
Хотите показать, что у вас получилось, можете вставлять картинки в комментарии (для этого необходима регистрация).
Автор урока Poison_Ligeia
ссылка на сайт http://avata.ucoz.ru/ обязательна

примеры аватар, сделанных мной таким образом:

Категория: Уроки Photoshop | Просмотров: 15640 | Добавил: Poison | Рейтинг: 5.0/5 |
Всего комментариев: 9
28.11.2012 Спам
9. Egorp
рыба аргус
- также посмотрите наш каталог сайтов. В каталоге ссылок Вы можете найти сайты имеющие отношение к рекламе или дизайну. Ниже можете добавить и свой сайт. http://info-liomers.ru/

11.11.2012 Спам
8. Порно онлайн и бесплатно
http://www.porno-online-video.net/

02.09.2011 Спам
7. Morton
ХОТИТЕ ПОСМОТРЕТЬ ЧУЖУЮ ПЕРЕПИСКУ БЕЗ ВЗЛОМА ИЛИ УДАЛИТЬ ФОТО И КОММЕНТАРИИ В АЛЬБОМЕ ДРУГА? ЖЕЛАЕТЕ УЗНАТЬ УНИКАЛЬНЫЕ ЧИТЫ К ПРИЛОЖЕНИЯМ И ЕЩЕ МНОГИЕ СЕКРЕТЫ ВКОНТАКТЕ? ТОГДА ВАМ СЮДА HTTP://VKGRAD.NAROD.RU/

07.04.2010 Спам
6. Ligeia (Poison)
azija, у незарегистрированных пользователей не видны bb коды, поэтому вы не смогли картинку загрузить, и потому ваша работа не видна.

Вот здесь загружу её видимой (в ваш комментарий не удалось её загрузить):


автор - azija


18.03.2010 Спам
5. Ligeia (Poison)
Night_kissa, фантастически красиво получилось))

18.03.2010 Спам
4. Алёна (Night_kissa)

Немножко сделала по своему получилось вот так

10.03.2010 Спам
3. Алёна
Сайт просто Обалденный спасибо огромное!!! много полезного для себя нашла ! Админ просто супер тут так сказать " с народом" облазила я весь сайт ! буду регестрироваться!

19.11.2009 Спам
2. Ligeia (Poison)
Пожалуйста, пробуйте, это легко делается. smile
Ещё, можно на чёрном фоне наставить точек, вместо дыма, и анимацию в фанте сделать слева направа, например. И режим наложения слоя поставить Overlay.
Вот так получится:


19.11.2009 Спам
1. Anna Belle (AnnaBelle)
Ой, просто супер! Надо будет обязательно попробовать cool Огромное спасибо за урок! hands

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа
Календарь
«  Ноябрь 2009  »
ПнВтСрЧтПтСбВс
      1
2345678
9101112131415
16171819202122
23242526272829
30
Кнопка сайта


код баннера

Друзья сайта

аватары и прочая авторская графика,все для фотошопа, дизайны на заказ

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Рейтинг@Mail.ru Rambler's Top100 Яндекс цитирования www.popularsite.ru
Copyright MyCorp © 2017
Сайт управляется системой uCoz