Актуальная на сегодняшний день стабильная версия GIMP 2.10.12
Анимация воды(2 вариант). - Форум - GIMP на BNKSB
ВЫБИРАЕМ ДИЗАЙН ФОРУМА ->
Понедельник, 16.09.2019, 01:56
Приветствую Вас Гость

GIMP на BNKSB

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 5
  • 1
  • 2
  • 3
  • 4
  • 5
  • »
Модератор форума: СкрытнаЯ, lau_ra  
Форум » Графический редактор GIMP. Уроки и помощь при работе с GIMP. » Анимация в GIMP » Анимация воды(2 вариант).
Анимация воды(2 вариант).
chuhpeДата: Воскресенье, 22.02.2009, 21:15 | Сообщение # 1
Сэнсэ́й
Группа: Администраторы
Сообщений: 627
Награды: 48
Репутация: 14
Статус: Оффлайн
Помогите пожалуйста с помощью фильтра - анимация-рябь анимировать только воду.Я пыталась у меня анимировался весь рисунок.Спасибо!

Chuhpe.

 
bnksbДата: Воскресенье, 01.03.2009, 13:47 | Сообщение # 2
Admin
Группа: Администраторы
Сообщений: 1661
Награды: 106
Репутация: 54
Статус: Оффлайн
Главная страничка форума Графические редакторы, или Редакторы изображения и фото



Посмотреть и скачать учебник(в формате PDF) для начинающих по графическому редактору можно здесь->Учебник по графическому редактору GIMP


Ну здесь ни какого творчества, только техника использования программы GIMP.




[b]Для работы будут использованы следующие инструменты->




Открываем исходное изображение в "Окне редактирования", затем , если у Вас не настроено по умолчанию, открываем окно "Диалоги слоёв", в меню "Окна"->"Панели"->"Слои"->



В окне "Диалоги слоёв" мы должны увидеть нашу картинку в единственном числе->



Воспользуемся инструментом "Эллиптическое выделение" Рис. 1, и выделим только цветок, примерно так, как здесь->




Вырежем цветок, меню "Правка"->"Вырезать"



В результате, мы должны получить вот такую картинку->




Мудрить не будем, и тупо включим встроенную в программу GIMP анимацию, дающую эффект движения воды. Меню "Фильтры"->"Анимация"->"Рябь"->



У нас откроется окно настройки анимации "Рябь", менять в нём ничего не будем,просто нажмём кнопку "ОК"->





В результате будет создана анимация состоящая из 15 слоёв (кадров), причем на разных слоях форма белого пятна будет разная, а в окне редактирования появится приблизительно такая картинка->



В окне "Диалоги слоёв", мы увидим 15 слоёв созданной анимации




Теперь, в эту готовую анимацию,нам нужно поместить цветок. Для этого открываем папку,где на компьютере находится исходное изображение (у меня в папке "Мои рисунки"), наводим курсор мышки на него, нажимаем левую клавишу мышки, и не отпуская её перетаскиваем исходную картинку в окно редактирования GIMP. Если перемещение успешно, то в окне "Диалоги слоёв" мы увидим появление нового слоя с нашей картинкой.->



Теперь нам нужно под каждым слоем готовой анимации разместить нашу исходную картинку. Для этого воспользуемся инструментами окна"Диалога слоёв"->




Найдём в окне "Диалоги слоёв" нашу исходную картинку и активируем её ( просто щёлкнем по ней мышкой, и эта строчка примет синий вид) и с помощью инструмента "Опустить активный слой" (Рис.2) переместим слой с нашей картинкой в самый низ, она должна оказаться под слоем Frame 0. Далее используем инструмент "Создать копию активного слоя" (Рис.2) и создадим копию слоя с нашей картинкой, и инструментом "Поднять активный слой" (Рис.2) переместим его под слой Frame 1. Ну и дальше повторяем эти не сложные операции, чтобы под каждым слоем анимации Frame был расположен слой с нашей картинкой. В результате у нас будет в окне "Диалоги слоёв" всего 30 слоёв->




Приступим к созданию первого слоя (кадра) нашей анимации, он будет состоять из слоя Frame 0 и слоя с нашей картинкой, который находится под слоем Frame 0.
Для этого активируем слой Frame 0 ( просто щёлкнем по нему мышкой и этот слой станет синим) и включим видимость только этого слоя, а видимость остальных слоёв отключим. Нажимаем клавишу "Shift" на клавиатуре, и не отпуская её щёлкнем мышкой по иконке зрачка глаза в этом слое, при этом иконки со зрачком глаза во всех других слоях пропадут и в окне редактирования будет виден только слой Frame 0. Теперь включим видимость слоя с нашей картинкой, который находится под слоем Frame 0. В окне "Диалоги слоёв" мы должны увидеть следующее.->




Ну теперь дело техники, только успевай щёлкать мышкой.
Включаем прозрачность слоя Frame 0. Меню "Слои"->"Прозрачность"->"Включить альфа канал"->



Воспользуемся инструментом "Волшебная палочка" (Рис.1), и просто щёлкнем им по белому пятну, и вокруг него появится муравьиная дорожка выделения->



