Создание графики с помощью GIMP - Учебное пособие во вторник

Добро пожаловать во вторник с обучающими программами! Сегодня я покажу вам, как создать изображение для блога с помощью GIMP .

Gimp - это программа для дизайна, похожая на PhotoShop, но менее удобная для пользователя и более бесплатная (как и полностью бесплатная). GIMP немного менее интуитивно понятен в использовании по сравнению с такими вариантами, как Canva, просто потому, что на самом деле он имеет огромный набор функций для большинства типов графического дизайна - просто требуется немного больше ноу-хау, чтобы обойтись, чем некоторые программы freemium.

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

Вы можете скачать копию Gimp здесь: http://www.gimp.org/downloads/

Вкратце: в GIMP нет автосохранения, поэтому часто сохраняйте изображение с помощью панели инструментов или клавиш «ctrl + s». Если произойдет скачок напряжения или что-то в этом роде, и вам придется заново выполнять всю свою работу, вам будет ОЧЕНЬ грустно.

Давайте начнем!

Шаг 1. Откройте GIMP

Когда вы откроете GIMP, он должен выглядеть примерно так:

Обратите внимание, что здесь у вас есть три окна:

1. Панель инструментов - здесь можно легко получить доступ к наиболее часто используемым инструментам. Это окно - ваш друг.
2. Холст - здесь откроется ваше изображение. Вся работа, которую вы фактически делаете, будет выполняться в этом окне.
3. Слои - здесь вы можете отслеживать, какие элементы и слои активны на вашем холсте. Мы не будем часто использовать это окно в этом руководстве, но оно очень полезно для более сложных проектов.

Шаг 2. Откройте фоновый слой.

Для начала вам понадобится фоновое изображение. Проще всего сохранить изображение на свой компьютер, чтобы его можно было открыть, выбрав «Файл» на панели инструментов, а затем «Открыть»:

Отсюда вы сможете выбрать свое изображение из того места, где вы его сохранили, и нажать «Открыть». Я назвал свой образ «птички» из-за птиц:

Ваше фоновое изображение должно открываться на собственном холсте, соответствовать размеру:

Шаг 3. Добавьте текст

Чтобы добавить текст, вам потребуется доступ к вашему «Текстовому инструменту». Вы можете найти свой текстовый инструмент в окне панели инструментов:

Выберите его в окне Toolbox следующим образом:

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

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

Примечание: вы можете заметить полезную плавающую панель инструментов, которая появляется над вашим текстовым полем в этот момент:

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

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

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

Шаг 4. Настройте текст

Снова посмотрите в окно Панели инструментов. Поскольку ваш текстовый слой в настоящее время выбран, на вашей панели инструментов теперь будут параметры для вашего текстового инструмента в разделе «Параметры инструмента». Здесь вы можете внести изменения в свой текст:

Есть только три корректировки, с которыми мы сейчас возьмемся для вашего текста.

Размер:

Цвет:

Шрифт:

Шаг 4а: отрегулируйте размер текста

Сначала поиграйте с размером вашего текста (чтобы мы могли видеть черт возьми). На панели инструментов дважды щелкните поле рядом с «Размер», чтобы ввести новое значение размера:

Введите значение и нажмите Enter, чтобы, наконец, хорошо рассмотреть свой текст. Я сделал снимок в темноте и поставил 200, что в итоге выглядело неплохо, но вам, возможно, придется немного повозиться, чтобы получить текст нужного размера.

Шаг 4b: отрегулируйте цвет текста

Как только ваш текст станет подходящего размера, вы можете обратить внимание на его цвет. Снова в окне Toolbox щелкните поле рядом с «Color»:

Появится новое мини-окно со множеством вещей, с которыми можно поиграть:

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

Я выбрал белый цвет или обозначение HTML #FFFFFF для крутых ребят. Как только вы будете довольны своим цветом, нажмите «ОК».

Шаг 4c: отрегулируйте шрифт текста

Наконец, выберите свой шрифт. В окне Toolbox вы найдете текстовое поле с названием текста по умолчанию, в данном случае «Sans». Если вы знаете название нужного шрифта, вы можете ввести его в это текстовое поле:

