КАРТА САЙТА
Sibnet.ru
Sibnet.ru

Sibnet.ru — это информационно-развлекательный интернет-проект, ориентированный на широкий круг Сибирского региона.
По данным Rambler Top100, Sibnet.ru является самым популярным порталом в Сибири.

Контакты:
АО "Ринет"
ОГРН 1025402475856
г. Новосибирск, ул. Якушева, д. 37, 3 этаж
отдел рекламы:
(383) 347-10-50, 347-06-78, 347-22-11, 347-03-97

Редакция: (383) 347-86-84

Техподдержка:
help.sibnet.ru
Авторизируйтесь,
чтобы продолжить
Некоторые функции доступны только зарегистрированным пользователям
Неправильный логин или пароль

Внимание! Теперь для входа на форум необходимо вводить единый пароль регистрации сервисов sibnet.ru!

Здравствуйте, гость ( Вход | Регистрация )



 
Ответить в эту темуОткрыть новую тему
> Анимация дыма, урок для Adobe Photoshop
GoSha2009
сообщение 6.11.2011, 14:41
Сообщение #1



Group Icon


Группа: Computer Graphics Club
Сообщений: 574
Регистрация: 6.12.2009
Пользователь №: 175 078



Репутация:   433  


Урок для Adobe Photoshop.
Анимация дыма.


Прикрепленное изображение

Доброго времени суток.
Решил сделать небольшой урок по анимации дыма, то есть, как можно создать аватар, например, с дымящейся сигаретой, используя маску слоя. Урок несложный, но всё равно постараюсь описывать поподробнее, и если у вас есть навыки работы с Фотошопом, тогда вперёд.

1. Выбираем исходную картинку, желательно фон чёрный, серый... вообщем, не очень сложный и не сильно цветной - ведь дым сигареты должен просматриваться.
По поводу размера картинки - лучше использовать размер не более 200 пикселей на сторону, во-первых, вес анимированной картинки имеет немаловажное значение, а во-вторых, чем крупнее картинка, тем сложнее будет создать реалистичную анимацию.
Я использовал вот этот исходник.
» Спойлер (нажмите, чтобы прочесть) «

2. Загружаем (выбираем) кисть дыма, которая на ваш взгляд более подходит к данной картинке.
SmokeBrushes.rar
3. Укажем контуры нашего анимированного дыма.
Создаём новый слой Прикрепленное изображение, и слой-маску Add Layer Mask Прикрепленное изображение к нему же, после чего заливаем инструментом Прикрепленное изображение Paint Bucket "G" слой-маску чёрным цветом "000000". Затем используя белый цвет "ffffff" и нашу выбраную кисть (в нужном месте и нужного размера) наносим на слой- маску. Кстате, тут же можно применить и небольшое размытие фильтром Gaussian Blur - размытие по Гауссу, радиусом 0,2-0,5 - но это не обязательно. Не бойтесь пробывать разные варианты. Чтобы просмотреть содержимое маски слоя, нужно щелкнуть по ее миниатюре на палитре Layers (Слои) удерживая клавишу Alt. Чтобы скрыть маску слоя, следует повторить это действие.
Должно получиться так.
» Спойлер (нажмите, чтобы прочесть) «

4. Чтобы маска нам пока не мешала - отключим её. Правая кнопка мыши на миниатюре слоя-маски - выключить слой-маску, или просто щелкнуть на ее миниатюре, удерживая клавишу Shift. При отключении маски на панели "Слои" на ее миниатюре появляется значок "X" красного цвета.

