Как сделать граффити в gimp
Быстрый старт
ProGIMP — сайт про Гимп
GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор
Граффити на рельефной поверхности
Шаг 1. Берем фото рельефной стены и открываем в GIMP.
Шаг 2. Теперь пишем шрифтом граффити нужное слово. Я скачал шрифт отсюда: http://www.dafont.com/nosegrind.font.
Шаг 3. Я решил добавить немного тени и обводки для текста. Для этого щелкаем правой кнопкой мыши по слою с текстом и выбираем в выделение», создаем новый прозрачный слой, увеличиваем выделение на 15 пикселей и залейте выделение белым.
Создайте новый слой выше слоя с текстом и назовите его «text_gradient». Щелкаем правой кнопкой мыши слой с текстом и выбираем « в выделение». Ставим цвет переднего плана (#00a2ff) и цвет фона (#383838). Примените градиент сверху вниз на слое text_gradient. Снимаем выделение.
Объедините все слои, связанные с текстом. Делаем тень (Фильтры > Свет и тень > Отбрасываемая тень). Применяем фильтр с такими значениями X и Y = 20, радиус размытия = 0, непрозрачность до 70%, Снимите галочку с «позволить изменение размера». Объединить текст с тенью.
Шаг 4. Выберите инструмент «Перспектива». И поставьте крайние точки, примерно как на рисунке.
Шаг 5. Установите режим смешивания слоя с текстом «Перекрытие».
На данный момент, текст выглядит слишком резким. Давайте исправим это. Дублируем слой с текстом. Применяем фильтр «Гауссово размывание» в 30 пикселей. Выделяем « с оригинала текста, переходим на дубликат и нажимаем Delete. Снимаем выделение.
Шаг 6. Берем ластик и стираем со слоев часть текста, чтоб он выглядел правдоподобней.
Шаг 7. Для большего эффекта делаем следующее. Правка > Копировать видимое, а затем Правка > Вставить как > Новый слой. На новый слой используем в Гауссово размывание в 10 пикселей. Ставим режим смешивания «Перекрытие».
Вот и все! Конечно, можно использовать и гладкую поверхность для рисования, но рельефные придают более реалистичный эффект.
Быстрый старт
ProGIMP — сайт про Гимп
GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор
Рисование светом в GIMP
Теперь откройте обложку альбома The Beatles «Abbey Road». Перетащите обложку на холст.
С помощью инструмента «Масштаб» растяните обложку до размеров фонового изображения.
Используя инструмент «Контуры» обведите первого парня на фото.
Создайте новый слой и назовите его «Guy 1». Не забудьте установить белый цвет переднего плана и черный — заднего.
Теперь нажмите на кнопку «Обводка по контуру» в настройках инструмента. В открывшемся окне задайте размер линии 11 пикселей. Нажмите на кнопку «Обвести».
Чтобы убрать обводку достаточно переключиться на любой другой инструмент, а потом опять включить инструмент «Контуры».
Повторите действия по обоводке остальных парней с обложки и сделайте слой с самой обложкой невидимым.
Установите режим смешивания «Рассеянный свет» для слоя «Guy 1» примените фильтр «Гауссово размывание» (Фильтры — Размывание — Гауссово размывание) с параметром 2px и продублируйте его 4 раза (Слой — Продублировать слой).
Далее создайте новый слой и назовите его «rectangle». На этом слое создайте прямоугольное выделение.
Теперь нужно зайти в Выделение — Граница и установить границу в 5px для нашего выделения. Залейте полученное выделение белым цветом.
Добавьте направляющую на изображение (нажмите на линейку сверху холста и перетащите линию вниз). Направляющие помогают правильно позиционировать предметы на холсте. Если нужно будет отключить направляющую то можно будет сделать это через меню «Вид — Показывать направляющие».
Продублируйте слой с прямоугольником и передвиньте его как на рисунке ниже.
Сделайте то же самое еще несколько раз.
После этого объесдините все копии прямоугольника в единый слой «rectangle» и немного уменьшите слой с помощью инструмента «Масштаб».
С помощью инструмента «Перспектива» измените перспективу для наших прямоугольников.
Установите слою с прямоугольниками режим смешивания «Рассеянный свет» и продублируйте его трижды.
Быстрый старт
ProGIMP — сайт про Гимп
GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор
Рисуем граффити
Создаем новое Новое Изображение любого размера (можно и стандартного — 640×400) с прозрачным фоном.
Берем инструмент «Текст», выбираем шрифт «Amsterdam Graffiti» (скачать можно тут http://ru.fontriver.com/font/amsterdam_graffiti/). Растягиваем его по центру будущего граффити и пишем там любое слово (Я взял слово — Swore).
Далее мы будем заливать наш текст градиентом. На панели слоев выбираем наш текстовый слой, жмем правой клавишей мыши и выбираем Альфа канал в Выделение. У нас должно получиться вот это:
Теперь берем инструмент «Градиент» (цвета на ваш вкус, лично я взял ffcd00 и ff8700) и заливаем наш текст. Но выделение не снимаем! Вот что должно получиться:
Теперь жмем на нашем правой клавишей мыши, выбираем вкладку «Выделение», выбираем «В контур» В панели слоев сверху выбираем вкладку контуры, выбираем наш контур «Выделение» и снизу в инструментах выбираем «Контур»:
Настраиваем вот такие параметры:
Должно получиться вот так:
Теперь будем украшать наш тег различными кляксами и брызгами. Берем инструмент «Аэрограф», выбираем любую кисть из набора «Splatter Brushes» и оставляем пятна по нашему тегу.
Выбираем слой «Фон», на нем мы и будем работать дальше. Теперь для украшения берем кисти из набора «Urban Designs Vectors Brushes» (скачать можно тут: http://www.brothersoft.com/urban-designs-vectors-photoshop-.html — если будет написано хоть одно слово про PhotoShop не пугайтесь, эти кисти подходят и для ) и украшаем этими кистями задний фон. Нормально смотрится кисть «015». Украшаем ей задний фон. Итог:
Если ещё немного постараться то может получиться вот такое:
Граффити на стену в GIMP
Шаг 1. Необходимо найти подходящую фотографию с изображением стены. Старайтесь искать фото, где рельефность стены более выражена. В этом уроке будет использоваться изображение с бесплатного фото стока http://www.sxc.hu/photo/526797/.
Шаг 2. Теперь нам необходимо определится с выбором граффити которое мы нанесем на стену. В качестве заготовки вы можете взять любой логотип или цветное изображение в формате PNG (например поискать через поиск Яндекса образцы граффити). Для этого же урока мы воспользуемся специальным шрифтом имитирующим нанесения граффити. Скачиваем шрифт и копируем его папку шрифтов программы (fonts). После этого перезапускаем редактор.
Шаг 3. Снова отрываем фотографию. Выбираем инструмент «Текст» в параметрах выбираем наш скаченный шрифт граффити. И пишем любую надпись на стене.
Шаг 4. Далее нажимаем правой клавишей мыши по слою с текстом и из выпавшего меню выбираем альфа-канал в выделение. После этого создаем новый слой.
Увеличиваем выделение на 15 px через «Выделение — Увеличить»
854
и закрашиваем выделение белым цветом. Теперь опускаем данный слой вниз под слой с текстом.
У нас получится стильная белая обводка текста. Снимаем выделение «Выделение — Снять» и переименовываем слой в «Фон граффити».
Шаг 5.
Вариант 1. Создаем новый слой поверх слоя с текстом. И называем его «Градиент граффити».
Щелкаем правой клавишей мыши по слою с основным текстом и выбираем «Альфа-канал в выделение». Теперь необходимо изменить цвет переднего плана на # 00a2ff и цвет фона # 383838.
Делаем активным верхний слой и выбираем инструмент «Градиент» и проводим сверху вниз текста. Результат после выполнения шага.Снимаем выделение «Выделение-Снять».
Вариант 2. Выбираем слой с текстом и ставим галочку вот здесь:
Второй вариант намного быстрее, то для общего развития я показал вам более длинный путь.
Шаг 6. Объединяем слои с граффити, создавая единый логотип. Для этого отключаем видимость исходного изображения нажимая по пиктограмме глаза напротив слоя.
Щелкаем правой кнопкой и выбираем «Объединить видимые слои»
Далее применяем «Фильтр — Свет и тень — Отбрасываемая тень» и Выставляем следующие значения.
Объединяем граффити с тенью. Нажимаем по верхнему слою правой кнопкой и выбираем «Объединить с предыдущим». Вот наш логотип и готов.
Шаг 7. Выбираем команду «Слой — Автокадрировать слой», для уменьшения границ слоя с граффити.
Далее с помощью инструмента «Перспектива» можно изменить перспективу слоя, поправив вид граффити, так чтобы он более натурально соответствовал стене. Нажимаем ОК.
Шаг 8. Выставляем режим смешивания слоя «Перекрытие».
На данный момент граффити выглядит слишком резко и невзрачно. Давайте исправим это. Создаем дубликат слоя. Перемещаем дубликат слоя в низ под граффити. Применяем «Фильтры-Размывание-Гауссово размывание». Вводим значение 30 для обоих параметров.
Нажимаем ОК. Щелкаем правой кнопкой мыши по оригинальному слою и выбираем альфа-канал в выделение. Переходим на дубликат слоя и нажимаем кнопку Del на клавиатуре.
Шаг 9. Используя «Ластик» сотрем часть граффити которое перекрывает трубу на изображении.
Нажимаем ОК. Режим смешивания слоя выставляем на «Перекрытие».
Теперь вы изучили способ создания граффити в гимпе. Только помните, что для придания реалистичности изображения, необходимо использовать рельефные поверхности для рисования ваших граффити.
На сегодня это все! Удачи Вам. С уважением, Антон Лапшин!
Если вам понравился урок или статья, то пожалуйста поддержите меня нажав на социальные кнопочки ниже. Тем самым вы поделитесь информацией о блоге GimpArt.Org со своими друзьями в социальных сетях. Спасибо!
За 10 лет обучил работе в фоторедакторе Gimp более 12000 пользователей, мои видео-уроки и мастер-классы на одноименном YouTube канале посмотрели более 1 400 000 раз.
👉Посмотрите другие уроки:
4 комментария к “Граффити на стену в GIMP”
Я не понимаю надо только шрифты или шрифты и текстовые документы?
Перефразируйте, пожалуйста, ваш вопрос?
Спасибо большое. Замечательный урок — у меня всё получилось!
Я вот только не могу понять какой смысл в объединении слоев? (В этом уроке мы их несколько раз объединяли, а зачем?)
Как закрасить выделение в 4 шаге
Оставьте комментарий Отменить ответ
Нажимая на кнопку «Комментировать», вы даете согласие на обработку персональных данных и соглашаетесь с политикой конфиденциальности
Эффект 3D текста в GIMP 2.8
Доброго времени суток уважаемые читатели! Просматривая очередной раз ютуб, наткнулся на несколько интересных иностранных видео уроков по редактору GIMP. Подумал, подумал и решил некоторые из них перевести на русский язык в своем исполнении. Что из этого вышло, смотрите и читайте далее.
Первый урок из небольшой серии будет про создание эффекта объемного текста или как еще модно назваться эффект 3d текста. Хотя в настоящее время у суффикса «3d» немного другое значение и связано это с распространением современных стереографических фильмов в модном формате «3D». Но не суть так важно, тест то все равно у нас будет объемным. Значит это эффект 3D.
Ладно. В конце урока Вас ждет прикольный кроссворд для тренировки. Небольшая просьба друзья.. Напишите в комментариях у кого какой браузер и нормально ли загрузился кроссворд в статье (нет ли каких-то сдвигов, косяков) а то я полдня сидел, чтобы его встроить в свой блог.
С этим разобрались, пора приступить к уроку. Все готовы? Тогда, пожалуй, начнем.
Шаг 1. Создаем новое изображение через «Фаил – Создать»
Шаг 2. На панели инструментов выбираем «Текст» (шрифт – Sans Bold, размер – 200px). После этого, щелкнув по рабочей области, вводим любую надпись, например «GIMP».
Шаг 3.С помощью инструмента «Выравнивание» расположим текст строго по центру рабочего холста.
Шаг 4. В панели слоев выбираем слой с текстом и нажав правой кнопкой по данному слою вызываем контекстное меню. В меню выбираем пункт «Удалить текстовую информацию»
854
Шаг 5. Продублируем верхний слой и отключим видимость верхнего слоя, нажав на пиктограмму «Глаз»
Шаг 6. Возвращаемся на средний слой и переходим в меню «Фильтры – Размывание – Размывание движение». В настройках фильтра задаем следующие параметры.
Шаг 7. Далее, выбираем инструмент «Выделение по цвету» и выделяем область вокруг текста». После этого инвертируем выделение через меню «Выделение – Инвертировать»
Шаг 8. Выбираем инструмент «Градиент» с настройками по умолчанию (линейный градиент от черного к белому) и проводим градиентом, как на скриншоте.
Шаг 9. Переходим на верхний слой и включаем его видимость. Далее из контекстового меню слоя выбираем «Альфа-канал в выделение». После этого выбрав инструмент «Овальное выделение» (третий режим) рисуем выделение, как на картинке.
Далее создаем новый прозрачный слой. После этого уменьшаем созданное выделение на 2px через меню «Выделение – Уменьшить» и закрашиваем его градиентом (белый – прозрачный).
Шаг 10. Возвращаемся на фоновый слой. Изменяем цвет переднего плана на синий и вновь используем градиент (Форму градиента выбираем – радиальная, градиент из основного в фоновый). Проводим градиентом из центра холста в любой угол. Должно получиться так.
Итог урока:
Для более детального разбора темы, предлагаю вашему вниманию мой видеоурок по созданию 3д текста в графическом редакторе GIMP.
Как сделать Эффект 3D текста в редаторе ГИМП
Надеюсь, вам будет полезен сегодняшний урок и вы обязательно найдете что-то новенькое для себя. А в завершении, хочу предложить вам разгадать небольшой кроссворд, для разминки, так как очень скоро планирую провести турнир среди читателей и подписчиков блога по разгадыванию кроссвордов.
На этом у меня все. Здоровья Вам и удачи.
P.S. Если возникли какие-то вопросы, то спрашивайте в комментариях, не стесняйтесь.
Если вам понравился урок или статья, то пожалуйста поддержите меня нажав на социальные кнопочки ниже. Тем самым вы поделитесь информацией о блоге GimpArt.Org со своими друзьями в социальных сетях. Спасибо!
За 10 лет обучил работе в фоторедакторе Gimp более 12000 пользователей, мои видео-уроки и мастер-классы на одноименном YouTube канале посмотрели более 1 400 000 раз.
👉Посмотрите другие уроки:
16 комментариев к “Эффект 3D текста в GIMP 2.8”
Кроссворд на браузерах chrome ok и Opera ok
Кроссворд в браузере Opera — OK. Повторить Ваш урок Эффект 3Д текста GIMP не смог, т к в текстовом меню пункт » Удалить текстовую информацию » отсутствует. Что делать? Всего Вам доброго.
Кроссворд на Mozilla работает.
Кроссворд в браузере Mozilla работает
Кроссворд на Mozilla работает
Урок полезный. Спасибо. Идея с кроссвордом тоже понравилась.
Интернет на основе Chromium. Кроссворд работает отлично.
Браузер Goole Chrome кроссворд работает.
Здравствуйте,Антон!Спасибо за кроссворд. Очень понравилось. Одно слово отгадать не удалось. Мой браузер Mozilla,Кроссворд встал нормально. С праздниками вас поздравляю. С уважением Н.С.
Антон, спасибо за подробные уроки! Все получилось. У меня браузер Google Chrome. Наилучшие пожелания Вам. Жду следующих уроков.
А как в вашем уроке вставить текст в фото?
Кроссворд решила, только ошибочка одна была. Пользуюсь Internet Explorer 9 (со стартовой стр.Яндекса)
Мне очень понравился Ваш урок по объёмному тексту, но увы не получилось 😐 Текст почему-то вышел размазанным. И ещё скажите, пожалуйста, как Вы сделали такой чудесный фон.
С уважением Сергей.
Спасибо за урок! Очень помог 😉 🙄
Оставьте комментарий Отменить ответ
Нажимая на кнопку «Комментировать», вы даете согласие на обработку персональных данных и соглашаетесь с политикой конфиденциальности