Как сделать логотип в гимп

Огненный логотип в GIMP — Часть 1

В этом несложном уроке мы создадим простейший логотип в редакторе GIMP с имитацией огненного свечения. Он послужит заготовкой для более сложного варианта логотипа, который подробно описан во второй части урока (ссылка в конце статьи).

Пример работы:

Создаём надпись логотипа

Шаг 1

Создайте новое изображение размером 640×400 пикселей.

Шаг 2

Выберите и настройте инструмент Текст:

Шаг 3

Напишите на холсте прописными буквами слово LOGO.

Шаг 4

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

Надпись LOGO установится в центре холста.

Шаг 5 – не пропустите

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

На этом шаге текстовая заготовка логотипа готова.

Создаём огненный логотип с помощью фильтра GIMP

Шаг 1

Зайдите в меню Фильтры – Альфа в логотип и выберите Горячее свечение. Оставьте параметры фильтра по умолчанию. Нажмите ОК.

Шаг 2

Во вкладке меню Изображение выберите пункт Свести изображение, чтобы соединить все слои в один.

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

На этом шаге простейший логотип готов. Во второй части урока мы добавим к логотипу неоновые линии, красиво переплетающие текст на изображении.

Результат следующего урока:

Источник

Как создать логотип в Gimp: пошаговая инструкция, подборка видео уроков

Обновлено Январь 20, 2020

Первоначально разработанный для использования в системе Linux, графический редактор Gimp поддерживается пользователями, что дает возможность тем, кто владеет навыками программирования, дорабатывать программу под себя. К тому же открытый исходный код позволяет каждому вносить изменения и разрабатывать плагины и новые функции. Этот редактор изображений абсолютно бесплатный и теперь имеет доступную версию в Microsoft Windows.

Конечно, сервис не такой мощный как Photoshop, но его можно дополнить различными расширениями и без проблем использовать для задач по фоторетуши, созданию изображений, компоновке изображений, редактированию фотографий, созданию логотипов и т.д.

Преимущества и недостатки

Как и любой сервис Gimp имеет как свои преимущества, так и недостатки.

Плюсы

Минусы

Подборка видео уроков по созданию логотипов в GIMP

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

1. Design logo fonts tutorial (GIMP) no Photoshop.

(Руководство по созданию шрифта для логотипа (GIMP) без Фотошопа )

В этом уроке пошагово показано, как создать свой шрифт для логотипа с нуля.

2. GIMP Tutorial: amazing logo

(GIMP руководство: невероятный лого)

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

3. How To Design Logo 3D — GIMP Tutorial — No Photoshop

(Инструкция: как создать 3D логотип в GIMP без Фотошопа)

В этом видео-уроке представлено создание лого с 3D эффектом.

4. How to Create a Photography Logo in Gimp

(Как создать логотип для фотографа в GIMP)

В ролике показано, как можно сделать лого для фотографа, учитывая специфику ниши и использование элементов фото кадра.

5. GIMP TUTORIALS: How to create a basic circular logo in Gimp 2.8

(GIMP инструкция: Как создать базовый круглый логотип в GIMP 2.8)

6. GIMP — SIMPLE DRAGON MASCOT LOGO

(GIMP — простой логотип дракона)

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

7. How to Create Galaxy Face Logo in GIMP

(Как создать логотип с лицом в GIMP )

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

8. [How To] Create an Image and Text Logo using GIMP

(Как создать лого с текстом и изображением используя GIMP)

9. How to Create Triangle Logo Design in GIMP

(Как создать треугольный дизайн логотип в GIMP)

Видео-инструкция пошагово показывает, как создать треугольный лого, используя фотографию человека. Результат выглядит очень креативно и достаточно просто реализуется.

10. GIMP tutorial: logo design professional

(GIMP инструкция: профессиональный лого дизайн)

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

Как создать логотип легко и просто?

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

Сервис прост в использовании, интерфейс удобен для пользователя и не требует специальных навыков. Вы сможете создать лого всего за пару минут. Доступны изменения цветов, месторасположения элементов в логотипе, текстов, свободный выбор иконок из большой базы. Также кроме логотипа, вы можете создать необходимую фирменную продукцию.

