GIMP: Как вытащить фрагмент из изображения. Обрезка фотографии

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

Для работы с изображением нам нужен фото редактор, но так как выкладывать круглую сумму за хороший профессиональный фото редактор у нас нет желания, будем пользоваться бесплатным решением под названием “Gimp”.

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

На самом деле в 80 случаев из 100 подготовкой изображения является самая обычная обрезка его в соответствии новостной сетке сайта, поэтому мной будет рассмотрена именно обрезка изображения.

И так, после того как редактор был загружен на ПК и распакован, запустите его и выберите файл который Вы хотите использовать эскизом записи, для этого в редакторе Gimp нажмите «Файл», за тем «Открыть»

Перед Вами откроется окно для выбора файла. В начале выберите папку в которой находится изображение (1), за тем выберите файл (2). К сожалению программа Gimp не обладает отображением эскизов всех изображений, которые находятся в выбранной Вами папке, поэтому придётся ориентироваться по эскизу, изображений который находится в окошке с лева (3).

После того как изображение было выбрано нажмите на кнопку «Открыть» (4).

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

Так как в большинстве случаев самым оптимальным разрешением для эскиза записей является 400 пикселей в ширину и 300 пикселей в высоту, мы обрежем наше изображение именно по данным значениям. Для обрезки изображения нажмите на кнопку «Кадрирование» (1) , за тем введите значение ширины (2) и высоты (3) , и зафиксируйте соотношение сторон (4) как указано на скриншоте ниже. На данном шаге, обрезка изображения нам нужна для пропорций.

Далее выделите нужную часть изображения как указано на скриншоте ниже

И нажмите « Enter», после нажатия изображение будет автоматически обрезано (скриншот ниже).

Теперь когда пропорции изображения у нас есть мы изменим его разрешение в пикселях, для этого перейдите в пункт меню «Изображение» (1), далее «Размер изображения» (2). В появившемся окне укажите ширину 400px (3) и высоту 300px (4). То есть сейчас мы делаем из большого изображения (которое даже после того как мы его обрезали имеет ширину 1023 и высоту 767 пикслей) маленькое, которое будет иметь ширину 400 и высоту 300 пикселей.

После внесения ширины и высоты нажмите «Изменить».

Переходим к завершающей стадии обработки изображения – к сохранению.

Что бы сохранить получившийся результат, наведите курсор мышки на изображение и сделайте левый щелчок мышью. В выпадающем меню наведите курсор на пункт меню «Файл» (1) далее на «Экспортировать как» (2).

Перед вами откроется диалоговое окно сохранения файла, здесь Вы можете указать имя файла (1), место в котором файл будет сохранен (2) , выбрать формат файла (3,4).

Сейчас мы с вами обрежем фотографию в программе GIMP. Саму программу можно скачать бесплатно с официального сайта разработчика по адресу: http://www.gimp.org/downloads/ (Лучше выбрать русский)

Итак, открыли нужное фото. Нажимаем на изображение резака. В программе это называется "Кадрирование ". Выделяем область, которая нам нужна и для того, чтобы обрезать, нажимаем на Enter. Всё. Мы обрезали фотографию.

Откроется вот такое окно, в котором можно поменять длину и ширину. Здесь есть нюанс. Если цепи закрыты, то меняем одну из сторон, вторая изменится автоматически, стоит только тыкнуть по второй стороне. Это желательный вариант.

Можно цепи разомкнуть и настроить длину и ширину произвольно. Но тогда вы рискуете некрасиво растянуть фотографию.

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

Выбираем в какую папку будем сохранять фотографию. Выбираем расширение фотографии. Кликаем на Экспортировать .

Открывается еще одно, последнее, окно. Программа спрашивает качество изображения. У меня стоит на 93.

Вот что у нас получилось:

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

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

Наша цель обрезать изображение в Gimp по контуру представленному на следующем изображении.

Чтобы потом поместить фото в рамку и повесить на стену.

За обрезку изображений в GIMP отвечает инструмент “Кадрирование”, на панели инструментов его кнопка имеет изображение скальпеля:

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

Активировать инструмент “Кадрирование” можно 3-я способами:

В зависимости от стиля работы в gimp можно выбрать наиболее подходящий для работы метод выбора инструмента. Кому-то нравится кликать мышкой по панели инструментов, но есть и такие кому удобней нажать Shift+C.

Обрезка изображения выделением

Для примера возьмем фотографию яхты и попробуем обрезать изображение с помощью инструмента “Кадрирование”. Предположим, что мы хотим сделать яхту покрупнее, а часть неба и моря вокруг просто отбросить.

Для этого активируем инструмент “Кадрирование” одним из трех способов, описанных выше. Курсор мышки сразу поменяется (появится изображение скальпеля).

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

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

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

1. 1. Нажимаем клавишу Enter и все ненужное будет отброшено, а выделенная область останется.
   2. Просто кликаем мышкой в центр выделенной области.

