Текст по контуру в gimp
Здравствуйте уважаемые читатели! В следующем уроке рассмотрим способ создания текста по кругу в редакторе гимпе.
Что будет в уроке
В процессе урока будет создано эллиптическое выделение, которое будет преобразовано в контур, а затем с помощью инструмента «Текст» будет создана надпись по только что созданному контору. А теперь более подробно:
Шаг 1. Создаем новое изображение через меню «Файл – Создать» с параметрами 800×600
Шаг 2. На панели инструментов выбираем «Эллиптическое выделение» и создаем круг, для этого ставим галочку напротив пункта галочку «Фикс. соотношение сторон» и выделение. (должен получится круг)
Шаг 3. Далее применяем команду «Выделение — В контур». После чего у нас появится новый контур, это можно увидеть на вкладке окна «Слои» нажав на закладку «Контуры».
Убираем выделение «Выделение — Снять»
Шаг 4. С помощью инструмента «Текст» напишем любую надпись
Шаг 5. Нажимаем на кнопку «Текст по контуру»
и после этого можно удалить слой с только что созданным текстом, он нам больше не нужен.
Шаг 6. Возвращаемся в закладку «Контуры» и нажимаем на кнопку «Контур в выделение»
Шаг 7. Переходим обратно во вкладку слои и создаем новый прозрачный слой
Шаг 8. Закрашиваем выделение цветом и после этого снимаем выделение «Выделение — Снять. У вас должно получиться, что-то вроде этого.
Шаг 9. Как видно на изображении виден ореол контура, его можно отключить. Переходим в закладку «Контуры» и нажимаем на пиктограмму глаза.
Шаг 10. С помощью инструмента «Вращение» повернем данный слой.
На этом урок по созданию текста по кругу завершен. Всем спасибо за внимание!
Понравился урок? Советую подписаться на обновления блога, чтобы не пропустить информацию о выходе свежих уроков по бесплатному растровому редактору GIMP.
С уважением, Антон Лапшин!
Если вам понравился урок или статья, то пожалуйста поддержите меня нажав на социальные кнопочки ниже. Тем самым вы поделитесь информацией о блоге GimpArt.Org со своими друзьями в социальных сетях. Спасибо!
За 10 лет обучил работе в фоторедакторе Gimp более 12000 пользователей, мои видео-уроки и мастер-классы на одноименном YouTube канале посмотрели более 1 400 000 раз.
Как написать текст по кругу в Gimp
В данном уроке я научу Вас, как создавать текст по кругу в Gimp. Если брать Photoshop, то в нем все это проделать весьма просто, а вот в Gimp это тоже можно сделать, но чуть дольше.
1. К примеру, я возьму изображение для диска DVD с фильмом, из этого урока, и именно в него добавлю текст по окружности. Ну а Вы можете открыть любое другое изображение в редакторе Gimp. Я буду создавать картинку для диска с фильмом «Судья Дредд»
2. Далее я нажимаю на инструмент Эллиптическое выделение и ставлю галочку напротив пункта Фиксированное соотношение сторон.
3. Теперь рисуем круг в нашем открытом изображении. Выставляем его ровно по центру окружности.
4. Далее выполняем команду Выделение — В контур.
5. Теперь нам нужно перейти на вкладку Контуры, на панели инструментов, где должен появится новый контур. Снимаем выделение командой Выделение — Снять выделение.
6. Теперь нажимаем на инструмент Текст, и пишем нужную надпись. Я написал естественно — Судья Дредд ))). После этого не выходя из текстового инструмента Правой кнопкой мыши — Текст по контуру.
И вот что должно получиться. Должна появится наша надпись, но уже по окружности.
7. Теперь удаляем наш текстовый слой. Нам он больше не понадобится.
8. Теперь опять заходим во вкладку Контуры, выделяем контур с надписью (самый верхний) и Правой кнопкой мыши — Контур в выделение, либо нажимаем на инструмент Контур в выделение, внизу (красный квадрат).
9. Теперь возвращаемся на вкладку Слои и создаем новый прозрачный слой.
10. Теперь переходим на новый слой, нажимаем инструмент Кисть, вибераем нужный цвет и закрашиваем нашу выделенную надпись. Снимаем выделение — Выделение — Снять выделение (Shift-Ctr-A). У меня получилось так.
Чтобы убрать красную обводку вокруг текста, переходим во вкладку Контуры и нажимаем на значок глаза
11. Теперь при помощи инструмента Вращение, устанавливаем нужное положение надписи. Вот и все!
Осваиваем текст по кругу в GIMP
/rating_on.png)
/rating_half.png)
Из этого краткого руководства вы узнаете, как сделать текст по кругу в GIMP. Вы научитесь создавать изогнутый текст не только по верхней дуге, но также правильно закруглять текст по нижней дуге окружности в удобном для чтения виде.
Пример текста по кругу:
Подготовка основы для надписи по кругу
Шаг 1
Создайте новое изображение размером 640×400 пикселей через меню Файл – Создать. На холсте данного размера мы освоим создание круговой надписи, как показано на изображении ниже.
Шаг 2 – необязательный, но рекомендуемый
Добавьте две направляющих по центру, горизонтальную и вертикальную. [Рекомендуем для этого скачать и установить скрипт «Направляющие по центру».]
Шаг 3
Возьмите инструмент Эллиптическое выделение и в настройках поставьте галочки в чекбоксах Рисовать из центра и Фиксировать соотношение сторон.
Шаг 4
Растяните из центра холста круглое выделение размером 300×300 пикселей.
Шаг 5
Во вкладке Контуры кликните в нижней части окна по пиктограмме Превратить выделение в контур. В диалоговом окне появится новый слой с контуром круга.
Шаг 6
Через меню Выделение – Снять выделение отключите выделение на изображении. [Холст снова станет чистым, но при этом сохранит невидимый контур окружности.]
Располагаем текст по кругу сверху
Шаг 1
Выберите и настройте инструмент Текст, как показано на скриншоте:
Шаг 2
Напечатайте на холсте надпись Уроки GIMP в любом месте.
Шаг 3
Во вкладке Слои сделайте правый клик на текстовом слое и выберите Текст по контуру.
На холсте появится закруглённый текст в виде контура.
Если контурный текст закруглится по нижней дуге, вернитесь на 5-ый шаг из предыдущего раздела до снятия выделения (для этого воспользуйтесь вкладкой История).
Выберите инструмент Зеркало и настройте:
Сделайте клик по холсту и затем уже снимите выделение. Теперь можно вводить текст, преобразовывать его в контур и отображать по контуру.
А во вкладке Контуры создастся новый слой с закруглённым текстом.
Шаг 4
Во вкладке Слои отключите видимость текстового слоя пиктограммой глаза, чтобы он не мешал выравнивать надпись по верхней дуге окружности.
Шаг 5
Возьмите инструмент Вращение и для режима Преобразование выберите — Контуры, активировав соответствующую пиктограмму.
Шаг 6
Сделав клик по холсту, поверните контур текста в нужную сторону, либо с помощью переменной Угол в диалоговом окне инструмента, либо потянув за край сетки над холстом. Установите текст по верхней окружности дуги, как показано на скриншоте. Нажмите кнопку Повернуть.
На данном шаге текст по кругу в виде контура по верхней дуге будет выглядеть так.
Как закрасить контуры текста в нужный цвет, объясняется в последней части данного руководства.
Отображаем изогнутый текст по нижней дуге
Теперь мы создадим надпись по нижней дуге окружности в привычном для чтения отображении.
Шаг 1
Создайте новый прозрачный слой, нажав на пиктограмму листа бумаги в нижней части диалогового окна Слои.
Нажмите ОК, выбрав прозрачный Тип заливки слоя.
Шаг 2
Снова возьмите инструмент Текст и, уменьшив размер шрифта до 36 px, напечатайте на холсте фразу – для начинающих и профи. [Она логически продолжит верхнее предложение, образовав впоследствии общее название нашего сайта – Уроки GIMP для начинающих и профи.]
Шаг 3
Во вкладке Контуры активируйте слой с кругом, кликнув по нему.
Шаг 4
Возьмите инструмент Зеркало и в параметрах укажите:
Шаг 5 — важный
Сделайте один клик по рабочему полю.
Шаг 6
На вкладке Слои сделайте правый клик на только что созданном текстовом слое, и выберите Текст по контуру.
Шаг 7
Сразу отключите видимость текстового слоя, нажав на пиктограмму глаза.
Шаг 8
С помощью инструмента Вращение установите контурный текст по нижней части окружности.
Шаг 9 – не пропустите
Активируйте прозрачный слой во вкладке Слои, кликнув по нему. Ваша стопка слоёв будет выглядеть так.
А изображение с текстом по кругу сверху и надписью, огибающей нижнюю дугу окружности, будет выглядеть так.
Окрашиваем текст в желаемый цвет
Готовый текст можно залить любым цветом, текстурой или градиентом.
Шаг 1
Во вкладке Контуры переключитесь на слой с надписью Уроки GIMP. В нижней части диалогового окна нажмите на пиктограмму Контур в выделение.
Шаг 2
Выберите цвет заливки для верхнего закруглённого текста. Для этого кликните по пиктограмме Цвета переднего и заднего плана.
Установите в открывшейся палитре желаемый цвет, например, красный – ff0000. Нажмите ОК.
Шаг 3
Сделайте заливку выделения через меню Правка – Залить цветом переднего плана.
Шаг 4
В меню Выделение выберите команду Снять выделение.
Шаг 5
Во вкладке Контуры:
Шаг 6
Сделайте выделение контура с нижней надписью, нажав на пиктограмму Контур в выделение, находящуюся внизу окна.
Шаг 7
Выберите новый цвет, например, тёмно-синий — 0900c6.
Шаг 8
Через меню Правка – Залить цветом переднего плана, сделайте окрашивание текста, расположенного в нижней части круга.
Шаг 9
Снимите выделение и отключите видимость контура, как описывалось выше.
Шаг 10
Если вы использовали направляющие по центру, отключите их видимость через меню Изображение – Направляющие – Удалить направляющие.
Оцените готовый результат:
Теперь вы знаете, как сделать в GIMP надпись по кругу, а также правильно отобразить текст по нижней дуге окружности в привычном для чтения виде.
Понравилось? Поделитесь с друзьями!
Руководство по созданию закруглённой надписи проверено.
Рекомендую в первой части «Подготовка основы для надписи по кругу» в Шаге 5 включить видимость круглого контура. Это визуально упростит дальнейшее позиционирование надписи.
Спасибо за дополнительное пояснение к нашему руководству. Наверняка оно будет полезным для начинающих пользователей GIMP.
Результат освоения руководства по изготовлению круглого текста.
Пытался с помощью урока разместить текст по контуру. Но не по кругу, а по эллипсоиду 3:1. Надпись кружится, а буковки все в разнобой.
Если в GIMP’е возможность изгибать текст?
Возможности изгибания текста в GIMP не велики. Всё же, текст можно пустить по любому изогнутому контуру. Но это отдельная тема.
По эллипсу текст можно изобразить так. После того, как вы создали нужные надписи по кругу и перед их заливкой цветом, перейдите во вкладку Контуры.
Далее:
1) сделайте активным нужный контур с текстом;
2) возьмите инструмент Масштаб и активируйте в нём пиктограмму Контур;
3) кликните по холсту и растяните масштабную сетку вправо и влево.
Контур текста будет выглядеть приблизительно как на эллипсоиде. Повторите то же самое, перейдя на другой слой с текстовым контуром. А затем уже можете сделать заливку текста цветом, градиентом или текстурами.
Вот имитация текста на овале, которая получилась у меня. (Растянутые контуры до заливки цветом.)
Быстрый старт
ProGIMP — сайт про Гимп
GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор
Текст вдоль контура
Заранее прошу прощения за перевод. Я делал большую часть урока научным методом тыка. Вроде получилось хорошо, но о качестве моей работы судить Вам.
Создаем изображение (Файл > Создать). Я выбрал вот такие вот параметры:
И делаем копию Слоя (Слой > Создать копию слоя). Работаем с копией:
Теперь мы выбираем контуры на панели инструментов, и соответственно выставляем контур как нам нужно (по этому контуру в дальнейшем будет идти текст). У меня получилось вот так:
Жмем на панели инструментов «Обводка по контуру» и выставляем вот такие вот параметры:
Работаем с Оригиналом (то есть с основным слоем). С помощью инструмента «Текст» пишем нужный нам текст.
И в настройках текста на панели инструментов мы жмем на кнопку «Текст по контуру»:
Если все сделано правильно, то это будет выглядеть вот так:
Переходим в «Диалог контуров» и нажимаем на кнопку «контур в выделение»:
Должно получиться вот так:
Можно смело удалять два этих слоя:
Далее я ничего не понял из англоязычного урока и пришлось импровизировать. Каждый дальше сам может решить что делать с текстом, но я поступил вот таким вот образом:
Обтекание текста вокруг круга в GIMP 2.10
Шаг 1: создание новой композиции
Сначала вам нужно создать новую композицию в GIMP, чтобы вы могли написать свой текст. Для этого перейдите в Файл> Создать.
Шаг 2: установить центральные направляющие
Сначала выберите «Горизонтально» в раскрывающемся меню «Направление» и установите значение «Положение (в%)» в значение 50. Нажмите OK, чтобы создать горизонтально ориентированную направляющую. Повторите этот шаг, изменив направление на вертикальное.
Шаг 3: нарисуй свой круг
Шаг 4: конвертируйте свой круг в путь
Теперь, когда вы нарисовали свой круг, вам нужно преобразовать его в контур, чтобы вы могли рисовать текст по кругу. Для этого щелкните вкладку диалога «Пути» (обозначена красной стрелкой на фотографии выше).
Затем щелкните значок «Выделение по контуру» (обозначен синей стрелкой на фотографии выше). Это создаст новый путь из области выбора круга. Вы можете отменить выделение исходной области выделения, которую вы нарисовали, выбрав «Выделить»> «Нет» или нажав ctrl + shift + a на клавиатуре.
Теперь ваш круг исчезнет, но не волнуйтесь! Щелкните значок «показать / скрыть» рядом с контуром круга, который вы только что создали в диалоговом окне «Пути», чтобы отобразить контур круга (обозначен красной стрелкой на фотографии выше).
Шаг 4: добавь свой текст
Затем возьмите текстовый инструмент (обозначенный красной стрелкой на изображении выше) и щелкните в любом месте внутри окна изображения (основная область, где вы можете увидеть свой документ). Это вызовет текстовый редактор (обозначен зеленой стрелкой), а также создаст текстовое поле (обозначено синей стрелкой). В демонстрационных целях я просто набрал «Обернуть текст» в одной строке, затем щелкнул в другом месте ниже в окне изображения и ввел вторую строку «Легко в GIMP». Я использовал бесплатный шрифт Animosa Bold (вы можете узнать, как скачать и установить через эту статью GIMP) с размером шрифта 100 и темно-синим цветом.
Шаг 5: оберните текст вокруг круга
После того, как вы это сделаете, с выбранным контуром для копирования выделенного фрагмента, возьмите текстовый инструмент и щелкните верхнюю строку текста. Затем щелкните текст правой кнопкой мыши и перейдите к «Текст вдоль пути» (обозначен красной стрелкой выше). Это обведет ваш текст в виде контура и поместит этот текст по пути, который вы создали для своего круга (таким образом, обернув текст вокруг круга). Конечно, теперь вам нужно будет заполнить текст цветом и переместить текст в зависимости от того, где вы хотите, чтобы он располагался в вашем круге. Мы сделаем это для обеих строк текста на следующем шаге.
Вы также могли заметить, что я переименовал свои пути, чтобы они соответствовали текстовому контуру, который они создают (обозначено красными стрелками выше). Я сделал это, просто дважды щелкнув имена путей и введя новые имена («WRAP YOUR TEXT» для пути, соответствующего верхней строке текста, и «EARLY IN GIMP» для пути, соответствующего нижней строке текст).
Шаг 6: заполните и поверните текст
Прежде чем я смогу изменить положение текста, я должен заполнить его цветом на отдельном слое. Начну с первой строки текста.
Теперь я вернусь к панели слоев (красная стрелка) и создам новый слой (зеленая стрелка). Я назову этот слой «Оберните ваш текст», чтобы он соответствовал нашему текстовому слою (вы можете называть свой как хотите). Нажмите ОК, чтобы создать слой.
Затем я возьму инструмент заливки ведра (красная стрелка) и заполню область выделения в форме текста, щелкнув внутри области выделения цветом переднего плана. Убедитесь, что вы используете тот окончательный цвет, который хотите получить для текста.
Я повторю этот шаг для второго слоя текста, убедившись, что я нажал на слой пути «ЛЕГКО В GIMP», а не на слой контура «ОБЕРТАТЬ ТЕКСТ».
Шаг 7: очистите окно вашего изображения
Шаг 8: поверните текст
Наконец, мы будем вращать наш текст так, чтобы он правильно располагался по кругу. Чтобы сделать это, возьмите инструмент Rotate из вашей панели инструментов (зеленая стрелка) и вернитесь на панель Layers (красная стрелка).
Вы можете скрыть руководство, нажав ctrl + shift + t или выбрав «Просмотр»> «Показать направляющие».
Вот и все для этого урока! Если вам понравилось, вы можете проверить мой другой GIMP How-to Статьи на моем сайте, или вы можете проверить мой GIMP видеоуроки, Вы также можете записаться на любой из моих GIMP классы!