Итоги

Как и где создавать логотип — выбор всегда за вами. Вы можете воспользоваться графическим редактором GIMP, это сэкономит ваши деньги, но отнимет время. Если вы раньше не работали с подобным редактором, для начала нужно будет просмотреть видео-руководство, а потом приноровиться к интерфейсу программы. Более простой вариант — воспользоваться онлайн-генераторами и сохранившее время потратить на реализацию маркетинговой стратегии с вашим новым логотипом.

Обновлено Январь 20, 2020

Подпишитесь на блог Логастер!

И получите: советы по брендированию продукции, пошаговые инструкции и популярные новости о трендах в мире дизайна!

Создавайте свой дизайн сейчас

Приступите к разработке своего фирменного стиля прямо сейчас. Введите название своей компании — и всего через минуту логотип будет у вас! Попробуйте сами! Нет ничего проще!

Источник

Как создать логотип в GIMP (текстовая версия)

Тем не менее, эта версия GIMP содержит много новых функций, которые будут найдены в следующей стабильной версии GIMP, и мы рассмотрим некоторые из этих удивительных новых функций в этом руководстве.

Вы также можете использовать предыдущие версии GIMP (то есть GIMP 2.8.22), так как есть только несколько случаев, когда мы будем использовать функции, найденные исключительно в новейших версиях.

Начнем и не забудь ударить Ctrl + S на клавиатуре, чтобы сохранить композицию, пока вы работаете, чтобы поддерживать свой прогресс! Вам нужно будет назвать свое изображение и выбрать место, где вы хотели бы сохранить его сначала, а затем, когда вы будете перезаписывать этот же файл каждый раз, когда нажимаете ctrl + s.

Шаг 1: создайте новый документ / изображение

Чтобы создать новый документ / изображение (после того, как вы открыли GIMP), перейдите в File> New (показано на изображении выше). Это вызовет диалоговое окно «Создать новое изображение», где вы можете выбрать размеры вашей новой композиции.

Шаг 2: создайте свой фон (используя лабиринтный фильтр)

Теперь, когда ваш новый документ открыт, мы начнем с разработки фона, на котором мы хотим установить наш логотип. Поскольку я буду создавать логотип для гипотетической технологической компании, я создам крутой дизайн лабиринта в качестве фона, используя фильтр лабиринта, чтобы придать ему больше технологичности. Перейдите в Filters> Render> Pattern> Maze, чтобы открыть диалоговое окно Maze (показано на фотографии выше).

Шаг 3: смешайте свой фон, используя Blend Tool (Gradient Tool)

Перейдите на панель слоев и щелкните значок «Создать новый слой» (обозначен красной стрелкой). Назовите новый слой «Наложение лабиринта» и, если вы используете GIMP 2.9.8, выберите цветовой тег, который будет назначен вашему слою (это просто помогает организовать ваши слои путем нанесения на них цветного покрытия). Я выберу фиолетовый для своего цветового тега (обозначен фиолетовой стрелкой выше), затем нажму ОК, чтобы создать новый слой.

Нарисуйте свой градиент на слое наложения лабиринта, щелкнув в центре изображения и перетащив его в один из углов изображения (неважно, какой угол, поскольку это радиальный градиент, что означает, что градиент круглый). Отпустите кнопку мыши, и вы сможете «редактировать» градиент в реальном времени, если вы используете GIMP 2.9.8 (т.е. вы можете изменять форму, цвет, положение и т. Д. Градиента в реальном времени, не создавая каждый раз новый градиент. ). После того, как у вас есть все необходимые настройки, щелкните другой инструмент (я всегда нажимаю на инструмент перемещения), чтобы закрепить или применить изменения к вашему градиенту. После этого вы больше не сможете редактировать градиент в реальном времени.

Затем, с выбранным слоем «Наложение лабиринта», перетащите непрозрачность слоя примерно до 84, чтобы проследить часть слоя лабиринта, который мы создали ранее.

Шаг 4: добавь свой текст

Затем возьмите инструмент выравнивания (обозначен зеленой стрелкой) и щелкните только что созданный текст. Затем нажмите «Выровнять центр цели» и «Выровнять середину цели», чтобы центрировать текст (обозначено фиолетовыми стрелками).

