Простой графический редактор с использованием OpenCV. Другие программы для графического дизайна. Inkscape — редактор векторной графики для Windows, Mac OS X и Linux

К картинкам, публикуемым на сайте, существует и ряд технических требований, Важнейшие из них - формат и объём файла, размер и качество изображения.

Каждый графический файл имеет размер (ширину и высоту в пикселях) и объём файла (измеряемый в байтах). Для удобства мы будем называть первый параметр «размером», а второй «весом» изображения.

Размер

Стандартная ширина области содержимого веб-страницы составляет до 984 пикселей (зависит от ширины монитора на устройстве того, кто её просматривает), поэтому рекомендуется для публикаций обрезать или уменьшать большие изображения примерно до 600-800 пикселей в ширину.

Вес

Размещение слишком объёмных файлов изображений может привести к увеличению скорости загрузки страницы. В этом случае на странице отобразится текст, а вместо изображений будут пустые места, что создаст впечатление некачественного сайта. Также это негативно скажется на быстродействии самой страницы: пока картинки не догрузятся полностью, любые действия (прокрутка страницы, кликабельность кнопок, заполнение полей) будут будут «притормаживать».

Изображения с цифровых камер или библиотек фотографий могут быть очень большими, как по размеру (до 4 000 пикселей в ширину), так и по весу (от 2Мб до 10Мб).

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

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

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

Вы ведь сами знаете, как определить размер и вес картинки, правда?

Как быстро изменить размер и вес

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

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

На Mac OS то же самое делается через стандартную программу просмотра изображений:

Есть и специальные инструменты для оптимизации изображений перед публикацией их на сайте, например FastStone или PIXresizer для Windows. Обе программы бесплатны.

Но и 200 Кб - это слишком большой вес для картинки на сайте. Его можно уменьшить, сжав изображение в два, и даже в четыре раза, без потери качества. Для этого вы можете использовать конвертеры изображений, например, Irfanview или Imagemagick . Можно, конечно, воспользоваться и фотошопом. После редактирования изображения достаточно сохранить его в качестве, позволяющем публикацию в интернете. Для этого в меню «Файл» нужно выбрать функцию «Сохранить для Web...».

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

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

Редактор изображений Irfanview

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

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

Для примера, изменим предлагаемое изображение, превратив его чёрно-белое. Для этого на выпадающем меню «Image» выберем функцию «Convert to Grayscale».

А теперь добавим рамку, выбрав в том же меню функцию «Add border/frame». Из предложенного набора выбираем тип рамки и в появившемся диалоговом окне настраиваем её.

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

Осталось сохранить результат работы на компьютере. При этом, программа предлагает сохранить файл в заданном качестве и даже ограничить его размер. В меню «File» выбираем вкладку «Save as…», указываем путь сохранения и в дополнительном окне - специальные возможности - качество и размер.

Первоначальный объём нашего файла был 111 Кб. В результате преобразований его размер сократился до 25 Кб.

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

Онлайн-редактор изображений Fotostars

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

Вот как будет выглядеть фотография, которую мы взяли в качестве примера, с использованием эффекта под названием «Мечты».

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

Optimizilla

Отличный компрессор, позволяет значительно (до 70-80%!) уменьшить вес картинки, при этом совершенно не теряя в качестве изображения.

Онлайн-компрессор изображений JPEGmini

Этот сервис способен уменьшить размер изображения до 5 раз при полном сохранении качества. В приведённом примере исходное изображение было сжато со 137 Кб до 98 Кб - то есть в 1,4 раза. В рабочем окне сервиса, где видно картинку до и после сжатия, наглядно показаны результаты его работы - вы можете увидеть, что результат работы сервиса действительно не меняет качество изображения.

Онлайн-компрессор изображений PunyPng

Это хороший бесплатный сервис, который отлично подойдет для обработки изображений для сайтов. Он предназначен для сжатия файлов JPG, GIF, PNG-форматов и позволяет за раз загрузить до 20 файлов максимальным объёмом до 500 Кб каждый. Обработанные изображения можно скачать в виде архива.

Онлайн-компрессор изображений TinyPNG