5. Создадим теперь сам дым. Тут я использовал кисть, но можно и любые другие способы.
Переходим к основному слою кликнув левой кнопкой мыши на миниатюре слоя.
» Спойлер (нажмите, чтобы прочесть) «
Выбираем кисть дыма, можно другую, но можно и ту, что уже использовали, но только немного увеличив её размер (так анимация будет учше - проверено опытным путём). И так же, белым цветом наносим её на основной слой. Если необходимо, то используем ластик Eraser Прикрепленное изображение с мягким краем - инструмент "Е", и подтираем лишнее снизу и чуть-чуть сверху, левый и правый края нам сейчас для анимации не важны.
» Спойлер (нажмите, чтобы прочесть) «
теперь копируем слой CTRL+J, одним кликом левой кнопки мыши на пиктограмме Прикрепленное изображение отключаем связь слоя и маски, ещё один клик на миниатюре основного слоя, после чего выбираем инструмент Прикрепленное изображение Move Tool - перемещение "V" и используя стрелки клавиатуры смещаем копию дыма вниз (строго вниз , ничуть не влево и не вправо), как на этом скриншоте (стрелками показаны все последнии 4 действия).
» Спойлер (нажмите, чтобы прочесть) «

Теперь объединяем этот слой с предыдущим для этого в Photoshop есть своя команда: Layer > Merge Down (Ctrl-E).

6. Ну вот, приступаем непосредственно к анимации.
Включаем Window> Animation (Окно>Анимация), если оно у вас ещё не включено, выбираем время анимации 0,1 сек, и цикл анимации - постоянно.
» Спойлер (нажмите, чтобы прочесть) «

Включаем слой-маску (просто щелкнуть на ее миниатюре, удерживая клавишу Shift).
Одним кликом левой кнопки мыши на пиктограмме Прикрепленное изображение отключаем связь слоя и маски.
Один клик на миниатюре основного слоя, что бы выбрать его.
Выбираем инструмент Прикрепленное изображение Move Tool - перемещение "V".
Ставим галочку "показывать управляющие элементы"
» Спойлер (нажмите, чтобы прочесть) «

В палитре анимации один клик мышки на пиктограмме Прикрепленное изображение - "Duplicate current frame" (создание копии выделенного кадра), после чего он остаётся выделен синим цветом, затем используя стрелки клавиатуры смещаем копию дыма ввверх, следя за тем, чтобы рисунки совпали (см. скриншот) и потом чуть-чуть вниз, для плавного перехода анимации к первой картинке.
» Спойлер (нажмите, чтобы прочесть) «

теперь нажимаем на пиктограмму Прикрепленное изображение "Tween" (создание промежуточных кадров), добавить... ну, например, 25 кадров и "ОК".

ВСЁ! Спасибо за внимание.

Примеры использования данного метода:
» Спойлер (нажмите, чтобы прочесть) «

Автор урока: GoSha2009

Сообщение отредактировал GoSha2009 - 6.11.2011, 19:25


» Спасибо сказали: «
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
MordaWolosataya
сообщение 6.11.2011, 20:06
Сообщение #2


студент
Group Icon


Группа: Computer Graphics Club
Сообщений: 1 130
Регистрация: 2.11.2009
Из: Омска
Пользователь №: 157 636



Репутация:   308  


Прикрепленное изображение

Спасибо, полезный прием)


» Спасибо сказали: «
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
Czar04rus
сообщение 25.11.2011, 21:35
Сообщение #3


Играй в копатиль онлаин
Group Icon


Группа: Пользователи
Сообщений: 131
Регистрация: 2.7.2011
Пользователь №: 387 174



Репутация:   43  


Спс,ч0тко получилось!
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
DJEGIT
сообщение 28.11.2011, 0:20
Сообщение #4


Молчун
Group Icon


Группа: Пользователи
Сообщений: 12
Регистрация: 28.11.2011
Пользователь №: 411 391



Репутация:   2  


Клевый эфект, попробую!!
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
Dram-Dram
сообщение 11.12.2011, 13:36
Сообщение #5


Молчун
Group Icon


Группа: Пользователи
Сообщений: 20
Регистрация: 9.12.2011
Пользователь №: 413 555



Репутация:   2  


Спасибо.. круто получилось smile.gif
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения

Ответить в эту темуОткрыть новую тему
1 чел. просматривают этот форум (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 

Текстовая версия Сейчас: 19.3.2024, 11:53
Редакция: (383) 347-86-84

Техподдержка:
help.sibnet.ru
Размещение рекламы:
тел: (383) 347-06-78, 347-10-50

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