GIMPBNKSB

GIMP Анимируем блёстки на картинке с помощью контуров.

bnksb — Wed, 09 Dec 2015 20:17:35 GMT

Главная страничка форума Графический редактор GIMP. Уроки и помощь при работе с GIMP.

Скачать или обновить последнюю версию GIMP

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

Вот исходная картинка. (Подробнее о наложении блёсток (глиттеров) можно посмотреть здесь->GIMP2 анимируем блестяшки на картинке,работа с глиттерами.)->

Откроем "Диалог контуров".
Меню "Окна", и выбираем "Контуры"->

На панели диалогов, у нас откроется "Диалог контуров"->

На панели инструментов включаем инструмент "Контура"->

В отличии от выделения, контур может быть, как замкнутым, так и не замкнутым. В этом уроке, мы будем использовать не замкнутые контура.
Увеличим масштаб нашей картинки до 200%, чтобы легче было наносить контур.
Выбираем элемент картинки на который мы хотим нанести линию блёсток, наводим курсор на этот элемент, и щёлкая левой клавишей мышки аккуратно наносим линию контура, в виде маленьких прямых отрезков (при необходимости, всегда можно отменить последний узел контура через меню "Правка").->

Смотрим на панель "Диалогов контуров"->у нас появился первый контур, переименуем его цифру 1 , чтобы в дальнейшем не запутаться (просто щёлкнем дважды левой клавишей мышки по его названию в "Диалоге контуров", и пропишем цифру 1)/
После создания первого контура, выбираем второй элемент картинки, куда мы будем наносить линию блёсток, и в панели "Диалогов контуров" смело жмём кнопку "Создать новый контур" ->

У нас откроется окно "Новый контур", пропишем имя контура цифрой 2.->

В "Диалоге контуров" у нас появился новый контур 2.->

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

Действуя по аналогии, создаём необходимое количество контуров, я создал для этой картинки 11 контуров.
На этой картинке показан последний 11 контур, а в "Диалоге контуров" я специально включил видимость всех контуров для наглядности.->

Вот так выглядит "Диалог контуров" с созданными мною 11 контурами.->

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

В результате, мы получим картинку с наложенной на неё быстрой маской.->

Настроим инструмент кисть на панели инструментов.
Включаем цвет переднего плана белый, и выбираем кисть->circle (03)->

Обрисуем каждый наш контур этой кистью белого цвета.
Для этого активируем контур 1 в "Диалоге контуров", и через меню "Правка" выбираем "Обвести по контуру"->

У нас откроется окно "Обводка по контуру" -> выбираем инструмент кисть, которую мы настроили ранее на панели инструментов, и смело жмём кнопку обвести.->

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

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

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

На панели инструментов включаем инструмент "Заливка" и настраиваем его->
Режим->Экран
Тип заливки->Текстура, и выбираем текстуру соответствующую первому слою применяемого глиттера.
Область применения->Заполнить всё выделенное
Вот настройки "Заливки"->

Поскольку наши выделения имеют очень маленькую толщину, то увеличиваем масштаб окна редактирования до 400%, чтобы не ловить мышкой микроны при применении заливки.->

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

Удачи, BNKSB!

GIMP2 анимируем блестяшки на картинке,работа с глиттерами.

bnksb — Wed, 18 Nov 2015 10:10:20 GMT

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

Скачать или обновить последнюю версию GIMP

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

На самом деле установить анимированные блёстки на любую картинку достаточно просто, если воспользоваться анимированными глиттерами.
Коллекцию из 116 анимированных глиттеров можно скачать здесь-> ZIP архив анимированных глиттеров (размер файла 1,977Кбайт).
Открываем анимированный глиттер в GIMP, и каждый его слой сохраняем, как отдельную текстуру, затем на картинке выделяем область на которой должны появиться блёстки, создаём копии слоя исходной картинки (число всех слоёв исходной картинки->должно равняться числу слоёв в глиттере), и в выделенную область каждого слоя исходной картинки вставляем по очереди созданную текстуру из глиттера в той же последовательности, которая была в глиттере.
Наложим блёстки на эту исходную картинку, сделаем так, чтобы без блёсток была только птичка.->

Мне из коллекции глиттеров понравился этот(75х75)->

Откроем его в GIMP, либо через меню "Файл"->"Открыть", либо просто перетащим мышкой из папки, где он хранится в окно редактирования GIMP.->

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

Следующий ход-> Необходимо разоптимизировать анимацию глиттера, в противном случае при наложении глиттера на картинку блёстки могут иметь не очень приличный вид.
Меню "Фильтры"->"Анимация"-> и выбираем "Разоптимизировать"->

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

Сохраним активный слой "Фон" глиттера, как текстуру.
Меню"Правка"->"Копировать"->

Меню "Правка"->"Вставить как"-> и выбираем "Новая текстура"->

У нас открылось окно "Новая текстура", пропишем название текстуры и файла, чтобы не запутаться. Назовём их одинаково Текстура1 ФОН, то есть эта текстура будет заливаться всегда на слой исходного изображения- Фон, и смело жмём кнопку "ОК"->

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

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

В принципе всё, глиттер преобразован в три текстуры и готов для анимирования любой картинки. Окно редактирования с нашим глиттером можно закрыть, оно нам больше не понадобится.
Однако отвлечёмся от основной темы урока и посмотрим для чего это было нужно.
Для этого создадим три белых слоя размером 500х400, и на каждый слой зальём по созданной текстуре и посмотрим, что получится.
Меню "Файл"->"Создать"->

В открывшемся окне пропишем размеры создаваемого изображения 500х400->

В панели "Диалоги слоёв" создадим две копии созданного изображения (всего должно быть три слоя) с помощью кнопки "Создать копию активного слоя" (кнопка отмечена красным кружочком) и переименуем их на слой "Фон", "2" и "3" (переименовать можно дважды щёлкнув по названию слоя в "Диалоге слоёв" левой клавишей мышки и в открывшемся окошке прописать новое название, и нажимаем клавишу "Enter"). Активируем слой "Фон"->

Настроим теперь инструмент "Заливка", который нам сейчас понадобится.
На панели инструментов выберем "Инструмент заливка".
Тип заливки->"Текстура", выберем текстуру->Текстура1Фон ( выбрать можно, как на панели инструментов, так и в "Диалоге текстур" панели диалогов).
Область применения->Заполнить всё выделенное.->

Наведём курсор на окно редактирования с изображением белого цвета 500х400, и просто щёлкнем по нему левой клавишей мышки, и слой фон будет покрыт Текстурой1Фон.
Активируем слой 2, включаем текстуру->Текстуру1 Кадр2, и щёлкаем по окну редактирования.
По аналогии активируем слой 3, и заливаем его текстурой->Текстура1Кадр3.
В результате "Диалог слоёв" должен выглядеть следующим образом.->

А окно редактирования при активном слое 3 должно быть следующим.->

Включим анимацию. Меню"Фильтры"->"Анимация"->"Воспроизведение".
Как видно у нас получилась анимированная текстурами ( сделанными из анимированого глиттера)картинка.
Следовательно с помощью этой последовательности текстур, заливая участки картинки или выделение мы можем делать анимацию.->

Вернёмся теперь к основной теме урока.
Откроем исходное изображение в GIMP, и выделим участок на который мы будем накладывать анимированные блёстки.
Но для начала настроим на панели инструментов ->"Инструмент Лассо".
Включим режим->"Добавить выделение к исходному выделению" ( отмечен красным кружочком)->

Накладывать блёстки я буду на ветку и цветочки, но если их выделять, то можно замучиться, поэтому я выделю птичку, а затем выделение инвертирую, то есть переведу выделение с птички на всю картинку без птички.
Увеличим масштаб до 200% в окне редактирования (в красной рамочке) и аккуратно инструментом Лассо общёлкаем птичку над веткой. Так как у нас включен режим ->Добавить к текущему выделению, то мы можем общёлкать хвост птички под веткой и это выделение будет добавлено автоматически к первому и будет составлять с ним единое целое.
Как выглядит выделение в живую можно посмотреть скачав и открыв исходник в GIMP->Файл GIMP XCF (выделение птички).
В результате мы должны получить приблизительно следующее.->

Переведём выделение с птички на ветку и цветочки, просто инвертируем его.
Меню "Выделение"-> "Инвертировать"->

В диалоге слоёв с помощью кнопки "Создать копию активного слоя" (отмечена красным кружочком) создадим две копии изображения нашей птички, всего должно быть три слоя (количество слоёв в исходном изображении должно ровняться количеству слоёв в анимированном глиттере),и переименуем их на слой "Фон", "2" и "3" (переименовать можно дважды щёлкнув по названию слоя в "Диалоге слоёв" левой клавишей мышки и в открывшемся окошке прописать новое название, и нажимаем клавишу "Enter"). При этом выделение у нас будет сохранено на всех созданных слоях->

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

Активируем слой "Фон" и заливаем его текстурой->Текстура1Фон.
Активируем слой "2" и заливаем его уже Текстура1 Кадр2
Активируем слой "3" и заливаем->Текстура1Кадр3.
Вот и всё, включаем анимацию->меню"Фильтры"->"Анимация"->Воспроизведение"
Если не наделали ошибок и были внимательны, то будете любоваться своей работой.
Оптимизируем анимацию->меню "Фильтры"->"Анимация"->"Оптимизация для (GIF)
Сохраняем, как GIF анимацию. Вот результат->

Ну и в заключении создадим блестящую надпись->"Привет инуля!", с помощью наших текстур. Наносим надпись на свободное место, выбираем шрифт и его размер, затем через меню "Слои" переводим текст в выделение.
Через меню выделение объединяем текстовый слой с любым слоем исходного изображения, при этом выделение текста появится на каждом слое.
На панели инструментов включим режим смешивания текстур->"Нормальный" и тупо по очереди зальём наши текстуры в выделенный текст на каждом слое.
Вот результат.->

Удачи BNKSB!

Мерцающие блёстки нужного цвта

tanihkakom — Mon, 03 Aug 2015 08:02:57 GMT

Здравствуйте, я хотела бы поделиться ещё одним способом как моно создать блёстки.
Особенность состоит в том что блёстки не движутся а переливаются разными цветами теми какими мы хотим.
1. Для начала откроем картинку с нужным изображением и делаем три копии, можно больше (количество копий зависит от количества цветов которые мы будем использовать) Я для примера буду использовать три цвета, следовательно копий тоже три
2. Теперь включим быструю маску (всё станет прозрачно-красным)
3. Далее меню- фильтры- шум- бросок
4. В выплывшем окне я поставила все параметры на единицу

5. Снимем быструю маску, у нас получились круглые выделения, с ними мы и будем работать.

Но для начала нужно убрать из выделения то что не должно блестеть.
На моём примере у меня не должен блестеть дельфин, поэтому я возьму инструмент ласо, и прежде чем выделять дельфина настрою его, а именно в окне свободного выделения (оно находится под инструментами) выберу вычесть из текущего выделения.

на рисунке выделен красным квадратом. Теперь можно обводить дельфина. Для удобства можно увеличить масштаб. Если всё сделали правильно то место выделения перестанет мигать.

6. Теперь можно поработать с выделением,
(можно ещё увеличить, (выделение -увеличить), я оставила как есть. )
На каждом слои заливаем выделение разными цветами. (если щёлкать зливкой несколько раз то цвет будет яркий везде, если щёлкнуть один раз то цвет будет бледный)
Первый слой я залила оранжевым, второй красным, третий белым.

Посмотреть на Яндекс.Фотках

вот что получилось

Далее можно снять выделение.

7. Теперь делаем вторую партию блёсток на первом слои включаем быструю маску меню-шум-бросок (не забудьте в окне шума случайный бросок указать новое зерно!) и повторяем вышеуказанные пункты только с другими цветами. И так повторять до желаемого результата. я повторила 3 раза.

Я думаю общий смысл понятен.
итого
Посмотреть на Яндекс.Фотках">итого
Посмотреть на Яндекс.Фотках">итого

GIMP-Создаём мерцающие капельки в GIMP.

chuhpe — Mon, 18 May 2015 06:55:23 GMT

Создаем бегающие блёстки c помощью Alien Skin Xenofex2.

Lana — Thu, 16 Apr 2015 19:25:17 GMT

Доброго времени суток! Давно собиралась выложить этот урок! Вот руки наконец-то дошли. Урок не мой, подсмотрен на фотошоповском форуме, на каком к сожалению не помню. Просто адаптировала для Джимпа.
Итак, открываем изображение, создадим прозрачный слой, выберем кисточку и нарисуем все что нам захочется. в данном случае я просто линию провела.

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

После этого создадим копии нашего прозрачного слоя по числу частей. У меня линия разделена на 8 частей и я соответсвенно сделала 8 копий.
Открываем первый прозрачный слой и идем в фильтр Alien Skin Xenofex2- Constellation. Выбираем настройки по своему вкусу. Не забудьте нажать кнопочку Make selection transparent, у меня на черном фоне только для наглядности.

Далее после применения фильтра возвращаемся на наш первый прозрачный слой и стираем все части линии кроме первой.

Дальше переходим на 2ой прозрачный слой, опять идем в фильтр Constellation и ничего там не меняем( проверьте чтобы у вас стояло Make selection transparent) , а только жмем кнопочку Random Seed.Возвращаемся на слой и стираем все части теперь уже кроме первых двух.
И так продолжаем работать с фильтром( не забывая каждый раз нажимать Random Seed ) и ластиком. На последнем слое не стираем ничего.
После этого делаем столько копий фона сколько у нас прозрачных слоев, располагаем их под прозрачными слоями и объединяем.
Итого у меня получилось 9 слоев( 8 с блестками и 1 просто исходное изображение).
Поэкспереминтируйте со скоростью анимации, например я поставила для первого слоя без блесток скорость чуть больше ,чем для всех остальных. Ну а дальше как всегда: оптимизируем, индексируем, сохраняем и любуемся!

Блестящий текст в Гимпе 2.6

NightBat — Fri, 13 Mar 2015 20:57:05 GMT

Форум: Блестящая анимация в GIMP.
Автор темы: NightBat
Автор последнего сообщения: ttan
Количество ответов: 32

Делаем блестки с помощью шума

Нюша — Sat, 03 Jan 2015 18:52:21 GMT

По просьбе JIuJIuT выкладываю урок по созданию блесток с помощью шума.
Строго не судите это мой первый урок
За исходник возьмем вот эту картинку;

Открываем картинку в Gimp

Делаем копии фона ,я покажу на трех слоях,но можно и больше сделать

Берем инструмент Выделение связанной области и кликаем им по заколке на волосах

Нажимаем Фильтры-ШУМ-ШУМ HSV
Выскочит вот такая табличка

Поиграем чуток с настройками на первом слое

Со вторым и третьим слоем проделываем тоже самое ...
Следом жмем Изображение-Режим-Индексирование
Вот мои настройки

Сохраняем как

Скорость я поставила 150

И вот результат .

P.S Надеюсь мой урок Вам пригодится.
Удачи вам :)P.S Нюша

Рассыпающийся текст

Электра — Sat, 06 Sep 2014 05:15:01 GMT

Здравствуйте! Подскажите пожалуйста, как такое можно сделать в ГИМПе? Сделайте пожалуйста урок кому не трудно. Буду Очень-Очень благодарна! Огромное спасибо заранее!

Блинги в Гимп.

tatyan-me — Fri, 28 Mar 2014 17:24:56 GMT

Блинги-это все, что сверкает и переливается.

На форуме спросили,как сделать такую анимашку. Скорее всего,так делается в специальной программе.Так и не нашла ничего по этой программе.В Gap-видео по контуру можно только так.

Кистью создала вот такие анимации,может и пригодятся.Хоть и не совсем блинги,но применить можно куда-нибудь.

Вот и сам урок по созданию этих блестяшек.

Создадим новый слой и зальем черным цветом.

Добавим прозрачный слой.

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

Переведем выделение в контур.

Во вкладке контуры появился наш контур.

Обведем крест на прозрачном слое.Параметры обводки каждый выбирает свои.У меня кисть настроена на таких параметрах.

Получилась вот такая обводка.

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

Будем на каждом слое обводить наш контур.Выбрала кисть звездочку.Передний и задний фон цвета-белые.Остальные параметры-на скрине.Будем менять лишь Длину штриха,остальное не трогаем.Начинаем с 200,на следующем слое 190.И так,убавляя по 10,обведем все десять контуров на прозрачных слоях.

Интервал кисти 140

Выделяем первый,нижний прозрачный слой.У остальных глазки закроем.Правка-Обвести контур.

Настройки кисти для обводки поставила такие.

Выделила следующий,прозрачный слой.Длина штриха 190.Правка-Обвести контур.И так на всех слоях,уменьшая длину штриха на 10.Здесь уже у каждого своя фантазия.Я и на 20 уменьшала и на 15.

Объединим,нижний,черный,фоновый слой с прозрачными слоями. Удалим его,он больше не нужен.

Текст с блёстками.

nataliyabarysheva — Tue, 02 Oct 2012 06:40:08 GMT

Форумчане! Хочу Вас "познакомить" с анимированным скриптом bling-text, с помощью которого в два клика Вы сможете создать любой анимированный блёстками текст. Вот примеры:

Скачать его можно здесь: АНИМЕ_Скрипт_bling-text.rar

Установка: распаковываем архив => файл bling-text.scm копируем в Папку scripts, текстуры из архивной Папки patterns копируем в Гимповскую Папку patterns.
Скрипт в GIMPе - Файл=>Создать=>Logos(gimpchat.com)