Главная » Уроки » Уроки анимации в фотошопе |
Создаем эффект живой фотографии
Этап 1. Фотографируем. Для первых экспериментов предлагаю выбирать неодушевленный объект, совершающий простое повторяющееся движение. И лучше, для первого раза, один. Ну вот, например, вентилятор. Стоит на месте, никуда не убежит, крутится циклично - отличная модель. Я ставлю свой вентилятор на кухонный стол, где достаточно света для съемки, расставляю там еще несколько предметов, создавая натюрморт. Сажаю ребенка, чтобы получилось живописнее. Убираю все лишние предметы, стараясь свести к минимуму последующую обработку в фотошопе. Дальше разбираемся с настройками вашего фотоаппарата. Вам необходимо найти режим скоростной съемки, чтобы быстро и без проблем отснять движение лопастей вентилятора. Этот режим означает, что, зажав кнопку съемки, вы сделаете не один кадр, а сразу много - фотоаппарат будет снимать, пока вы не отпустите кнопку (или пока не закончится флешка Wink) Скорость съемки напрямую зависит от того, какая именно у вас камера. Ну а дальше все просто - ставите свой фотоаппарат на штатив (или на ровную устойчивую поверхность), чтобы все кадры были сняты с одинаковой точки, и наша анимация не прыгала. Это очень важный момент! Если камера будет сдвигаться хоть на мм во время серийной съемки - все пропало Smile Включаем вентилятор, а потом делаем серию снимков. Сколько именно снимков - вы легко выясните, приступив к практике. Конечно, чем дольше длится движение вашего объекта - тем больше кадров вам нужно сделать. Вентилятор делает поворот вокруг своей оси довольно быстро, поэтому мне хватило 30 кадров (и то - при обработке мы часть дублей удалим, чтобы уменьшить вес нашей анимации). Этап 2. Работаем с получившимся материалом. Я работаю в фотошопе версии Cs2 и Cs5 (оба - на английском языке), урок буду писать, пользуясь 5 версией. В принципе в новой версии не появилось ничего уникального, связанного с анимацией, но некоторые команды изменили свое расположение. Поэтому спрашивайте, если что Smile 1. Посмотрите все кадры, которые вы отсняли. Найдите начало и конец движения, в нашем случае - когда вентилятор сделал полный круг. Все кадры после этого можно удалить. 2. Если ваш объект совершает небольшое движение, а дублей вышло слишком много - удалите лишние кадры через один. Как правило, после двух этих действий у вас останется немного кадров - 10-30. 3. Откройте все снимки в фотошопе. Перетащите все снимки в один файл - один слой над другим, в том порядке, в котором вы их снимали. Нижним слоем получится начало движения, наверху - конец. 4. Теперь создаем ту самую дырку - маску - через которую будет видно движение только в необходимой области. В нашем случае эту дырку нужно сделать на месте, где лопасти вентилятора. Пусть слой, оказавшийся выше всех станет фоном, в котором мы и будем делать дырку. Выделите его, щелкнув по нему мышкой. Теперь перейдите в режим быстрой маски - кнопка для перехода в этот режим находится внизу панели инструментов После этого возьмите инструмент "Brush tool" (кисть) и закрасьте с его помощью ту область, где нужно сделать дырку. Лучше пользоваться кистью с жесткими краями, чтобы видеть четкие границы области, которую вы выделяете После того, как вы закончили с закрашиваем области, снова нажмите на кнопку режима быстрой маски, выключив его. Вы увидите выделенную область: Теперь превратим выделенную область в векторную маску. Для этого щелкнем по кнопке "Add vector mask" на панели "Layers" (Слои): И вы увидите, что около вашего слоя появилась маска с черной областью - это и есть дырка, через которую мы будем видеть слои, расположенные под нашим "фоном": Важно: Напоминаю, что я использую этот способ (делаю дырку-маску в самом верхнем слое, а остальные оставляю нетронутыми) потому, что он удобен лично мне, и хорошо подходит для этого конкретного случая, когда вентилятор крутится всегда в одной и той же области, по кругу. Здесь мы сразу видим область, в которой будет происходить анимация. Но бывает и иначе. Когда необходимо сделать более аккуратные выделения (например у нас анимация человека в толпе, и мы не хотим, чтобы другие люди двигались), то удобнее пользоваться вторым способом, который я описывала выше - фон, который останется нетронутым, размещать под всеми остальными слоями. А к ним, в свою очередь, (к каждому слою!) дорисовывать маску нужной формы. Если этот момент непонятен кому-то - напишите, я могу дописать урок, приведя конкретные практические примеры. 5. Теперь создаем анимацию. Для этого откроем панель "Animation" (Анимация) с помощью команды "Window - Animation". Панель выглядит вот так: Сейчас перед вами только один кадр - значит анимации нет. Прежде всего нам нужно создать другие кадры. Кадров должно быть столько же, сколько у вас слоев (за исключением фона с маской). У меня 8 слоев, поэтому я должна создать еще 7 кадров. Это делается с помощью кнопки "Duplicate selected frames" (дублировать выделенные кадры): Я нажала 7 раз на эту кнопку, и вот все мои 8 кадров: Сейчас они все выглядят одинаково, ничего не меняется от кадра к кадру. Нам необходимо выставить правильную видимость слоев для каждого кадра. На всех кадрах должен быть виден наш фон-верхний слой один из оставшихся кадров. Т.е. на первом кадре видно фон слой0, на втором - фон слой 1, на третьем - фон слой 2, и т.д. Сделать слой видимым или невидимым можно нажав на значок глазика рядом с ним. Вот, для наглядности: Выставляя видимость слоев, вы сразу же будете видеть результат - как происходит анимация от кадра к кадру. Когда вы закончите - подберите скорость перехода от кадра к кадру. Выделите все кадры с помощью кнопок Shift или Ctrl на клавиатуре и из выпадающего списа выберите нужное значение: Я выбрала 0,1 секунды. No delay - значит без остановки. Вот и все! Анимация готова Smile 6. Доводим картинку до ума. Т.е. занимаемся украшательствами Smile Этот шаг необязательный в создании синематографии, но совсем без обработки не делается практически ни одно фото. На моей картинке явно не хватает света. И еще хотелось бы подправить цвета. Я создаю два корректирующих слоя (убедитесь, что при этой вы находитесь на первой кадре анимации! действия, сделанные на первом кадре анимации - будут распространяться и на все остальные кадры) - Selective color (редактирование цветов) и Curves (кривые) с помощью кнопки "Create new fill or adjustments layer" (создать новую заливку или корректирующий слой), которая находится внизу на панели "Layers" (Слои): Получаем вот такой красивый результат: С помощью команды "Image - Image Size" (Изображение - размер изображения) уменьшаем нашу синематографию до нужный размеров. Я выбрала размер 700 по большой стороне. 7. Сохраняем нашу синематографию. Для этого пользуемся командой "File - Save for Web & Devises" (Файл - Сохранить для Веб и устройств). В появившемся окне нам предлагают выбрать настройки оптимизации формата gif. Как я и говорила ранее, в формате gif лишь 256 цветов, поэтому качество изображения непременно пострадает, это неизбежно. В каких-то случаях это видно не сильно, в каких-то - довольно заметно. Именно поэтому я давала советы по выбору исходника по цветам. Расписывать все настройки оптимизации я не возьмусь - это материал для отдельного большого урока, извините Smile Но, меняя настройки, вы сами сможете увидеть, что лучше в вашем случае - все изменения будут отображаться на превью слева. Покажу лишь какие настройки выставила я: После этого жмете "Save", даете имя, и ваша "живая" фотография готова! Чем лучше вы продумаете свою синематографию, чем тщательнее выберите объект анимации, чем аккуратнее снимете - тем лучше получится результат. Важно: Мы создали синематографию с помощью серийной съемки. Но не у всех фотоаппаратов есть возможность делать быструю серийную съемку. Да и не всегда этот способ удобен. Помните, что вы можете также снимать видео! При съемке видео обязательно ставьте видеокамеру/фотоаппарат на штатив. И не делайте длинных роликов (не больше 10-20 секунд), иначе замучаетесь удалять ненужные кадры. Получившийся ролик необходимо разобрать на кадры, которые потом вы сможете, словно серийную съемку, с которой мы работали, превратить в анимацию. В последних версиях фотошопа есть возможность разложения видео на кадры-слои, это очень удобно. Команда звучит как "Fшle - Import - Video Frames to Layers" (Файл - импорт - Видео кадры как слои). У кого фотошоп старых версий - придется воспользоваться Adobe Image Ready, или сторонней программой для сохранения скриншотов из фильмов. Если кому-то будет интересен данный способ создания синематографий - напишите, я расскажу. Сообщить о проблемном уроке Источник: http://30-day-photo.forum2x2.ru/t34-topic | |
Просмотров: 2239 | | |
Всего комментариев: 0 | |