TinyPNG по своим функциям аналогичен предыдущему сервису. Его отличие состоит в том, что он позволяет загружать до 20 файлов форматов JPG и PNG, объём каждого из них не должен превышать 5 Мб. Результаты работы также можно скачать архивом или сохранить в DropBox.

Если же вам приходится работать с картинками в офлайне, тогда лучше использовать программы для настольных компьютеров, например FastStone или PIXresizer для Windows. Обе программы бесплатные.

Как оптимизировать фото для поисковой выдачи?

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

Правильно называйте файлы изображений

Это нужно сделать ещё до загрузки изображения на сайт. Переименуйте файл так, чтобы название отражало содержание картинки. Например, если на фотографии изображен красный диван, назовите файл «krasnyj divan.jpg». Используйте латинские буквы, чтобы поисковик мог корректно их распознать.

Заполняйте alt и title изображения

Правильно заполненные alt и title изображения положительно скажутся на SEO-оптимизации и позволят попасть изображениям с вашего сайта в выдачу поисковиков по картинкам.

Alt - это альтернативное описание того, что изображено на картинке. Если при загрузке страницы у пользователя возникнут неполадки с интернетом и страница загрузится не вся, на месте изображений будет текст, который вы задали в alt.

Title - дополнительное описание фотографии. Оно появляется при наведении курсора мышки на изображение и более подробно объясняет, что на нём происходит.

Бесплатные графические редакторы (редакторы фотографий) и фотоменеджеры: GIMP, Paint NET, PicPick Tools, Picasa, PhotoScape, Inkscape, IcoFX, FastStone Image Viewer, Dimin Image Viewer, XnView, Universal Viewer, NexusImage, IrfanView, Imagine, APViewer.

FastStone Capture – программный продукт, позволяющий делать скриншоты, а также записывать видео с экрана. Помимо основных функций, приложение позволяет пользователям редактировать изображение, а также проводить его адаптацию. Благодаря эффектам, можно полностью изменить изображение, сделав его уникальным. Отредактированный скриншот можно...

DjVu Reader — самая популярная программа, предназначенная для чтения файлов формата djvu. Приложение будет полезно студентам и педагогам, которые читают электронные методички. Многие пользователи не знают, но книги и журналы, сохраненные в формат djvu, занимают значительно меньше дискового пространства,...

ACDSee – программа, предназначенная для просмотра изображений. Приложение позволяет не только просматривать фото, но и при необходимости редактировать их. Удивительно, но АйСиДиСи может воспроизводить даже аудио и видео файлы. Многие пользователи считают программу настоящим мультимедийным комбайном. Помимо основных возможностей,...

NanoCAD – система, предназначенная для проектирования. Приложение будет интересно проектировщикам и инженерам. Эту САПР-платформу можно использовать в различных отраслях. Примечательно, что в отличие от своих конкурентов, она распространяется совершенно бесплатно. Система может стать хорошей альтернативой такого гиганта, как AutoCad....

FormatFactory — бесплатная программа для конвертации изображений, видео аудио из одного формата в другой. Программа «Фабрика форматов» имеет функции для изменения изображений: поворота, обрезания, изменения масштаба, подпись и тд. Программа содержит многоязычный интерфейс, в том числе и русский. Format...

Tux Paint — бесплатная программа для рисования, предназначеная для маленьких детей. В начале разработки создавалась под ОС Linux, но через некоторое время стала доступна и для других ОС тоже. Tux Paint переведена на очень большое количество языков. В их...

PhotoFiltre — компактный универсальный графический редактор для операционной системы Windows. Имеетются две версии этой программы, бесплатная и платная. Автором и разработчиком программы явялется Антонио Да Круз. Весь интерфейс программы перевели, примерно 26 языков.

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

Жутко не удобно, когда программы, которые так нужны очень много весят. Но это не про этот графический редактор. PaintTool SAI - это очень удобный и экономичный вариант.

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

Всем вольным художникам нового поколения, создающим свои шедевры,...

Самые продвинутые графические редакторы вроде инструментов компании Adobe стоят немалых денег. Но есть бесплатные и вполне достойные альтернативы, возможностей которых хватит большинству. Издание для фотографов и дизайнеров Creative Bloq выбрало The best free graphic design software лучшие среди подобных программ и сервисов.

