~Animation Lesson~
22-09-2008 19:40
к комментариям - к полной версии
- понравилось!
Какаши-сенсей снова выступает в роли подопотного кролика!
Я постараюсь вам доходчиво обьяснить основу из основ анимации фотошопа.
Бегущая искра-я так её называю...Итак...начнём
До
[показать]После [показать]
1)Открываем фотошоп и выбираем любую картинку,с которой хотите сделать анимацию.Я взяла Kakashi-sensey'я из аниме Naruto.
[показать]
2)С помощью быстрой маски выделяем нужный элемент для будущей анимации(в моём случае это бандана)
Для выделения жмём на кнопочку изображённую на картинку ниже.Затем берём инструмент кисть и разукрашиваем нужный фрагмент картинки.Когда закрашиваете,то бандана будет выделяться красный цветом(как отличительный знак)
-Быструю маску можно найти в инструментах-
[показать]
[показать]
3)Теперь нахмите на кнопочку рядом с той ,которая обведена у меня на предыдущей картинке(Edit in standart mode"Q"). Получается что повязка выделена(Если с выделилась вся картинка,то просто нажмите Ctrl+Shift+I). Выглядеть примерно должно так:
(вокруг повязочки бегуют палочки,муравьишки...корочь называйте как хотите XD.Самое главное,что это обозначает выделение)
[показать]
4)Теперь не снимая выделения, нажимаете Ctrl+J(Слой через копирование)
[показать]
5)Потом создаем новый слой(Ctrl+Shift+N)и на нём рисуем кистью линию. Я рисовала белым.
(Можно приминять разные эфекты к линиям,вроде размытых краев или свячения ,сделать меньше прозрачность,для предания натурального блеска и многое другое)
Проводим линию рядом с повязкой(старайтесь не заезжать на область выделения,а то будет некрасиво)
[показать]
6)Всё, работа с фотошопом закончилась. Переходим в Adobe ImageReady.
[показать]
7) В окне анимации копируем слой.
[показать]
8)Теперь с помощью инструмента Move Tool(V) переместим нашу линии в конец.(Смотрите что бы активным был второй кадр в окне анимации)
-Move Tool-инструмент в панеле инструментов,ввиде чёрной,зострённой стрелки-
[показать]
9)Заходим в Слои.Выбираем - Create Clipping Mask(Смотрите что бы в окне слоев был активен слой именно с фрагментом картинки который мы хотим анимировать)
Наша линия исчезла.Теперь она находиться внутри слоя.
[показать]
10)Теперь в окне анимации нажимаем на Tween(см.картинку) И в появившимся окне ставим 20 слоев.
(затем по вкусу-задаём время просмотра,яркость,и др. ...)
[показать]
11)Если всё устраивает-сохраняем(Save optimized as... Или если у вас русский фотошоп,как в моём случае,то-Сохранить оптимизированный как)
Кому,что не понятно,пишите в коменты-всё ещё раз обьясню ^^
вверх^
к полной версии
понравилось!
в evernote
Я постараюсь вам доходчиво обьяснить основу из основ анимации фотошопа.
Бегущая искра-я так её называю...Итак...начнём
До
[показать]После [показать]1)Открываем фотошоп и выбираем любую картинку,с которой хотите сделать анимацию.Я взяла Kakashi-sensey'я из аниме Naruto.
[показать]2)С помощью быстрой маски выделяем нужный элемент для будущей анимации(в моём случае это бандана)
Для выделения жмём на кнопочку изображённую на картинку ниже.Затем берём инструмент кисть и разукрашиваем нужный фрагмент картинки.Когда закрашиваете,то бандана будет выделяться красный цветом(как отличительный знак)
-Быструю маску можно найти в инструментах-
[показать]
[показать]3)Теперь нахмите на кнопочку рядом с той ,которая обведена у меня на предыдущей картинке(Edit in standart mode"Q"). Получается что повязка выделена(Если с выделилась вся картинка,то просто нажмите Ctrl+Shift+I). Выглядеть примерно должно так:
(вокруг повязочки бегуют палочки,муравьишки...корочь называйте как хотите XD.Самое главное,что это обозначает выделение)
[показать]4)Теперь не снимая выделения, нажимаете Ctrl+J(Слой через копирование)
[показать]5)Потом создаем новый слой(Ctrl+Shift+N)и на нём рисуем кистью линию. Я рисовала белым.
(Можно приминять разные эфекты к линиям,вроде размытых краев или свячения ,сделать меньше прозрачность,для предания натурального блеска и многое другое)
Проводим линию рядом с повязкой(старайтесь не заезжать на область выделения,а то будет некрасиво)
[показать]6)Всё, работа с фотошопом закончилась. Переходим в Adobe ImageReady.
[показать]7) В окне анимации копируем слой.
[показать]8)Теперь с помощью инструмента Move Tool(V) переместим нашу линии в конец.(Смотрите что бы активным был второй кадр в окне анимации)
-Move Tool-инструмент в панеле инструментов,ввиде чёрной,зострённой стрелки-
[показать]9)Заходим в Слои.Выбираем - Create Clipping Mask(Смотрите что бы в окне слоев был активен слой именно с фрагментом картинки который мы хотим анимировать)
Наша линия исчезла.Теперь она находиться внутри слоя.
[показать]10)Теперь в окне анимации нажимаем на Tween(см.картинку) И в появившимся окне ставим 20 слоев.
(затем по вкусу-задаём время просмотра,яркость,и др. ...)
[показать]11)Если всё устраивает-сохраняем(Save optimized as... Или если у вас русский фотошоп,как в моём случае,то-Сохранить оптимизированный как)
Кому,что не понятно,пишите в коменты-всё ещё раз обьясню ^^
Комментарии (9):
-_Архангел_-
22-09-2008-20:37
удалить
Спасииибо!!!!!*пошла пробовать*!!!
Uchiha-san
22-09-2008-21:12
удалить
эх!До моего мозга вряд ли дойдет!но поробую!!
аригатто годзаимас!)))
аригатто годзаимас!)))
Незафто)))
Я вроде писала как для новичков...Должно быть всё понятно.Если что получится-выложите в коменты?Просто интересно какой из меня СЕнсей(блин хренов XD)
Я вроде писала как для новичков...Должно быть всё понятно.Если что получится-выложите в коменты?Просто интересно какой из меня СЕнсей(блин хренов XD)
Ммм... как все трудно....
*ми с помощью градиента тоже самое делает*
*ми с помощью градиента тоже самое делает*
Скорее всё доходчево...я старалась как можно понятнее обьяснить.Лично я так это делаю)
Ну у меня такой получился ))
Кривоватый правда )
но сам смысол поняла ))))
Спс )
Кривоватый правда )
но сам смысол поняла ))))
Спс )
НЯ!!!!Какая прелесть)))))Мне очень нравиться)
-Nariko-, меняй прозрачность!!!
Комментарии (9):
вверх^
Вы сейчас не можете прокомментировать это сообщение.
Дневник ~Animation Lesson~ | FreshnessArt - ~Make your own sensation~ |
Лента друзей FreshnessArt
/ Полная версия
Добавить в друзья
Страницы:
раньше»