Итак, в быстром старте мы рассмотрели, как обрезать в gimp фотографию. Как видно, ничего сложного в этом нет.

Продвинутая обрезка изображения

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

Параметры “Кадрирования” на панели инструментов собраны в одну группу, которая выглядит следующим образом:

Пройдемся по всем параметрам и рассмотрим их назначение.

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

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

Рисовать из центра - при этом способе контур области выделения будет рисоваться от места, где кликнут мышью (удобно для обрезки изображения по какому то объекту).

Далее идет очень важный параметер, отвечающий за форму области выделения . Следует сказать, что они активны только при установленном флажке в поле "Фикс.". То есть, мы заранее фиксируем форму будущей области выделения.
Четкое задание размеров области выделения. Нужно только кликнуть мышкой на изображении и сразу же выделится участок заданным размером (в данном случае 640x480).

В этом случае соотношение сторон области выделения будет равно 1:1 (можно было использовать 5:5, 100:100, 99:99 было бы тоже самое).

Ширина фиксирована, высота может быть любой.

Высота фиксирована, ширина может быть любой.

Затемнить не выделенное

Следующие изображения наглядно демонстрируют работу этой опции:

Далее идет параметр, отвечающий за художественную составляющую при выборе объектов в результирующем кадре. Ведь нужно не только знать как обрезать картинку в gimp, но и сделать это максимально правильно. Чтобы в процессе обрезки удобнее было размещать объекты на плоскости изображения, gimp накладывает на область выделения вспомогательные линии (сетку) по которым пользователь ориентируется в процессе кадрирования.

Gimp предлагает 6 вариантов сетки:

Без направляющих

Линии по центру

Правило третей

Правило пятых долей

Золотое сечение

Диагональные линии

Автосокращение выделения - данный параметр, позволяет в один клик ужать область выделения до ближайшего объекта расположенного внутри этой области. Главное, чтобы объект контрастировал с фоном. А фон был однородным. Действие этой опции продемонстрируем на следующем примере, где чтобы обрезать изображение gimp применит метод "Автосокращение".

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

С помощью инструмента "Кадрирование" выделяем область вокруг фигуры с "запасом".

Рисунок 14.126. Инструмент кадрирования

Инструмент кадрирования используется для отрезания частей изображения или слоя. Этот инструмент обычно используется для удаления краёв или ненужных областей для работы над главными частями изображения. Он также полезен, когда нужно получить изображение определённого размера.

Для использования инструмента нажмите внутри изображения и определите передвижением мышки прямоугольную область до отпускания кнопки. При нажатии появится диалог, который покажет размер кадрируемой области и позволит провести разные операции. Чтобы изменить размер, двиньте углы области или измените значения в диалоге. Кадрирование выполняется нажатием внутри изображения или нажатием кнопок Кадрировать или Изменить размер в диалоге. Внешняя область может быть затемнена, чтобы лучше увидеть, как будет выглядеть результат. Чтобы окончить кадрирование, нажмите внутри прямоугольника кадрирования или нажмите клавишу Ввод .

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

Для точного определения области кадрирования можно использовать направляющие. Убедитесь, что напротив пункта меню Вид → Прилипать к направляющим стоит флажок.

4.4.1. Активация инструмента

Инструмент можно вызвать несколькими способами:

4.4.2. Клавиши-модификаторы (по умолчанию)

Если продолжать нажимать на прямоугольник кадрирования, уголки исчезнут и

удерживание нажатой клавишу Ctrl переключит состояние параметра Рисовать из центра ,

удерживание нажатой клавишу Shift переключит состояние параметра Фиксированно .

4.4.3. Параметры инструмента

Рисунок 14.127. Параметры инструмента «Кадрирование »

Обычно параметры инструмента отображаются в панели, присоединенной к панели инструментов, как только вы активируете его. Если их там нет, вы можете перейти к этой панели, выбрав в меню пункт Окна → Панели → Параметры инструмента .

Только текущий слой

При выборе этого параметра будет откадрирован только активный слой.

Этот параметр позволяет выводить кадрирующую рамку за пределы изображения (или слоя) и даже холста. Таким образом вы можете менять размер изображения. Если за пределами текущего слоя нет данных, добавленная часть будет содержать прозрачность.

Рисунок 14.128. Пример использования параметра «Разрешить наращивание »

Изображение на большом холсте

Параметр включен. Кадрирующая рамка может выходить за пределы холста.

Результат

При выборе этого параметра прямоугольник кадрирования расширяется от первой нажатой точки, принимая её за центр расширения. Это поведение можно отключить нажатием клавиши Ctrl во время рисования прямоугольника кадрирования.

Этот параметр активируется при нажатием клавиши Ctrl во время рисования прямоугольника кадрирования. Он позволяет сохранить ширину, высоту или пропорции между ними:

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