Бесплатные векторные редакторы

Предназначены для создания и редактирования логотипов, интерфейсов и прочей масштабируемой графики.

Gravit Designer - ранее известный как Gravit - это полнофункциональный векторный редактор. Он подходит для любых задач: от дизайна интерфейсов и иконок до работы с презентациями, иллюстрациями и анимацией.

Аккуратный интуитивный интерфейс Gravit Designer можно настраивать под себя. Редактор содержит массу инструментов для создания прекрасных детализированных векторных изображений. Среди них - неразрушающие (их действие можно отменять) функции для работы с булевыми операциями, инструменты «Нож» и «Граф путей» плюс множество режимов заливки и смешивания, а также мощный текстовый движок.

Если вам понадобится получить доступ к работе на ходу, облачный сервис Gravit Cloud позволит вернуться к проекту на любом устройстве.

2. Vectr

  • Платформы: веб, Windows, macOS, Linux.

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

  • Платформы: веб.

Если вам нужно быстро создать или отредактировать простой SVG-файл, есть несколько , которые подойдут для этой задачи не хуже Adobe Illustrator. В числе лучших из них - SVG-Edit.

Этот редактор целиком создан на HTML5, CSS3 и JavaScript и не использует серверы для обработки данных. Код SVG-Edit открыт. Поэтому при желании вы можете скачать его и модифицировать, чтобы создать свою версию редактора.

SVG-Edit располагает всеми базовыми инструментами векторного редактора. Но поддерживает только формат SVG.

Этот мощный редактор предлагает множество инструментов и функций, которые часто недоступны в других аналогичных программах. Среди них - альфа-смешивание, клонирование объектов и маркеры.

Полная поддержка различных цветовых моделей делает Inkscape достойной Adobe Illustrator как для веб-дизайна, так и в сфере полиграфии. При всей простоте интерфейса в этой программе можно создавать невероятно комплексные работы.

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

Бесплатные растровые редакторы

Предназначены для создания и редактирования любых немасштабируемых рисунков и фотографий.

1. GIMP

  • Платформы: Windows, macOS, .

Бесплатный графический редактор с открытым исходным кодом. GIMP укомплектован богатым набором функций для рисования, цветокоррекции, клонирования, выделения, улучшений и других действий. Интерфейсом GIMP отличается от популярнейшего Photoshop, но долго искать нужные инструменты вам не придётся.

Команда GIMP позаботилась о совместимости, так что вы сможете без проблем работать со всеми популярными форматами изображений. Кроме того, в GIMP встроен файловый менеджер, похожий на Bridge из программ от компании Adobe.

  • Платформы: Windows.

Если вы работаете на Windows и не нуждаетесь в таком количестве инструментов, как у GIMP, вашим идеальным редактором может стать Photo Pos Pro. Последний создан с прицелом на редактирование изображений и отлично справляется с типичными задачами вроде регулировки контрастности, освещения и насыщенности. Но Photo Pos Pro подходит и для более сложных манипуляций.

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

3. Krita

  • Платформы: Windows, macOS, Linux.

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

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

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

4. Pixlr

  • Платформы: веб, iOS, Android.

Pixlr предлагает более 600 эффектов, наложений и рамок. В этом сервисе можно делать всё, чего стоит ждать от : изменять размер изображений, обрезать их, удалять эффект красных глаз, отбеливать зубы и многое другое.

Если вы знакомы с Photoshop, то очень быстро освоите веб-версию Pixlr. Интерфейсы этих редакторов очень похожи.

  • Платформы: Windows.

Paint.NET является альтернативой программе Paint, встроенной во все версии Windows. Но пусть схожесть названий не сбивает вас с толку: Paint.NET гораздо более продвинутый и полезный редактор.

Команда разработки делает упор на простоту использования и совершенствует в Paint.NET скорее функции для редактирования снимков, чем возможности дизайна графики. Тем не менее Paint.NET позволяет управлять перспективой, манипулировать пикселями на холсте, клонировать выделенные зоны и так далее.

