Здравствуйте уважаемые читатели GimpArt.Org! Сегодня вас ждет урок, из которого вы узнаете, как сделать свою собственную текстуру с помощью графического редактора GIMP. Кроме этого мы создадим логотип с использованием новой текстуры, а в завершении урока вас ждет небольшой БОНУС.
В большинстве графических программ, таких как Фотошоп и GIMP, существуют виды файлов, которые называются «Pattern». Что же это за файлы такие и зачем они нам нужны? Давайте я вкратце попробую ответить на поставленный вопрос.
Па́ттерн (англ. ‘pattern — образец, шаблон) — графический элемент (текстура) с повторяющимся рисунком по определенной схеме. Ниже на скриншоте представлен пример «паттерна» (текстуры) с изображением цветов.
Для чего собственно нужны текстуры?
С помощью как встроенных, так и с помощью дополнительных текстур вы можете создавать различные фоны для своих графических работ (например, фон для сайта, блога, баннера и т.п.).
Кроме этого текстуры можно использовать в качестве заливки для выделенных объектов на изображении. Например, можно выделить капот на фотографии и закрасить его текстурой карбона, как мы делали это в этом уроке.
Как сделать свою текстуру?
Шаг 1. Запускаем GIMP и создаем новое изображение с размером 8 на 8
Шаг 2. Изображение получилось достаточно маленькое, поэтому нам необходимо увеличить его. Для этого необходимо изменить масштаб до 5000%. Чтобы увеличить масштаб вы должны ввести значение в нижнем левом углу и нажать «Enter»
Шаг 3. Выбираем инструмент «Прямоугольное выделение», рисуем квадрат 1px на 1px и закрашиваем его цветом 4C4C4C
854
Шаг 4. Аналогичным образом рисуем рядом еще три квадрата и закрашиваем их цветами, как на скриншоте
Шаг 5. Теперь необходимо еще нарисовать четыри маленьких квадрата и закрасить их, как это показано ниже.
Шаг 7. Выбираем «Прямоугольное выделение» и создаем выделение, как на рисунке ниже.
Далее копируем («Правка — Копировать») выделение и вставляем («Правка — Вставить») на новой слой.
С помощью инструмента «Перемещение» расположим выделение, как это показано на скриншоте.
Шаг 8. Объединяем два слоя. Для этого нажимаем правой кнопкой по слою и из выпавшего меню выбираем пункт – «Объединить видимые слои».
Шаг 9. Теперь, как вы это уже умеете, необходимо полностью заполнить белые области на изображении. В конце концов, у вас должно получиться такая вот картина.
Шаг 10. Сохраняем данный проект с расширением .PAT ( Расширение файлов текстур).
Шаг 11. Теперь необходимо скопировать, только что созданную текстуру в каталог текстур программы GIMP. Более подробно об установки текстур смотрите в этом уроке.
Рисуем логотип с помощью текстуры
Шаг 1. Создаем новое изображение 500px на 100px и закрашиваем его новой текстурой. Для этого достаточно перенести текстуру с панели на рабочий холст и отпустить кнопку мыши.
Шаг 2. Теперь с помощью инструмента «Текст» создайте надпись (цвет надписи — e8e8e8, шрифт — «Trebuchet MS Bold», размер шрифта — «48px», расстояние между буквами –«6»)
Шаг 3. Далее щелкаем правой кнопкой мыши по слою с текстом и из контекстового меню выбираем пункт «Альфа-канал в выделение», после чего переходим в меню «Выделение -Увеличить» и увеличиваем выделение на 4 пикселя.
Шаг 4. Создаем новый прозрачный слой и расположим его между фоновым и слоем с текстом
Шаг 5. Теперь сбрасываем цвета переднего плана и фона в значение «По умолчанию» для этого нажимаем на пиктограмму (1), потом выбираем инструмент «Градиент» (2) с настройкой «Из основного в прозрачный» (3) и создаем градиент от верха букв к низу. После чего отключаем выделение «Выделение – Снять»
В итоге должно получится так:
Как видите, в качестве фона к логотипу мы использовали созданную текстуру. Аналогичным образом вы можете закрашивать любые области и элементы на изображениях, будь это обычный фон или что-то другое, например саму надпись:
Бонус к уроку:
>> 100 новых текстур к фоторедактору GIMP <<
Понравился урок? Советую подписаться на обновления блога, чтобы не пропустить информацию о выходе свежих уроков по редактору GIMP.
С уважением, Антон Лапшин!
Идея: http://gimp-tutorials.net/gimp-pattern
Антон здравствуйте! Я только начинаю знакомство с редактором, очень нравится ваш сайт, но обучение проходит медленно, вот нечаянно закрыла окошко слои а как вернуть его на стол не пойму, помогите советом!
Здравствуйте Lara! Перейдите в меню «Окна – Недавние прикрепляющиеся диалоги – Слои, Каналы, Контуры…»
Спасибо! Теперь поэтапно попробую ваш сайт пройти, я вчера по уроку кисти скачала, но кажется так и не смогла их установить. Попробую еще раз. Антон, я без ума от вашего сайта! 🙂
Privet, Anton!Mne nravitsja vash site. Ne mogli bi vi sdelat k kazdomu uroku uchebnoe video?Namnogo oblegchaet obuchenie.. Spasibo
Спасибо за отзыв. Про видео подумываю ) Скоро будет бесплатный базовый курс по редактору. В нем постараюсь осветить все вопросы новичков. И в дальнейшем будут и видео и текстовые уроки.
Огромное спасибо за ваш комментарий Lara! Ждите бесплатный кур, так как раз будет урок про установку дополнений. Вам понравится ))
Спасибо за комментарий. В седьмом шаге надо еще после вставки «Плавающего» слоя нажать на пиктограмму «Добавить слой» 🙂 и далее по инструкции…
Здравствуйте, Антон!!! Спасибо за урок и за бонус с патернами. Скачала и установила, но сначала помучилась. Так как , тупица, всё тороплюсь. Так закачала одно и то же три раза в программу. Ну да ладно, потом как нибудь всё исправлю. Но что, интересно, в программе COREL эти патерны не открываются. Хотя значок на них от программы COREL. Или это обобщённый значок? Скорее всего их тоже надо устанавливать так же и в программу COREL? Ну а в принципе , зачем? Достаточно, что они есть в программе CIMP.
Сеголдня подписалась на Ваши уроки на имэйл, но почему то сообщение на почту не приходит, о том, что я подписалась. Подтверждение.
Возможно у Корела тоже есть формат с разрешением PAT, но текстуры от гимпа туда не подойдут ((((
Луиза, а не смотрели письмо в папке спам. Может ваша почта его туд пере направила Посмотрите пожалуйста…
здравствуйте)) возникли сложности в 8 шаге. в окне невозможно объеденить видимые слои, Что делать?