Затем с помощью инструмента перемещения (зеленая стрелка) щелкните и перетащите текст (красная стрелка) так, чтобы буква «Y» в «INDUSTRY» совпала с последней буквой основного текста.

Шаг 5: стиль текста (инструмент заливки и фильтр кубизма)

Затем я хочу добавить оверлей в геометрическом стиле к оранжевому тексту TECH. Выбрав текстовый слой GEOTECH, я начну с выделения основного текста, перейдя в Layer> Selection> Alpha to Selection. Это выделит весь мой основной текст, но я хочу, чтобы выбран только текст TECH.

Чтобы исправить это, я возьму инструмент выделения прямоугольника (зеленая стрелка) и изменю режим на «Вычесть из текущего выделения» (красная стрелка). Затем я нажимаю и перетаскиваю свой прямоугольник на текст GEO, что стирает область выделения вокруг этого текста (фиолетовая стрелка). Теперь выделен только мой текст TECH.

Теперь, когда слой TECH Overlay все еще выбран, перейдите в Filters> Artistic> Cubism.

Перейдите к Select> None, чтобы отменить выделение текста TECH.

Шаг 6: добавьте тень к вашему тексту

Выделите основной текстовый слой GEOTECH и перейдите в Фильтры> Свет и тень> Тень. Это вызовет диалоговое окно Drop Shadow.

Шаг 7: добавьте символ товарного знака (если применимо)

Если для вашего логотипа требуется зарегистрированный товарный знак (®) или любой другой законный символ, добавьте его, скопировав этот символ (ctrl + c на клавиатуре) откуда-нибудь, например из поиска Google (введите «Зарегистрированный символ товарного знака», и он должен появиться в первом результате поиска) и вставив его (ctrl + v на клавиатуре) рядом с основным текстом с помощью текстового инструмента. Помните, просто щелкните в любом месте композиции с помощью текстового инструмента, чтобы иметь возможность печатать в любом месте композиции, а затем вставьте символ. Поскольку у меня по-прежнему установлен размер текста 125 с того момента, когда мы набирали текст субтитров, я изменю размер шрифта на что-то меньшее (65 в моем случае) и проверю, что мой стиль шрифта по-прежнему установлен на Nexa Light (если нет, обязательно поменять).

После настройки стиля текста переместите слой символа зарегистрированного товарного знака, щелкнув и перетащив его на панели слоев (красная стрелка) в верхнюю часть панели слоев, если это еще не сделано. Затем возьмите инструмент перемещения из панели инструментов и переместите символ так, чтобы он был рядом с основным текстом GEOTECH и выровнялся с верхним краем надписи (зеленая стрелка).

Шаг 8: сохраните и / или экспортируйте свою композицию

Назовите свое произведение искусства, выберите местоположение файла, в котором вы хотите его сохранить, и щелкните раскрывающееся меню «Выбрать тип файла по расширению», чтобы выбрать один из различных типов файлов, в которые вы можете экспортировать из GIMP. После того, как вы выбрали тип файла, нажмите «Экспорт».

Появится дополнительное диалоговое окно с просьбой выбрать настройки для вашего файла, такие как качество. Если вы пытаетесь сэкономить место (т. Е. Загружаете файл на свой веб-сайт), я рекомендую снизить качество где-то между 60% и 75%. Если вы планируете печатать иллюстрацию, сохраняйте высокое качество (от 90% до 100%).

Если вам нужно сохранить иллюстрацию без фона, вы можете скрыть фоновые слои (в данном случае слои «Наложение лабиринта» и «Фон») и сохранить файл как файл PNG.

Вот и все для этого урока! Посетите наш Руководства веб-страницу для получения дополнительных текстовых и видеоуроков или посетите наш Канал GIMP на YouTube!

Источник

Логотип в стиле Web 2.0

Еще один урок в гимпе посвящен созданию логотипа в стиле Web 2.0. По окончанию данного урока, вы научитесь создавать красивые заголовки с эффектом отражения текста и эффектом отблеска.

