Руководство для начинающих по использованию GIMP

Благодаря GIMP, или программе GNU (G)Image(M) Manipulation Program , создание эпических эскизов и (P)высококачественных логотипов еще (high-quality logos)никогда(I) не было таким простым и доступным . GIMP — это бесплатная программа с открытым исходным кодом для редакторов изображений, которые ищут альтернативу Adobe Photoshop(Adobe Photoshop alternative) . Он также довольно удобен для начинающих и имеет процветающее сообщество, наполненное советами и рекомендациями, которые помогут внести изменения и исправления, которые требуются для вашего изображения.

GIMP предоставляет множество инструментов и ресурсов, чтобы взять любое изображение и добавить свой собственный профессиональный штрих. Те, кто занимается веб-дизайном, художники-графики и фотографы-любители, обнаружат, что GIMP — отличная программа, которая может легко удовлетворить их потребности в улучшении изображений. То же самое можно сказать и о тех, кто только начинает работать с изображениями(image manipulation) .

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

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

Загрузите и установите GIMP(Download and Install GIMP)

  • Перейдите на сайт разработчика(developer’s website) и выберите загрузку. Файл начнет скачиваться. Подождите несколько секунд до попытки установки.
  • Запустите недавно загруженный файл. Когда откроется установщик, нажмите кнопку « Установить(Install ) », чтобы установить gimp в папку по умолчанию(default folder) .
    • Чтобы изменить параметры установки и надстройки, нажмите « Настроить(Customize ) » .
  • Следуйте всем инструкциям по установке, как они представлены. Полная установка GIMP(GIMP) может занять несколько минут .
  • После завершения установки вы можете начать использовать GIMP .

Использование GIMP: изучение основ(Using GIMP: Learning The Basics)

Начните выполнять описанные ниже шаги, запустив GIMP и переместив его в (GIMP)окно с пустым холстом(canvas window) . Мы будем использовать одно и то же изображение в каждом разделе.

Image Scaling/Resizing

  • Перейдите(Click) на вкладку «Файл» и импортируйте изображение, выбрав « Открыть…(Open…) » (CTRL + O) .

  • После загрузки изображения перейдите на вкладку «Изображение» и выберите « Масштабировать изображение(Scale Image) » в раскрывающемся меню.

  • Появится диалоговое окно(dialog box) для разрешения редактирования.

  • Масштабируйте / изменяйте размер изображения, используя предоставленные параметры.
    • Отрегулируйте изображение по ширине и высоте(width and height) или разрешению X , Y.(Y resolution)
    • Изменения могут производиться по пикселям, процентам, сантиметрам и т. д.
    • Поймите, что увеличение изображения может привести к тому, что изображение станет более пиксельным.
  • После настройки параметров нажмите «Масштаб(Scale ) », чтобы продолжить.

Уменьшение размера файла(File Size Reduction)

  • Перейдите на вкладку «Файл» и выберите « Экспортировать как…(Export As… ) » (Shift + CTRL + E).

  • Выберите имя и место(name and location) , где вы хотите сохранить файл.

  • Нажмите(Click) «+» рядом с « Выбор типа файла(Select File Type) (по расширению)», чтобы открыть список типов файлов(file type) для сохранения. Предпочтителен тип файла(file type) с потерями , такой как jpg или png(jpg or png) .

  • Затем нажмите кнопку « Экспорт(Export ) », чтобы открыть новое всплывающее окно с параметрами.

  • Чем меньше вещей сохраняется, тем меньше размер файла изображения(image file) .
    • Убедитесь, что уровень сжатия(Compression level) установлен на « 9 » для наименьшего размера.
  • После того, как вы решили, какие элементы изображения вы хотите сохранить, нажмите « Экспорт(Export) » .

Обрезка изображения(Image Cropping)

  • Перейдите на вкладку «Инструменты» и выберите Transform Tools > Crop (Shift + C) .

  • Вы также можете выбрать инструмент кадрирования(Crop Tool) , щелкнув его значок в документе инструмента(Tool Doc) в левом верхнем углу интерфейса.

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

  • Вы можете отрегулировать область, используя углы окна, уменьшая или расширяя их, перетаскивая кнопку мыши(mouse button) .
  • Как только вы получите изображение, которое вам нужно, щелкните его левой кнопкой мыши, нажмите Enter или одновременно нажмите Shift + C , чтобы обрезать выбранное.