Ну теперь пора убрать белое пятно. Меню "Правка"->"Вырезать"->




Ну вот, вместо белого пятна появился наш цветок, однако вокруг него появился дефект->белая линия вокруг цветка по линии выделения.->



Уберём этот дефект. Воспользуемся меню "Слои"->"Граница", и поместим белую линию в выделение.->



У нас откроется окно "Граница из выделения", установим ширину этого выделения 2 точки растра и жмём кнопку "ОК" .->





Наша белая полоска оказалась внутри выделенного участка.->



Вырежем её. Меню "Правка"->"Вырезать"->





Снимем выделение, и убедимся,что дефект пропал. Меню "Выделение"->"Снять"->



Всё, что нам осталось, так это объединить эти слои, и первый кадр анимации готов. Меню "Слои"->"Объединить с предыдущим". Всё, первый кадр анимации готов.->




По аналогии создадим второй кадр анимации. В окне "Диалоги слоёв" (Рис.2) активируем слой "Frame 1, включим его видимость, а также включим видимость слоя с нашей исходной картинкой, который находится под слоем "Frame 1"->



Начинаем опять активно щёлкать мышкой:
1.Включаем прозрачность.
2.Выделяем белое пятно "Волшебной палочкой (Рис.1).
3.Вырезаем выделение.
4.Переводим выделение в границу.
5.Вырезаем выделение
6.Снимаем выделение.
7.Объединяем слои.
Переходим к созданию 3 кадра анимации, и так нужно создать все кадры анимации. В результате у нас должно получиться 15 слоёв с готовой анимацией.->





В принципе анимация уже готова и её можно посмотреть, включив через меню "Фильтры", и сохранить как GIF, но результат может оказаться не очень хорошим.
Размер файла анимации будет большим и загрузка картинки будет производиться долго. При сохранении в GIF могут появиться дефекты характерные для GIF и анимация будет выглядеть не очень красиво.
Уменьшим размер файла нашей анимации. Воспользуемся меню "Фильтры"->"Анимация"->"Оптимизация(дляGIF). Результат можно будет увидеть в окне "Диалоги слоёв"->




Посмотрим как будет выглядеть наша картинка при сохранении в GIF. Меню "Изображение"->"Режим"->"Индексирование"->



У нас откроется окно "Преобразовать изображение в индексированное". В нашем случае, чтобы избежать дефектов при индексации (Перевод изображения в GIF) пришлось изменить режим "Размывание", устанавливаем "Смешивание цветов по Флойду-Стейнбергу (уменьшенное растекание).->




Всё, сохраняем анимацию в формате GIF, при этом настройки оставляем установленные по умолчанию (стандартные). Вот результат.->



Я при создании этой анимашки затратил не более 15 минут. Может у кого -нибудь плучиться быстрее?
Удачи!

 
chuhpeДата: Понедельник, 02.03.2009, 20:52 | Сообщение # 3
Сэнсэ́й
Группа: Администраторы
Сообщений: 627
Награды: 48
Репутация: 14
Статус: Оффлайн
Спасибо за очередной урок и помощь! У меня это забрало намного больше чем 15 минут.Довольно таки трудноватая работа.Но вот результат
 
Natasha60Дата: Пятница, 13.03.2009, 21:24 | Сообщение # 4
Новичок
Группа: Пользователи
Сообщений: 2
Награды: 0
Репутация: 0
Статус: Оффлайн
Здравствуйте!!! Пробовала анимацию воды делать, с помощью GIMP. Но у меня ни чего не получилось, всё делаю по урокам, вроде бы идёт всё нормально,в итоге, в конце ни фига, анимацию не показывает. может чтото не так делаю, или не так сохрняю? Заранее спасибо.


Хочу на учиться.
 
bnksbДата: Суббота, 14.03.2009, 08:58 | Сообщение # 5
Admin
Группа: Администраторы
Сообщений: 1661
Награды: 106
Репутация: 54
Статус: Оффлайн
А перед сохранением Вы просматривали анимацию? Меню "Фильтры"->"Анимация"->"Воспроизведение"? Если анимация работает, то значит Вы неверно сохраняете как GIF. Чтобы не терять проделанную работу в GIMP сохраняйте Ваш файл в формате "Файл GIMP XCF, тогда все Ваши действия, в том числе и выделения будут сохранены, и Вы всегда сможете продолжить не законченную работу или внести необходимые изменения, в том числе и изменить скорость анимации. Как правильно сохранить анимацию GIF, посмотрите в самом конце этого урока->Мигающая аватарка
Если ничего не получится, то подробненько опишите, что и где у Вас не получается, вышлете мне на почту Вашу работу сохранённую в формате GIMP XCF, чтобы можно было сказать, где Вы допускаете ошибку.
Удачи,Natasha60!
 
Форум » Графический редактор GIMP. Уроки и помощь при работе с GIMP. » Анимация в GIMP » Анимация воды(2 вариант).
  • Страница 1 из 5
  • 1
  • 2
  • 3
  • 4
  • 5
  • »
Поиск:
>