Бесплатные графические редакторы. Программы для рисования - что выбрать? Список лучших бесплатных продуктов

Приветствую всех!

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

Добавлю, что многие ошибочно полагают, что нарисовать картину на компьютере - легче, чем на холсте. Водить курсором (или даже рисовать с помощью графического планшета) ничуть не легче и не быстрее!

Собственно, эта статья посвящена инструментам - чтобы нарисовать картину, нужны специальные программы для рисования (прим. : графические редакторы) . Вот о них и пойдет речь ниже (кстати, добавлю, что программы я выбрал бесплатные с поддержкой всех популярных Windows: 7, 8, 10 (32|64 bits)) . И так...

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

Список лучших программ. Начинаем рисовать?

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

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

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

Основное преимущество векторного рисунка перед растровым - это возможность как угодно его трансформировать (например, увеличить) без потери качества. Компьютеру, фактически, нужно лишь пересчитать вашу картинку по мат. формулам.

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

Векторные редакторы в статье : Gravit, DrawPlus, Inkscape.

Растровые редакторы в статье : Paint, Gimp, ArtWeaver и остальные...

Paint

Растровый редактор

Базовая программа в Windows

Как запустить : найти в меню ПУСК, либо нажать кнопки Win+R , ввести команду mspaint в строку открыть и нажать Enter.

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

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

Gimp

Растровый редактор (частично векторный)

GNU Image Manipulation Program (или сокращённо GIMP) - очень мощный бесплатный и многоцелевой графический редактор. Этот редактор очень многофункциональный: может использоваться для рисования, или как программа ля ретуши цифровых фоток, как программа для обработки пакета картинок и их публикации (+ преобразование одного формата в другой).

Помимо этого, есть очень интересные возможности для создания пошаговых команд (скриптов), которые позволят автоматизировать рутинные задачи (причем, скрипты могут быть поистине сложными)!

Основные достоинства:

  • рисование картин и плакатов;
  • поддержка графических планшетов (Wacom, Genius и т.д.);
  • рисовать веб-дизайны для сайтов, редактировать готовые макеты из Photoshop;
  • сможете освежить свои старые фотографии, сделать их более сочными и яркими;
  • или плакат;
  • удалять с фотографий лишние элементы (неудачный снимок может стать удачным!);
  • огромная коллекция плагинов к GIMP позволит решать самые разнообразные задачи;
  • поддержка программой ОС Windows, Mac, Linux.

ArtWeaver

Растровый редактор (некий аналог Photoshop)

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

Основные достоинства:

  • поддержка всех популярных графических форматов: GIF, JPEG, PCX, TGA, TIFF, PNG (в том числе PSD и AWD);
  • огромное число инструментов для редактирования картинок: градиенты, выделения, заполнения и пр.;
  • поддержка плагинов;
  • наличие удобных инструментов для рисования: кисти, карандаши и пр.;
  • поддержка графического планшета (БОЛЬШОЙ плюс для любителей рисовать);
  • много различных фильтров: пятно, размытие, мозаика, маскировка и т.д.;
  • работа с текстовыми слоями;
  • возможность последовательной отмены своих действий.
  • поддержка всех популярных версий Windows.

MyPaint

Растровый редактор

MyPaint - нарисованный портрет девушки

Популярный растровый графический редактор, предназначенный больше для цифровых художников (любителей порисовать). Представляет собой неограниченный холст (лист) и относительно простой интерфейс на GTK+, не отвлекая художника от процесса творчества - рисования.

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

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

Главные особенности:

  • программа специально предназначена для рисования, поэтому в ней меньшее число опций для редактирования уже имеющихся картинок (т.е. нет таких функций, как выделение, масштабирование и пр.);
  • огромный набор кистей, которые можно настраивать под себя: создавать и менять группы, размывать, смешивать цвета и т.д.;
  • программа поддерживает графический планшет;
  • безграничный холст очень удобен в процессе рисования - вас ничего не сдерживает во время творчества;
  • поддержка слоёв: копирование, вставка, настройка прозрачности и пр.;
  • поддерживается Windows, Mac OS, Linux.

SmoothDraw

Растровый

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

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

Особенности программы:

  • многие видов кистей для рисования: карандаш, мел, ручка, аэрография, щётка, спрей и пр.;
  • работает с планшетными ПК, поддерживает графические планшеты;
  • работает со следующими форматами изображений: PNG, BMP, JPEG, JPG, TGA, JIF, GIF и TIFF;
  • есть инструменты для ретуши фотографий;
  • работа со слоями;
  • возможность цветокоррекции;
  • совместима с Windows 7, 8, 10.

Примечание! Для работы SmoothDraw у вас в Windows должен быть NET Framework не ниже версии v2.0.

Paint.NET

Растровый

Paint.NET - бесплатный редактор картинок и фотографий для Windows. Основное отличие от других программ в том, что используется интуитивно понятный и инновационный интерфейс с поддержкой слоев, безразмерным холстом, специальными эффектами, полезными и мощными инструментами редактирования (аналоги которых, есть только в платных продуктах).

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

Особенности:

  • бесплатная для распространения и использования;
  • удобный интерфейс (в чем-то похож на Photoshop);
  • можно работать со множеством документов одновременно;
  • поддержка работы со слоями;
  • большое количество инструкций;
  • программа оптимизирована для работы с 2-х и 4-х ядерными современными процессорами;
  • поддерживается всеми популярными Windows: XP, 7, 8, 10.

Livebrush

Растровый

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

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

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

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

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

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

Inkscape (Инкскейп)

Векторный редактор (один из немногих)

Бесплатные аналоги: Gravit, DrawPlus

Платные аналоги: Corel DRAW и Adobe Illustrator

Inkscape - бесплатный векторный редактор, один из немногих, кто может частично заменить такие монстры, как Corel Draw и Adobe Illustrator. У приложения довольно стандартный интерфейс: палитра цветов, меню, инструменты. Программа поддерживает все основные графические форматы: SVG, PDF, AI, PS, EPS, CorelDRAW.

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

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

Gravit

Векторный редактор (онлайн версия)

Gravit - достаточно интересный векторный редактор. Конечно, заменить Adobe Illustrator он не сможет, но поспорить с предыдущей программой (Inkscape) - вполне.

Из инструментов есть все самое основное: перья, лини, пересечение и высечение фигур друг из друга, выравнивание, слои, шрифты и т.д. Работы можно экспортировать в формат SVG, в несколько растровых. Так же в программе можно открыть работы, выполненные в Adobe Illustrator.

Что несколько удивляет - это то, что Gravit смотрится как настоящая программа, в то время как работает в окне браузера, причем без использования Flash. Из главных недостатков выделил бы отсутствие русского языка.

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

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

DrawPlus

Векторный

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

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

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

В программу можно импортировать огромное число форматов: PDF, AI, SVG, SVGZ, EPS, PS, SMF, и др. Собственный формат для проектов - DPP.

Graffiti Studio

Сайт: http://www.vandalsquad.com

Растровая графика

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

Чтобы начать рисовать: необходимо выбрать кусок полотна (вагон, стены, автобус), и, собственно, начать творить (готовых вариантов для выбора - просто кучи!). В арсенале художника большая палитра цветов (более 100 штук), несколько видов кэпов (skinny, regular и fat), маркер. Расстояние до поверхности изменяется вручную, есть возможность делать потеки. В общем, для любителей подобной графики - простор огромный!

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

PixBuilder Studio

Растровый редактор

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

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

Особенности:

  • поддержка популярных растровых форматов: BMP, PNG, JPG, GIF, TIFF, и пр.;
  • есть возможность и инструменты для рисования (правда, весьма ограничены);
  • большие возможности по редактированию готовых фото и картинок;
  • возможность работы со слоями;
  • профессиональная работа с цветом: регулировка баланса, яркость, контрастность и т.д.;
  • настройка "горячих" клавиш;
  • наличие готовых эффектов (необходимо лишь применить их);
  • предварительный просмотр (для оценки результата);
  • поддержка популярных ОС Windows: 7, 8, 10.

Krita

Растровый редактор

Отличный и удобный растровый графический редактор для художников (кстати, на момент написания сего обзора - программа бесплатна даже для коммерческого использования). Krita работает как в Windows, так и в Linux.

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

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

PS: статья будет дополняться...

За подсказки и наводки в комментариях - благодарен заранее!

В этой статье я расскажу, как достаточно быстро и просто написать редактор изображений на 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», которая принимает исходное изображение, результирующее изображение, количество бит на значение матрицы свертки, матрицу свертки, выполняет непосредственно преобразование. Итак, как будет выглядеть метод повышения/понижения четкости.

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

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

Размер

Стандартная ширина области содержимого веб-страницы составляет до 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 - дополнительное описание фотографии. Оно появляется при наведении курсора мышки на изображение и более подробно объясняет, что на нём происходит.

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

Векторная графика

1. SVG-Edit — разработка векторной графики в браузере