Поворот изображения(Image Rotation)

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

  • Во вкладке «Файл» выберите « Открыть как слои…(Open As Layers…) » (CTRL+ALT+O)

  • Выберите слой, который вы хотите добавить к изображению, в данном случае мы будем использовать стрелку, и нажмите « Открыть(Open) » .
  • Вы увидите новый слой, размещенный поверх текущего изображения. Чтобы увидеть, как расположены слои, окно слоев(layer window) расположено справа.

  • Выделив новый слой, вернитесь в Инструменты преобразования(Transform Tools) и выберите Поворот(Rotate) . Вы также можете найти значок инструмента «Повернуть(Rotate Tool icon) » в документации по инструменту(Tool Doc) .

  • Это вызовет новое всплывающее окно при применении текстуры, похожей на сетку, к вашему изображению.

  • Если вы знаете угол поворота, который хотите применить, вы можете ввести значения в соответствующие поля. Если нет, вы можете использовать ползунок(slide bar) чуть ниже поля с надписью «Угол» или самостоятельно повернуть изображение, щелкнув левой кнопкой мыши и перетащив его.
    • Использование точных значений обеспечивает более точные результаты и быстрее.
  • Когда результаты вас устроят, нажмите Rotate .

Создание миниатюры(Designing a Thumbnail)

В этом разделе мы покажем вам, как мы создали миниатюру для этой статьи с помощью GIMP . В некоторых частях этого руководства будут использоваться некоторые инструменты, использованные в разделе «Изучение основ»(Learning the Basics)

