Всем добрый день. Пришло время переходить на более интересные и сложные темы в наших уроках. Сегодня мы узнаем, как сделать гиф из фото.
Скорее всего вас эта тема давно интересовала. Назвав тему сложной, возможно я вселил страх, но на самом деле всё не так сложно. Нужно просто вникнуть в тему и следовать алгоритму.
Фотошоп
Сделать гиф можно как в фотошопе, так и с помощью онлайн сервисов. Рассмотрим все варианты. Начнем конечно же с фотшопа. Есть несколько вариантов от трудоёмкого до относительно быстрого.
Итак, добавляем наши фотографии, для начала можно одну, можно сразу несколько. Чтоб было проще я добавлю все 3 изображения. Соединяю их вместе. Далее делаем вот что.
Находим в интерфейсе «Окно», пролистываем до «Шкалы времени» и щелкаем по нему. У нас появится окно, в дальнейшем мы с ним будем работать.
В окошечке щелкаем по «Создать временную шкалу для видео». Я буду делать анимацию из фотографии, которые есть в моем компьютере. Если вы хотите сами нарисовать гиф, то нажимаем Слои — Слои видео — Создать пустой видеослой.
Почти всё готово. На данном этапе у меня всё выглядит вот так, немного скучновато, но анимация уже есть.
Как вы видите мои картинки захватывают большой отрезок времени, уменьшить их можно двумя способами. Щелкнув по картинке правой кнопкой мыши или нажав «Уменьшить временную шкалу» см.картинку.
Эффекты
Может разбавим нашу гифку эффектами? Ну тут уже можно разгуляться, делайте всё что вам хочется, добавляйте надписи, другие изображения, музыку, так же можно наложить цвет.
С добавлением аудиозаписи всё просто, стоит нажать по «Аудиозапись» и фотошоп сразу предложит несколько вариантов действий.
Если вам нужна надпись в гиф, то создаем новый пустой слой и пишем в нём. Менять расположение этого слоя можно в панели со слоями. Для наложения цвета, нужно дважды щелкнуть по слою, затем появится вот такое окошко.
Сохраняем
Не бойтесь экспериментировать, любое неправильное действие можно отменить. Теперь сохраняем нашу работу, алгоритм действий такой Файл — Экспортировать — Экспорт Видео или Файл — Сохранить для Web (Alt+Shift+Ctrl+S) подгоняем под нужные нам параметры и сохраняем.
Другой вариант
Переходим ко второму варианту. Этот вариант намного быстрее и интереснее. Добавляем изображение желательно без фона, у меня есть набор стикеров, картинок без фона поэтому я буду использовать одну из фоток.
Уверяю, данный способ работы затянет вас, и вам захочется постоянно творить что-то интересное. Скорее всего вам захочется даже анимировать все свои изображения. Добавляем наше фото. Что делаем дальше?
Преобразовываем наше фото в смарт-объект, для этого щелкаем по слою и выбираем нужный нам параметр. Как только это дело сделано нажимаем Редактирование — Марионеточная деформация.
Не удивляйтесь, когда увидите сеточку на картинке, так и должно быть. Подведя курсор к этой сетке вы заметите булавочку, она нужна для закрепления областей, которые не будут участвовать в движении. В моем случае я закрепляю полностью изображение и оставляю только носик собаки.
Двигаться будет именно она. Подумайте какую именно анимацию вы хотите создать. У меня нос собаки будет чуть подниматься и отпускаться, следовательно, придется сделать около шести слоев, но сейчас я ограничусь четырьмя.
Обязательно нужно делать всё плавно, одно резкое движение и придется всё переделывать. Ещё один момент, не нужно делать сразу копии слоев, потому что мы должны делать копию слоя, где было что-то изменено, в общем, всегда делаем копию предыдущего слоя.
Когда все будет готово, выделяем все слои с помощью горячих клавиш Alt+Ctrl+A. Далее щелкаем по любому слою правой кнопкой мыши и выбираем «Растрировать слой».
Снова возвращаемся к работе со «Шкалой времени», алгоритм действий точно такой же как и описывалось выше, думаю повторять заново не нужно. Сохраняем нашу гифку.
Вот такие незначительные, на первый взгляд казавшиеся достаточно сложными действия позволят вам стать асом в анимации. Начните с малого, постепенно оттачивая свои навыки, вы можете добиться больших успехов.
Он лайн
С фотошопом разобрались, теперь переходим к онлайн сервисам. Таких сервисов огромное количество, но как показывает практика, не все они выполняют свои обязанности. Сейчас проведем небольшой обзор и выберем оптимальные варианты.
В большинстве случаев сервисы разрешают делать гиф онлайн бесплатно. Фаворит в нашем списке Gifius.ru простой сайт, с понятным интерфейсом, ничего лишнего, никакой рекламы, регистрация так же не требуется.
Сайт предлагает не только автоматическое создание анимации, но и настройки, есть возможность работы с пропорциями, позицией, скоростью и самими кадрами, вы можете в любой момент убрать ненужное или переместить.
Следующим будет Gifpal.com англоязычный сервис, но даже человек с минимальным знанием английского языка разберется в алгоритме действий. Всё достаточно просто, никаких заморочек нет. Сайт хорошо справляется со своей работой.
Хорошо, с созданием простых гиф разобрались, а что если хочется необычное? Конечно же, есть и сайты, которые позволяют применять эффекты к нашим gif.
Сделаем запрос таким, гиф онлайн бесплатно с эффектами. И что мы видим? Около десятка тысяч страниц, естественно не все они работают должным образом. Я выбрал три самых лучших. Поехали.
Мне очень понравился вот этот сайт ru.toolson.net. Очень удобный сервис, весь алгоритм действий прописан от начала до конца.
Эффекты можно посмотреть до применения, что не может не радовать. Ведь вы будете знать красиво это смотрится или нет. Так же здесь можно сделать коллажи, конвертировать изображения и многое другое.
И есть приятный бонус, сайт выкладывает статьи на темы связанные с коллажами, анимациями и т.д, + есть приложение в App Store и Google play.
Сайт ru.bloggif.com/effect немного суховатый и после знакомства с предыдущим просто блекнет, но тоже не плохо справляется со своими задачами.
Тут так же есть перечень интересных инструментов для работы с изображениями, но так как нас интересует другое, мы не будем на этом зацикливаться.
Итак, сервис предлагает только два действия, выбор одного из тридцати эффектов и загрузка изображении. Скучненько, но если вам этого достаточно, то велком.
Скажу одно, сайт действительно стоящий, есть всё нужное и эффекты предлагаются интересные, можно вставить текст, различные формы, работать с настройками и многое другое. Думаю, вам следует посмотреть все сайты, попробовать поработать с каждым и выбрать самый удобный для вас.
В заключении
Вот так и создаются шедевры, которые потом видит весь мир. Начинайте с малого, развивайте свои навыки. Не беда, если мы ничего не понимаете во всем этом.
Изучайте, пробуйте, делайте. Не получилось? Ну и ладно, начинайте сначала. Постепенно вы отшлифуете все свои действия и сами не заметите, как из не разбирающегося во всех тонкостях анимации человека превратитесь в мастера гиф-анимации и не только.
Многие дизайнеры и создатели сайтов начинали с этого. Спасибо, что читаете этот блог. Пишите в комментариях что интересного вы сегодня узнали, получилось ли у вас сделать гифку?
До скорых встреч. Иван.