Если вам нужно программно воспроизвести рисунок или векторную графику, это можно сделать с помощью формата Scalable Vector Graphics (также известного как SVG ). А программа для разработки Scalable Vector Graphics называется SVG-Edit .

Это программное обеспечение с открытым исходным кодом. SVG-Edit является мощным инструментом, который позволяет создавать или редактировать SVG-элементы . Инструмент построен на основе CSS3 , HTML5 и JavaScript . С его помощью можно быстро редактировать и обрабатывать двумерную (2D ) векторную графику:

2. DrawPlus Starter Edition от Serif — бесплатное программное обеспечение для графического дизайна в Windows

Бесплатное программное обеспечение для создания графического дизайна. Это программа графический редактор векторной 2D-графики , которая позволяет рисовать, редактировать и создавать профессиональный дизайн.

DrawPlus также содержит ряд функций, которые позволяют с помощью экструзии создавать 3D-объекты , применять широкий спектр 3D-стилей с огромной коллекцией кистей:


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

3. Inkscape — редактор векторной графики для Windows, Mac OS X и Linux

Если вы ищете замену Adobe Illustrator или CorelDraw , то InkScape это инструмент, который должен вам подойти. Это редактор векторной графики с открытым исходным кодом и множеством мощных функций:


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

4. Skencil — программа для векторной графики под Unix / Linux

Бесплатное графическое программное обеспечение для работы под Linux / Unix . Это гибкий и мощный инструмент для создания иллюстраций, диаграмм и т.д.:

5. Ultimate Paint — инструмент для обработки изображений на Windows

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


Ultimate Paint поддерживает гибкие функции управления кистями, которые позволяют создавать креативный дизайн. А также форматы PEG , GIF , PNG , BMP , PCX , AVI (только чтение ), TGA , WMF / EMF , ICO (только чтение ), IFF / LBM и WAP BMP , а также и Twain-совместимые сканеры.

6. SmoothDraw NX — бесплатный инструмент обработки изображений для мобильных устройств

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


7. Fat Paint — лучшая программа для рисования

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


8. My Paint — приложение для создания графического дизайна под Windows и GNU / Linux с открытым исходным кодом

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


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

Инструменты для редактирования изображений (пиксельная графика)

9. Paint.net — бесплатное программное обеспечение для редактирования изображений под Windows

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


Благодаря мощным функциям этот редактор часто сравнивают с другими пакетами цифрового редактирования фотографий, такими как Adobe Photoshop , Corel Paint Shop Pro , Microsoft photo editor и GIMP .

10. GIMP — GNU-программа для обработки изображений под Linux, Windows и Mac OS

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

Это бесплатное программное обеспечение с открытым исходным кодом для разработки графического дизайна, которое широко известно как альтернатива Photoshop . Хотя GIMP изначально создавался для Unix , но теперь он доступен для других ОС : Windows , Mac OS X и т.д.

11. Pixlr — редактор фото для iPhone, iPad, Mac OS и Android

Мощное приложение для редактирования изображений под IOS и Android . Его можно бесплатно скачать с App Store или Google Play Store . Это интересный и мощный редактор фотографий, который позволяет быстро обрезать, поворачивать и настраивать любое изображение.

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

12. Sumo Paint — браузерное приложение для создания графического дизайна

Если вы хотите начать работу с изображениями в браузере, Sumo Paint поможет в этом. Его можно использовать для редактирования фотографий онлайн или установить программу, чтобы получить доступ ко всем функциям в автономном режиме (платная подписка ):


С помощью Sumo Paint можно редактировать фотографии прямо в браузере. Хотя для этого требуется наличие Adobe Flash .

13. Image Magick — конвертер Bitmap-изображений для Windows, Linux, Mac OS X, Android и iOS

Мощный инструмент для преобразования изображений из одного формата в другой. Например, из .jpeg в .png . Это программа графический редактор растровых изображений, которая позволяет создавать, редактировать и конвертировать растровые изображения в другие форматы.

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

2D / 3D и анимации

14. Daz Studio — 3D-модели, 3D-анимации для Windows и Mac

Если вы хотите начать изучать 3D дизайн и анимацию , установите DAZ Studio . Вы получите в свое распоряжение достаточное количество учебных пособий, которые сделают вас «ниндзя » 3D-анимации , независимо от того, каков ваш уровень на данный момент:


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

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

15. Sculptris — программное обеспечение для разработки 3D под Windows и Mac

Если вы хотите раскрыть свой потенциал в 3D-скульптуре , 3D-живописи , то Pixologic поможет в этом.

Это инструмент для 3D-моделирования с мощными функциями, которые помогут вам освоиться в мире цифровой реальности. Если вы новичок в 3D-скульптуре и 3D-живописи , то Sculptris — это лучшая точка, с которой можно начать.

