Для того чтобы сделать красивую надпись вовсе не нужно обладать красивым каллиграфическим почерком. Вполне досточно открыть джимп и все написать там. Что мы сейчас и сделаем. Начнем?
Сперва мы создадим НОВОЕ ИЗОБРАЖЕНИЕ:
зададим ему желаемые размеры, для каждого они индивидуальны.
Вот оно у нас появилось в виде белого прямоугольника, выделенного пунктирной муравьиной дорожкой
Оно же у нас явлется и само себе фоном - и тем полигоном на котором мы и начнем упражняться.
Обратите внимание: вот такая вот табличка сбоку. Я ее просто перенесла на фон чтобы было аккуратнее и нагляднее. Видите ползунок и цифры? Ими задается степень прозрачности фона. Белое первоначальное изображение имело 100% непрозрачность. Передвинув ползунок на 0 я сделала его полностью прозрачным. Под цифрой 2 на картинке я еще раз напомнила что такое глазик и активный слой. Жмем на слой, он синеет, значит он активен - и именно на нем и производятся все работы. В данном случае тут мы будем писать текст. Почему на прозрачном фоне? Да очень просто: чтобы если надпись понравится - сохранить ее в качестве последующего клипарта и не паритьсям сто раз: есть - и пользуемся вовсю!
Теперь будем выбирать текст. Или в главном меню наверху - или в панели инструментов. Я обычно выбираю в меню.
Я все подчеркнула. Исходный цвет - наверху, чтобы его изменить - надо выбрать цвет в нижнем прямоугольничке, нажав на него, выбрав подходящий вариант - и нажав потом на ОК. Шрифт выбираем в подчеркнутом окошечке. Размер устанавливаем индивидуально, иногда меняя несколько раз пока пишем, пока не добьемся того, что нас больше всего устроит. Тоже самое можно проделывать и с цветом и со шрифтами, добиваясь идеального с вашей точки зрения итога. Текст пишем в появившемся маленьком окне.
Вот, обратите внимание сколько сразу у нас табличек. Текст всегда по умолчанию идет как еще один дополнительный слой. Я уже уменьшила размер букв, потому что первоначальный был слишком здоровым. И даже написала целое слово.
Видите подчеркнутые столбики: тут можно при нажатии расположить текст так, как нам того хочется: слева, справа или по центру. Я выберу по центру.
Уфф! Ну вот нетленка почти и готова поразить своей неземной красотой восторженных поклонников моего таланта!
Что?.. Таланта говорите нет?.. И текст какой-то желтенько-подозрительный?.. Ну и ладно! Не хотите - как хотите, тогда будем его ЗАЛИВАТЬ! Да не мое горе от осознания собственной бесталанности - а текст. Инструментом заливка.
Вот. Все подчеркнуто. Сам инструмент ЗАЛИВКА, то что заливать мы свой текст будем ТЕКСТУРОЙ и что стоит точка на ПОХОЖИЕ ЦВЕТА. Мне понравилась эта вот голубенькая с разводами, прохладненькая такая.))) Начнем? Для того чтобы приступить к преображению той желтенькой расцветочки мы сперва выделим весь написанный желтым цвет инструментом ВОЛШЕБНАЯ ПАЛОЧКА. Вот тут я подчеркнула и порядок действий - и заодно показала как выглядит раскрытое при нажатии на него окошко с текстурами.
Вот что у нас получается на данном этапе:
Мы воспользовались волшебной палочкой - и весь текст окружила муравьиная дорожка. Но для того, чтобы мы залили текстурой именно буквы, а не фон вокруг них, мы теперь должны ИНВЕРТИРОВАТЬ ВЫДЕЛЕННЫЕ БУКВЫ.
Начинаем заливать? Я все подчеркнула и подписала.
Видите? Придется нажимать на каждый выделенный элемент текста по очереди
Пока мы не зальем весь текст полностью.
После этого мы идем в главное меню и выбираем
ВЫДЕЛЕНИЕ
Вот, я опять же расписала все поэтапно.
1. Мы сняли выделение и
2. получившийся текст виден из-под таблички
3.с помощью который мы откроем КАК СЛОИ любое понравившееся изображение.
Но перед мы этим предусмотрительно объединим наш прозрачный фон и текст
Вы выбираете любое приглянувшееся изображениие, а я тоже. Ну что выбрала короче - то и выбрала!))
Поместили еще один слой в джимп. Опускаем его стрелками в самый низ- чтобы уже оно нам послужило фоном для текста. Если нужно - то подрезаем по размеру ножичком с панели инструментов
Стрелку я подчеркнула. Ввверх она слой поднимает, вниз - опускает. (На серединку с пустым фоном не обращайте внимания: это я просто забыла вовремя объединить слой с текстоим и прозрачный слой.) Ну, вот вроде бы и все. Можно сохранять нашу шыдэвру.
Все подчеркнуто. Только обидно: как это - БЕЗЫМЯННЫЙ ШЕДЕВР???
Надо его обязательно обозвать покраше - чтобы потом самим же его было легче искать. А заодно можно и нужно выбрать папку куда мы поместим его и нужный тип файла, а потом уже и сохранять.
Опять же все подчеркнуто. Название своему шедевру каждый выбирает сам как и папку, но сохраняем мы его в любом случае в формате IPEG image, поскольку это просто картинка, без всякой анимации. Джимп выкинет следующую табличку:
ВСЕ!!! Любуемся каждый своей нетленкой. Я вот этой неземной красотой:
А вы??? Пишите, комментируйте, хвастайтесь! Мне ведь тоже хочется увидеть что у вас получилось и убедиться что я не зря потратила больше трехх часов на этот урок.)))
Чаще всего прозрачный фон в изображении требуется для создания фирменных знаков, коллажей и логотипов для видеороликов. Титры в фильме, графические мемы в Internet, в конце-концов технология chromakey (зеленый фон при съемках фильма) так же имеют много общего с технологией прозрачного фона.
Для выполнения этой задачи воспользуемся бесплатной программой Gimp 2.8, которая по своим возможностям не уступает многим платным аналогам. Давайте посмотрим, как сделать прозрачный фон в Gimp и как дальше воспользоваться изображением с прозрачным фоном.
У нас есть две картинки и мы хотим сделать из них коллаж. Разместить изображение пингвина на фото тропического пляжа. Почему бы и нет. Пингвинам тоже нужно отдыхать 🙂
Пингвин - символ Linux
.
Тропический пляж - место, где отдыхают пользователи Linux 🙂
Быстрый способ
Запускаем Gimp и открываем оба файла с картинками.
Начинаем переносить пингвина под пальму. Воспользуемся широко распространенным способом "Скопировать" -> "Вставить". Для этого:
- активируем окно с пингвином и через копируем пингвина в буфер обмена;
- затем переходим в окно с пальмой через Правка/Вставить (Ctrl+V) вставляем изображение с пингвином.
Готово. Пингвин под пальмой, но что-то не так. Если мы просто скопируем одно изображение поверх другого, то увидим, что белый фон вокруг пингвина закрывает часть изображения с тропическим берегом. Это нам не подходит. Значит нам необходимо избавиться от белого фона. Или, иными словами, сделать фон прозрачным . Тогда через этот прозрачный фон будут видны объекты с картинки тропического берега.
Правильный способ
Прозрачный фон в gimp делается несколькими способами, но я приведу один, как самый надежный и работающий в любом случае.
Шаг 1. Альфа-канал
На первом этапе нужно определиться есть ли в изображении альфа-канал. Если его нет, то его надо создать. Именно он будет отвечать за прозрачность. Привыкайте сразу, если где-то говорят об альфа-канале значит подразумевается прозрачность и наоборот. Выбираем в меню Слой/Прозрачность/Добавить альфа
Если альфа-канал уже есть (меню неактивное), то ничего добавлять не нужно. В случае, если меню активное (позволяет добавить), то добавляем альфа-канал к нашему изображению.
Есть другой способ проверки наличия альфа-канала в изображении. Для этого откройте стыкуемый диалог "Каналы
", через меню Окна/Стыкуемые диалоги/Каналы
. Если в списке каналов есть "Альфа
", то все в порядке и ваше изображение готово к созданию прозрачности.
Шаг 2. Зоны прозрачности
После того, как мы подготовили изображение к работе с прозрачностью (добавили альфа канал), переходим к заданию областей на изображении, которые будут прозрачными. Я отметил на рисунке цифрами, те области через которые будут видны пальмы, море и песок.
Выделение зон в Gimp - это отдельная история, которой не хватит одной публикации. Существует несколько инструментов, плагинов и множество способов, чтобы выделить группу пикселов для дальнейшей обработки. В нашем случае мы рассмотрим самый простейший способ выделения зоны через инструмент "Выделение смежных областей".
Этот инструмент действует по принципу добвавить в выделенную зону "Все пикселы одного цвета
" вокруг того по которому кликнули мышкой. В нашем случае с пингвином - это то, что надо.
Шаг 3. Прозрачный фон
Теперь все готово к созданию прозрачного фона. Для этого жмем клавишу Delete
и изображение принимает вид.
То что раньше было белым, стало в серый "квадратик", таким способом Gimp показывает прозрачные области.
Наше изображение с прозрачным фоном готово. Вы можете его записать на диск для дальнейшего использования, выложить в Internet, отправить по почте. Это обычное изображение и большинство просмотровщиков и браузеров прекрасно справляются с его показом.
Шаг 4. Запись в файл
Чаще всего картинки с прозрачным фоном хранят в форматах PNG, GIF и TIFF. В PNG и TIFF прозрачность реализуются через alpha канал, который отвечает за участки с прозрачным фоном. С помощью alpha канала можно сделать не только прозрачное, но и полупрозрачное изображение. В GIF несколько другая технология, там нет alpha канала и прозрачность реализуется в виде самостоятельного цвета в палитре. Полупрозрачности в GIF нет.
Для записи изображения с прозрачными областями в формате PNG выбираем меню Файл/Export As
(заметьте, именно Export As, а не экспорт, в некоторых версиях Gimp эта строка не переведена на русский язык) и в появившемся диалоге вводим имя файла, например linux.png. Далее жмем кнопку "Экпортировать
", в диалоге настройке параметров PNG ничего не трогаем и жмем "Экспорт
".
А так выглядят настройки при экспорте в GIF. Тоже ничего нетрогаем и жмем "Экспорт
".
Тут вот еще какой интересный момент. Когда вы открываете в Gimp изображение из PNG или GIF, тот нет необходимости проверять есть ли там альфа-канал или нет, как это описано на Шаге 1. Альфа канал в PNG или GIF всегда существует и можно сразу же начинать работать с прозрачным фоном без ручного добавления альфа-канала.
Шаг 5. Сводим все вместе
Теперь проверим результат нашей работы. Мы возьмем изображение с прозрачным фоном и наложим его поверх обычного изображения. Давайте разместим пигвина в тени от пальмы:
На картинке с пингвином: Правка/Копировать видимое (Shift+Ctrl+C)
копируем пингвина в буфер обмена.
На картинке с пальмами: Правка/Вставить (Ctrl+V)
вставляем изображение с пингвином на фото с пальмами.
Как видно, прозрачность работает. Там, где раньше был белый прямоугольник, теперь видны море, пальма и песок. Коллаж готов. Изображение с пингвином органично вписалось в тропический пейзаж. Теперь объединим все видимый слои (а у нас их всего два) командой меню Слой/Прикрепить слой (Ctrl+H)
. И запишем готовый коллаж в файл Файл/Export As
.
Интересно, что после сведения слоев, прозрачный фон исчез. В финальном изображении, где пингвин под пальмой уже нет прозрачного слоя. Если вы хотите, чтобы прозрачный фон на слое с пингвином остался для дальнейшей работы над коллажом, то запишите готовое изображение в файл формата XCF (родной формат для GIMP), только не сводите все слои воедино, пусть остаются раздельными.
Заключение
В этой статье мы рассмотрели, как сделать прозрачный фон в gimp 2.8. Как наложить изображение с прозрачным фоном поверх существующего. Быстро пробежались по альфа-каналу. Узнали какие графические форматы поддерживают прозрачность. На простом примере была продемонстрирована работа с прозрачным фоном.
Данная статья расскажет вам как сделать прозрачный фон изображения в графическом редакторе GIMP. Хоть сделать прозрачный фон изображения в данном редакторе не сложно у начинающего пользователя данного редактора могут возникать трудности с освоением интерфейса, и соответственно с прозрачный фоном изображения. В данной статье рассказывается помимо всего прочего и как аккуратно вырезать часть изображение из выбранной картинки, ведь в некоторых случаях сделать прозрачный фон изображения можно таким способом.
Инструменты и меню GIMP для создания прозрачного фона картинки
В данной статье не будет рассматриваться установка графического редактора GIMP и подразумевается, что если уж вас заинтересовала данная тема, то значит вы уже произвели его установку. Также не будет рассматриваться вся панель инструментов, она достаточно большая и каждая её часть имеет своё назначение.
В панели инструментов рассматриваются только два инструмента для создания прозрачного фона картинки:
1. Свободное выделение произвольными линиями или отрезками;
2. Выделение смежных областей по схождению цвета.
Именно в панели инструментов нам это и понадобится, чтобы сделать прозрачный фон изображения.
В самом меню редактора GIMP нам понадобится пункт файл, правка и цвет. Более для того, что бы нам в GIMP сделать прозрачный фон изображения, нам ни чего не понадобится. И так приступим к добавлению своего изображения в графический редактор.
Добавление в графический редактор GIMP изображения
Чтобы добавить в редактор GIMP своего изображения для редактирования и получения прозрачного его фона можно использовать несколько вариантов. Первый вариант, - это простое перетаскивание изображения в главное окно редактора, а второй, - это его открывание из того места, где оно находится. В первом случае, мы просто наводим курсор на выбранное изображение, нажимаем левую кнопку мышки и держа её перетаскиваем его в окно программы. Во втором случае в меню - файл выбираем пункт открыть, и выбрав у себя на компьютере нужный графический файл, в диалоговом окне нажимаем кнопку открыть. Редактируемый файл появляется в окне редактора и можно будет сделать прозрачный его фон.
Два способа сделать фон изображения прозрачным в GIMP
Есть два способа сделать в GIMP фон изображения прозрачным, - это выделение смежных областей по схождению цвета и перевода цвета фона в альфа канал или свободное выделение изображения произвольными линиями, вырезание его и создание нового прозрачного изображения из буфера обмена.
Первый способ сделать фон изображения прозрачным в GIMP
Изображение в GIMP имеющее прозрачный фон можно получить путём выделения смежных областей по схождению цвета. Для этого нам понадобится изображение с однотонном фоном. Если фон не однотонный, то таким способом прозрачный фон изображения сделать не получится.
1. Откроем картинку в редакторе.
2. Выберем в панели инструментов инструмент, который называется выделение смежных областей по схождению цвета, нажимаем на картинку с изображением волшебной палочки, и далее на открытом изображении в редакторе нажмём мышкой на однотонном цвете картинки. Однотонный цвет будет выделен
.
3. После выделения однотонного цвета, переходим в раздел меню, и выбираем пункт - цвет. В раскрывшемся списке меню выбираем пункт - в альфа канал. После выбора данного пункта в диалоговом окне будет показан примерный вид нашей картинки.
Если все понравится нажимаем - ОК и поручаем в окне редактора изображение, которое будет иметь прозрачный фон.
Теперь чтобы изображение было в конечном итоге на прозрачным фоне, надо экспортировать его в один из форматов файлов, которые поддерживают бесцветный фон. Если сохранить изображение в формате GIF или PNG то эффект бесцветности фона будет точно. Я сам использую такие форматы изображений, даже не обязательно имеющее прозрачный фон.
Второй способ сделать фон изображения прозрачным в GIMP
Если изображение не имеет однотонный фон, то придётся применить в торой способ получения бесцветного изображения. Этот способ немного посложней и возможно потребуется приловчится и приобрести некоторые навыки использования инструмента для свободного выделения изображения произвольными линиями. Хоть навыки могут и потребоваться, но по сути дела здесь нет ничего сложного. Надо просто выделять основное изображение по периметру, ставя точки через некоторое расстояние, и заканчивая на первоначальной точке.
После выделения изображения произвольными линиями в графическом редакторе GIMP, нам предстоит его вырезать и создать новое изображение, которое будет иметь прозрачный фон, из буфера обмена.
Для вырезания выделенного изображения будем использовать пункт меню - правка. Нажмём на данный пункт меню, и в раскрывшемся списке выберем пункт вырезать. После этого первоначальное изображение будет без вырезанного изображения, а вырезанное изображение попадёт в буфер обмена. Примитивно сказать с дыркой. Это изображение с дыркой если сохранить в PNG ли GIF формате, можно использовать как маску для другого изображения во втором слое того или иного графического редактора, и получить под маской вид части изображения первого слоя. Теперь наступило время создать изображение из буфера обмена имеющее прозрачный фон..
Создание изображения имеющего прозрачный фон из буфера обмена в редакторе GIMP
Для создания изображения имеющего прозрачный фон из буфера обмена в редакторе GIMP используем пункт меню - файл, и в нем выбираем подпункт - создать. В подпункте - создать выбираем, - из буфера обмена. После того как выбрали этот пункт, у нас появится новое окно в редакторе с изображением, которое будет иметь прозрачный фон.
Остаётся только произвести экспортирование нашего изображения имеющего прозрачный фон, созданного из буфера обмена в формат PNG или GIF. Нам удалось сделать прозрачный фон изображения в редакторе GIMP.
Программа GIMP заслуженно считается одним из самых мощных графических редакторов, и безусловным лидером среди бесплатных программ данного сегмента. Возможности этого приложения в сфере обработки изображений практически не ограничены. Но, многих пользователей иногда ставят в тупик такие, казалось бы, простые задачи, как создание прозрачного фона. Давайте разберемся, как сделать прозрачный фон в программе Гимп.
Прежде всего, нужно уяснить, какой компонент в программе GIMP отвечает за прозрачность. Этим композитом является альфа-канал. В дальнейшем это знание пригодится нам. Также следует сказать, что прозрачность поддерживают не все типы изображений. Например, файлы формата PNG или GIF могут иметь прозрачный фон, а JPEG – нет.
Прозрачность требуется в различных случаях. Она может быть уместна как в контексте самого изображения, так и являться элементом для накладывания одной картинки на другую при создании комплексного изображения, а также применяться в некоторых других случаях.
Варианты создания прозрачности в программе GIMP зависят от того, создаем ли мы новый файл, или редактируем уже готовое изображение. Ниже мы подробно разберемся, как можно добиться желаемого результата в обоих случаях.
Создание нового изображения с прозрачным фоном
Для того, чтобы создать изображение с прозрачным фоном, прежде всего, открываем в верхнем меню раздел «Файл», и выбираем пункт «Создать».
Появляется окно, в котором задаются параметры создаваемого изображения. Но, на них внимание мы заострять не будем, так как целью является показать алгоритм создания изображения с прозрачным фоном. Жмем на «плюсик» около надписи «Расширенные параметры», и перед нами открывается дополнительный список.
В открывшихся дополнительных настройках в пункте «Заполнение» отрываем список с вариантами, и выбираем «Прозрачны слой». После этого жмем на кнопку «OK».
Затем, вы можете приступать непосредственно к созданию изображения. В итоге, оно будет располагаться на прозрачном фоне. Но, только не забудьте сохранить его в одном из форматов, поддерживающем прозрачность.
Создание прозрачного фона у готового изображения
Тем не менее, чаще всего требуется сделать прозрачным фон не у картинки, создаваемой «с нуля», а у готового изображения, которое следует отредактировать. Для этого, опять в меню заходим в раздел «Файл», но на этот раз выбираем пункт «Открыть».
Перед нами открывается окно, в котором нужно выбрать редактируемое изображение. После того, как мы определились с выбором картинки, жмем на кнопку «Открыть».
Как только файл откроется в программе, опять возвращаемся в главное меню. Последовательно кликаем на пункты «Слой» — «Прозрачность» — «Добавить альфа-канал».
Далее применяем инструмент, который носит название «Выделение смежных областей», хотя большинство пользователей из-за характерной иконки называют его «волшебной палочкой». «Волшебная палочка» расположена на панели инструментов в левой части программы. Кликаем по логотипу этого инструмента.
Поле этого, кликаем «волшебной палочкой» по фону, и жмем на кнопку Delete на клавиатуре. Как видим, вследствие данных действий, фон становится прозрачным.
Сделать прозрачный фон в программе GIMP не так просто, как кажется на первый взгляд. Непосвященный пользователь может долго разбираться с настройками программы в поисках решения, но так и не найти его. Вместе с тем, зная алгоритм выполнения данной процедуры, создание прозрачного фона у изображений, с каждым разом, по мере «набивания руки», становится все проще и проще.
Продолжаем знакомство с возможностями графического редактора GIMP. В были рассмотрены основные операции по работе с изображениями - яркость, контраст, уровни, цветовой баланс, добавление надписей. В этой статье мы попробуем разобраться со слоями.
Чтобы представить себе, что такое слой , стоит вспомнить глубокое детство, когда на уроках труда в 1 классе мы делали аппликации из цветной бумаги - на картонку выкладывались вырезанные фигурки, формировалась картинка, а потом все эти фигурки приклеивались клеем к картонке. Этот же принцип лежит в основе работы со слоями в GIMP. Картонка - это фон, а фигурки - это слои. Пока картинка не "склеена", слои можно как угодно передвигать, растягивать, поворачивать независимо друг от друга. Но при сохренении изображеия в формате JPEG все слои намертво "приклеиваются" к фону и если их оторвать от фона, на этом месте останется "дырка".
Слои могут быть как сплошными, так и полупрозрачными. Их можно легко перегруппировывать друг относительно друга. Их можно трансформировать - изменять размеры и форму (например в виде перспективы). Словом, ни один фотомонтаж не обходится без использования слоев.
Давайте посмотрим "на одном квадратном миллиметре", как в GIMP вырезать фрагмент из одной фотографии и вклеить его в другую.
Предположим, нам нужно изображение 1 вставить в рамку, изображенную на изображении 2 с учетом перспективы.
Для выполнения этого немудреного задания нужно выполнить следующие шаги.
Таким образом, мы освоили базовые функции GIMP для работы со слоями - создание, перемещение и трансформация, изменение прозрачности и режима смешивания.
Книги о фотографии
Дорогие друзья! Если вам интересны статьи на моем сайте, я думаю, мои книги вас заинтересуют еще больше. Почему?
Главная причина – в них собрана, переработана, систематизирована и разложена по полочкам та огромная куча информации, которая есть на данном сайте и вообще в сети Интернет.
Наиболее популярная книга – «О фотографии простым языком». Это учебник по фотографии «с человеческим лицом» – без лишней никому не нужной теории и заумности, в котором с первой до последней страницы все просто и понятно даже новичку.
Я в свое время был преподавателем фотошколы и прекрасно представляю, с какими запросами приходят учиться большинство слушателей: разобраться с функциями фотоаппарата, научиться правильно компоновать кадр и делать технически грамотные фотоснимки. Вся эта информация представлена в моей книге в простой и занимательной форме.
Книга платная, но стоит она символическую сумму, сравнимую со стоимостью чашки кофе и пироженого в кафе. Подробнее с описанием этой и других моик книг можно в разделе «Книги о фотографии».