Благодаря поддержке слоёв, широкому выбору инструментов для выделения и настроек вроде яркости / контрастности и кривых, Paint.NET можно рассматривать как достойную замену Photoshop.

  • Платформы: веб.

Sumo Paint быстро работает в вебе и справляется с задачами не хуже настольных редакторов. Но для его запуска вам понадобится Adobe Flash Player. Так что Sumo Paint не для iOS-устройств.

Арсенал настроек и функций Sumo Paint включает карандаши, кисти, текст, градиенты, клонирование, формы и не только. Всё это всегда в зоне видимости на плавающей панели вроде той, что вы могли видеть в .

Бесплатные редакторы 3D-графики

Предназначены для работы с 3D-моделями, эффектами и анимациями.

  • Платформы: веб.

SketchUp Free можно назвать идеальной точкой входа в мир 3D-графики. Этот редактор дружелюбно вводит новичка в курс дела и прощает ему все допущенные ошибки. Вы можете начать с простого рисования линий и форм, а потом преобразить их в 3D-объекты.

Если вам понадобится вдохновение, можете бесплатно скачать модели различных объектов из библиотеки 3D Warehouse через форму поиска на сайте SketchUp.

  • Платформы: Windows, macOS.

С помощью Daz Studio можно кастомизировать, перемещать в пространстве и различные 3D-объекты вроде людей, животных, предметов.

Вы можете создавать уникальных персонажей, миры, различные элементы дизайна и многое другое. Но в Daz Studio отсутствуют возможности моделирования и текстурирования, доступные в платных альтернативах. Подробную таблицу со сравнением редакторов смотрите на сайте проекта.

  • Платформы: Windows, macOS.

Hexagon - бесплатный инструмент для 3D-моделирования. В нём есть всё необходимое для создания детализированных моделей, готовых к финальному рендерингу.

Среди инструментов и функций программы вы найдёте возможность быстрого импорта из Daz Studio, заготовки для различных объектов, кисти для ручного моделирования, UV-развёртку (нанесение плоских текстур на трёхмерный объект), продвинутые инструменты рисования и мгновенное затенение (instant ambient occlusion).

Программы Daz Studio и Hexagon созданы одним разработчиком и дополняют друг друга. Вместе они составляют полный бесплатный комплект для работы с 3D-графикой.

  • Платформы: Windows, macOS, .

Blender - это продвинутый бесплатный редактор 3D-графики с открытым исходным кодом, доступный для всех основных платформ.

Разработчики постоянно развивают Blender. Он поддерживает все возможные операции с 3D-графикой: позволяет моделировать, текстурировать, анимировать, рендерить и компоновать.

  • Платформы: Windows, macOS.

Если вам интересно искусство цифровой скульптуры, попробуйте программу Sculptris от разработчика Pixologic. Она подходит одинаково хорошо для любого уровня подготовки. Новички получают хороший стартовый инструмент, а уже опытные цифровые художники - платформу для быстрой и удобной реализации идей.

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

  • Платформы: Windows, macOS, Linux.

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

Стоимость редактора начинается с 2 000 долларов. Но разработчики программы - Side Effects Software - разрешают использовать версию Houdini Apprentice бесплатно. Благодаря ей вы можете получить доступ ко всем функциям полной версии и оттачивать мастерство на личных проектах. Только Houdini Apprentice предназначена исключительно для некоммерческих и образовательных целей.

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

Что такое графический редактор — это программа для редактирования и усовершенствования каких либо цифровых изображений. Многие пользователи для редактирования изображений используют всем известный Adobe Photoshop, ознакомиться с ним можно , цена которого примерно 700-800 долларов, вот ссылка , а также он требует определённых ресурсов «железа».

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

GIMP:

GIMP (GNU Image Manipulation Program ) — программа манипуляции изображения. Бесплатная программа созданная для рисования, редактирования картинок, фото, а также других растровых изображений и другой векторной графики. Имеет мощное средство фото ретуширования. Есть возможность конвертировать формат фотографий.

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