16. Blender — бесплатное программное обеспечение с открытым исходным кодом для создания 3D под Windows, Mac и Linux

Одна из лучших графических программ для создания 3D-проектов . Это программное обеспечение с открытым исходным кодом, которое можно бесплатно загрузить и установить на Windows , Mac OS X , Linux и т.д.:


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

17. Google SketchUp — 3D для каждого на Windows и Mac

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

18. 3D Canvas — программное обеспечение для 3D-моделирования под ОС Windows

Представляет собой интуитивно понятное программное обеспечение для 3D-моделирования в режиме реального времени и 3D-анимации . Оно предоставляет инструменты для простого управления 3D-сценой с функциями drag-and-drop :


Это программа для графического дизайна, разработанная Amabilis Software . Она доступна в трех версиях — 3D Crafter , 3D Crafter Plus и 3D Crafter Pro . Базовая версия является бесплатной, в то время как Pro и Plus — платные. Программа работает на Windows 7/8/Vista .

19. Art of Illusion — программное обеспечение с открытым исходным кодом для 3D-моделирования на Java

Программное обеспечение с открытым исходным кодом для 3D-моделирования и визуализации. Оно написано на Java , так что это мощная программа для 3D-дизайна , которую можно использовать на многих виртуальных машинах Java .

На сайте проекта можно найти много пособий, галереи работ. Кроме этого активные участники форума всегда готовы прийти на помощь. Поэтому, даже если вы новичок в 3D-моделировании и только делаете первые шаги, Art of Illusion идеально подойдет для вас.

20. Anim8or — программное обеспечение для 3D-моделирования под Windows

Одна из старейших программ для 3D моделирования , которая представлена еще в 1999 году и до сих пор активно используется во всем мире. Она предназначена в основном для 3D-моделирования и анимации персонажей под Windows :


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

Визуализация данных

21. Google Developers — Google Chart Tool Web Apps

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

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

22. Visual.ly — веб-приложение для создания интерактивной инфографики

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


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

23. Infogr.am — создание инфографики и визуальных диаграмм онлайн

Еще один мощный интерактивный инструмент для создания потрясающих визуальных представлений и инфографики. С помощью Infog.am можно создавать инфографику, диаграммы, а также другие визуальные представления с помощью трех простых шагов: выберите шаблон, визуализируйте данные, а затем опубликуйте их.

Также можно бесплатно выбрать графики из коллекции, содержащей более 30 типов интерактивных диаграмм.

24. Easel.ly — создание и публикация визуальных идей онлайн

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


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

25. Visualize.me — визуализируйте свое резюме онлайн

Персонализированный инструмент, который позволяет создать и визуализировать резюме в один клик. Все это доступно бесплатно.
С более чем 500 000 уже созданных проектов Vizualize.me является сервисом №1 для создания резюме. Он содержит большее количество мощных инструментов, которые помогут создать резюме.

Другие программы для графического дизайна

26. Favicon Generator — бесплатный генератор Favicon

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

27. ColorPic — подбор цветов на стационарном компьютере

ColorPic — это бесплатный инструмент для побора цвета с экрана монитора. Он позволяет захватывать цветовые палитры до 16 цветов за раз. Также можно использовать продвинутый микшер для смешения четырех цветов.

28. Fast Stone Image Viewer — инструмент для просмотра, редактирования и пакетного конвертирования фото

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

Fast Stone Image Viewer — это еще один мощный функциональный инструмент для просмотра, редактирования и пакетного конвертирования фото.

29. Pixel Toolbox — разработка дизайна для Windows

Pixel Toolbox представляет собой мощный инструмент, предназначенный для создания впечатляющей графики для Windows . Создавайте, редактируйте и применяйте 1-битные узоры, обои, иконки и значки курсора — все это с помощью одного инструмента.

30. Prezi — бесплатная программа для презентаций

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

Новое бесплатное программное обеспечение для графического дизайна

31. Canva — удивительно простая программа для графического дизайна

Это бесплатное веб-приложение, которое позволяет разработать дизайн практически чего угодно. Простые drag-and-drop функции позволяют работать настолько легко, что не нужно быть дизайнером, чтобы создавать потрясающую графику.

С помощью рассмотренных выше сервисов и программ для графического дизайна начать работать очень просто! Желаю вам всего наилучшего!

Перевод статьи «31+ Best Free Graphic Design Software to Create Stunning Graphic Visuals » был подготовлен дружной командой проекта .



Есть вопросы?

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: