Разрабатываем в GIMP шаблон открытки с интересными мыслями

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

Для выполнения работы вам понадобится пара дополнений:

Пример открытки с текстом:

Создаем в GIMP шаблон картинки со смыслом

Создаём основу открытки с бумажной текстурой

На сегодняшний день самые популярные открытки с фразами можно увидеть на сайтах: Atkritka.com, Adme.ru, Fishki.net и многих других. Чтобы не повторять стиль картинок с текстом известных интернет-ресурсов, мы создадим открытку для интересных мыслей со своим дизайнерским стилем.

Шаг 1

Через меню Файл – Создать (Ctrl+N) создайте новое изображение размером 800×600 px (можно выбрать шаблон подходящих размеров из набора программы). Нажмите ОК.

Создаем новое изображение из шаблона

Шаг 2

а) Выберите инструмент Плоская заливка и установите для него настройки, как показано на скриншоте ниже:

  • Тип заливки – Текстурой;
  • Текстура — www.feniksas4.deviantart.com #7;
  • Область применения – Всё выделение.

Настраиваем заливку холста картонной текстурой

б) Сделайте клик на холсте, и вся поверхность зальётся текстурой картона.

Текстура картона для открытки

Шаг 3

Выберите в меню Цвет – Тонирование. Установите в диалоговом окне инструмента следующие значения переменных:

  • Тон – 300;
  • Насыщенность – 60;
  • Освещённость – -10.

Нажмите ОК.

Тонируем открытку розовым цветом

На этом шаге основа открытки с реалистичной бумажной текстурой готова.

Добавляем открытке декорацию

Теперь добавим открытке некоторые элементы, которые будут выделять её среди большинства остальных в Интернете и сделают брэндовой, узнаваемой.

Шаг 1 — рекомендуемый

Добавьте две направляющие по центру.

Шаг 2

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

Создать новый слой

Назовите слой именем Decoration. Нажмите ОК.

Новый слой для виньетки на открытке

Шаг 3

Возьмите и настройте инструмент Кисть следующим образом:

  • Цвет переднего плана – Белый;
  • Кисть – kisti-uzory-cvety.abr-059;
  • Размер – 600 px.

Настройки кисти для виньетки

Шаг 4

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

Устанавливаем декоративную виньетку на открытку

Шаг 5

В диалоговом окне Слои измените режим слоя с виньеткой на Перекрытие.

Меняем режим слоя для виньетки

Шаг 6

а) Возьмите инструмент Текст. В настройках укажите:

  • Шрифт – Script MT Bold, Bold;
  • Размер – 30 px;
  • Цвет – Белый;
  • Межбуквенный интервал – 10,0 px (необязательный пункт).

Параметры шрифта для имени брэнда Уроки GIMP

б) Напечатайте в нижней части открытки доменное имя нашего проекта – Uroki-GIMP.ru.

Вы также можете написать название своего бренда, адрес вашего интернет-ресурса, слоган компании или же просто, своё имя.

Шаг 7

С помощью инструмента Перемещение установите надпись по середине. Центральное перекрестие текста само зацепится за вертикальную направляющую. Вам останется только отрегулировать надпись по высоте.

Добавили название сайта Уроки GIMP в низ открытки

Шаг 8

Примените к текстовому слою режим Перекрытие, как было показано в шаге 5.

На этом этапе мы закончили декоративное оформление открытки.

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

Дело осталось за малым – напечатать на открытке какую-нибудь интересную надпись со смыслом, цитатой, фактом или вопросом. Словом, с тем, что привлечёт внимание интернет-пользователей, которые будут заходить на ваши сайты или странички социальных сетей.

Шаг 1

Снова возьмите инструмент Текст и настройте его так:

  • Шрифт – Comic Sans MS Bold Italic;
  • Размер – 40 px;
  • Цвет – Белый;
  • Выключка – По центру;
  • Междустрочный интервал – 6,0 px;
  • Межбуквенный интервал – 4,0 px.

Настраиваем шрифт для картинки со смыслом

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

Шаг 2

