Как сделать лестницу в фотошопе
Как избавиться от ступенчатого градиента в фотошопе
Практически любому, кто работает с изображениями в фотошопе наверняка приходилось сталкиваться с «лесенкой» при переходе цвета от темного цвета к светлому (или наоборот). Чтобы избавиться от этой проблемы, каждый пользуется теми способами, какие знает, тут в ход идет и размытие, и шум, которые, не дают желаемого результата. Но существует еще один способ, максимально простой, который помогает практически всегда — это перевод формата файла из 8-битного в 16-битный.
1. Открываю документ, в котором есть «лесенка».
У меня это залитый темным фоном (#130010) со светлым пятном.
Ступенчатые переходы видно не только в оригинальном размере, но и при уменьшении.
2. Перевожу рабочий документ в 16-битный формат
Изображение — Режим — 16бит/канал (Image — Mode — 16 bit/channel).
Изображение приобрело нормальный вид, а «лесенки» практически не видно даже при многократном увеличении.
3. Перевожу документ снова в 8-битный формат,
предварительно объединив слои (с зажатым Shift выделяю слои, которые надо свести и жму Ctrl+E).
Картинка не изменилась, с подготовленным фоном можно работать дальше.
Вот такой простой способ избавления от «лесенки».
Я вообще рекомендовала бы, если вам позволяет производительность вашей машины и вы не собираетесь увлекаться фильтрами и стилями, работать в 16-битном режиме, и лишь перед окончательным сохранением переводить документ в 8-битный формат.
Недостатком такого способов избавления от ступенчатых градиентов является то, что он работает лишь в том случае, если у фон и световые пятна разложены послойно, если же «лесенка» на одном слое, придется прибегать ко всем привычному блюру и шуму.
Этот метод избавления от ступенчатого градиента применялся для подготовки фона в уроке Рисуем ледяной светящийся кристалл.
Если кому-то нужен, выкладываю экшен для избавления от ступенчатого градиента (1Кб, архив, для русского фотошопа).
Инструмент трассировка в фотошопе
трассировка в фотошопе
Продолжаем рассматривать новые возможности программы Adobe Photoshop (версия 22.0).
В этой версии программы появилась интересная возможность обычным пользователям наравне с бета-тестировщиками испробовать новые инструменты.
Давайте познакомимся с одним из них и разберемся, где и в каких обстоятельствах следует использовать инструмент «Трассировка с учетом содержимого», и как он вообще работает.
Итак, производитель заявляет, что этот инструмент позволяет легко рисовать контур вокруг объекта посредством наведения курсора на края и нажатия кнопки мыши.
Давайте проверим в уроке «Инструмент трассировка в фотошопе«.
Все уроки по изучению новых возможностей в Adobe Photoshop 2020:
Чтобы начать экспериментировать, сначала нужно активировать его, так как в стандартной панели инструментов его нет. Для этого идем в верхнее меню «Редактирование»-«Настройки»-«Основные», либо зажимаем клавиатурное сокращение «CTRL+K”.
Далее в разделе «Установки» найдите строку «Просмотры технологии» и включите инструмент.
Затем перезапустите Photoshop. Теперь вы сможете найти инструмент «Трассировка с учетом содержимого» в группе инструментов «Перо» на панели инструментов Photoshop.
Поэкспериментировав с рядом изображений, я пришла к выводу, что этот инструмент неплохо работает только с четкими изображениями, где контрастируют предмет и фон. В этом случае выделить сложный объект не составит большого труда.
Открываем файл. Для этого нажимаем «CTRL + О». Находим нужную фотографию. Для примера я выбрала вот это фото, где однородный фон и четко очерченный предмет.
Попробуем выделить эту снежинку и удалить фон.
На панели инструментов, в группе «Перо» выберите инструмент «Трассировка с учетом содержимого».
Теперь обратимся к настройке инструмента в верхней панели.
Нам с вами следует разобраться в двух параметрах на этой панели.
Режимы трассировки («Подробно», «Нормально» и «Упрощенный») указывают, насколько детализированным или текстурированным является изображение, для которого будет выполняться трассировка.
Чтобы получить необходимые края, используйте инструмент трассировки вместе с ползунком «Детализация». Во время регулировки с помощью ползунка «Детализация» Photoshop отображает обнаруженные края. При перемещении ползунка вправо увеличивается количество краев, обнаруживаемых в Photoshop, а при перемещении влево количество таких краев уменьшается.
Вот эти края обнаружены на нашей фотографии. Приступаем к работе.
Наведите курсор на край объекта, чтобы выделить его. По контуру начнут «бегать муравьи».
Щелкните выделенную часть, чтобы создать контур. Чаще всего выделяется только часть контура. Внимательно следите, где находятся крайние точки выделения.
Чтобы добавить контур, наведите указатель мыши на смежный край, чтобы выделить новую часть, и, удерживая клавишу «SHIFT», щелкните выделенную часть для расширения контура. Появившаяся розовая линия указывает, что к существующему контуру добавляется новая часть.
Если программа неправильно определит контур и поставит его не там, где следует, всегда можно подправить и сдвинуть опорную точку стандартными способами работы с пером.
Чтобы удалить область из контура, удерживайте клавишу «ALT» и щелкните область. Также можно щелкнуть и перетащить в нужном направлении для удаления больших частей.
Итак, путем вышеописанных манипуляций мне удалось буквально за несколько секунд выделить внешний контур снежинки.
Я собираюсь скрыть красный фон под маской, поскольку этот способ не повреждает картинку, и в любой момент мы можем вернуть изображение в исходный вариант. Для этого нужно перевести контур в режим выделения.
В появившемся окне я ставлю радиус растушевки 0,1, чтобы край был четким. Можно поставить галочку на «Сглаживании».
А затем нажать на значок маски в панели «Слои».
Вот, что у нас получилось.
Ну что ж, неплохо. Теперь давайте пройдемся по красным частям и спрячем их под маской. Определяем края, переводим в режим «Выделение», в панели «Слои» переходим на «Маску» (при этом значок маски обведен белой рамкой) и черной кистью протираем выделенную область.
Повторяем эти манипуляции со всеми лепестками. И вот наша снежинка полностью очищена от фона!
Ну что же, давайте разберем инструмент «Трассировка с учетом содержимого» и сделаем выводы. При определенных условиях (хорошее качество изображения, очень четкие и контрастные границы между объектом и фоном) инструмент работает вполне прилично. Изогнутые линии получаются ровные. Обычным пером так быстро не справишься. Однако, останавливает от широкого применения именно то, что нечасто встречаются подобные задания.
Ну, мы с вами были тестировщиками этого инструмента. Надеюсь, в следующих версиях Adobe Photoshop работа «Трассировки с учетом содержимого» станет более комфортной.
Урок «Инструмент трассировка в фотошопе» завершен.
Три способа разглаживания пиксельных лесенок в Фотошопе
Три способа разглаживания пиксельных лесенок в Фотошопе
В некоторых случаях, при обработке картинок в Фотошопе, мы можем получить совершенно отвратительные «лесенки» из пикселей по контуру объекта. Чаще всего это случается при сильном увеличении, либо вырезании элементов малого размера.
В этом уроке обсудим несколько способов, как убрать пиксели в Фотошопе.
Сглаживание пикселей
Итак, как мы уже говорили выше, существует три различных варианта сглаживания пикселей. В первом случае это будет одна интересная «умная» функция, во втором – инструмент под названием «Палец», а в третьем – «Перо».
Проводить эксперименты мы будем вот над таким забавным персонажем из прошлого:
После увеличения получаем отличный исходник для тренировок:
Способ 1: функция «Уточнить край»
Для использования данной функции сначала нужно выделить персонажа. В нашем случае отлично подойдет «Быстрое выделение».
Выделяем Мерлина. Для удобства можно увеличить масштаб при помощи клавиш CTRL и +.
Ищем кнопку с надписью «Уточнить край» в верхней части интерфейса.
После нажатия откроется окно настроек, в котором в первую очередь необходимо выставить удобный вид:
Значения, приведенные выше, подходят только для этого конкретного изображения. В Вашем случае они могут быть другими.
В нижней части окна, в выпадающем списке, выбираем вывод на новый слой со слоем-маской, и нажимаем OK, применяя параметры функции.
Результатом всех действий будет вот такое сглаживание (слой с белой заливкой был создан вручную, для наглядности):
Данный пример хорошо подходит для удаления пикселей с контуров изображения, но на остальных участках они остались.
Способ 2: инструмент «Палец»
Поработаем с результатами, полученными ранее.
- Создадим копию всех видимых слоев в палитре сочетанием клавиш CTRL+ALT+SHIFT+E. Активированным при этом должен быть самый верхний слой.
Выбираем «Палец» на левой панели.
Настройки оставляем без изменений, размер можно менять квадратными скобками.
Аккуратно, без резких движений, проходимся по контуру выбранного участка (звезды). «Растягивать» можно не только сам объект, но и фоновый цвет.
При масштабе 100% результат выглядит вполне достойно:
Стоит заметить, что работа «Пальцем» довольно кропотлива, а сам инструмент не отличается большой точностью, поэтому способ подходит для небольших изображений.
Способ 3: «Перо»
Об инструменте «Перо» на нашем сайте имеется неплохой урок.
Перо применяется при необходимости точной обводки лишних пикселей. Сделать это можно как на всем протяжении контура, так и на его участке.
Читаем урок, и обводим нужный участок изображения.
Кликаем ПКМ в любом месте холста, и выбираем пункт «Образовать выделенную область».
После того, как появятся «марширующие муравьи», просто удаляем ненужный участок с «плохими» пикселями клавишей DELETE. В том случае, если был обведен весь объект, то выделение необходимо будет инвертировать (CTRL+SHIFT+I).
Это были три вполне доступных и несложных способа сглаживания пиксельных лесенок в Фотошопе. Все варианты имеют право на существование, так как используются в разных ситуациях.
Отблагодарите автора, поделитесь статьей в социальных сетях.
Как быстро сгладить пиксели при увеличении картинки в Photoshop
Возможности графического редактора Photoshop обширны. Люди используют его в самых разных целях во многих сферах. Если вы свяжете свою деятельность с этой программой, то когда-нибудь столкнётесь с необходимостью увеличить размеры изображения, что приведёт к появлению пикселей (потери качества).
Но, как я уже сказал выше, возможности обширны, поэтому можно исправить такой изъян. С вами Андрей Зенков и сегодня я расскажу, как убрать пиксели в фотошопе.
Что можно сделать с неаккуратно оборванным листом? Взять ножницы и обрезать неровности, чтобы получился плавный край. Суть методов, о которых я сегодня расскажу, заключается в сглаживание пикселей на контурах изображения. Для тренировки я возьму простенькую картину, которая потеряла качество при увеличении.
Кстати, недавно я рассказывал, как сделать Фотошоп на русском. Посмотрите эту статью, чтобы легко справиться с моим сегодняшним уроком (если у вас английская версия), так как я использую русскоязычный интерфейс. Сделать это можно за несколько минут.
Выделение и уточнение краёв
Для начала откройте в фотошопе картинку волшебника, на которой мы будем тренироваться. Для этого в верхнем меню выберите «Файл — Открыть…».
Самое сложное в данном методе — работа с выделением, если вы с ним прежде не сталкивались. Но не пугайтесь так сразу, сложное в рамках этого простого способа. Нам понадобится инструмент «Быстрое выделение». Чтобы найти его, нажмите на клавиатуре W. В левой навигации выделится «волшебная палочка». Нажмите на неё правой кнопкой мыши и выберите искомый нами предмет.
Прежде чем начать, необходимо настроить размер выделения. Делается это аналогичным образом с простой кисточкой. Для размеров нашего изображения хватит 25 px.
Сейчас вам необходимо «обвести» старика. Чтобы начать процесс, кликните левой кнопкой мыши в любом месте его туловища. Появится первая выделенная область. Чтобы расширить её, нажмите ещё раз, но уже в другом месте. Площадь выделения будет увеличиваться. Ваша конечная цель — полностью обвести Мерлина, то есть по его контуру должны появиться так называемые «бегающие муравьи»:
Совет: если осталась маленькая область, для которой размер инструмента слишком большой, можете уменьшить количество px, как мы это делали выше при настройке габаритов выделения. Если участок меньше кисточки, высока вероятность «зацепить» не те элементы.
Мы переходим к основной сути данного способа. Теперь нам необходимо уточнить края. В верхнем меню нажмите на кнопку:
Если её там нет по каким-то причинам, в выделенную область кликните правой кнопкой мыши и выберите аналогичный вариант:
Перед вами откроется окно с какими-то непонятными настройками. Не будем подробно вдаваться в их суть, нас интересует лишь указание некоторых значений. Я подобрал оптимальный вариант, который подойдёт для моего изображения. С другими картинками, конечно, потребуются эксперименты. Передвижением ползунков вы достигнете оптимальных результатов. Для Мерлина подойдут такие конфигурации:
На фото сразу видны изменения. Контур его туловища сгладился, стал плавным. У меня получился такой результат:
Сглаживание краёв «пальцем»
Перед тем, как приступить к изучению этого метода, сделаем с вами копию всех видимых слоёв. Для этого нужно нажать сочетание клавиш CTRL + SHIFT + ALT + E. Будем работать с созданным слоем.
Что же мы имеем? При приближении картинки ухудшилось качество не только внешних границ, но и внутренних объектов. Их можно сгладить, используя инструмент «Палец». Чтобы активировать его, найдите в левом меню иконку капли и нажмите на неё правой кнопкой мыши. В открывшемся окошке выберите искомую функцию.
Настройки оставьте первоначальным. Суть работы проста. Чтобы убрать пиксели, например, со звезды на плаще, необходимо провести пальцем по её контуру, пока не будут сглажены большие квадраты. Границы звезды должна поменяться так:
Для тренировки можете обработать сразу несколько элементов. Я поработал со звездой, месяцем и частью бороды. Конечно, идеально чётким результат не назовёшь, но стало гораздо лучше:
Работать с пальцем нужно очень аккуратно. Доводите контуры до гладкого состояния, полностью убирайте «большие» пиксели. Чтобы у вас был ориентир, можете сверяться с фотографией звезды, которую я добавил выше.
Использование пера
Перо — ещё один простой инструмент, с помощью которого можно устранять с фотографии погрешности, появляющиеся при увеличении. Для работы нам понадобится исходное изображение Мерлина. Под ним создайте пустой слой (CTRL + SHIFT + N либо «Слои — Новый — Слой»). Залейте его белым цветом (ALT + BACKPSACE). «Перо» можете найти в левой навигации или активировать горячей клавишей P.
Как работать? Очень просто. С помощью этого инструмента мы будем рисовать область, которую нужно будет вырезать. Чтобы убрать пиксели и сглазить контур, нужно заступать за границы туловища. На словах, скорее всего, не совсем понятно, поэтому просто посмотрите наглядный пример:
Теперь, чтобы пиксели исчезли, нужно выделенную область вырезать. В любом месте нарисованной фигуры нажмите правой кнопкой мыши и в открывшемся меню выберите «Образовать выделенную область». После этого откроется окошко с настройками. Ничего не меняя, нажмите «Ок».
Мы получим уже знакомое нам по первому способу выделение с «бегающими муравьями». Чтобы получить требуемый результат, просто нажмите на BACKSPACE. Я обработал сразу всю картинку. Можете попробовать обработать всего Мерлина и сравнивать с моим результатом:
Как и в случае с пальцем, работать с пером необходимо тонко и аккуратно. С помощью него можно сглаживать острые углы и убирать пиксели. А вообще, применяют инструмент во многих работах для достижения различных целей, но об этом как-нибудь поговорим в других статьях.
Во время выполнения вы могли заметить, что при сильном увеличении появляется белая сетка. Иногда она сильно мешает при выделении тех или иных объектов. Её можно включать и отключать. Сделать это можно следующим образом: «Просмотр — Показать — Пиксельная сетка». Если напротив названия стоит галочка, значит, она активирована.
У текста тоже могут возникнуть проблемы с качеством при приближении. Маленький шрифт сделать чётким не получится, но для крупных надписей применимы способы, которые я описал выше. Используя первый метод, выделяйте сначала одну букву, уточняйте края и только затем переходите к следующей.
Я вам рассказал о трёх хороших способах, с помощью которых вы без проблем устраните пиксели с увеличенных фотографий. Для первых проб можете взять ту же картинку, которой пользовался я. Но чтобы закрепить весь материал, после возьмите другое изображение и проделайте аналогичные шаги.
Если вы хотите быстро поднять свой навык использования Adobe Photoshop CC или любой другой версии, рекомендую пройти курс Евгения Попова — « Photoshop для фотографа ». Здесь есть много материала, в котором описываются интересные методы обработки фотографий.
Моё сегодняшнее время подходит к концу. Надеюсь, вам понравилась моя статья, и вы научились чему-то новому. Подпишитесь на мой блог, чтобы самым первым узнавать о новых публикациях на сайте.
С вами был Андрей Зенков, скоро увидимся, всем пока.
5 быстрых приемов Photoshop, которые помогут исправить плохой фотопортрет
Для нас визуальное представление имеет первостепенное значение. Первое впечатление — это все, поэтому для нас супер важно выглядеть настолько идеально, насколько это возможно, когда это только возможно. Мы не можем позволить себе иметь плохой фотопортрет или собственные онлайн-фото:
С другой стороны, нам ни за что не захочется тратить часы на ретуширование каждой фотографии. Вот почему так важно знать несколько быстрых экспресс трюков для ретуширования, с помощью которых можно очень многое поменять, затратив минимум усилий.
Итак, вот фотография, с которой мы собираемся поработать:
Используйте инструменты «Заплатка» и «Восстанавливающая кисть», чтобы удалить пятна
Первое, что мы хотим сделать, это удалить все пятна и временные дефекты кожи, которые вы можете видеть на фото. В жизни они являются лишь временными, но ваше фото для биографии может размещаться на сайте в течение многих лет, поэтому очень важно позаботиться об этих проблемных зонах.
Используйте инструмент « Восстанавливающая кисть », чтобы позаботиться об этих областях:
Восстанавливающая кисть имеет 3 типа применения, на которые нужно обратить внимание. Первый называется « Соответствующие приближения », он собирает информацию о ближайших к точке ретуширования пикселях и пытается заменить пиксели в месте применения инструмента на пиксели в соответствии с результатами обработки собранной информации.
Второй — Создание текстуры. Этот тип может быть полезен, если объект имеет особенно пористую кожу. В нашем случае это не так.
Третий тип — С учетом содержимого. Он бы вам существенно помог, если бы остальная часть вашего фото была относительно однородна. Однако в нашем фото есть много проблемных мест и вариантов, так что лучшим выбором будет все же « Соответствующие приближения »:
Просто пройдитесь по лицу субъекта, щелкая мощью в местах, где есть какие-нибудь недостатки, которые нужно заретушировать. Я убрал большинство крупных и более мелких изъянов с его лица.
Тем не менее, я оставил нетронутыми некоторые области. Кроме того, если вы посмотрите на мой пример, то увидите, что я выделил на лице родинки. Возможно, вы захотите избавиться от некоторых естественных, более постоянных черт лица. Включая шрамы и веснушки. Пока я их оставляю, но мы вернемся к этому чуть позже.
Гладкая кожа
Причина, по которой перед запуском фильтра размытия мы преобразовали слой в смарт-объект, заключается в том, что в этом случае фильтр будет доступен для редактирования. Мы всегда можем вернуться и внести коррективы. В принципе, в будущем это может сэкономить нам время.
Я всегда делаю так, когда это возможно. Это избавляет меня от необходимости возвращаться назад и повторять те же шаги.
Я лучше лишний раз выполню несколько дополнительных кликов мышью и внесу незначительные коррективы, чем потом буду повторять 10-20 шагов заново. В долгосрочной перспективе дополнительные меры предосторожности приводят к тому, что все делается быстрее.
Отбеливание зубов с помощью «Осветлителя»
Затем выберите инструмент Осветлитель и установите значение диапазона полутонов примерно на 70-80%. Используйте мягкую кисть, установив твердостью на низшее значение, а затем кликните кистью в тех местах, где вы хотите, чтобы зубы стали белее.
Кисть будет достаточно мягкой, чтобы изменение тона было гармоничным, но в то же время достаточно жесткой, чтобы вам не пришлось многократно применять этот эффект к слою.
Уменьшение морщин
Однако, на мой взгляд, это не мудро удалять все родинки и морщины в портрете человека. Эти элементы являются частью характера лица. Если вы зайдете слишком далеко, людям ваше лицо может показаться безжизненной « восковой маской ».
Так как мы стареем, со временем на поверхности нашей кожи появляется все больше недостатков. Основная причина того, что общение при свечах считается более романтическим, заключается в том, что этот мягкий свет просто уменьшает резкость и контрастность этих несовершенств — фактически не удаляя их:
Повторяйте эту процедуру, пока все морщины не будут убраны. Затем просто уменьшите непрозрачность самого слоя до 70%. В результате некоторые морщины все же будут проглядывать, однако они не будут так сильно бросаться в глаза, подчеркивая возраст человека:
Осветление глаз
Установите для режима значение насыщенный, а для регулятора густоты не менее 50%. Теперь кликните один раз мышью над зрачками глаз, чтобы осветлить глаза и придать им большую выразительность.
Если вам нужно сделать их еще ярче, вы можете использовать инструмент Осветлитель и обработать их таким же способом. Вы можете комбинировано использовать эти два инструмента, и получите фантастические результаты.
Заключение
Менее чем за 5 минут мы значительно улучшили это фото. Мы разгладили кожу, удалили пятна, оживили глаза, уменьшили морщины и отбелили зубы. И все это с помощью простых приемов. Вы можете видеть, что разница после проведенной нами обработки ощутимая. Левая сторона — до обработки, правая — после.
В большинстве случаев вам не понадобится использовать все эти приемы, но те или иные из них будут использоваться практически во всех случаях ретуширования фотографий.
Устранение JPEG артефактов, пикселизации и лёгкого шума после сжатия онлайн
Для устранения jpeg-артефактов главное нужно указать картинку размером не более 2.2 Мп (≈1920×1080) на вашем компьютере или телефоне, нажать кнопку ОК внизу страницы, подождать пару секунд и скачать результат. Остальные настройки уже выставлены по умолчанию.
Рекомендуется применять устранение jpeg артефактов до каких-либо манипуляций с изображением. А уже после обработки на этой странице, можно, например, увеличить обработанное изображение (если оно слишком маленькое), немного добавить насыщенности цветов или резкости и так далее, но только в таком случае в качестве промежуточного формата лучше использовать PNG-24, чтобы лишний раз не пересжимать и не терять качество после каждой обработки. На этом сайте ещё можно узнать, с каким уровнем качества была сохранена jpeg-картинка.
Пример фотографии с jpeg артефактами до и после улучшения, разница особенно видна внутри бутона цветка, при нажатии на любой из всех нижеуказанных примеров можно открыть их копии, увеличенные в 3 раза:
Для создания вышеуказанного примера справа использовались все настройки по умолчанию.
Пример артефактов с пикселизацией из-за сильного сжатия jpeg картинки, до и после улучшения:
Для устранения артефактов с пикселизацией (квадратики 8×8 пикселей), как в вышеуказанном примере слева, нужно указать такие настройки: “Инстенсивность устранения артефактов” – “нормальная”, “Интенсивность устранения пикселизации” установить на “3”, а “Интенсивность шумопонижения” оставить равной “0”.
Пример фотографии с лёгким шумом до и после его устранения на этом сайте:
Для такого шумопонижения можно выставить следующие настройки: “Интенсивность устранения артефактов” – “отключить”, “Интенсивность устранения пикселизации” – “0”, а “Интенсивность шумопонижения” – “5”.
Ещё можно попробовать применить такую комбинацию настроек: “Интенсивность устранения артефактов” установить на “нормальная”, “Интенсивность устранения пикселизации” установить на “3”, а для “Шумопонижения” указать “5”.
В зависимости от размеров и качества исходного изображения, настройки могут быть разными и, чем больше картинка, тем обычно нужно сильнее увеличивать параметры, но главное не переборщить, чтобы картинка не получилась сильно размытой.
Данный онлайн инструмент уместно применять для превьюшек или маленьких картинок до 2-х мегапикселей, например, размером 640×480 или примерно до 1920×1080 пикселей, так как на большом изображении эти артефакты практически не видны. Если же вам просто необходимо обработать большую картинку более 2-х мегапикселей, то присылайте её вместе с нужными вам настройками на ящик – будет сделано бесплатно в течение суток. Эти ограничения связаны с тем, что это очень накладный процесс и не каждый пользователь сможет вытерпеть 5 минут до его завершения.
Исходное изображение никак не изменяется. Вам будет предоставлена другая обработанная картинка.