Эффект пикселизации в фотошопе. Создаем пиксельный узор в фотошопе

2 голоса

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

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

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

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

Выделение и уточнение краёв

Для начала откройте в фотошопе картинку волшебника, на которой мы будем тренироваться. Для этого в верхнем меню выберите «Файл - Открыть…».

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

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

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

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

Мы переходим к основной сути данного способа. Теперь нам необходимо уточнить края. В верхнем меню нажмите на кнопку:

Если её там нет по каким-то причинам, в выделенную область кликните правой кнопкой мыши и выберите аналогичный вариант:

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

На фото сразу видны изменения. Контур его туловища сгладился, стал плавным. У меня получился такой результат:

Сглаживание краёв «пальцем»

Перед тем, как приступить к изучению этого метода, сделаем с вами копию всех видимых . Для этого нужно нажать сочетание клавиш CTRL + SHIFT + ALT + E. Будем работать с созданным слоем.

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

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

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

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

Использование пера

Перо - ещё один простой инструмент, с помощью которого можно устранять с фотографии погрешности, появляющиеся при увеличении. Для работы нам понадобится исходное изображение Мерлина. Под ним создайте пустой слой (CTRL + SHIFT + N либо «Слои - Новый - Слой»). Залейте его белым цветом (ALT + BACKPSACE). «Перо» можете найти в левой навигации или активировать горячей клавишей P.

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

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

Мы получим уже знакомое нам по первому способу выделение с «бегающими муравьями». Чтобы получить требуемый результат, просто нажмите на BACKSPACE. Я обработал сразу всю картинку. Можете попробовать обработать всего Мерлина и сравнивать с моим результатом:

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

Во время выполнения вы могли заметить, что при сильном увеличении появляется белая сетка. Иногда она сильно мешает при выделении тех или иных объектов. Её можно включать и отключать. Сделать это можно следующим образом: «Просмотр - Показать - Пиксельная сетка». Если напротив названия стоит галочка, значит, она активирована.

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

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

Если вы хотите быстро поднять свой навык использования Adobe Photoshop CC или любой другой версии, рекомендую пройти курс Евгения Попова - «Photoshop для фотографа ». Здесь есть много материала, в котором описываются интересные методы обработки фотографий.

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

С вами был Андрей Зенков, скоро увидимся, всем пока.

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

Шаг 1.
Воспользуемся любой подходящей фотографией .

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

Шаг 3.
Снижаем прозрачность кисти до 50% и закрашиваем область вокруг предыдущей закрашенной области.

Шаг 4.
После этого создаем новый слой над основной фотографией и ниже слоя с мазками кисти. Заливаем этот слой белым цветом. Объединяем слой с мазками кисти и слой, окрашенный белым.

Шаг 5.
Нажимаем Ctrl+I, чтобы инвертировать изображение.

Шаг 6.
В верхнем меню выбираем «Окно» (Window) > «Каналы» (Channels), чтобы открыть диалоговое окошко с каналами. Отключаем все каналы, кроме голубого (Blue) (для этого щелкаем по иконке глазка слева от названия). Находясь на слое с голубым каналом, удерживая Ctrl щелкаем по голубому слою (Blue). Должна выделиться область, как на рисунке ниже.

Шаг 7.
Возвращаемся в контейнер со слоями и отключаем слой с мазками кисти. Далее, находясь на слое с основной фотографией, нажимаем на иконку внизу контейнера «Добавить слой-маску» (Add Layer Mask). Иконка — серый прямоугольник с белым кругом посередине.

Шаг 8.
Должен получиться такой результат.

Шаг 9.
Далее применяем «Фильтр» (Filter) > «Пикселизация» (Pixelate) > «Мозаика» (Mosaic) с размером ячейки 35.

Шаг 10.
Создадим новый белый слой под слоем с фотографией.

Шаг 11.
Воспользуемся подходящей с эффектом боке и положим ее режимом наложения «Перекрытие» (Overlay).

Шаг 12.
В итоге получаем такой результат.

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

Законченное изображение

После

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

Шаг 2
Создайте две копии фонового слоя.

Шаг3
Активируйте Свободную трансформацию (Ctrl+T) и, на панели опций в верхней части окна программы, задайте Горизонтальный сдвиг (Horizontal skew): 45 градусов. Нажатием Enter подтвердите трансформацию.

Шаг 4
Пройдите в меню Фильтр > Оформление > Мозаика (Filter > Pixelate > Mosaic), и задайте величину ячейки на свое усмотрение. Нажмите OK.

Шаг 5
Теперь произведем трансформацию в обратном направлении. Активируйте Свободную трансформацию (Ctrl+T) и задайте Горизонтальный сдвиг (Horizontal skew): -45градусов. Нажатием Enter подтвердите трансформацию.

Шаг 6
Уменьшите Непрозрачность (Opacity) этого слоя до 50% и выделите на палитре слоев средний слой. Повторим описанный ранее процесс, только уже с совершенной трансформацией.

Шаг 7
Итак, выделив серединный слой, активируйте Свободную трансформацию (Ctrl+T) и задайте Горизонтальный сдвиг (Horizontal skew): -45градусов.