Ширина / Высота : только ширина или высота останется фиксированной. Значение выбранного измерения можно ввести в текстовое поле ниже; по умолчанию оно равно 100 точкам растра.

Размер : ширина и высота останутся постоянными. Их значения можно ввести в поле ввода ниже, к примеру, «150×100 » . Прямоугольник кадрирования примет этот размер при щелчке по изображению. Две кнопки справа позволяют выбрать формат прямоугольника: Альбом (по ширине) или Портрет (по высоте).

Эти поля ввода показывают позицию (слева - по горизонтали, справа - по вертикали) верхнего левого угла прямоугольника кадрирования в режиме реального времени. Позицию также можно изменить вручную. Единица измерения по умолчанию - точки растра, но её можно поменять на другую из раскрывающегося списка px . Начало координат находится в верхнем левом углу холста (не изображения).

Эти поля ввода показывают размер (слева - по горизонтали, справа - по вертикали) прямоугольника кадрирования в режиме реального времени. Размер также можно изменить вручную. Единица измерения по умолчанию - точки растра, но её можно поменять на другую из раскрывающегося списка px .

Этот параметр включает и выключает затемнение области за пределами прямоугольника кадрирования.

Все виды направляющих описаны в разделе Раздел 2.2, «Прямоугольное выделение»

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

Рисунок 14.129. Пример «автосокращения »

Изображение с резкой границей и прямоугольником кадрирования.

После нажатия кнопки автосокращения прямоугольник кадрирования сократился до резких границ.

Этот параметр работает одинаково вне зависимости от того, используется ли автосокращение выделения. Если параметр включен, используется информация о точках растра со всех видимых слоев, а не только активного слоя.

Adobe Photoshop является наиболее мощным инструментом для графических работ. Однако, если вы не собираетесь делать что-то серьезное, то вам вполне хватит и Good Guy Gimp для большинства основных задач (хотя и для серьезных графических работ тоже сгодится). В этой статье я покажу вам несколько советов по работе с GIMP.

1 - Обрезать изображение

Тулза Crop (кадрирования) находится возле тулзы Текст. Ее иконка выглядит как резак для бумаги. Чтобы обрезать изображение, просто нажмите на Crop, перетащите мышь на изображение чтобы выбрать его, затем щелкните внутри выделенной области и эта область обрежется.

2 - Сделать прозрачным фон изображения

Давайте обработаем рисунок Son Goku в качестве примера:

Чтобы фон этого изображения стал прозрачным, откройте его в GIMP. Используйте Fuzzy Select tool для выбора пространства вокруг Son Goku.

Затем на панели меню пройдите СLayer > Transparency > Add Alpha Channel , где хранятся прозрачные изображения. Затем кликните по кнопке Delete и у вас будет что-то вроде этого:

Сделайте это снова, чтобы удалить все белые части внутри образа, затем сохраните файл в формате.png. Теперь у вас есть новое изображение с прозрачным фоном.

3 - Обрезать изображение с закругленными углами

Это стоит сделать, если вам нужен дизайн кнопки и иконки. Чтобы обрезать изображение с закругленными углами, выделите все изображение. Затем в Menu bar нажмите Select > Rounded Rectangle , появится диалоговое окно с просьбой выбрать радиус угла, 50 - является значением по умолчанию, но 15-30 выглядит лучше:

После выбора радиуса, щелкните правой кнопкой мыши на изображении, а затем Select> Invert :

Затем нажмите кнопку Delete и четыре угла будут обрезаны и заменены белым фоном. Вы также можете использовать совет №2, чтобы заменить белый фон прозрачным:

4 - Удаление красных глаз

Кровавые красные глаза появляются при использовании вспышки для съемки фото. Для удаления красных глаз с GIMP, выделите их на фото, потом перейдите в Filters > Enhance > Redeye Removal . Выберите Threshold, нажмите ОК и красный глаз станет черным.

5 - Изменение размера изображения

Чтобы изменить размер изображения, в menu bar перейдите к Image > Scale Image . В диалоговом окне вы увидите значения размеров. Существует также линк между двумя размерами, нажмите на эту ссылку, чтобы отключить или подключить связь между двумя размерами. Если вы не отключите связь, одно измерение будет соответствующим образом скорректировано при изменении другого:

6 - Уменьшить размер файла изображения

Если вы хотите сэкономить время при загрузке изображения,рекомендуется уменьшить размер файла изображения. Для этого в GIMP откройте изображение, которое вы хотите уменьшить. Теперь переходим к меню File > Save As и нажмите кнопку «Save ». Теперь перетащите ползунок в всплывающем окне до любого уровня вы хотите. Поставьте галочку в поле файла предварительного просмотра, чтобы получить предварительный просмотр. Чем меньше размер вам нужен, тем меньшим это число должно быть. Но помните: чем меньше размер, тем хуже качество.