Если вы хотите немного поиграть со шрифтами, щелкните графическое изображение «Aa» и прокрутите раскрывающийся список типов шрифтов:

Имейте в виду, что в GIMP не загружены все тексты мира. Есть способы загрузить шрифт в GIMP, но я, черт возьми, не рассматриваю здесь этот процесс. Попробуйте это видео-пошаговое руководство: https://www.youtube.com/watch?v=MHlCn9vYZXU

Я выбрал «Segoe Script Bold» в качестве шрифта, потому что он напомнил мне мотивационный плакат:

Шаг 5: переместить текстовый слой

Чтобы разместить текст там, где вы хотите, выберите «Инструмент перемещения» в окне панели инструментов. Это похоже на маленькую декартову координатную плоскость:

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

Если вы боретесь с этим, вы можете выбрать слой с текстовым полем в окне «Слои», прежде чем щелкнуть по нему на холсте:

Иногда это помогает.

Шаг 6: Добавьте изображение

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

Чтобы открыть его на холсте, перейдите на панель инструментов и выберите «Файл», а затем «Открыть как слои»:

Точно так же, как когда вы открыли свой фон, выберите изображение из того места, где вы сохранили его на своем компьютере, а затем нажмите «Открыть»:

И так же, как ваше текстовое поле, когда вы его впервые создали, ваше изображение, вероятно, будет открываться очень-очень смехотворно мало:

Шаг 7. Отрегулируйте изображение

Чтобы сделать это изображение видимым для людей крупнее Tom Thumb, выберите инструмент «Масштаб» в окне «Панель инструментов»:

Затем нажмите на свое крошечное изображение, после чего появится всплывающее окно:

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

... чтобы это выглядело так:

Это заблокирует ваши размеры, чтобы вы не исказили свое изображение до какой-то гротескной тени от его исходного изображения.

Чтобы настроить масштаб, подведите курсор к одному из углов изображения и потяните его до нужного размера, а затем нажмите «Масштаб»:

Чтобы переместить изображение, снова выберите инструмент «Перемещение» и перетащите его, как вы это делали для слоя с текстовым полем.

Шаг 10: «Экспортировать как» - сохранение изображения в формате .jpg.

GIMP по умолчанию использует странный тип файлов, .cxf. Чтобы сохранить изображение как нечто более распространенное, перейдите на панель инструментов и выберите «Экспортировать как»:

Откроется окно, в котором вы можете переименовать файл и выбрать, куда он будет сохранен. Что наиболее важно, это позволит вам выбрать, в каком виде файла вы хотите его сохранить.

Для этого нажмите маленький «+» рядом с «Выбрать тип файла» ...

... который выпадет в список опций:

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

Когда вы нажмете «Экспорт», появится еще одно окно, касающееся качества изображения:

Изображения более высокого качества будут иметь больший размер и занимать больше места на вашем компьютере, но я рекомендую поднять ползунок качества до «100», прежде чем снова нажать «Экспорт»:

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

И он открывается в красивое управляемое изображение .jpg, когда вы нажимаете на него:

Заключение

Итак, поехали! У вас должно быть красивое изображение, которое вызовет серьезный визуальный интерес к вашему сообщению в блоге - или к вашему сообщению в социальных сетях, или в качестве рекламного изображения, или в качестве обоев компьютера (и прежде чем вы спросите, да, конечно, вы можете использовать мой Изображение Хана Соло для вашего компьютера).

Опять же, Gimp может быть не так удобен для пользователя, как его веб-аналоги, такие как Canva и Pablo , но у него гораздо больше возможностей. Если вы приложите усилия, чтобы научиться использовать эту мощность, GIMP уведет вас дальше. Вы сможете создавать гораздо более амбициозные изображения со всевозможными причудливыми вещами, такими как обернутый текст и настраиваемая графика. Это больше DIY и требует большей предусмотрительности и навыков, но посмотрите вокруг и посмотрите, чего вы можете достичь.

Этот вторник с обучающими программами - лишь верхушка айсберга.

Удачного проектирования!