Шаг 8
Еще раз примените все тот же мозаичный фильтр. Это можно сделать быстро нажатием Ctrl/Cmd+F. Или выбрав первый по порядку фильтр в меню фильтров: фотошоп автоматически устанавливает последний использованный фильтр на самую верхнюю позицию этого меню.

Шаг 9
Активировав Свободную трансформацию (Ctrl+T), верните этот слой в прежнее состояние: задайте Горизонтальный сдвиг (Horizontal skew): 45градусов.

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

После

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

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

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

Фильтры, имитирующие различную технику рисования кистью (Brush Strokes)

Здесь представлено 8 фильтров:

Accented Edges (Акцентированные края). Создаёт вокруг каждого контура цветную каёмку:

Edge Width (Ширина ребра). Устанавливает ширину каёмки вокруг контура.

Edge Brightness (Яркость ребра). Чем выше это значение, тем более разноцветными будут края.

Smoothness (Сглаживание). “Заблюривает” контуры.

Angled Strokes (Мазки по контурам). Имитация рисования мазками по контурам объектов:

Direction Balance (Баланс направления). Устанавливает соотношение количества мазков по разным направлением. Крайние значения соответствуют мазкам в одном направлении.

Stroke Length (Длина мазков).

Sharpness (Резкость).

Crosshatch (Перекрестная диагональная штриховка). Имитирует технику рисования перекрестными штрихами:

Как видите, все параметры этого фильтра нам уже знакомы: можно задать длину штриха, резкость и силу.

Dark Strokes (Тёмные штрихи). Рисование тёмными штрихами:

Balance (Баланс). Регулирует чёткость штрихов.

Black Intensity (Интенсивность чёрного). Интенсивность чёрных цветов.

Black Intensity (Интенсивность белого). Интенсивность белых цветов.

Ink Outlines (Чернильные очертания), Splatter (Разбрызгивание), Sprayed Strokes (Распылённые штрихи), Sumi-e (Суми-е). Каждый из этих фильтров имитирует какой-либо эффект. Все они похожи на предыдущие, поэтому подробно на каждом мы не станем останавливаться:

Фильтры искажения (Distort)

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

Первый фильтр – Diffuse Glow (Диффузное свечение) добавляет свечение светлым областям на изображении:

Graininess (Зернистость). Добавляет шум.

Glow Amount (Величина свечения). Задаёт размер свечения.

Clear Amount (Величина светового пятна). Величина светового пятна.

Displace (Смещение). Используется для смещения изображения по специальной карте в формате.psd. По правде говоря, под картой подразумевается любой файл фотошопа. Попробуйте самостоятельно поэкспериментировать с этим фильтром.

Glass (Стекло). Эффект взгляда на изображение через стекло:

Distortion (Искажение). Сила искажения.

Smoothness (Сглаживание).

Texture (Текстура). Тип стекла. Доступны варианты Block (мозаичное), Canvas (Холст), Frosted (Замороженное), Tiny Lens (С объёмными кругами).

Scaling (Масштаб).

Ocean Ripple (Океанская рябь). Почти тоже самое, что Glass, только эффект больше похож на водную рябь:

Всего 2 настройки: размер и магнитуда (сила) колебаний поверхности воды.

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

Имеет всего 1 параметр Amount (Величина). Если ползунок установлен в левом краю, изображение “вздуется”, если в правом – удалится. Этим инструментом в некоторых случаях можно исправить неправильную перспективу на фотографии.

Polar Coordinates (Полярные координаты). “Выворачивает изображение”, создавая эффект “рыбьего глаза”:

Почти не имеет настроек.

Ripple (Рябь). Практически аналогичен фильтру Ocean Ripple, с той лишь разницей, что рябь создаётся в другой плоскости.

Shear (Сдвиг). Сдвигает изображение:

Настраивается с помощью кривой.

Spherize (Сферизация). Искажает перспективу, создавая ощущение. Будто картинка находится на сфере:

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

Twirl (Вращение). Закручивает изображение в виде вихря:

Настройки не должны вызвать вопросов.

Wave (Волна). Деформирует изображение, создавая эффект волны:

Фильтр имеет довольно много настроек.

Number of Generators (Число генераторов). Число точек, в которых будут генерироваться волны.

Wavelength (Длина волны). Задаёт диапазон значений для длины волны.

Amplitude. Амплитуда колебаний. Задаётся опять же диапазоном.

Scale (Масштаб).

Type (Тип). Позволяет выбрать один из 3 типов. При выборе типа Square (Квадрат) можно получить весьма интересные эффекты.

Zig-zag (Зигзаг). Странное названия для этого фильтра, потому что он предназначен для создания эффекта расходящихся по водной поверхности волн от предмета, который туда бросили:

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

Фильтры для работы с шумом (Noise)

Фильтры этой группы служат одной цели – добавить или убрать шум на изображении.

Add Noise (Добавить шум). Как ясно из названия, просто добавляет шум поверх изображения:

Позволяет установить величину шума и тип. Галочка Monochromatic делает шум чёрно-белым (в противном случае вы получите цветной шум).

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