Возможности GIMP:

  • конвертирование изображений в такие форматы как: GIF, JPEG, PNG, BMP, TGA, SVG, TIFF и другие;
  • индивидуальная настройка программы для пользователя, есть возможность открывать элемент в отдельной вкладке или в отдельном окне;
  • настройка контрастности, яркости, прозрачности, настройка цвета стиля кистей, карандашей и многое другое;
  • работать отдельно со слоями одного изображения;
  • изменять и настраивать RGB — каналы;
  • анимация графики в формате MNG;

Этот графический редактор подойдёт не только для профессионалов дизайнеров, но и для обычных пользователей. Вот ссылочка на официальный сайт программы.

Paint.NET:

Бесплатная программа Paint.NET подойдёт скорее всего для квалифицированных фотографов, которая делает данную программу универсальным помощником и способствует удобной работы с камерой и сканером. Предназначена для корректировки растровых и векторных изображений.

Программа поддерживает множество различных плагинов, мощных инструментов, поддержка слоёв, спец. эффектов, небольшой вес программы делает её более быстрой в работе с изображениями, не требовательна к расходу программных ресурсов компьютера. Вот пару сайтов посвящённых этой программе Paint.NET , Pen 2000 , форум для общения .

Возможности Paint.NET:

  • поддержка и редактирование таких форматов как: PNG, GIF, JPEG, BMP, TIFF, TGA, DDS, PDN;
  • настройка расположения элементов интерфейса: инструменты, журнал, слои палитра;
  • изменения размера изображения, поворот по горизонтали и вертикали, обрезка;
  • при большом масштабировании изображения есть возможность активации «сетки» и «линейки»;
  • встроены эффекты: размытие, устранение эффекта красных глаз, имитирование изображений, узоры;

Программа создавалась под руководством Microsoft. Сайт программы здесь .

Photoscape:

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

А если хотите отредактировать или наложить какие-то эффекты, размытие, фильтры, обрезать фото, склеить изображение это можно сделать в редакторе программы. А также в Photoscape есть инструмент для создания GIF-анимации.

Возможности Photoscape:

  • «склеивать» изображения в одно целое, то-есть в виде плитки;
  • создание GIF-анимации из нескольких изображений;
  • просматривать фото можно отдельно, с помощью «вьювера»;
  • возможность разделить изображения на одну, или несколько частей;
  • захват экрана;
  • возможность печатать готовые работы, а также другие фото;
  • конвертация RAW-файлов;
  • одновременная работа с несколькими изображениями;

Программа переведена на русский язык, имеет интуитивно понятный интерфейс с «тул-баром», вкладками и встроенным проводником.

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

Photoinstrument:

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

Возможности Photoinstrument:

  • восстановление определённых участков изображения,например можно удалять ненужные надписи на фото или изображении;
  • удалять эффект красный глаз;
  • рисование с помощью карандаша, кисти, спрея и так далее...;
  • ретушировать фотографии, «очиститель кожи», «гламурная кожа», «пластика»;
  • изменять яркость, контрастность, осветление, затемнение;
  • вырезать объекты из изображений, а также трансформировать их копировать, перемещать;
  • налаживать текст на фото;
  • установка дополнительных плагинов;
  • воспроизведение таких файлов как PNG, JPG, GIF, BMP, TGA и других, атакже их конвертирование и редактирование;
  • создавать GIF-анимацию;

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

PixBuilder Studio:

Бесплатный графический редактор для видо-изменения цветовой гаммы фото и других изображений, либо вырезать определённый объект, или размыть нужное место на фото, изображении. По функционалу программа подойдёт больше профессионалу, для выполнения более сложных задач.

Возможности PixBuilder Studio:

  • работа со слоями;
  • изменение цветовых каналов;
  • многоуровневый канал, то-есть можно вернуть картинку в первоначальный вид;
  • поддержка популярных форматов изображений;
  • изменения размера изображения;
  • изменения контрастности, яркости;
  • трансформация определённых областей изображения;
  • работа с цветовыми каналами;

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

С ув ажением,

В этой статье я расскажу, как достаточно быстро и просто написать редактор изображений на C++ с использованием библиотеки компьютерного зрения opencv. Реализованы такие эффекты, как насыщенность, экспозиция, резкость, контрастность и другие. Никакой магии!

Внимание! Под катом много графики и кода.

Итак, начнем…

