Как сделать кнопку gimp

GIMP и Web

9.1 Создание аватары для блога или форума

Аватара — небольшая картинка, изображающая персонаж, которым «притворяется» автор блога или форума. Этот персонаж может не иметь ничего общего с реальной личностью, он является воплощением виртуальной личности автора.

Обычно аватары имеют размер 80—100 точек по горизонтали и по вертикали и создаются на основе фотографий или имеющихся картинок (в случае использования изображений из Интернет всегда нужно помнить об авторских правах и этике!). Кроме того, в аватарах возможна анимация.

Исходная картинка является прозрачной, имеет размеры 246×336 точек и глубину цвета 32 бита. Для аватары на этой основе нужно будет создать анимированное изображение формата GIF шириной 80 точек и соответствующей высоты. Пусть фон аватары совпадает с цветом «одежды» исходного пингвина.

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

Откроем исходное изображение в GIMP, выделим его целиком с помощью команды » Выделение / Всё «, скопируем, а затем создадим новое. Созданное изображение автоматически окажется размером с исходное, но для него обязательно нужно проверить разрешение экрана — оно должно соответствовать тому, что реально обеспечивает видеосистема (» Дополнительные параметры » в диалоге создания изображения). Затем инструментом » Получение цвета из изображения » («Пипетка») устанавливаем цвет «одежды» пингвина в качестве цвета переднего плана, выделяем полностью новое изображение и заливаем его цветом переднего плана с помощью инструмента «Заливка» с соответствующими параметрами.

Как сделать кнопку gimp

После этого вставляем (» Правка / Вставить «) выделенное ранее исходное изображение в новое, сохраняем результат в формате XCF, а затем создаём из плавающего выделения новый слой и масштабируем изображение пропорционально до ширины в 80 точек. Результат показан на рис. 9.2.

В качестве анимации заставим пингвина перебирать лапками. Поскольку GIF- анимация делается по слоям, потребуется 4 слоя с изображением разных фаз этого процесса, причём у каждого слоя должен быть непрозрачный фон. Этого можно добиться, скопировав слой фона, разместив копии нужным образом и затем объединив слои изображения и фона для соответствующих кадров анимации.

Как сделать кнопку gimp

Нужно заметить, что все операции редактирования нужно делать в прозрачном слое изображения, когда он активен и сделан видимым. Все остальные слои на этом этапе полезно сделать невидимыми.

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

После завершения работы со слоями переводим изображение в индексированный режим (» Изображение / Режим / Индексированное «) и сохраняем результат в формате GIF, обработав слои как анимацию и установив бесконечный цикл с интервалом между кадрами, например, 500 миллисекунд.

9.2 Создание логотипов и элементов дизайна страниц

Графическое оформление сайтов может быть создано исключительно вручную, однако GIMP предоставляет начинающим «сайтостроителям» некоторый набор процедур автоматизации создания элементов графического оформления. Автоматизация процесса осуществляется с помощью программ (скриптов), которые могут быть написаны как на собственном языке GIMP, так и на широко известном языке Python. Наборы скриптов для обработки изображений доступны как из меню » Расш. » главного окна, так и из меню » Фильтры » окна изображения (рис. 9.3 и рис. 9.4).

Источник

Как сделать GIMP похожим на фотошоп?

Всем привет. В сегодняшней статье, я расскажу вам, как сделать GIMP пожожим на фотошоп.

Кроме настройки самого интерфейса программы (расположение пиктограмм инструментов, окон параметров и т.д.) мы сделаем настройку горячих клавиш. То есть изменим стандартные параметры быстрых клавиш gimp на сочетания, которые используются в программе photoshop.

И в начале, давайте посмотрим, что в итоге у нас получится.

Как сделать кнопку gimpКак сделать кнопку gimp

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

В нем вы найдете каталоги и настройки, которые мы далее скопируем в пользовательский каталог программы GIMP 2.10. Если вы используете Windows 7 и выше, то он расположен по адресу

C:\Users\(Имя вашего пользвателя)\AppData\Roaming\GIMP\2.10

Настоятельно рекомендую перед началом превращения GIMP в photoshop, сделать копию данного каталога.

Как сделать кнопку gimp

Теперь, из скаченного архива нужно скопировать все файлы в пользовательский каталог с заменой имеющихся.

Сделали? Тогда снова запускаем GIMP и если все сделали правильно, то увидим новый загрузочный экран программы:

Как сделать кнопку gimp

И очень похожий интерфейс программы gimp на фотошоп.

Как сделать кнопку gimp

В правой области пиктограммы инструментов, а в левой основные меню и панели управления. Сверху — панели выбора цвета и палитр. Далее, панели истории открытых изображений. А в самом низу — панель слои, каналы, контуры. Похоже на интерфейс photoshop 2020 cc. Сравните )

Как сделать кнопку gimp

Как сделать кнопку gimp

А потом загляните в меню «Тема значков» и выберете следующую настройку.

Как сделать кнопку gimp

Нажимаем ОК. В итоге получится вот такой светлая тема интерфейса gimp — фотошоп.

Как сделать кнопку gimp

Горячие (быстрые) клавиши, используемые для ускорения работы в программе GIMP, схожи с клавишами программы фотошоп. Можете проверить сами. Если нажать «Ctrl+T», то запустится инструмент «Свободная трансформация». Другие клавиши вы можете посмотреть в официальной справке photoshop.

На сегодня это все. до новых встреч на GimpArt.Org.

Тест №1 по компьютерной графике

Предлагаю Вам пройти небольшой тест по компьютерной графике и проверить свои знания

Источник

Знакомство с GIMP — урок для новичков

И так мы с вами запустили GIMP, и перед нами распахнулось окно в бесплатный мир графики и рисования. А точнее распахнулось аж целых три окна программы, да не удивляйтесь и такое бывает.

Как сделать кнопку gimp

Многих сразу это отпугивает. Скажу по секрету, даже я не с первого раза понял, что с этим надо делать. А три окна это всего то такая особенность гимпа. Многих по началу раздражают эти окна, постоянно передвигаешь их мышкой то туда то сюда, но со временем как-то приелась данная особенность.

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

Поддержку одноконного режима разработчики реализовали по просьбе разгневанных пользователей, которым так не хватало этого, как в фотошопе. Что же представляют собой окна программы, если вы правильно запустили гимп и не где не накосячили, то перед вами должно быть:

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

2) Главное окно изображения представляет собой основное рабочее пространство, где открываются все изображение и где мы производим основные манипуляции над ним. Более подробно читайте в статье Окно в гимп

3) И окно Слои, каналы и контуры… Назовем его просто Слои для сокращения. Если везде писать и говорить название этого меню, то оно слишком громоздкое. В данном окне будут располагаться все рабочие слои, которые мы будем использовать во время редактирования изображения.

Важно! Урок выполнен в гимпе 2.6.11

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

Для того чтобы открыть изображение нажимаем на меню Файл|Открыть и в появившемся диалоговом окне выбираем ту картинку, которое собираемся редактировать. В моем случае я выберу изображение цветка, которое я сфотографировал прошлым летом на приусадебном участке.

Первый урок — Знакомство с GIMP

Как сделать кнопку gimp

И так изображение у нас открыто. И как помните из задания: необходимо выделить объект на переднем плане, а на переднем плане у нас красивый цветок. На панели инструментов выбираем инструмент «Свободное выделение» или как его еще называют «Лассо». Теперь аккуратно используя мышь, обводим по контуру цветок. Не торопитесь, чем больше контрольных участков у вас получится, тем четче будет выделен объект.

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

Как сделать кнопку gimp

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

Выделение цветка заканчиваем на начальной точки, с которой мы начали обводить.(просто щелкаем мышкой по ней). При этом наше выделение сменится на так называемую «муравьиную дорожку».

Как сделать кнопку gimp

Теперь воспользуемся еще одной командой для улучшения выделения. Нам необходимо смягчить края у выделения, размыть их немного и в этом нам поможет инструмент «Растушевать» из пункта меню Выделение.

Как сделать кнопку gimp

Значение устанавливаем на 5 пикселей.

Как сделать кнопку gimp

Молодцы. Копируем выделенный фрагмент цветка через меню Правка | Копировать. Теперь вставляем скопированный цветок через Правка | Вставить. И как вы заметите у нас в окне Слои появился слой под названием Плавающее выделение.

Как сделать кнопку gimp

Плавающее выделение — это временный слой, он появляется всегда, когда вы вставляете из буфера обмена картинку или фрагмент изображения. Далее щелкаем правой кнопкой мыши по плавающему слою и из выпавшего контекстового меню выбираем команду — Создать слой.

Как сделать кнопку gimp

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

Как сделать кнопку gimp

Таким образом мы отделили объект на переднем плане от фона. Теперь создадим прозрачный слой через меню Слой | Создать слой

Как сделать кнопку gimp

или нажав на соответствующую пиктограмму Как сделать кнопку gimpв окне Слои. Далее поместим его между фоновым слоем и вставленным только что фрагментом цветка нажав на пиктограмму «Опустить активный слой вниз»Как сделать кнопку gimp

Как сделать кнопку gimp

Данный слой у нас послужит новым фоном для слоя с цветком. Усложнять наше первое задание слишком не будем, и просто возьмем и зальем данный слой градиентной заливкой. Для этого выбираем инструмент Градиент Как сделать кнопку gimpсо следующими параметрами : цвет переднего плана зеленый, цвет фона голубой, форма градиента линейная. проводим от нижнего края до верхнего.

Как сделать кнопку gimp

Как сделать кнопку gimp

Как сделать кнопку gimp

Далее необходимо уменьшить изображение, для этого выбираем Изображение|Размер изображения

Как сделать кнопку gimp

и вводим параметры 1024×768 пикселей. Я ввожу данные значения для примера. Вы можете уменьшить фотографию до других параметров ( в зависимости от выбранного первоначального изображения).

Как сделать кнопку gimp

И заключительный этап урока для начинающих это сохранение готового изображения через меню Файл| Сохранить как..

Как сделать кнопку gimp

И изменяем расширение изображения с JPEG на PNG в поле Имя. Далее нажимаем кнопку «Сохранить»

Как сделать кнопку gimp

Откроются еще два окна. В первом нажимаем «Экспорт», во втором окне «Сохранить»

Как сделать кнопку gimp

Как сделать кнопку gimp

На этом наше первое знакомство с GIMP завершено. Спасибо за внимание!

Не забудьте пройти небольшой тест по компьютерной графике.

Тест №1 по компьютерной графике

Предлагаю Вам пройти небольшой тест по компьютерной графике и проверить свои знания

Источник

Как настроить панель инструментов GIMP под себя

Здравствуйте, уважаемые друзья! Устали от однообразия инструментов в GIMP? Хотите добавить новые инструменты, например «Кривые», но не знаете как. Тогда сегодняшний видео урок специально для вас. Прямо сейчас вы узнаете, как настроить панель инструментов в графическом редакторе GIMP под себя.

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

Как сделать кнопку gimp

А вы знаете, что кроме представленных инструментов можно добавить еще новые? Ну как новые, например можно добавить такие инструменты из группы «цветокоррекция», как «Тонирование» и «Кривые», которые по умолчанию доступны только из меню «Цвет».

Хотите узнать как это сделать? Нет не чего проще. Для этого переходим в меню «Правка — Параметры» и в открывшемся диалоговом окне выбираем пункт «Панель инструментов».

Как сделать кнопку gimp

Далее, чтобы активировать тот или иной инструмент, нужно нажать на пустой квадратик перед инструментом.

Как сделать кнопку gimp

Вот и все, инструмент «Кривые» успешно добавлен на основную панель. Аналогичным образом можно включить или отключить другие инструменты.

Как сделать кнопку gimp

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

Как сделать кнопку gimp

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

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

Как настроить панель инструментов GIMP

Всем удачи и до новых встреч. С уважением, Антон Лапшин!

Если вам понравился урок или статья, то пожалуйста поддержите меня нажав на социальные кнопочки ниже. Тем самым вы поделитесь информацией о блоге GimpArt.Org со своими друзьями в социальных сетях. Спасибо!

Как сделать кнопку gimp

За 10 лет обучил работе в фоторедакторе Gimp более 12000 пользователей, мои видео-уроки и мастер-классы на одноименном YouTube канале посмотрели более 1 400 000 раз.

👉Посмотрите другие уроки:

Как сделать кнопку gimp

Как сделать кнопку gimp

Как сделать кнопку gimp

Как сделать кнопку gimp

8 комментариев к “Как настроить панель инструментов GIMP под себя”

Спасибо за курс для начинающих!

Как сделать кнопку gimp

Пропала панель параметры инструментов.Как ее вернуть?

Как сделать кнопку gimp

Уважаемый Антон! Этого мало! Как работать со вставленными кнопками?
Нажимаю вставленную кнопку «Уровни», панель «Уровни» не открывается, все равно надо идти через «Цвет». Мало того, имел несчастье вставить кнопку при открытой фото. Теперь при этой фото панель не открывается даже через «Цвет».
Не откажите в любезности, научите как жить.

Как сделать кнопку gimp

Как сделать кнопку gimp

Здравствуйте! У меня Gimp 2.6, когда я захожу в эти настройки, то у меня вообще нет никаких пиктограмм, только три галочки внешнего вида. Где найти добавление\удаление инструментов?

Как сделать кнопку gimp

Здравствуйте Антон. Решила учиться на вашем сайте. Ответьте пожалуйста. Бесплатный видео курс повторяет ранее изложенный материал или есть какие то фишки? Спасибо. Ваши уроки самые доступные для понимания бабушки, кем я и являюсь. Хочу не отставать в понимании интернета от моих внуков.

Подскажите пожалуйста как настроить приближение и отдаление фотографии колесом мыши?

Оно работает по умолчанию. При этом только держите еще клавишу CTRL на клавиатуре.

Оставьте комментарий Отменить ответ

Нажимая на кнопку «Комментировать», вы даете согласие на обработку персональных данных и соглашаетесь с политикой конфиденциальности

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *