Как изменить структуру картинки

8 — 2011

Деформировать фрагменты и объекты в Photoshop можно как с помощью команд меню Редактирование, так и с использованием фильтров. Большинство фильтров, применяемых для деформации, входят в группу Искажение, а кроме того, три фильтра — Коррекция дисторсии, Пластика и Исправление перспективы — расположены особняком. Обо всех этих инструментах и пойдет речь в настоящей статье. Также следует отметить, что для деформирования текста Photoshop предлагает особый инструмент, который мы тоже рассмотрим.

Команды меню Редактирование

Если вы раскроете меню Редактирование (Edit), а затем выберете подменю Трансформирование (Transform), перед вами предстанет список команд, позволяющих трансформировать фрагмент изображения. Перечислим их: Масштабирование (Scale), Поворот (Rotate), Наклон (Skew), Искажение (Distort), Перспектива (Perspective) и Деформация (Warp). Однако доступ к этим командам можно получить гораздо быстрее — через режим свободного трансформирования, вход в который осуществляется комбинацией клавиш Ctrl+T (в Mac OS — Command+T), а выход из него — клавишей Enter (в Mac OS — Return). Для включения той или иной команды используйте приведенные ниже приемы:

1. Для масштабирования фрагмента следует навести указатель мыши на один из маркеров возникшей рамки трансформирования и провести мышь с нажатой кнопкой. Клавиша Shift позволяет сохранять пропорции фрагмента, а Alt выполняет масштабирование из центра.
2. Если подвести указатель мыши к любой вершине рамки трансформирования, то он примет вид изогнутой стрелки, перемещение которой приводит к повороту фрагмента. Перед тем как повернуть фрагмент, можно сместить центр поворота — для этого необходимо сместить в требуемое место центральный маркер рамки. Так, на рис. 1 поворот осуществляется относительно верхней левой вершины рамки трансформирования. Клавиша Shift позволяет выполнить поворот на угол, кратный 15°.

Для наклона необходимо смещать средний или угловой маркер границы рамки трансформирования, удерживая нажатыми две клавиши — Ctrl и Alt (в Mac OS — Command и Option).

Рис. 1. Поворот фрагмента относительно верхней левой вершины

Рис. 2. Применение к фрагменту эффекта перспективы

Чтобы добавить эффект перспективы в режиме свободного трансформирования, перетащите верхний или нижний угловой маркер, нажав комбинацию клавиш Shift+Alt+Ctrl (в Mac OS — Shift+Option+Command) — рис. 2.

Активировать команду Искажение (Distort) из режима свободного трансформирования позволяет клавиша Ctrl (в Mac OS — Command) — рис. 3.

Рис. 3. Превращение ноутбука Sony VAIO в Macintosh. К логотипу Apple применена команда Искажение

Деформация фрагмента

В результате выбора команды Редактирование (Edit) -> Трансформирование (Transform) -> Деформация (Warp) на фрагмент накладывается сетка, редактирование которой выполняется путем изменения положения узлов и угла наклона направляющих (рис. 4).

Чтобы применить изменения и выйти из режима действия этой команды, нажмите клавишу Enter (в Mac OS — Return).

Рис. 4. Имитация фотографии, наклеенной на вазу. Для искажения фотографии розы использовалась команда Деформация

Масштаб с учетом содержимого

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

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

На рис. 5в и г представлен результат применения команды Масштаб с учетом содержимого (Content­aware scaling). На рис. 5в команда выполнялась без предварительных настроек, а на рис. 5г изображение коровы было защищено от масштабирования.

Для защиты фрагмента необходимо создать выделение, сохранить его в альфа­канале, а затем перед масштабированием на панели свойств инструмента выбрать имя альфа­канала из списка Защищать (Protect) — рис. 6.

Рис. 6. Панель свойств инструмента Масштаб с учетом содержимого

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

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

Марионеточная деформация

Режим марионеточной деформации появился в версии Photoshop CS5. Этот удивительный инструмент позволяет деформировать определенные фрагменты изображения, не затрагивая других его частей. В режиме марионеточной деформации на объект накладывается сетка, редактирование которой приводит к деформации фрагмента. Но, в отличие от команды Деформация (Warp), марионеточная деформация трансформирует объект не с помощью узлов и направляющих сетки, а с использованием булавок.

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

Рассмотрим основные действия с булавками:

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

Примечание. Для входа в этот режим следует выполнить команду Редактирование (Edit) -> Марионеточная деформация (Puppet Warp), для выхода из режима — нажать клавишу Enter (в Mac OS — Return) или кнопку  на панели свойств.

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

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

3. Для перемещения булавки сначала нужно выделить ее, а потом протащить при нажатой кнопке мыши (рис. 8).

Рис. 8. Перемещение активной булавки в режиме Марионеточная деформация

Рис. 9. Поворот сетки относительно булавки. Видимость сетки отключена

Рис. 10. Панель свойств режима Марионеточная деформация

4. Чтобы повернуть сетку вокруг булавки, следует активировать булавку, а затем выполнить одно из действий:

• чтобы осуществить поворот вручную, необходимо подвести указатель мыши к булавке, удерживая нажатой клавишу Alt (в Mac OS — Option). Когда появится круг с изогнутой стрелкой, протащить мышь при нажатой кнопке (рис. 9);
• чтобы поворачивать сетку на заданный угол, необходимо на панели свойств из списка Поворот (Rotate) выбрать пункт Авто (Auto), а в соседнее поле ввести требуемое значение.

5. Если часть сетки перекрывается, то можно изменить ее положение — для этого применяются две кнопки Глубина (Pin Depth)  , находящиеся на панели свойств.

6. Для удаления булавки следует использовать любой из способов:

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

• параметр Режим (Mode) — определяет эластичность сетки. В большинстве случаев используется значение Нормальный (Normal) — рис. 10;
• параметр Частота (Density) — отвечает за расстояние между узлами сетки, в основном применяется значение Нормальный (Normal);
• параметр Расширение (Expansion) — отвечает за область покрытия сетки: чем больше это значение, тем больше внешний край сетки (рис. 11). По умолчанию установлено значение 2 пиксела;
• флажок Сетка (Show Mesh) — отображает или снимает сетку.

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

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

Рис. 11. Примеры отображения сетки с различной величиной ее области покрытия

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

Фильтры группы Искажение

Почти все фильтры группы Искажение (Distort) производят геометрические искажения, создавая трехмерные или другие эффекты изменения формы. Назовем некоторые из них:

• Рассеянное свечение (Diffuse
  Glow) — придает изображению цвет со свечением и шумом;
• Океанские волны (Ocean Ripple), Рябь (Ripple) и Волна (Wave) — используются для имитации ряби и волн на воде;
• Скручивание (Twirl) и Зигзаг (Zig
  Zag) — применяются для создания кругов на воде или эффекта закручивания (рис. 13);
• Смещение (Displace) — деформирует изображение на основе карты смещения, которая представляет собой альфа­канал, сохраненный в формате PSD;
• Стекло (Glass) — создает впечатление, что поверх изображения лежит стекло, рисунок и структура которого настраиваются в данном фильтре;
• Искривление (Shear) — позволяет изогнуть изображение вдоль кривой, которая рисуется в области предварительного просмотра. В некоторых случаях этот фильтр можно заменить командой Редактирование (Edit) -> Деформация (Wrap).

Только три фильтра из этой группы могут быть применены с помощью галереи фильтров: Рассеянное свечение (Diffuse Glow), Стекло (Glass) и Океанские волны (Ocean Ripple).

Рис. 13. Примеры использования фильтра Зигзаг из группы Искажение: а — для рисования кругов на воде, б — для закручивания краев рамки

Коррекция дисторсии

Фильтр Коррекция дисторсии (Lens Correction) предназначен для исправления дефектов, создаваемых объективом при съемке. Это могут быть бочкообразные и подушкообразные искажения,
виньетирование или хроматическая аберрация.

Диалоговое окно фильтра открывается командой Фильтр (Filter) -> Коррекция дисторсии (Lens Correction).
В области предварительного просмотра можно наложить на изображение сетку, нажав кнопку  Перемещение сетки (Move Grid) — она включена по умолчанию. С ее помощью легко отслеживаются результаты коррекции. Также фильтр имеет инструменты  Рука (Hand) и  Масштаб (Zoom) для прокрутки и изменения масштаба изображения. Коррекцию можно выполнять двумя инструментами:

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

На рис. 14 приведен пример исправления бочкообразного искажения, полученного при съемке обложки книги с очень близкого расстояния.

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

Исправление перспективы

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

Рис. 15. Примеры использования фильтра Исправление перспективы для нанесения текстуры и надписи на коробку: а — исходные изображения коробки и двух текстур, б — результат коррекции

Рис. 16. На верхней грани крышки коробки создана первая плоскость (а); процесс создания дочерней плоскости (б); созданы пять перспективных плоскостей (в)

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

Диалоговое окно фильтра открывается командой Фильтр (Filter) -> Исправление перспективы (Vanishing Point), в левой части которого располагаются инструменты фильтра. Рассмотрим инструменты, использованные для создания приведенного эффекта.

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

Если при размещении угловых узлов возникают ошибки, то плоскость становится недопустимой и цвет линий ограничительной рамки и сетки меняется на желтый или красный. В этом случае узлы следует перемещать до тех пор, пока линии не станут синими. Также можно удалить неудачную плоскость клавишей Backspace (в Mac OS — Delete) и создать плоскость заново.

После создания плоскости становится активным инструмент  Редактировать плоскость (Edit Plane), который позволяет отредактировать положение узлов, угол наклона плоскости. Положение узла изменяется простым перетаскиванием мыши, а для поворота плоскости применяется ползунок Угол (Angle) в параметрах инструмента  Редактировать плоскость (Edit Plane) или клавиша Alt (в Mac OS — Option). Если навести указатель мыши на средний маркер ребра рамки с нажатой клавишей Alt (в Mac OS — Option), то указатель сменится на изогнутую стрелку. Перемещение мыши приведет к повороту плоскости.

Если вам необходимо создать новую плоскость, повторно выберите инструмент  Создать плоскость (Create Plane) и определите четыре вершины будущей грани. Для создания связанных между собой плоскостей после создания первой плоскости (материнской) перетащите средний узел требуемого ребра рамки, удерживая нажатой клавишу Ctrl (в Mac OS — Command). В результате возникнет дочерняя плоскость (рис. 16б). Если создаваемая плоскость уходит в сторону и не совпадает с гранью изображения, измените для нее угол наклона.

Примечание. Редактирование угловых узлов материнской и дочерней плоскостей невозможно!

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

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

Нужно скопировать в буфер обмена изображение текстуры, выделить пустой слой в палитре Слои (Layers) и открыть диалоговое окно фильтра Исправление перспективы (Vanishing Point), а затем выделить инструментом  Область (Marquee) нужную плоскость и вставить из буфера обмена фрагмент. При перемещении указателя мыши текстура автоматически впишется в плоскость. После нанесения текстуры на каждую грань не забывайте выходить из диалогового окна фильтра с применением изменений, иначе все текстуры будут расположены на одном слое. На рис. 17 приведен результат нанесения текстур на грани коробки, а также палитра Слои (Layers).

Рис. 17. Результат нанесения текстур и палитра Слои

Рис. 18. Исходное портретное изображение девушки (а) и результат обработки его фильтром Пластика (б)

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

Фильтр Пластика

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

Диалоговое окно фильтра вызывается командой Фильтр (Filter) -> Пластика (Liquify). Все инструменты находятся в левой части окна, а их настройка производится в правой части.

На рис. 18 приведен пример использования фильтра Пластика (Liquify) для создания кукольного эффекта.

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

Рис. 19. Применение инструмента Вздутие для увеличения глаз

Скорость кисти лучше установить достаточно низкую — в примере использовалось значение 30. Следует выполнить несколько щелчков мышью в разных местах глаза, сохраняя при этом его округлую форму.

Для уменьшения рта применялись инструменты  Сморщивание (Pucker) и Деформация (Forward). Сморщивание применено к уголкам рта, сделано несколько щелчков мыши в каждом из них. Чтобы еще больше сузить рот, необходимо передвинуть уголки рта навстречу друг другу инструментом  Деформация (Forward) — рис. 20.

Рис. 20. Использование инструмента Деформация для уменьшения рта

Для сужения носа использованы те же инструменты, что и для уменьшения рта. В процессе работы может понадобиться уменьшать размер кисти для более детальной обработки. Чтобы заострить подбородок, был применен инструмент Деформация (Forward).

В завершение эффекта проведена обработка белков, зрачка и радужной оболочки глаз инструментами  Затемнитель (Burn) и  Осветлитель (Dodge), а также выполнена цветовая коррекция изображения в диалоговом окне Цветовой тон/Насыщенность (Hue/Saturation).

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

Рис. 21. Исходный портрет мужчины (а) и результат его коррекции фильтром Пластика (б)

Рис. 22. Процесс коррекции портрета инструментом Деформация: а — уменьшение мочки уха; б — подтягивание нижней губы

Инструментом  Деформация (Forward) были обработаны следующие фрагменты:

• мочки ушей — чтобы уменьшить их и прижать к голове (рис. 22а);
• нижняя губа — для изменения ее формы (рис. 22б).

Инструментом  Сморщивание (Pucker) была проведена обработка других фрагментов:

Помимо коррекции фильтр Пластика может использоваться для создания различных художественных эффектов. На рис. 24 приведен результат обработки лепестков лилий инструментом  Скручивание (Twirl). По умолчанию вращение производится по часовой стрелке, для вращения в обратном направлении нужно удерживать нажатой клавишу Alt (в Mac OS — Option). Тычинки и пестик обработаны инструментом  Вздутие (Bloat).

Рис. 23. Процесс коррекции портрета инструментом Сморщивание: а — уменьшение родинки; б — уменьшение мешков под глазами, защищенная область обозначена красным цветом

Рис. 24. Исходное изображение лилий (а) и результат его обработки фильтром Пластика (б)

Деформация текста

Для искривления текста применяется специальная функция, которая вызывается щелчком по кнопке  Деформированный текст (Warp Text), расположенной на панели свойстав инструмента  Горизонтальный текст (Horizontal Type). Удобство функции заключается в том, что она не растрирует текст, позволяя редактировать его после деформации. Более того, все настройки сохраняются и их можно изменять сколько угодно раз.

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

Рис. 25. Пример искривления текста с помощью инструмента Деформированный текст

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

КомпьюАрт 8’2011

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

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

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

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

Для преобразования растрового объекта в векторный вам необходимо в Фотошопе открыть нужный файл, в меню File выбрать Save As (или же комбинацией Ctrl + Shift + S). В открывшемся списке возможных методов сохранения подходящими будут: pdf, svg или tiff. Вы можете сохранить во всех вариантах, а затем выбрать лучший для себя.

Видеоурок от моего коллеги:

Подготавливаем изображение в Фотошопе

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

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

Первым делом надо открыть тот слой со словом «BEaMM», после этого надо нажать на «Изображение» в верхней части программы, в этом параметре выбираем «Коррекция», затем «Уровни». Для быстрого включения этой функции воспользуйтесь комбинацией Ctrl + L. После этого в открывшемся окне ползунок перетаскиваем в левую сторону.

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

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

Переводим изображения в вектор и собираем логотип

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

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

Выделяем слой этого изображения и в верхнем меню выбираем «Объект» и «Растрировать».

После этого в верхнем меню выбираем «Объект», «Трассировка изображения» и «Создать», затем нажимаем на значок настройки трассировки в верхней части. Выбираем необходимые параметры, линии делаем ровные и плавные. Окно закрываем.

В верхнем меню снова выбираем «Объект» и «Разобрать», в появившемся окне ставим две галочки и «OK».

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

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

Переводим обычную картинку в вектор

В данной ситуации нашей задачей будет перевести простую картинку в векторный вид. Открываем нужный объект через «Иллюстратор», выбираем «Объект» и «Растрировать».

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

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

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

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

Как перевести растр в вектор в Иллюстраторе

Для этого открываем изображение с помощью Adobe Illustrator (нажать правой кнопкой мыши на изображение и выбрать «Открыть с помощью»).

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

Находим параметр под названием «Быстрая трассировка» и нажимаем на стрелочку, которая покажет вам все возможные функции к этому объекту. Среди них выбираем «Параметры трассировки», после нажатия откроется окно с настройками.

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

На следующем этапе у нас появится выбор:

1. Следовать подсказкам, вам будет сказано, на что влияет то или иное значение, выбираете оптимальный вариант для себя.
2. Не читать всплывающие подсказки, а изменять параметры под себя и смотреть на итоговый результат.

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

Когда результат вас устраивает и он схож с исходным вариантом, то выбираете параметр «Трассировка» и затем «Разобрать». Итогом мы получим преобразованный в векторный формат аналог исходного изображения.

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

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

Видеоурок по векторным изображениям от канала design school:

Корел Драв обладает встроенной функцией трассировки изображения. Эта программа порой работает со сбоями, но с нашей задачей справиться она сможет. Если размер исходной картинки будет больше, то конечный результат будет, соответственно, лучше. Идеальным вариантом будут изображения в формате png без фоновой картинки, так как не придется убирать его собственноручно в «Фотошопе». Вставляем нужное нам изображение и правой кнопкой по нему выбираем функцию «Быстрая трассировка». Верхняя картинка у нас получилась растровой, а нижняя – векторной, которая состоит из 14 объектов.

Этот способ имеет свой недостаток: векторное изображение состоит только из белых и черных цветов.

Для понимания белые объекты я закрасил серым цветом, а удалить их нельзя, иначе будет то, что на варианте посередине, – всё черное. Нужно выделить все белые элементы и «Объединить», такое же действие и с черными элементами. Потом выбрать и черные, и белые, нажать «Задние минус передние». Результатом выйдет вектор с одним цветом.

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

Перевести растровое изображение в векторное с помощью программы Vector Magic

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

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

Ручная перерисовка

Часто бывает, что отсутствует хороший исходный материал с большим размером и высоким качеством. Порой выходит так, что в качестве исходной картинки служит какое-то изображение 250 × 250 пикселей. Единственным выходом из такой ситуации будет перерисовка изображения своими руками. Это далеко не всегда так тяжело и страшно, как многие думают. Тем более, подобные навыки в данной сфере вам уж явно не помешают.

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

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

Онлайн-сервисы

VectorMagic

Еще раз упомянем этот платный сервис. Для пробы вам дается 2 бесплатных изображения.

Программа на английском языке, но интерфейс у нее понятный. Использовать можно как в браузере, так и в приложении. Стоимость браузерной бесконечной версии – 8 долларов, а программы – 295 долларов. Можно сказать, ручную трассировку. На каких-нибудь тематических форумах, думаю, можно найти и более дешевый вариант.

Среди достоинств ярко выделяется:

• Точность программы
  Вот сравнительное изображение работ с помощью трех разных программ – VectorMagic, Live Trace и Corel. Обратите внимание на качество и детализацию векторной обработки.

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

Исходные файлы можно загружать в следующих форматах: JPG, GIF, PNG, BMP и TIFF. После завершения работы результат можно будет сделать в другом качестве, отредактировать его. А выход изображений осуществляется в форматах EPS, SVG и PNG.

Online Raster-to-Vector Conversion System

Бесплатная программа на английском языке, но можно воспользоваться сервисами перевода, всё станет понятно. Количество настроек и ручной работы здесь больше, но и результат, соответственно, будет лучше. Рекомендуемыми форматами будут TIFF, PNG или JPEG, но система поддерживает и множество других.

Форматы исходных файлов:

• PNG
• TGA
• PBM
• PNM
• PGM
• PPM
• BMP

Форматы файлов на выходе:

• svg
• eps
• ai
• dxf
• p2e
• sk
• fig
• emf
• mif
• er
• epd
• pdf
• cgm
• dr2d

Онлайн-конвертер

Это бесплатная программа, которая позволяет преобразовать изображения в формат SVG (Scalable Vector Graphics). Можно загружать файл не только напрямую, но и загрузить ссылку на него. Есть возможность наложить цифровые эффекты.

Когда вы будете преобразовывать растровые изображения из формата PNG или JPEG в формат SVG, будет происходить преобразование всех объектов в чёрно-белую векторную графику. А уже из этого черно-белого варианта вы можете сделать свой собственный, раскрасив данные изображения в любых бесплатных программах, которые предназначены для работы с векторными изображениями, например, Inkscape. Важно учитывать, что фотографы не смогут добиться желаемого результата, если будут преобразовывать свои фотографии в формат SVG.

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

Данный конвертер имеет возможность преобразовывать файлы около 125 различных форматов, а конкретнее: 3FR в SVG, AFF в SVG, AI в SVG, ANI в SVG, ART в SVG и многие другие.

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

Доступные функции – это трассировка и переход в цветной вектор.

Основан и разработан на основе Autotrace и ImageMagik, а также различных linux-компонентах.

Форматы для преобразования в вектор, которые поддерживает эта программа:

• SVG
• AI
• CGM
• WMF
• SK
• PDF
• EPS
• PLT

Есть также и другие варианты, доступные к работе: P2E, FIG, EMF, MIF, ER, DXF, EPD, CGM, oDR2D.

Если вы давно хотели научиться создавать качественные и красивые фотографии — это статья для вас! Из материала вы узнаете, как обработать фото в Adobe Photoshop и Lightroom, познакомитесь с интерфейсом программ и их инструментами, а благодаря коротким инструкциям сможете сами оформить снимок и получить качественное и эффектное изображение.

Основы обработки фотографий в Photoshop

Популярная программа обработки фото — Photoshop. Ее используют и новички, и профессионалы как для ретуши изображений, так и для построения макетов сайта, рисования и создания креативов, а также 3D-моделей. Приложение позволяет работать с графическими изображениями — и в отличие от Lightroom помогает не только корректировать, но и изменять снимок. Кстати, есть версия Фотошопа для мобильного телефона.

Важно! Подробнее о редакторе можно прочитать в руководстве пользователя от Adobe.

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

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

Примечание: автор использует Photoshop версии 2019 года, у вас приложение может выглядеть иначе, но не пугайтесь — настройки схожи. В более поздних версиях могут незначительно отличаться названия функций. Также в них нет панели для работы с 3D-моделями, но ее мы и не будем затрагивать.

Меню приложения

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

Файл

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

Редактирование

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

Изображение

В этом разделе вы можете изменять изображения — корректировать цвет, свет, тень, насыщенность, а также вращать картинку и изменять ее размер.

Слои

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

Выделение

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

Фильтр

А здесь — эффекты, которые вы можете применить к изображениям: фильтры, коррекция цвета и света, работа с портретами и изменение перспективы.

Просмотр

В этом разделе — варианты цветопробы картинки, масштаб, а также линейки, которые помогают правильно расположить объект.

Окно

А здесь можно настроить рабочую среду и инструменты, которые нужны в быстром доступе.

Справка

В этом разделе вы можете найти руководства пользователя и прочитать справку по Photoshop.

Рабочая среда

Когда установили приложение, запустите его на ПК. Выберите необходимую рабочую среду — это можно сделать в шапке приложения сразу в двух местах: раздел «Окно» и значок «Рабочая среда».

В списке вы увидите шесть вариантов — выбираем «Фотография». Это среда, в которой уже подготовлены необходимые нам инструменты. Также можете создать свой рабочий стол с любым набором средств для редактирования изображений и видео.

Инструментарий в рабочей среде

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

На скриншоте ниже — настройки панели инструментов, где вы можете подобрать свой набор и задать быстрые клавиши. Ее можно настроить в разделе «Редактирование» — «Панель инструментов».

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

Перемещение и создание дополнительных холстов

«Перемещение» — помогает двигать объекты или фрагменты изображения.

«Монтажная область» — выделяет, перемещает и создает несколько холстов из фрагментов изображения.

Выделение

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

«Овальная область» — как следует из названия, фрагмент выделяется в окружность или овал.

«Лассо» — рисует произвольную рамку выделения для фрагментов.

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

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

«Быстрое выделение» — создает рамку выделения по контурам фрагмента.

«Волшебная палочка» — выделяет объект, исходя из одинаково окрашенных областей.

Обрезка или визуальное искажение изображения

«Рамка» — позволяет поворачивать изображение или обрезать его края.

«Кадрирование перспективы» — помогает корректировать перспективу и изменять фрагменты или всю картинку целиком.

Выбор цвета

«Пипетка» — позволяет взять образец цвета с картинки.

«Цветовой эталон» — собирает информацию о цветовых моделях на фотографии, то есть показывает значения кодирования тона.

Восстановление изображения и работа с фрагментами

«Точечная восстанавливающая кисть» — удаляет фрагменты и пятна на фотографии.

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

«Заплатка» — выделяет произвольную область и вставляет в нее любую другую часть изображения.

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

Инструменты для рисования

«Кисть» — помогает рисовать плавные штрихи разной толщины, жесткости и цвета.

«Карандаш» — инструмент похож на кисть, только создает линию со рваными краями, имитируя технику рисования карандашом.

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

Клонирование фрагментов и рисование узорами

«Штамп» — берет выбранный элемент за основу и рисует им.

«Узорный штамп» — позволяет рисовать выбранными в настройках узорами.

Восстановление изображения от действий кисти

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

«Архивная художественная кисть» — выбирает предыдущий стиль кисти и позволяет стилизовать фотографию.

Ластик

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

«Фоновый ластик» — стирает слой «Фон».

«Волшебный ластик» — убирает одинаково окрашенные фрагменты.

Градиент

«Градиент» — создает эффект перехода от одного цвета к другому.

Размытие, искажение и резкость

«Размытие» — плавное размывание изображения. С его момощью можно «замылить» фон.

«Палец» — точечное размытие цветов на картинке, которое создает эффект «смешивания».

«Резкость» — увеличивает резкость мягких краев в изображении.

Осветлитель, затемнитель и насыщенность

«Осветлитель» — делает более яркими участки в изображении.

«Затемнитель» — обратный предыдущему эффект, точечное затемнение картинки.

«Губка» — инструмент для редактирования насыщенности фотографии.

Помощники для выделения объектов и контуров

«Перо» — набор инструментов для работы с контурами. При помощи опорных точек позволяет сделать плавные и правильные линии.

«Угол» — изменяет фигуры и линии, которые вы ранее нарисовали пером.

«Выделение контура» — выделяет контур и дает возможность перемещать объект.

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

Перемещение файла и выбор масштаба

«Рука» — инструмент для скроллинга, помогает перемещаться по изображению.

«Поворот вида» — переворачивает картинку в любую сторону.

«Масштаб» — помощник для увеличения или уменьшения масштаба фотографии.

Раздел справа — действия пользователя

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

Способы, как красиво обработать фото в Фотошопе

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

Важно! Вы можете ознакомиться с коллекцией туториалов от Adobe Photoshop.

Как исправить горизонт

Во время съемки невозможно предусмотреть все детали, тем более — расположение горизонта и композиционной «правильности» снимка, но при редактировании кадров можно отрегулировать соотношение сторон. А в Фотошопе это делается в два клика!

Корректировка горизонта с помощью инструмента «Рамка»

На рабочей поверхности выберите действие «Рамка», затем нажмите на значок «Выпрямить» в верхней панели настроек инструмента — и выставите точки горизонта, как на примере ниже.

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

Коррекция изображения

В Photoshop для работы с ретушью часто используют инструменты из меню в шапке программы — «Яркость/Контрастность» и «Микширование каналов», но мы рекомендуем познакомиться с функционалом кривых линий — «Кривые». С их помощью можно изменять яркость, контрастность и передачу цвета на картинке.

Если с яркостью и контрастностью все более-менее понятно, то с цветом ситуация чуть сложнее. Вспомните школьные уроки по физике про преломление света или обложку альбома британской группы Pink Floyd — с призмой, через которую проходит белый свет и образует на выходе семь тонов. Чтобы создать любой оттенок, достаточно трех базовых цветов: синий, красный и зеленый. Используя кривые, в Фотошопе можно «поиграть» как со светом, так и с цветом.

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

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

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

Важно! Кисть с черным цветом убирает эффект и открывает фон, а с белым наоборот — восстанавливает действие.

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

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

Важно! Учтите, что при избавлении от зернистости вы сглаживаете изображение, что приводит к потерям в детализации и резкости.

Фильтр «Уменьшить шум»

Чтобы убрать шум, используем эффект в коллекции фильтров «Шум — Уменьшить шум», как показано на видео ниже.

«Фильтр Camera RAW»

Если у вас Photoshop одной из последних версий, в коллекции фильтров вы сможете найти раздел «Фильтр Camera RAW» для работы с изображениями в формате RAW. Плагин позволяет открывать файлы JPEG и TIFF.

На примере ниже показано, как можно использовать эффект Camera RAW — в разделе «Детализация» расположены два варианта корректировки: «Резкость» и «Уменьшение шума». Не бойтесь экспериментировать с ползунками настроек и искать именно тот эффект, который вам понравится больше всего.

Как убрать фон и вырезать объект

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

Замена фона с помощью наложения

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

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

Далее берем кисть и выбираем оттенок от белого до черного — более темный «стирает» верхний слой, а белый восстанавливает основное изображение, как на примере ниже.

Использование волшебной палочки

Самый простой способ для обрезки объекта или фона —волшебная палочка. Она выбирает однотонные элементы и контуры, тем самым выделяя их.

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

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

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

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

В настройках эффекта нажимаем «Выделение и маска». Открывается новая область для редактирования, там находим кисть «Быстрое выделение», прорабатываем ей объект и нажимаем «Ок».

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

Как вырезать сложный объект с помощью каналов и кривых

Переходим к следующему методу — будем использовать раздел «Каналы». Он расположен рядом со слоями в правой панели.

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

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

Делаем дубликат выбранного слоя и включаем инструмент «Кривые». Нам нужно добиться эффекта, при котором желаемый объект станет полностью черным, а фон — белым. Если элемент на фотографии изначально белый, используем эффект «Инверсия».

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

Эффект пера

Инструмент «Перо» выделяет плавные контуры объекта на снимке — например, круглые предметы.

На скринкасте ниже — пример того, как можно использовать «Перо» для того, чтобы обрезать мотоцикл по сложному контуру.

Как убрать лишний объект на фотографии

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

Удаление элемента

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

Ретушь лица

Чтобы выполнить ретушь портрета, мы будем использовать «Фильтр Camera RAW».

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

Для чего добавляют градиент к фотографии

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

Примечание: Градиенты можно как скачать на просторах интернета, так и создать свои авторские комбинации.

Чтобы добавить градиент к снимку, находим в разделе «Слои», который находится в меню программы, пункт «Новый слой-заливка». Называем его любым именем и выбираем необходимые для обрабатываемого изображения цвета. Весь порядок действий можно посмотреть на скринкасте ниже.

Как изменить цвет объекта

Если вам нужно изменить цвет элемента на фотографии или добавить правильный оттенок, используйте эффект «Цветовой тон/Насыщенность».

На примере ниже показано, как изменить цвет волос на фотографии. Выделяем контуры «Волшебной палочкой» или «Лассо», далее добавляем новый слой с эффектом «Цветовой тон / Насыщенность» — и выбираем нужный оттенок.

Пример, как красиво отредактировать фото в Фотошопе

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

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

Важно! Плагин можно использовать не только в Фотошопе, но и в Lightroom. Достаточно при загрузке указать нужные приложения.

Обработка в Лайтрум

Adobe Lightroom — программа для постобработки и создания каталогов изображений. Ее можно использовать как на ПК, так и мобильном телефоне. Важно отметить, что Лайтрум не искажает цветопередачу фотографии.

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

Рабочая поверхность

Структура программы похожа на интерфейс Photoshop — меню приложения и две панели для работы с изображениями.

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

Инструменты Lightroom:

• Обрезка.
• Удаление областей — удаляет лишнее, заменяя область пикселями с изображения.
• Эффект красных глаз.
• Градуированный фильтр — затемнение или осветление части фотографии.
• Радиальный фильтр — локальная коррекция изображения. Позволяет, например, навести фокус на главный объект на снимке.
• Корректирующая кисть.
• Выравнивание по направляющим линиям.
• Баланс белого.
• Целевая коррекция — яркость, насыщенность и оттенок.

Часть из них дублируется в правой панели под разделом «Гистограмма» — смотрите скриншоте ниже.

Настройки и эффекты

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

Основные. Базовые настройки: баланс белого, тон, текстура, четкость и красочность изображения.

Тоновая кривая. Эффект, который мы уже рассматривали в Фотошопе — «Кривые», только здесь еще больше возможностей для регулировки цвета и света.

HSL/Цвет. Настройка цветовой модели и каждого цвета по отдельности.

Цветокоррекция. Изменяет цвет всего изображения.

Детали. Помогает увеличить или уменьшить резкость, а также избавиться от шума на фото.

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

Изменение. Варианты, как можно улучшить перспективу.

Эффекты. Позволяет осветлить или затемнить края, а также поработать над зернистостью.

Калибровка. Настройка тона и цветопередачи основных цветов.

Пресеты и стили

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

Ниже показаны варианты стилей и пресетов, а также то, как они преображают фотографию. Какой-то универсальный пресет посоветовать невозможно — пробуйте и ищите свой стиль.

Красивая обработка фото в Lightroom

Покажем, как быстро обработать изображение с помощью нескольких настроек.

Загружаем изображение в библиотеку с помощью функции «Импорт» или путем перетаскивания файла. Переключаемся в раздел «Разработка» — здесь используем основные настройки: «Баланс белого», выставляем «Светлые области» на -25, «Тени» на +20, «Белые» на +20 и «Черные» на -25, а также играем с детализацией, а именно с резкостью и уменьшением шума.

Обработка фотографий для Андроид и iPhone

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

Рекомендуем к прочтению! Узнайте, как оформить страницу и профиль в Инстаграм.

Snapseed

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

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

• Широкий выбор инструментов и эффектов.
• Сохранение стилей, которые вы применяли к предыдущему снимку.
• Минималистичный и удобный дизайн.

Плюсы:

• Поддержка экспорта в социальные сети.
• Бесплатное приложение.
• Создание снимков с двойной экспозицией.
• Удаление эффекта красных глаз.
• Возможность использования виньетирования, рамок и текста.

Минусы:

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

VSCO

VSCO — приложение для быстрой обработки фотографий.

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

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

Плюсы:

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

Минусы:

• Некоторые функции доступны только при наличии премиум-подписки.
• В приложении нельзя удалить лишние объекты или закрасить пятна.

PicsArt

PicsArt — яркий и удобный сервис для изменения и постобработки снимков.

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

• Позволяет делает коллажи из фотографий.
• Есть необычные эффекты для изменения объектов на снимке: отрисовка в стиле скетч или арт, изменение формы и цвета.

Плюсы:

• Интеграция с социальными сетями.
• Инструмент «Селфи» помогает улучшить портрет.

Минусы:

• Необходима регистрация.
• Некоторый функционал доступен только в премиум-версии.

TouchRetouch

TouchRetouch — приложение для того, чтобы убирать лишние детали, которые попали в кадр.

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

• Есть инструменты для удаления элементов.
• В приложении есть функция «Штамп», которая помогает копировать детали.

Плюсы:

• Бесплатное приложение.
• Удобный и простой интерфейс.

Минусы:

• Медленная загрузка действий в приложении.
• Есть фильтры, которые доступны только в премиум-версии.

Facetune

Facetune — сервис для обработки портретных снимков.

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

• Широкий набор инструментов для локальной работы с изображением.
• Есть готовые фильтры.

Плюсы:

• Простой интерфейс.
• Быстрая ретушь селфи.

Минусы:

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

Canva

Canva — приложение для создания креативов любого формата.

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

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

Плюсы:

• Удобный интерфейс.
• Подходит для коммерческих целей — особенно SMM-специалистам, например, для создания сторис.

Минусы:

• Нужна регистрация в приложении.
• Для полного доступа нужно оформить платную подписку.
• Инструментарий для обработки фото довольно скудный.

Photo Lab

Photo Lab — приложение, в котором собраны необычные фильтры для улучшения портретных снимков.

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

• Создает мультяшные образы.
• Есть широкий выбор фильтров для цветокоррекции.

Плюсы:

• Более 900 фильтров и эффектов.
• Бесплатное приложение.
• Есть возможность делиться снимками с другими участниками сообщества.

Минусы:

• Для полного доступа необходимо оформить платную подписку.
• Требуется регистрация.

Заключение

В этой статье мы рассмотрели варианты, как круто обрабатывать фото — и при этом делать это быстро и качественно. А теперь давайте закрепим полученный материал.

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

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

При изменении фотографии в Photoshop добавляйте дополнительные слои, чтобы не испортить первоначальный снимок. В Lightroom это делается автоматически.

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

Регистрируйтесь в SendPulse и используйте свой уникальный контент для общения с аудиторией через email, web push, Viber, SMS и чат-боты в мессенджерах!