Фотография с движущимися элементами. Добавление эффекта анимации пути перемещения
Вот такие облака мы сейчас создадим:
Как нарисовать облака в фотошопе
1. Итак, создаём новый документ. Размер совсем не важен. Выбираем инструмент Gradient Tool (Градиент), щёлкаем по полоске градиента в верхней панели, открывается окно настройки параметров градиента. Здесь нам нужно подобрать цвета неба, я использовал такие:
2. Заливаем холст этим градиентом сверху вниз:
Получаем примерно такую картинку:
3. Теперь перейдём непосредственно к рисованию облаков. Выбираем инструмент Brush Tool (Кисть), нажимаем F5 для вызова настроек кисти. Берем обычную мягкую кисть и настраиваем следующим образом:
Таким образом, мы создали особую кисть, которой сейчас и будем рисовать облака.
4. Создайте новый слой, установите непрозрачность кисти 50% и набросайте контур облака, с новой кистью у вас на этой должно уйти 5 секунд:
5. Теперь только дело техники, последовательно создавая слои и меня время от времени жёсткость кисти (края облаков неравномерны, и бывают как достаточно резкие так и очень воздушные) и оттенки серого и светло-синего нарисуйте что-то похожее.
В этом уроке мы с вами попробуем создать облака в фотошопе. И заодно изучим парочку полезных приемов, которые впоследствии пригодятся вам для создания объемных фигур в процессе освоения технического дизайна.
Итак, как нарисовать облаков в фотошопе? Довольно просто. Давайте начнем.
Любой бриллиант требует соответствующей огранки. Потому, нам следует предварительно создать градиент на рабочей области. Не хочу растекаться мыслю по древу и описывать размеры каждого элемента. Делаем на глаз.
Настройки задаем следующие:
Цвета градиента: #91d0ff, #69a9ff.
Теперь с помощью инструмента «эллипс», зажимая клавишу shift, делаем несколько белых окружностей. С их помощью мы, так сказать, рисуем само облако, просто располагая элементы в нужном порядке.
Как видите, верхняя часть напоминает облако. А вот нижняя не слишком. Нам следует сделать ее ровной. Для этого опять обратимся к фигурам и заполним пробелы с помощью прямоугольника.
Подтащите окружности так, чтобы они не выходили за его границы снизу. Облачко все-таки у нас стилизованное.
Вот так у меня получилось.
Теперь давайте сведем слои. Так нам будет гораздо проще работать. Соберем наше облако по клочкам.
В окне слоев выделяем все с фигурами, составляющими облако, зажимая клавишу shift. После чего, кликаем по ним левой клавишей мыши и выбираем из списка команду «объединить слои».
В итоге, мы имеем только один слой с облаком. Нам следует создать три дубликата. Для этого в окне слове выбираем его и опять же, делаем клик левой клавишей мыши.
Выбираем первый слой с облаком и накладываем ан него синий цвет #1b314e. Предлагаю работать через «параметры наложения».
Вытаскиваем этот слой из под остальных. Он должен опуститься чуть ниже.
Тень следует сделать более правдободобной и мягкой. Для этого используем «Размытие по Гауссу».
Таким образом, нам удалось нарисовать тень от облака. Давайте теперь сделаем само облако чуть объемнее. На верхний слой с облаком наложим градиент. Настройки будут следующими:
Градиент от белого цвета к # abcbf7.
А теперь сдвигаем этот слой чуть ниже, так, чтобы показалась белая кромка облачка.
И последний штрих. Давайте уменьшим непрозрачность слоя с тенью. А то облако у нас зловещее какое-то.
Вот и все. Как видите, сделать красивое облачко в Adobe Photoshop не составляет никакого труда. Да и навыки рисования особые не требуются. Достаточно знать всего лишь несколько операций и умело пользоваться ими.
Существует распространенное заблуждение, что, мол, если на фотографии не хватает резкости и присутствует размытость, фото неудачное. Мне хотелось бы рассказать вам о трех способах сделать фотографию более драматичной и интересной с помощью грамотного размытия.
«ЗАБЛУЖДЕНИЕ: РАЗМЫТОСТЬ НА ФОТОГРАФИИ = ПЛОХАЯ КАРТИНКА»
Я не соглашусь и скажу: нет, это не обязательно так! Все зависит от объекта и темы фотосъемки и от Ваших намерений, как художника и фотографа. Использование размытия может добавить акцент и показать движение в кадре. Это может помочь добавить в снимок ощущение скорости. Если, к примеру, Вы снимаете спортивный сюжет и у Вас есть светосильный объектив с высокой скоростью затвора, Вы сможете запечатлеть движение на самом пике действия. ИЛИ Вы можете преднамеренно создать размытость движения, используя длительную выдержку, это тоже добавит ощущения скорости к фотографии. Нет среди этих способов ни правильного, ни ошибочного, они просто разные. Вы сами выбираете, а если это трудно, просто попробуйте оба!
- панорамирование движущихся объектов.
- длительные выдержки для эффекта.
- масштабирование или перемещение камеры во время экспозиции.
Давайте рассмотрим каждую из них более подробно.
Панарамирование
Панорамирование – это техника съемки движущихся объектов, которая позволяет сделать наиболее резкий акцент и размытие фона. Это добавляет ощущения скорости и работает особенно хорошо, если у Вас в кадре непривлекательный или отвлекающий фон. Основа панорамирования – выбор выдержки, а камера перемещается вслед за объектом. Вот некоторые советы о том, как правильно настроить камеру для панорамирования, попробуйте:
Используйте высокую скорость или режим съемки «burst» для съемки нескольких кадров при нажатой кнопке спуска затвора
Выберите приоритет выдержки в Вашем режиме
Начните со значения 1/30 и отрегулируйте – медленнее или быстрее – как Вам необходимо
Практикуйтесь на перемещающихся объектах
Как и в гольфе, здесь ключевой фокус в самом выполнении. Наведите камеру на приближающийся объект, нажмите на кнопку затвора и следуйте за объектом, пока он движется в поле Вашего зрения, и держите после движения, даже после того, как отпустите кнопку затвора.
Конечно, для этого нужно много практиковаться и действовать по большей части методом проб и ошибок, но в конце концов Вы можете прийти к действительно потрясающим художественным эффектам на фото. Попробуйте снимать эти же объекты с высокой скоростью затвора и запечатлением движения, так называемой заморозкой, а потом повторите эффект панорамирования и сравните. Конечно, эту технику Вы не будете использовать для каждого объекта, но хорошо иметь ее в виду.
Вот несколько примеров панорамирования:
выдержка - 1/25 секунды
выдержка - 1/30 секунды
выдержка - 1/25 секунды
Длинные выдержки
Для длительных выдержек нужна медленная скорость затвора, медленнее, чем можно выдержать держать камеру в руках. Есть много причин, чтобы использовать длительную выдержку: движение воды, след падающей звезды в ночное время, движение автомобильных фар, да и в общем ночная фотография. Вам понадобится штатив, дистанционный запуск триггера камеры и время. Я говорю о времени по двум причинам: во-первых, Вам придется действительно ждать, особенно, если речь идет о звездах; во-вторых, нужно время на саму съемку, на коррекцию и исправление. Много фотографий методом проб и ошибок, но в наш век цифровой фотографии – это не проблема.
Вот примеры с разными выдержками. Что Вы предпочтете?
выдержка - 1/5000 секунды
выдержка - 1/40 секунды
Кроме ночной съемки, длительная выдержка используется, к примеру, для съемки движущейся воды и водопадов. Имейте ввиду, что нет правильных или неправильных подходов, просто они дают разные результаты, в зависимости от того, чего Вы хотите добиться. Высокая скорость затвора «заморозит» воду в движении (например, как на первом фото выше). Более долгое воздействие размоет воду, или даже сможет заставить ее исчезнуть или превратить в туман. Вот сравнение:
выдержка - 1/100 секунды
выдержка - 2,5 секунды
С движущейся водой наступает момент, когда экспозиция перестает меняться. Сравните изображение ниже (5 секунд) с изображением выше (2,5 секунды). Вода выглядит очень похоже, но дерево было размыто на 5-ти секундах, поэтому было решено использовать выдержку на 2,5.
выдержка - 5 секунд
Вот еще несколько примеров использования длительной выдержки. Вы видите движение в изображениях ниже? Что движется на каждом?
Зумирование
Последнее, но не менее важное, Вы можете добавить движения в изображение с помощью зума. Основа этого приема в том, что Вы работаете с увеличением (физически, крутите объектив) во время длительной экспозиции. Это хорошо работает и дает интересный эффект в ночной съемке с подсветкой, съемке неоновых вывесок и даже фейерверков. Вы можете пробовать этот эффект в течение дня и посмотреть, что можно создать. Это часто приводит к совершенно абстрактным образам, иногда полностью видоизменяя объект, что его сложно идентифицировать. Но это нормально! Экспериментируйте и играйте. Повеселитесь и подойдите к делу творчески.
Вот несколько советов для зумирования во время длительной выдержки.
Сфокусируйтесь на объекте, затем начинайте зумировать и в это время открывайте затвор нажав кнопку спуск до конца. Вы можете использовать блокировку фокуса: используйте автофокусировку, затем выключите ее. Какой бы способ вы ни выбрали, просто убедитесь, что вы сосредоточены на самом длинном фокусном расстоянии.
Практикуйте повороты кольца зумирования на объективе. Освойте, в какую сторону повернуть его, и как сделать это плавно, не делая резких движений.
Используйте выдержки около одной секунды или дольше. Очень трудно сделать это с выдержкой 1/100.
Поэкспериментируйте зумом с различными скоростями (как быстро вы повернете объектив). Изображение будет выглядеть иначе, если вы делаете паузу в начале, а затем увеличите быстро, по сравнению с медленным зумом в начале и паузой в конце экспозиции.
Вот несколько примеров съемки с использованием зумирования.
без зумирования
зумирование с выдержкой 2 сек.
зумирование с выдержкой 2 сек, но кольцо зумирования было выкручено быстрее.
План действий
Если Вы еще не экспериментировали с выдержкой, я призываю Вас: поиграйте, попробуйте описанные методы. Снимайте движущиеся объекты и размывайте фон. Или сделайте абстрактный снимок с помощью масштабирования.
Дело в том, что не каждое изображение должно быть сплошь резким, а некоторые фото и вовсе абсолютно размыты, но тем не менее – это великолепные снимки. Не зацикливайтесь на технических аспектах, не бойтесь экспериментировать с фокусом. Добавьте в снимок немного движения с помощью этих советов или вовсе не фокусируйтесь на объекте. Вернитесь и обменяйтесь своими впечатлениями и фотографиями с нами.
У Вас есть фото, где размытость придает шарм картинке? Поделитесь, и не забудьте оставить комментарий ниже.
Хотите удивить близких и друзей? Сделайте слайд-шоу с элементами синемаграфии! В программе «ФотоШОУ PRO» вы найдете все необходимые инструменты для создания подобного проекта. Прочитайте статью и узнайте обо всех нюансах разработки слайдов с «живыми» фотографиями в этом приложении. А если у вас ещё не установлено «ФотоШОУ PRO», то исправьте это прямо сейчас: с нашего сайта.
Как сделать синемаграфию из фото для слайд-шоу
Для начала давайте разберемся, что собой представляет синемаграфика. Как правило, так обычно называются картинки, на которых находится в движении один или сразу несколько элементов. Вся остальная часть изображения при этом остается всегда статичной и никак не меняется. На пейзажном снимке двигаться может вода, облака, бабочки и другие детали, а на фото с изображением людей у моделей могут развеваться волосы или колыхаться одежда.
Создать эффект движущегося изображения в слайд-шоу не так уж и сложно. Для работы вам потребуется «ФотоШОУ PRO» и фоторедактор. Совсем необязательно устанавливать на ПК и осваивать сложный Adobe Photoshop или другой софт, который используют профессионалы. Подготовить материалы для создания синемаграфии можно буквально за три шага в редакторе .
- Шаг 1. Загрузите фотографию в программу. В меню «Эффекты» выберите опцию «Замена фона».
- Шаг 2. Выделите область, которую хотите анимировать. Размойте границы фрагмента, передвинув бегунок на одноименной шкале вправо.
- Шаг 3. Сохраните элемент. Установите переключатель на пункт «Без фона» и кликните «Сохранить в файл…». Выберите PNG, дайте изображению имя и поместите его в нужную вам папку.
Перейдем к работе с . Запустите программу и добавьте оригинал изображения на монтажный стол. Попробуем сделать живое фото. Синемаграфия в программе создается в редакторе слайда. Сразу же растяните фотографию на весь экран. Этот нехитрый прием поможет избавиться от черных полос по бокам слайда.
Добавьте на слайд фрагмент изображения, извлеченный в фоторедакторе. Настройте его местоположение и размер при помощи мыши.
Если обрезка вышла «грубой» и у фрагмента выделяется одна из сторон, то примените к слою маску.
Теперь перейдем к оживлению изображения. Добавьте второй ключевой кадр и задайте настройки для слоя в конце показа. В нашем примере для создания эффекта движущейся реки нужно сдвинуть слой вправо и увеличить его. Это можно сделать вручную или во вкладке «Анимация».
Если движению не хватает плавности, то увеличьте длительность слайда.
Синемаграфия готова! При желании вы можете продолжить работу над слайдом. Кадр станет еще интереснее, если вы воспользуетесь функцией «3D-камера». С ее помощью вы сможете . Добавьте ключевой кадр в конец таймлайна и потяните бегунок на шкале «Приближение» вправо.
Бушующее море и таинственный туман: идеи для синемаграфии
С «ФотоШОУ PRO» вы быстро почувствуете себя настоящим волшебником! Добавляя движение в одну из частей снимка, вы сможете добиться поистине фантастического результата за короткие сроки. Но и это далеко не всё! Фото можно дополнить эффектом реалистичного тумана. Просто наложите на исходную картинку фрагмент соответствующей текстуры и настройте ее. Добавьте второй ключевой кадр и сделайте слой с туманом меньше.
Для исходной фотографии тоже добавим ещё одну ключевую точку. Здесь слой будет медленно и плавно увеличиваться.
Такие настройки помогут зрителю полностью окунуться в атмосферу происходящего на экране. Не забывайте, что вы можете добавлять сразу несколько дополнительных слоев. Например, на таком снимке можно одновременно «оживить» море, тучи и солнце:
В фоторедакторе сначала вырежьте часть изображения с небом и сохраните ее в отдельный файл. Затем аналогично отделите море и сохраните в той же папке. Когда подготовка завершится, наложите оба получившихся фрагмента на исходное изображение в «ФотоШОУ PRO».
Для слоя с тучками и солнечными лучами зададим плавное движение вправо, остальные параметры оставим без изменений и тут же оцените результат в плеере.
Хотите узнать, как сделать данную синемаграфику ещё более зрелищной? Воспользуйтесь инструментом 3D-камера: поэкспериментируйте с приближением, добавьте движение влево, вправо, вверх или вниз.
Сохраняйте готовую анимацию в удобном вам виде! Экспортируйте проект в любом видеоформате вместе с другими слайдами. Также вы можете сохранить созданный слайд отдельно и позже преобразовать его в GIF. Загружайте готовые синемаграфии в сеть и делитесь ими с людями со всех уголков планеты!
Этот урок подготовлен по многочисленным вопросам наших посетителей. На самом деле, в создании анимированных рисунков нет ничего сложного. Движущиеся картинки поддерживает, например, наиболее известный формат графических файлов GIF. Обратите внимание, что сделать анимированный файл JPG или BMP вряд ли получится, так как эти форматы не поддерживают чередование кадров.
Как создать кадры движущегося ролика в Paint.NET
Итак, для создания анимированного ролика нам потребуется сделать серию кадров. Благодаря тому, что обеспечивает работу со слоями, сделать кадры совсем не сложно. Для примера воспользуемся изображением смайлика, сделанного на уроке Paint.NET "Как нарисовать трехмерный смайл" , опубликованном на нашем сайте.
Для создания нескольких кадров возьмем изображение трехмерного смайла из этого урока и создадим копию слоя с изображением смайлика в том количестве, сколько кадров ролика нам нужно. Для этого можно воспользоваться, например, меню "Слой" - "Сделать копию слоя" или скопировать слой непосредственно в окне "Слои" Paint.NET .
Копировать слои можно не сразу, а например для того что бы сделать второй кадр, скопировать первый слой, после чего на скопированном слое изменить рисунок в соответствии с задумкой ролика. Мы, например, сжимали смайлик и перемещали его вверх и вниз чуть-чуть кадр за кадром. Пример окна "Слои" Paint.NET вы можете увидеть на рисунке слева, естественно на нем не поместились все кадры, но общая идею увидеть можно.
Как сохранить кадры движущегося ролика в отдельные файлы
Для соединения отдельных кадров в нужном порядке в анимированный ролик при помощи программы UnFREEz, сначала надо сохранить кадры как отдельные файлы. В этом тоже нет ничего сложного. Можно, например, скопировать всё содержимое нужного слоя, создать новое изображение, и вставить в него, скопированное со слоя изображение. После чего сохранить как отдельный файл GIF. Выделить все изображение на слое можно, например, нажатием комбинации клавиш Ctrl+A. Описание остальных горячих клавиш Paint.NET есть в разделе инструкции на этом сайте.
Другим способом можно, например, просто отключать видимость не нужных на текущем кадре слоев, после чего сохранять видимые слои как отдельный рисунок GIF. Сделать это можно в меню Paint.NET "Файл" - "Сохранить как". При сохранении в формате GIF Paint.NET предложит объединить все слои изображения, т.е. получится, что временно отключенные слои пропадут. Но после сохранения файла с кадром можно нажать кнопку "Отменить" в горизонтальной панели Paint.NET и последнее действие по объединению слоев будет отменено, и все слои вернутся обратно.
Еще раз обратите внимание, что для объединения потом кадров программой UnFREEz в один анимированный GIF файл, необходимо, что бы все кадры имели одинаковый размер изображения. Т.е., например, если размер рисунка одного кадра 20 на 30 точек, то и остальные кадры должны иметь тот же размер. Описанный выше способ создания кадров в Paint.NET обеспечивает выполнение этого условия, так как все кадры делаются из одной основной картинки.