Dust&Scratches (Пыль и царапины). Фильтр призван устранить пыль и царапины с изображения:

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

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

Reduce Noise (Убрать шум). Самый полезный фильтр данной группы. Предназначен для борьбы с цифровым шумом:

Strength (Сила). Определяет силу действия фильтра.

Preserve Details (Схоранить детали). Указывает, сколько процентов деталей нужно сохранить. Тут палка о двух концах, чем меньше деталей сохранится – тем больше шума будет убрано, чем больше деталей останется – тем менее эффективен окажется фильтр.

Reduce Color Noise (Убрать цветовой шум). Убирает оттенки, сильно отличающиеся от общей гаммы изображения.

Sharpen Details (Резкость деталей).

Remove JPEG Artefact (Убрать артефакты JPG). Борется с дефектами формата.jpg

Если отметить опцию Advanced (Расширенное), появится возможность делать всё тоже самое, только для каждого канала в отдельности.

Фильтры пикселизации в фотошопе (Pixelate)

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

Color Halftone (Полутона)

Crystalize (Кристализация). Изображение из различных геометрических фигур.

Facet (Грань)

Fragment (Фрагмент)

Mezzotint (Меццо-тинто). Имитация зернистости одним из предложенных способов.

Mosaic. Пикселизация в её прямом смысле. Раскладывает изображение на пиксели.

Pointillize. Изображение из разноцветных точек.

Фильтры визуализации (Render)

Эти фильтры создают специальные эффекты, вроде бликов на объективе или имитации облаков.

Clouds (Облака). Создаёт эффект облаков, смешивая 2 цвета (переднего и заднего плана). Для создания чёрно-белых облаков перед применением фильтра нажмите клавишу D.

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

Fiber (Волокно). Имитирует волокно:

Variance (Колебание). Формирует текстуру волокна.

Strength (Сила).

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

Lens Flare (Блик в объективе). Имитирует блик в объективе:

Позволяет выбрать тип объектива, установить яркость и положение блика на изображении.

Lighting Effects (Световые эффекты). Очень полезный фильтр, имитирует источник света, падающий на холст:

Style позволяет выбрать готовые стили

Light Type устанавливает тип источника света: Directional (Направленный), Omni (Рассеянный), Spotlight (Прожектор).

Intensity (Интенсивность света).

Focus (Фокус). Узкий или широкий.

Gloss (Глянец). Устанавливает тип поверхности, от матовой до глянцевой.

Material (Материал). Указывает, на что больше похожа поверхность, на пластик или металл.

Exposure (Экспозиция).

Ambience (Атмосфера).

Texture Channel (Текстурный канал). Создаёт эффект рельефа.

Фильтры увеличения резкости (Sharpen)

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

Sharpen (Резкость). Автоматически увеличивает резкость. Практически не используется в виду отсутствия настроек.

Sharpen Edges (Резкость по контуру). Аналогичен фильтру Sharpen, но работает более тонко: увеличивает резкость контуров, а не всего изображения. Также не имеет настроек.

Sharpen More (Сильная резкость). Тоже, что Sharpen, но сильнее в 2 раза.

Smart Sharpen (Умная резкость). Один из самых полезных фильтров. Позволяет вручную настроить резкость:

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

Опция Advanced открывает доступ к расширенным настройкам резкости в тенях и на свету.

Unsharp Mask (Нерезкая маска). Ещё один отличный инструмент для повышения резкости. Параметры те же самые, что и у Smart Sharpen, только здесь можно ещё и указать порог (Threshold), выше которого значение резкости не поднимется. Это нужно для избавления от “перешарпленных” областей.

Фильтры эскиза в фотошопе (Sketch)

Довольно большая группа фильтров (14 штук), предназначенных для имитации различных эффектов. Настраиваются все эти фильтры точно также, как и фильтры групп Brush Strokes и Artistic, так что подробно на них останавливаться мы не станем, посмотрим лишь визуальный эффект от каждого фильтра:

Такая же ситуация и с фильтрами группы Stylize (Стилизация):

Текстурные фильтры фотошопа (Texture)

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

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

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

Пиксельный узор или мозаика – довольно интересный прием, который Вы можете применять при обработке и стилизации изображений. Достигается данный эффект путем применения фильтра «Мозаика» и представляет собой разбитие на квадраты (пиксели) картинки.

Пиксельный узор

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

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

1. Создаем две копии слоя с фоном клавишами CTRL+J (дважды).

2. Находясь на самой верхней копии в палитре слоев, переходим в меню «Фильтр» , раздел «Оформление» . В данном разделе и находится необходимый нам фильтр «Мозаика» .

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

4. Переходим на нижнюю копию и снова применяем фильтр «Мозаика» , но на этот раз размер ячейки выставляем примерно в два раза меньше.

5. Создаем маску для каждого слоя.

6. Переходим на маску верхнего слоя.

7. Выбираем инструмент «Кисть» ,

круглой формы, мягкую,

черного цвета.

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

8. Красим кистью маску, удаляя лишние участки слоя с крупными ячейками и оставляя пикселизацию только на задней части авто.

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