Прежде чем мы начнем, лучше всего собрать все изображения, которые могут вам понадобиться. Поскольку миниатюра была простой, единственный слой изображения(image layer) , который ей потребуется, — это логотип GIMP(GIMP logo) , полученный через Википедию(Wikipedia) .

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

  • Откройте вкладку «Файл» и выберите « Создать…(New…) » (CTRL + N) .
    • Откроется окно « Создать(Create) новое изображение», где вы можете выбрать из предварительно созданного шаблона(Template) или выбрать размер изображения вручную.

  • Наши эскизы никогда не превышают ширину 680 пикселей, поэтому мы установим размер нашего изображения(image size) таким. Что касается высоты, мы оставим ее на уровне 400 пикселей.
  • После того, как размеры установлены, нажмите OK .
  • Теперь мы должны смотреть на пустой (белый) холст. Вы можете выбрать цвет фона, как вам нравится, используя инструмент Bucket Fill Tool(Bucket Fill Tool) в Tool Doc , но пока мы оставим его белым.
  • Лучше всего добавить дополнительный слой сейчас, чтобы, как только мы начнем добавлять текст, мы смогли настроить его так, чтобы он не блокировал(t block) изображение. Итак, откройте вкладку «Файл» и на этот раз выберите « (time select) Открыть как слои»…(Open As Layers…) так же, как мы сделали для стрелки во время поворота изображения(Image Rotation) . Выберите загруженный ранее логотип GIMP и нажмите « (GIMP logo)Открыть(Open) » .
  • Изображение слоя(layer image) имеет размер 1200 x 1200 , что слишком велико для нашего основного изображения с разрешением 680 x 400. Нам нужно уменьшить его масштаб. Если вы следуете инструкциям, показанным выше, отрегулируйте ширину и высоту изображения(image width and height) до 200 пикселей.
  • Затем мы можем перетащить изображение в сторону, чтобы оно не мешало нашему тексту, пока нам не понадобится изменить его положение.

  • Далее идет текст. Мы воспользуемся командой быстрого доступа(shortcut command) и нажмем клавишу « T » на клавиатуре, чтобы выбрать инструмент «Текст ». (Text Tool)Теперь щелкните левой кнопкой мыши в красивой белой области изображения и начните вводить заголовок.

  • Когда все будет напечатано, выделите текст ( CTRL + A ) и выберите шрифт, который хотите использовать. Мы использовали шрифт Bauhaus 93 , который не является стандартным шрифтом. GIMP возьмет все шрифты, расположенные в папке шрифтов Windows(Windows Font folder) , и добавит их в свою библиотеку вариантов. Вы можете добавить дополнительные шрифты, загрузив их с таких сайтов, как DaFont и Google Fonts , и переместив их в папку шрифтов Windows(Windows Font folder) .
  • Затем отрегулируйте размер надписи так, чтобы она хорошо вписывалась в изображение, но не занимала слишком много места. Мы остановились на 100px.
  • После внесения корректировок текста вы можете переместить текстовое поле(text box) в нужное место, переключившись на инструмент «Перемещение»(Move Tool) . Вы можете легко сделать это, щелкнув область изображения, которая не является текстом, и нажав « (text and clicking ‘)M ».

  • Выделите текстовый слой(text layer) в окне справа, щелкните его правой кнопкой мыши и в списке выберите (list select) Alpha to Selection . Это добавит анимированную рамку к тексту на изображении.

  • Далее нам нужно добавить дополнительный слой. Для этого в том же правом окне(side window) найдите и нажмите кнопку « Создать новый слой(Create a New Layer) » . Это откроет окно для создания нового слоя. Не беспокойтесь о большей части того, что здесь есть, это для более продвинутого руководства. А пока просто убедитесь, что в раскрывающемся списке в разделе «Заполнить с помощью: »(” section) указано значение « Прозрачность », и нажмите « (Transparency )ОК(OK) » .

  • Будет создан новый слой, отражающий текст, который вы применили к выделению с помощью (Selection)альфа(Alpha) -канала . Это должен быть выбранный слой по умолчанию. Теперь мы собираемся добавить границу вокруг текста.
  • Перейдите на вкладку «Выбрать» и выберите «Увеличить »(Grow) . В появившемся окне выбора(selection box) установите значение « 2 » и нажмите « ОК(OK) » .

  • На этом этапе, чтобы упростить вам задачу, щелкните значок « Глаз(Eye icon) » рядом с исходным текстовым слоем(text layer) в окне слоев. Глаз исчезнет после щелчка, и это скроет видимость текста, пока вы заполняете границу.

  • Click Shift + B , чтобы выбрать инструмент «Заливка ведра(Bucket Fill Tool) », а затем щелкните квадрат основного цвета(color square) , чтобы открыть параметры цвета. Вы можете выбрать один из нескольких вариантов по умолчанию или создать свой собственный. Мы остановились на оттенке синего с нотацией HTML(HTML notation) 1b56ff.

  • Если вы немного разбираетесь в CSS , вы можете использовать цветовые коды в этом поле.
  • Наведите(Drag) курсор на невидимую текстовую область, отмеченную анимированной рамкой, и щелкните левой кнопкой мыши, чтобы заполнить ее цветом.

  • Нажмите(Click) на область, где раньше находился значок глаза(Eye icon) , чтобы заново отобразить исходный текст. Затем перетащите исходный текст над цветным слоем в окне слоя(layer window) .
  • Щелкните правой кнопкой мыши самый верхний слой и выберите «Объединить вниз»(Merge Down) . Теперь изображение должно выглядеть так:

  • Теперь мы добавим немного тени к тексту. Перейдите(Click) на вкладку «Фильтры», выберите « Light and Shadow > Drop Shadow (Legacy)…
  • Во всплывающем окне(pop-up window) выберите доступ к тени по осям x, y, радиус и непрозрачность.

  • Для миниатюры мы выбрали « 8 » по осям X и Y, « 20 » по радиусу размытия(blur radius) и увеличили непрозрачность до « 100 ».
    • Вы можете изменить цвет тени, чтобы сделать ее более заметной на фоне, например, если у вас черный фон, лучше выбрать более яркий цвет(brighter color) . Однако, поскольку фон у нас белый, черный вполне подойдет.
    • Чтобы избежать смещения изображения, снимите флажок Разрешить изменение размера(Allow resizing) , прежде чем нажимать OK .
  • Слейте(Merge Down) слой Drop Shadow(Drop Shadow layer) поверх вашего текстового слоя(text layer) .
  • Вкладка «Выбор» > « Нет(None) » (Shift + CTRL + A)
  • Это не обязательно, но мы решили добавить тень к логотипу GIMP(GIMP logo) . Если вы решите сделать это, направления те же. Кроме этого, выберите слой с логотипом GIMP(GIMP logo) и переместите его в нужное положение на миниатюре.
  • В конце, если вы чувствуете, что белого фона недостаточно, вы можете выделить фоновый слой(Background layer) , выбрать инструмент Bucket Fill Tool(Bucket Fill Tool) и добавить немного цвета. Мы выбрали мягкий серый цвет, чтобы не заглушать тени. Готовое изделие должно выглядеть так:

  • Теперь все, что нужно, это экспортировать как(Export As) и сохранить его в нужном месте.

Использование GIMP: дополнительная помощь(Using GIMP: Additional Help)

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

Вы можете начать с официального раздела руководств по GIMP,(official GIMP tutorials section) но я предпочитаю искать именно то, что ищу, с помощью YouTube .

GIMP также имеет большое сообщество пользователей(user community) в Интернете, которое включает сабреддит(subreddit) , неофициальные дискуссионные платформы, такие как форумы(GIMP Forums) GIMP и чат GIMP(GIMP Chat) , вопросы с тегами(tagged questions) в разделе графического дизайна(Graphic Design section) StackExchange и(StackExchange) каналы социальных сетей, такие как группа пользователей Google Plus GIMP(GIMP users) .



About the author

«Я внештатный эксперт по Windows и Office. У меня более 10 лет опыта работы с этими инструментами, и я могу помочь вам извлечь из них максимальную пользу. Мои навыки включают в себя: работу с Microsoft Word, Excel, PowerPoint и Outlook; страницы и приложения, а также помощь клиентам в достижении их бизнес-целей».



Related posts