-Рубрики

 -Поиск по дневнику

Поиск сообщений в Светлана_Нагорнова

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 06.12.2012
Записей: 1279
Комментариев: 109
Написано: 1428


АНИМАЦИЯ ВОДЫ С ПОМОЩЬЮ GIMP

Вторник, 01 Января 2013 г. 18:43 + в цитатник
Цитата сообщения IrchaV АНИМАЦИЯ ВОДЫ С ПОМОЩЬЮ GIMP

 

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

Ну здесь ни какого творчества, только техника использования программы GIMP. Сразу оговорюсь, что здесь будет использована последняя версия GIMP2.6.5. Скачать эту версию можно с официального сайта GIMP, вот ссылка->Скачать GIMP2.6.5
Вот исходник->

 
Главная страничка форума Графические редакторы, или Редакторы изображения и фото

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

Ну здесь ни какого творчества, только техника использования программы GIMP. Сразу оговорюсь, что здесь будет использована последняя версия GIMP2.6.5. Скачать эту версию можно с официального сайта GIMP, вот ссылка->Скачать GIMP2.6.5
Вот исходник->

 


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

 

 

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

 

 

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

 

 

Воспользуемся инструментом "Эллиптическое выделение" Рис. 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, при этом настройки оставляем установленные по умолчанию (стандартные). Вот результат.->

источник

Серия сообщений "Фотошоп":
Часть 1 - Бродилка "Фотошоп"
Часть 2 - УРОК =ОВАЛЬНАЯ КАРТИНКА С РАЗМЫТЫМИ КРАЯМИ=
...
Часть 4 - Без заголовка
Часть 5 - Видио уроки по фотошопу
Часть 6 - АНИМАЦИЯ ВОДЫ С ПОМОЩЬЮ GIMP
Часть 7 - ВСТАВЛЯЕМ ЛИЦО В ШАБЛОН
Часть 8 - Бродилка по урокам ФШ от Борисовны
...
Часть 11 - ПРОСТАЯ РАМОЧКА В ФОТОШОПЕ
Часть 12 - АНИМАЦИЯ ИНСТРУМЕНТОМ ФОТОШОПА КИСТОЧКОЙ «ЗАМЕНА ЦВЕТА»
Часть 13 - БОЛЬШАЯ БРОДИЛКА - КЛИПАРТ, ФШ И Т.Д.

Серия сообщений "Анимация":
Часть 1 - Зимние анимационные картинки
Часть 2 - Все для Лиру, Коллекция разных картинок
Часть 3 - НОВОГОДНИЕ ОБЛОЖКИ ДЛЯ МИРА
Часть 4 - АНИМАЦИЯ ВОДЫ С ПОМОЩЬЮ GIMP
Часть 5 - Клипарт «Принцессы» (png)
Часть 6 - Анимация,картинки-свечи на черном фоне и в коллаже
...
Часть 10 - САЙТ, ГДЕ МОЖНО В НЕСКОЛЬКО МИНУТ, И ОЧЕНЬ ЛЕГКО АНИМИРОВАТЬ СВОИ ФОТО
Часть 11 - АНИМАШКИ ДЛЯ ДНЕВНИКОВ
Часть 12 - АНИМАЦИЯ БИЛИНГОМ ПО КОНТУРУ КАРТИНКИ

Метки:  

Анненкова_Нина   обратиться по имени Вторник, 01 Января 2013 г. 18:52 (ссылка)
Спасибо
Ответить С цитатой В цитатник
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку