GIMPBNKSB

GIMP 2.10 Перемещаем любое количество слоёв и групп

bnksb — Sat, 11 Mar 2023 16:07:05 GMT

Для того чтобы перетаскивать одновременно в один щелчок сколь угодно много слоёв и групп в указанное нами место - воспользуемся инструментами , которые реализованы в скрипте AnimStack.scm - автор Timofei Shatrov
Скачать версию скрипта, где инструменты работы со слоями и группами русифицированы - Доступно только для пользователейanimstack (2).scm
Рассмотрим подробнее работу этих инструментов:
1. Перемещение связанных слоёв в указанное нами место - в отдельную группу слоёв
2. Создание копий связанных слоёв, и перемещение их в указанное нами место - в отдельную группу слоёв, при этом исходные слои,
которые были связаны - останутся на своём месте
3. Распаковка любой группы слоёв
4. Реверс (обратный порядок слоёв и групп в стопке), как внутри группы, так и всего изображения
5. Зеркало - зеркальное отражение слоёв и групп относительно самого верхнего слоя или группы
6. Сведение всех групп слоёв в отдельные слои для каждой группы
Для начала, чтобы было понятно, как работать со скриптом - рассмотрим простой пример. Открываеv в GIMP изображение, состоящее из 16 слоёв, и перенесём некоторые слои в указанное нами место.

Доступно только для пользователейСвяжем слои - кадр 2, кадр 9, кадр 13 - просто включим у них цепочки, а затем переместим все эти слои между слоями кадр 15 и кадр 16. Активируем слой -кадр 15 - просто щёлкнем по нему левой клавишей мышки в панели "Диалог слоёв". Запускаем скрипт - меню "Слой" - "Группы и слои" - "Связанные слои в группу". Моментально между слоями кадр 15 и кадр 16 появилась новая "Группа слоёв" в которой теперь находятся, ранее связанные слои - кадр 2, кадр 9, кадр 13, а на старом месте их уже нет. Убеждайтесь сами:

Распакуем эту новую группу в отдельные слои. Активируем слой - "Группа слоёв", затем - меню "Слой" - "Группы и слои" - "Распаковать группу слоёв"

Моментально получаем результат. Все слои перенесены между слоями кадр 15 и кадр 16

А теперь переместим копии слоёв. Немножко усложним - добавим к перемещаемым слоям - кадр 4, и поместим перемещаемые слои между кадрами 7 и 8.
Доступно только для пользователейПо аналогии с вышеизложенным - свяжем слои - кадр 2, кадр 4, кадр 9, кадр 13 - просто включим у них цепочки, а затем - активируем слой "кадр 7", и запускаем скрипт- меню "Слой" - "Группы и слои" - "Копии связанных слоёв в группу" - между слоями кадр 7 и кадр 8 появится новая "Группа слоёв" в которой будут копии связанных кадров - 2, 4, 9, 13. при этом оригиналы слоёв с этими кадров останутся на своём месте. Распакуем эту новую группу в отдельные слои. Активируем слой - "Группа слоёв", затем - меню "Слой" - "Группы и слои" - "Распаковать группу слоёв".
В результате копии слоёв, которые мы указали - теперь находятся между слоями кадр 7 и кадр 8, а сами слои остались на своём месте:

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

Если Вы разобрались как перемещаются слои и их копии в простейшем варианте, который изложен выше, то и со сложным изображением действуем абсолютно также. Главное - нужно быть очень внимательным и не запутаться в большом количестве слоёв и групп.
В данном примере я выбрал группу в группе, другую отдельную группу, два слоя из трёх ещё в одной группе, и просто отдельный слой изображения вне группы - и переместил всё это хозяйство внутрь другой группы, а затем копии этих же слоёв и групп в новую группу изображения.
А теперь подробнее:
Доступно только для пользователейСвязываем группу Group added by GIMP #5, которая находится в группе Ribbons, отдельную группу Christmas Ball #6, слои 1 и 2 в группе Bottom Shapes, и просто отдельный слой Blur Confetti.

Перенесём всё это в группу Ribbons - над слоем Ribbon. Активируем слой Ribbon, который находится в группе Ribbons, и запускаем - "Связанные слои в группу". Практически сразу видим что всё удачно переместилось в указанное место:

А теперь перенесём копии этих же связанных слоёв в новую группу над группой GIFT BOX.
Активируем группу GIFT BOX, и запускаем - "Копии связанных слоёв в группу". И опять всё удачно - копии переместились, а исходники остались на своём месте.

Что касается реверса, зеркало, и сведение всех групп в отдельные слои, то найти их можно в меню "Изображение"
В заключении краткое поясняющее видео. Управление скриптом осуществляется в видео с помощью быстрых клавиш.

Видео-урок. Анимированный логотип

bnksb — Wed, 01 Jan 2020 16:11:14 GMT

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

Вот прямая ссылка-> "Electricity Logo" ZIP архив, 2 скрипта весом 5,59 Кбайт

=БАННЕР 88х31=

Curious — Sat, 23 Feb 2019 00:32:39 GMT

Вроде уроки практически на все темы.СПАСИБО!!!
Но меня интересуют анимированные баннеры со всякими эффектами 88х31.
Не могли бы Вы сделать подробный урок?

Создаём кнопку в GIMP.

chuhpe — Fri, 09 Mar 2018 17:35:33 GMT

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

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

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

С помощью -Меню -Файл -Создать, делаем документ размером 200 на 70->

и при помощи прямоугольного выделения, выделяем нашу кнопку.

Что бы раскрасить кнопку, мы используем инструмент ->Градиентная заливка->и выберем цвет по вкусу, у меня сине -голубой->

Заливаем нашу кнопку с верху в низ ,получаем такой результат->

Можно через Меню -Выделение-Граница, сделать рамку нашей кнопки, залив градиентом более тёмного цвета->

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

Теперь нам нужно добавить текст на наши слои .На первый слой -фон-я написала :Графический редактор и объединила с фоном, а на второй -копия фона-GIMP и так же объединила с копией фона.Меню-Слой -Объединить с предыдущим.

Ну и в заключении применим эффект выжигания Меню-Фильтры-Анимация-Выжигание->

Вот параметры которые я использовала при выжигание, Вы можете задать свои параметры и поэксперементировать->

Вот такая кнопка получается в GIMP->

Желаю Удачи,Chuhpe!

GIMP. Анимированный баннер 468х60 весом 35 Кбайт.

bnksb — Fri, 09 Mar 2018 17:33:02 GMT

Создаём анимированный баннер "Бегущая строка" за 10 минут, размером 468х60, и весом до 35 Кбайт, подходящий под требования любой рекламной компании.

GIMP. Краткое пособие по созданию анимированного баннера.

support-mushketer — Tue, 21 Nov 2017 03:25:34 GMT

Форум: GIMP в сайтостроении (Web дизайн)
Описание темы: Учимся с support-mushketer делать надписные огоньки.
Автор темы: support-mushketer
Автор последнего сообщения: MUniobia
Количество ответов: 17

Юзербар в Gimp.

chuhpe — Tue, 10 Dec 2013 16:49:32 GMT

В этом уроке я попробую сделать статичный баннер, для участницы форума SexySterva.
Создадим новое изображение через Файл- Создать, размером 300-30 т.р.

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

После этого создадим новый слой, с помощью значка'' Создать'', на панели инструментов

И выберем текстуру" линии" по просьбе SexySterva (те линии которые вы привели в примере ,мне не удалось найти, это скорей всего отдельная текстура, которую нужно скачать и установить поэтому я воспользовалась готовой текстурой в гимповской коллекции ).

Зальём наш новый слой текстурой и сменим прозрачность на этом слое, что бы в результате были видны только чёрные полосы-

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

Вот что у нас получается-

Что бы придать нашему баннеру объём, создадим четвёртый слой и зальём его чёрно-белым градиентом,

сменим прозрачность и получим вот такой результат-

Ну и в заключении, нанесём текст- ''Gimp" на наш баннер , используем для этого инструмент-" текст" изменим шрифт и размер по желанию -

соединим все слои и сохраним как jpg -файл.

Вот наш баннер

Удачи!

Урок GIMP. Фильтр Нарезка для для веба... .

bnksb — Thu, 05 Dec 2013 11:39:29 GMT

Смотрим также-> Фильтр "Гильотина". Разрезаем фотку на 5 равных полос для ВКонтакте в GIMP.

Разрежем фотку на 6 прямоугольников (квадратов) и разместим её на стене ВКонтакте.

Доступно только для пользователейДля того, чтобы фотка была правильно размещена на стене-> необходимо изменить её размер-> ширина-> 300 пикселей, а высота от 200 до 300 пикселей.
Из фотки размером 300х200 получится 6 квадратов.

1.Изменим размер фото по ширине, и установим его-> 300 пикселей, а высота, при сохранении пропорций-> какая получится.
Мню "Изображение"->"Размер изображения"-> откроется окно "Смена размера изображения", где устанавливаем ширину-> 300 пикселей, высота-> какая получится, при этом цепочка между шириной и высотой должна быть замкнута, что сохранит пропорции фотки при изменении размера.->

2. Изменим теперь высоту фотки, для этого на панели инструментов включим инструмент "Кадрирование", и обрежем фотку по высоте до 300 пикселей. В результате получим изображение размером 300х300.->

3. Разделим фото на части с помощью направляющих.

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

Поделим по горизонтали фото ровно пополам.
Меню "Изображение"->"Направляющие"->"Создать направляющую по %"->в открывшемся окне установим->Ориентация->Горизонталь, а Расположение (в %)-> 50, и нажмём кнопку "ОК"-> моментально появится направляющая, которая поделит фото на две абсолютно равные полосы по горизонтали с высотой-> 150 пикселей.->

В результате фото будет поделено на 6 абсолютно равных по размерам прямоугольников->

4. Разрежем фото на прямоугольники с помощью фильтра "Нарезка для веба... ."
Меню "Фильтры"->"Веб"->"Нарезка для веба... ."->

Настроим этот фильтр.
В строчке "Каталог экспорта HTML" нужно указать папку в которую будут помещены HTML документ с кодом нарезки (просмотреть его можно с помощью программы "Блокнот", или в другом текстовом редакторе), и фрагменты (кусочки) разрезанного изображения.
Жмём кнопку со стрелочкой, и в выпадающем меню указываем папку, в которую будет произведён экспорт-> выбираем "Другое"-> откроется окно выбора каталога, где находим нужную папку для экспорта, если папки подходящей нет, то жмём кнопку ( в жёлтой рамке) и создаём новую (название папки следует прописать на английском языке для корректной работы этого фильтра). После окончания выбора следует нажать кнопку "Открыть", и моментально фильтру будет указана папка, в котору. будет произведён экспорт.->

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

Жмём кнопку "ОК" и моментально изображение будет разрезано на 6 фрагментов (кусочков) которые можно найти в папке, которую Вы указали при настройке фильтра.->

Всё, что нам осталось сделать-> загрузить по очереди фрагменты изображения на стену "ВКонтакте", и получить желаемый результат. Результат можно посмотреть здесь-> Мир GIMP

Разрежем фотку на 9 прямоугольников (квадратов) и разместим её в сообщении в теме обсуждения в группе.

Доступно только для пользователейДелаем по аналогии->

1. Изменим размеры изображения, и сделаем-> 372х300 пикселей.
2. Для направляющих с горизонтальной ориентацией делаем положение-> 100, а затем 200-> будет три полосы по горизонтали с высотой -> 100 пикселей.
3. Для направляющих с вертикальной ориентацией делаем положение-> 122, а затем 247-> будет три полосы по вертикали одна с шириной-> 122, а две других по -> 125
В результате изображение будет поделено на 9 прямоугольников.->

Запускаем фильтр "Нарезка для веба... .", и моментально получаем 9 фрагментов (кусочков) исходного изображения.

Заходим в обсуждения группы ВКонтакте, и вставляем по очереди наши фотки в сообщение, и получаем желанный эффект.

Вот и всё, результат можно посмотреть-> Мир GIMP

Видео-урок.Разрезаем изображение гильотиной.

bnksb — Wed, 21 Aug 2013 19:13:17 GMT

Смотрим также->

1. Разрезаем фотку на 5 равных полос для ВКонтакте в GIMP.

2. Урок GIMP. Фильтр Нарезка для для веба... . (Режем картинки для ВКонтакте.)

Разрезаем фотку на 5 равных полос для ВКонтакте в GIMP.

bnksb — Thu, 08 Aug 2013 06:40:43 GMT

Графический редактор GIMP -> Быстро и точно разрежет фотку на любое количество частей.->

1. Меню окна редактирования GIMP "Изображение"->"Направляющие"->"Создать направляющую по %", где устанавливаем "Ориентация"->"Вертикаль", а "Расположение (в %)" устанавливаем-> 20 -> моментально появится вертикальная направляющая, которая точно отделит от фотки пятую часть.
2. По очереди меняем "Расположение (в %)" на 40; затем 60; и 80 -> в результате фотка будет поделена на 5 абсолютно равных вертикальных полос.
3. Заключительный венец операции-> меню "Изображение"->"Преобразования"->"Гильотина"-> и фото будет моментально разрезано по направляющим, при этом все кусочки будут открыты в новых окнах.->

Подробнее смотрим-> Видео-урок.Разрезаем изображение гильотиной. (Разрезаем по направляющим стык в стык.)

Можно также использовать фильтр "Нарезка для веба...", который разрежет изображение в HTML таблицу с его фрагментами.

В заключении, сделаем ново-модный эффект жалюзи для картинки ВКонтакте->

1.Изменим размер картинки, чтобы получился эффект ширина картинки должна быть-> 370 пикселей.->

2. Делим картинку на пять равных частей, как в уроке, разрезаем гильотиной, и сохраняем их по очереди в формате PNG.

Заходим ВКонтакт, и загружаем по очереди картинки на стену, и моментально получаем желанный эффект.

Проверяйте->

Это в группе->Режем фотку на полосы для контакта в GIMP.

А это на стене-> Новомодный эффект для фото ВКонтакте.