Данный урок покажет вам основные приемы работы в гимпе со следующими инструментами: «Текст», «Градиент», «Зеркало», а также будут приведены основные приемы по работе со слоями и будет, рассмотрен пример создании маски слоя.

Запускаем наш любимый gimp и стараемся поэтапно выполнить все шаги.

Шаг 1. Создаем новое изображение в гимпе размером 640 на 480 пикселей, через меню «Файл — Создать» ( Ctrl + N ). Если необходимо, то закрашиваем фон белым цветом.

Шаг 4. С помощью инструмента «Выравнивание» отцентрируем надпись по центру. Выделяем в стопке слоев слой с текстом и нажимаем мышкой по тексту (активируются кнопки инструмента). Затем поочередно нажимаем на клавиши: Центрировать по вертикальной оси, центрировать по горизонтальной оси.

Шаг 5. В активном слое с текстом, ставим галочку напротив пункта «Запереть»

Шаг 6. С помощью инструмента «Градиент» (Цвет переднего плана — 6291c0, цвет фона — cce6f9, форма — линейная) создаем градиент сверху вниз.

Шаг 7. Щелкаем по слою «Текст» правой кнопкой мыши и из выпавшего меню выбираем «Альфа-канал в выделение».

Шаг 8. Создаём новый прозрачный слой «Слой — Создать слой ( Shift + Ctrl + N )»

Шаг 9. Закрашиваем выделение черным цветом.

Шаг 10. Опускаем текущий слой под текст. Для этого можно нажать на соответствующую зеленую стрелочку или просто зажать левой кнопкой мыши по слою с черной заливкой и перетащить его вниз под слой с текстом.

Шаг 11. Снимаем выделение «Выделение — Снять Ctrl+A».

Шаг 12. В стопке слоев выделяем слой с «Текстом» затем нажимаем правой кнопкой по слою и из выпадающего меню выбираем: «Объединить с предыдущим».

Шаг 13. Создаем дубликат слоя.

Шаг 14. С помощью инструмента «Зеркало» с параметром тип отражения – вертикальное, отразим слой зеркально. И c помощью инструмента «Перемещение» сдвинем слой вниз

Шаг 15. Добавляем маску слоя (черного цвета). Нажимаем правой кнопкой по слою и из выпадающего меню выбираем: «Добавить маску слоя». В открывшемся меню выбрать «Черный цвет (полная непрозрачность)».

Шаг 16. применим инструмент «Градиент» от Основного к фоновому RGB снизу вверх

Шаг 17. Щелкаем по слою с текстом правой кнопкой мыши и из выпавшего меню выбираем «Альфа-канал в выделение».

Шаг 18. Выбираем инструмент «Овальное выделение» с параметром (вычесть из текущего выделения) и создаем выделение как на изображении.

Шаг 19. Создаём новый прозрачный слой «Слой — Создать слой ( Shift + Ctrl + N )»

Шаг 20. Закрашиваем выделение белым цветом

и устанавливаем непрозрачность слоя на 30%

Шаг 21. Снимаем выделение «Выделение — Снять ( Shift + Ctrl + A )».

На этом урок по созданию логотипа в стиле Web 2.0 в свободном графическом редакторе гимпе завершен.

Понравился урок? Советую подписаться на обновления блога, чтобы не пропустить информацию о выходе свежих уроков по бесплатному растровому редактору GIMP.

С уважением, Антон Лапшин!

Если вам понравился урок или статья, то пожалуйста поддержите меня нажав на социальные кнопочки ниже. Тем самым вы поделитесь информацией о блоге GimpArt.Org со своими друзьями в социальных сетях. Спасибо!

За 10 лет обучил работе в фоторедакторе Gimp более 12000 пользователей, мои видео-уроки и мастер-классы на одноименном YouTube канале посмотрели более 1 400 000 раз.

👉Посмотрите другие уроки:

2 комментария к “Логотип в стиле Web 2.0”

Сайт о GIMP. А дизайн сайта … ужас!
Несовпадения.

Оставьте комментарий Отменить ответ

Нажимая на кнопку «Комментировать», вы даете согласие на обработку персональных данных и соглашаетесь с политикой конфиденциальности

Источник