Насыщенность

Ингредиенты:
- система цветности HSV,
- функция разбиения на слои «split»,
- функция объединения слоев «merge».

Для изменения насыщенности изображение преобразуется в систему цветности HSV и разбивается на слои. К значениям слоя «Sature» прибавляется шаг. Слои объединяются. Все просто:

Насыщенность

void CImageEditor::Sature(int step) { try { std::vector hsv; cv::cvtColor(*m_imgEdit, *m_imgEdit, cv::ColorConversionCodes::COLOR_RGB2HSV_FULL); cv::split(*m_imgEdit, hsv); hsv += step * 5; cv::merge(hsv, *m_imgEdit); cv::cvtColor(*m_imgEdit, *m_imgEdit, cv::ColorConversionCodes::COLOR_HSV2RGB_FULL); } catch (Exception ex) { } }




Экспозиция

Ингредиенты:
- система цветности HSV,
- функция «split», «merge», а также функция преобразования гистограммой «LUT»,
- гистограмма преобразованная функцией x + sin(x * 0.01255) * step * 10,
- защита от переполнения байтовых значений гистограммы.
Как и в случае с насыщенностью, изображение преобразуется в HSV и разбивается на слои. Для слоя «Value» выполняем преобразование с помощью гистограммы, заданной функцией i + sin(i * 0.01255) * step * 10. При этом не забываем защититься от переполнения байтового числа.

Экспозиция

void CImageEditor::Expo(int step) { try { std::vector hsv; cv::cvtColor(*m_imgEdit, *m_imgEdit, cv::ColorConversionCodes::COLOR_RGB2HSV_FULL); Mat lut = GetGammaExpo(step); cv::split(*m_imgEdit, hsv); cv::LUT(hsv, lut, hsv); cv::merge(hsv, *m_imgEdit); cv::cvtColor(*m_imgEdit, *m_imgEdit, cv::ColorConversionCodes::COLOR_HSV2RGB_FULL); } catch (Exception ex) { } } cv::Mat CImageEditor::GetGammaExpo(int step) { Mat result(1, 256, CV_8UC1); uchar* p = result.data; for (int i = 0; i < 256; i++) { p[i] = AddDoubleToByte(i, std::sin(i * 0.01255) * step * 10); } return result; } byte CImageEditor::AddDoubleToByte(byte bt, double d) { byte result = bt; if (double(result) + d > 255) result = 255; else if (double(result) + d < 0) result = 0; else { result += d; } return result; }





График функции x + sin(x * 0.01255) * step * 10


Функция в основном затрагивает середину диапазона.

Оттенок

Ингредиенты:
- система цветности RGB,
- функция «split», «merge» и «LUT»,
- гистограммы, преобразованные функцией экспозиции, для красного, синего и зеленого каналов,

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

Оттенок

void CImageEditor::Hue(int step) { try { std::vector rgb; Mat lut0 = GetGammaExpo(step), lut1 = GetGammaExpo(-step), lut2 = GetGammaExpo(step); cv::split(*m_imgEdit, rgb); LUT(rgb, lut0, rgb); LUT(rgb, lut1, rgb); LUT(rgb, lut2, rgb); cv::merge(rgb, *m_imgEdit); } catch (Exception ex) { } }




Цветовая температура

Ингредиенты: те же, что и в оттенке, но гистограммы для красного и зеленого положительные, а для синего слоя двойная отрицательная.

Цветовая температура характеризует наличие в изображении желтого и синего цветов. Значит будем «крутить» синий.

Цветовая температура

void CImageEditor::Temperature(int step) { try { std::vector rgb; Mat lut0 = GetGammaExpo(-step*2), lut1 = GetGammaExpo(step), lut2 = GetGammaExpo(step); cv::split(*m_imgEdit, rgb); LUT(rgb, lut0, rgb); LUT(rgb, lut1, rgb); LUT(rgb, lut2, rgb); cv::merge(rgb, *m_imgEdit); } catch (Exception ex) { } }




Свет и тени

Ингредиенты:
- система цветности HSV,

- гистограмма теней, преобразованная функцией (0.36811145*e)^(-(x^1.7))*0.2x*step,
- гистограмма светов, преобразованная функцией (0.36811145*e)^(-(256 - x)^1.7)*0.2(256-x)*step,
- защита от переполнения значений гистограммы.

Параметр «свет» характеризует яркость светлых областей изображения, а параметр «тени» - яркость темных областей. Преобразовывать будем канал яркостей.

" alt=«image»/>

На графике функция преобразования теней обозначается красной линией, функция света – зеленой.

Свет и тени

void CImageEditor::White(int step) { try { std::vector hsv; cv::cvtColor(*m_imgEdit, *m_imgEdit, cv::ColorConversionCodes::COLOR_RGB2HSV_FULL); cv::split(*m_imgEdit, hsv); Mat lut = GetGammaLightShadow(step, true); LUT(hsv, lut, hsv); cv::merge(hsv, *m_imgEdit); cv::cvtColor(*m_imgEdit, *m_imgEdit, cv::ColorConversionCodes::COLOR_HSV2RGB_FULL); } catch (Exception ex) { AfxMessageBox(CString(CStringA(ex.msg.begin()))); throw; } } void CImageEditor::Shadow(int step) { try { std::vector hsv; cv::cvtColor(*m_imgEdit, *m_imgEdit, cv::ColorConversionCodes::COLOR_RGB2HSV_FULL); cv::split(*m_imgEdit, hsv); Mat lut = GetGammaLightShadow(step, false); LUT(hsv, lut, hsv); cv::merge(hsv, *m_imgEdit); cv::cvtColor(*m_imgEdit, *m_imgEdit, cv::ColorConversionCodes::COLOR_HSV2RGB_FULL); } catch (Exception ex) { AfxMessageBox(CString(CStringA(ex.msg.begin()))); throw; } } Mat CImageEditor::GetGammaLightShadow(int step, bool reverse) { Mat result(1, 256, CV_8UC1); for (int i = 0; i < 256; i++) { *(result.data + i) = AddDoubleToByte(i, std::pow(0.36811145*M_E, -std::pow(abs((reverse ? 256: 0) - i), 1.7))*0.2*step*abs((reverse ? 256: 0) - i)); } return result; }




Контраст

Ингредиенты:
- система цветности RGB,
- функция «split», «merge», «LUT»,
- уровень контраста «(100+step)/100»,
- гистограмма контрастности, полученная из формулы ((x/255 – 0.5)*constrastLevel + 0.5)*255.

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

Контрастность

void CImageEditor::Contrast(int step) { try { std::vector rgb; cv::split(*m_imgEdit, rgb); Mat lut(1, 256, CV_8UC1); double contrastLevel = double(100 + step) / 100; uchar* p = lut.data; double d; for (int i = 0; i < 256; i++) { d = ((double(i) / 255 - 0.5)*contrastLevel + 0.5) * 255; if (d > 255) d = 255; if (d < 0) d = 0; p[i] = d; } LUT(rgb, lut, rgb); LUT(rgb, lut, rgb); LUT(rgb, lut, rgb); cv::merge(rgb, *m_imgEdit); } catch (Exception ex) { AfxMessageBox(CString(CStringA(ex.msg.begin()))); throw; } }



Красная линия – повышенный контраст, зеленая – пониженный.


Резкость

Ингредиенты:
- функция размытия «blur»,
- матрица свертки, с рассчитанными коэффициентами,
- функция преобразования матрицей свертки «filter2D»,
- копия изображения.

Резкость (четкость) определяется выделением отдельных элементов, их контуров. Величина, обратная резкости – размытость.
В opencv для размытия изображения используем функцию blur, принимающую в качестве параметров исходное изображение, выходное изображение, и размер матрицы размытия. От размера матрицы размытия и зависит сила размытия. Этот размер должен быть четным, чтобы не указывать вручную центр матрицы.

Четкость в opencv проще всего повысить с помощью матрицы свертки, используя специальную для этого матрицу. Функция «filter2D», которая принимает исходное изображение, результирующее изображение, количество бит на значение матрицы свертки, матрицу свертки, выполняет непосредственно преобразование. Итак, как будет выглядеть метод повышения/понижения четкости.




Top