Понедельник, 21.09.2020, 19:36
Приветствую Вас Гость

Лого

» » »

Анимация Gif Сердце

Друзья, в этом уроке будем делать gif анимацию, с бьющимся сердцем. Как на фотографии привести сердце в движение? Это простая анимация всего в два кадра. Но мы немного усложним задачу, разместив подвижный элемент, за статический букет роз!

Я постарался сделать побольше скриншотов, чтобы было максимально наглядно и понятно, даже если вы в первый раз открыли программу.

И так, приступим. 

Откроем фотографию в редакторе и, применив инструмент кадрирование, сделаем фотку примерно квадратной.

Затем изменим размер изображения: изображение -> размер изображения, выставим 600.

Сделаем фотографию черно-белой: цвет -> обесцвечивание… В открывшемся окне, ставим среднее и жмем ок.

Откроем изображение – сердце: файл -> открыть как слои. Сердце, как и розы на прозрачном фоне (я заранее его удалил).

С помощью инструмента масштаб, уменьшаем сердце до нужных размеров, инструментом вращение, немного повернем его по часовой стрелке и разместим, как на фото.

Меняем режим наложения слоя (сердце) на умножение. Оно приобретет темно-красный цвет. Теперь сделаем копию слоя и с помощью инструмента: масштаб, немного его увеличим. И разместим оба слоя симметрично друг к другу.

Откроем изображение – розы: файл -> открыть как слои. Так же с помощью инструментов: масштаб и вращение, разместим розы в нужном месте.

Теперь с помощью уровней, сделаем небольшую коррекцию цвета роз: цвет -> уровни.

У нас получается, что розы частично перекрывают сердце. Чтобы обыграть это и заставить сердце биться, сделаем следующее.

Создадим копию каждого слоя, т.е. копию парня, и копию роз. Всего получится шесть слоев.

Теперь идем в обратном порядке. Щелкаем правой кнопкой в списке слоев, на нижний слой с сердцем и выбираем: объединить с предыдущим. Затем, так же поступаем со слоем розы. Потом опять объединяем сердце, потом розы. В итоге получатся два, почти одинаковых слоя.

Отличие будет только в размере сердец. Каждый из слоев это кадр анимации.  Мы можем включить просмотр анимации: фильтры -> анимация -> воспроизведение. Сердце будет биться, как после марафона. Это мы исправим позже.

На данном этапе можно сохранить нашу работу, как gif. Но мы сделаем еще одну операцию – уменьшим вес файла: фильтры -> анимация -> оптимизация (для GIF)

Наш проект откроется в новой вкладке, там будет тоже два слоя, только один будет почти пустой. Это и есть оптимизация – программа объединила одинаковые части слоев, уменьшив вес файла.

В названиях слоев, в скобках указано время показа кадра. Я уже его изменил, поставив 250 ( по умолчанию было 100мс). Чтобы изменить название слоя, дважды щелкните по нему в списке слоев и поставив курсор в скобки, удалите 100 и напишите свое значение.

Сохраняем, а вернее экспортируем в GIF: файл -> экспортировать как… В открывшемся окне, выбираем тип файла gif, отображаемые файлы, так же gif и жмем экспортировать.

В следующем окне ставим галочки: сохранить как анимацию и бесконечный цикл. Также можно указать время показа слоев.

Все, получаем результат:

О чем он задумался? Возможно, его любовь оказалась не взаимной? Или он опоздал на свидание и его любимая не дождалась?

Надеюсь вам понравился этот урок.

Да, еще один момент. Когда вы будете делать GIF из цветной фотографии, то перед оптимизацией установите индексированный режим изображения : изображение -> режим -> индексированный

Мы пропустили этот шаг, т.к. фотографию сделали черно-белой, а розы и сердце темными. И у нас все получилось в режиме RGB.

                                            Автор: Сергей М.

Категория: Анимация Gif | Добавил: Сергей-М (17.03.2016) | Автор: Сергей М.
Просмотров: 2953 | Теги: анимация Gif | Рейтинг: 5.0/1

Похожие статьи:

Всего комментариев: 0
avatar

Поиск
Вход на сайт
Облако тегов
Категории
Фотомонтаж в Gimp [6]
От простых уроков (монтаж в фоторамочку), до сложных - создание коллажей.
Первые шаги [10]
Уроки для начинающих. Примеры работ с разными инструментами.
Анимация Gif [2]
Создание GIF файлов, простой и более сложной анимации в GIMP
Обработка фотографий. [6]
Ретушь, реставрация и восстановление фотографий, художественная обработка и т.п.
Рисуем с GIMP [5]
Создание интересных и красочных рисунков в программе GIMP
Популярные уроки
Вырезаем и переносим объект.
Замена фона.
Как вставить фото в рамку.
Объемное фото. 3D эффект.
Как нарисовать часы.
Анимация Gif Сердце
Присоединяйтесь
Полезные ссылки
  • 160 фотошоп-рамок
  • Создать свой сайт uCoz


  • Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Copyright Photomontage.ucoz.net © 2015 - 2020 | | SiteMap.xml