Напечатайте на холсте вашу интересную мысль, используя при необходимости перенос строки и другие настройки текстового редактора GIMP. Если ваш текст представляет из себя диалог, то рекомендуем слова собеседника добавлять отдельным текстовым слоем. То же применимо и к указанию источника цитаты или имени автора.

Мы напишем высказывание, приписываемое одному известному философу:

«Лучше удивить всех своими результатами, чем постоянно рассказывать о своих планах!» 

Омар Хайям

Стопка слоёв будет выглядеть так.

Все слои готовой открытки

На заметку. На данном шаге вы можете добавлять надписям различные эффекты: тени, границы, свечение и прочее. Благо, на нашем сайте для примера достаточно уроков по работе с текстом. Хорошую помощь в этом также окажет плагин Layer Effects.

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

Шаг 3

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

Готовый результат:

Открытка с интересными мыслями в GIMP

Сохраняем открытку для Интернета и шаблон для постобработки

Теперь коротко поясним, в каком формате лучше всего сохранить картинку с цитатой, в зависимости от её предполагаемого использования в дальнейшем.

Вариант 1

Для публикации в Интернете вы можете сохранить готовую открытку в формате PNG или JPG.

а) Для этого кликните в меню Файл – Экспортировать как. В диалоговом окне введите название файла и формат. Нажмите Экспортировать.

Экспорт изображения

б) При экспорте файла в формат JPG, нужно будет подтвердить своё решение, нажав кнопку Экспорт в появившемся дополнительном окошке.

Экспортировать изображение как JPEG

в) То же самое нужно будет сделать при экспорте файла в формат PNG.

Экспортировать изображение как PNG

Вариант 2

Если вы планируете позже вносить правки, дорабатывать или изменять содержимое открытки, то лучше будет сохранить проект в формате XSF. Он представляет из себя файл с сохранёнными слоями, которые вы создали в проекте и которые можно будет обрабатывать повторно. Делается это очень просто.

Выберите в меню Файл – Сохранить как и задав имя проекту нажмите Сохранить.

Сохраняем шаблон картинки с цитатой

Как вносить изменения в шаблон, создавая новые текстовые картинки

Когда вы решите изменить содержимое картинки с текстом, чтобы опубликовать что-то новое, просто загрузите в GIMP шаблон в формате xsf и внесите правки.

Как изменить цвет фона

Активируйте слой с фоном в стопке слоёв. Выберите во вкладке меню Цвет – Тонирование и перекрасьте основу в нужный цвет.

Повторное тонирование фона картинки с цитатой

Как заменить декоративный элемент

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

Новый декор на новом слое

Как добавить новые фразы на открытку

По аналогии с предыдущим пунктом. Сначала отключите видимость текстовых слоёв пиктограммой глаза. Затем можно добавить любой другой текст на изображение и позиционировать его инструментом Перемещение.

Добавление новых текстовых слоев

Как видите, однажды затратив время на изготовление шаблона, впоследствии мы сможем его быстро обновлять.

Открытка с цитатой из мультфильма в GIMP

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

Обсуждение: 6 комментариев
  1. Админ "Уроки GIMP":

    Вот ещё наглядный пример картинки с надписью со смыслом, выполненный по этому уроку. А что у вас получилось? :)

    3
  2. Контроль качества контента:

    Урок проверен, замечаний нет.
    8)

    5
  3. Смотритель сайта:

    Прикольный урок ;)
    Только добавил чуток теней плагином Layer Effects.

    5
    1. tatyana.shadskaya:

      Немного поэкспериментировала с фильтрами — свет-тень, рамка, что-то с краем/не помню/. Всего штук 5 получилось.

      2
  4. lotus:

    Заготовочка

    4
    1. Контроль качества контента:

      Вот молодец! Сразу видно, человек не стоит на месте, развивается 8)

      1

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

Таллиннское шоссе, дом 20 20304 Эстония, Нарва +37253010126
   
Авторизация
*
*
Регистрация
*
*
*
Укажите свой уровень освоения GIMP
Генерация пароля