Как в фотошопе запикселить лицо
Перейти к содержимому

Как в фотошопе запикселить лицо

  • автор:

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Вы хотите придать своей фотографии или фотографии кого-то из ваших знакомых ретро вид?

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

Если вы ищите уже готовую графику в стиле ретро пикселей , то вы можете найти её на сайте Envato Market .

1. Подготавливаем Фотографию

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

Шаг 1

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

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

Шаг 2

Нарисуйте две направляющие линии, которые помогут для выравнивания фотографии.

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Шаг 3

Вставьте фотографию. Расположите слой с фотографией ниже слоя с направляющими линиями.

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Шаг 4

Активируйте режим свободной трансформации Редактирование — Свободная трансформация (Edit > Free Transform). Выровняйте глаза по горизонтальной линии, а нос по вертикальной линии.

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Шаг 5

Скопируйте выровненное лицо, а затем вклейте на новый слой. Отразите дубликат слоя по горизонтали, а затем уменьшите степень Непрозрачности (opacity) до 50% Создав две идентичные половинки лица, мы создали усреднённый вариант, теперь нет необходимости переживать относительно совмещения освещения на фотографиях для пиксельного портрета.

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Шаг 6

А теперь мы уменьшим портрет с помощью свободной трансформации, идём Редактирование — Свободная Трансформация (Edit > Free Transform (Ctrl+T). Вы можете применить трансформацию сразу к обоим слоям. не объединяйте слои. Размеры лица должны быть в пределах от 50 до 75px. Я нарисовал пару глаз-бусинок на новом слое, которые я использую в качестве ориентира; таким образом, я смогу использовать один пиксель для зрачка и пару пикселей по бокам для радужной оболочки. Если мы ещё сильнее уменьшим масштаб фотографии, то у нас не будет достаточно разрешения, чтобы нарисовать их.

Удалите слой с направляющими линиями, они нам больше не пригодятся.

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Прошу прощения, если этот портрет не даст вам ночью заснуть.

2. Создаем Цветовую Палитру

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

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

Шаг 1

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

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Шаг 2

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

Мы сможем создать больше оттенков, смещая бегунки этих трёх настроек.

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Если вы не сильно привередливы, то вы можете округлить значения (кратные 5 или 10).

Шаг 3

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

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Шаг 4

Далее, добавьте больше вариантов выбранных оттенков, подобрав их по яркости, 10% выше или ниже. Вы можете дойти до 100%, но вам вряд ли придётся снизиться до 0%.

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Шаг 5

И, наконец, подберите ещё несколько вариантов с различными цветовыми тонами, примерно на 10˚ холоднее (краснее) и на 10˚ теплее (желтее).

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Это практически вся цветовая палитра, которая нам понадобится.

3. Закрашиваем Фото

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

Шаг 1

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

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

Начинаем рисовать, используя инструмент Карандаш (Pencil Tool (B).

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Чтобы было удобнее работать, вы можете увеличить изображение на 600-800%, а рядом открыть отдельное окно с той же самой картинкой в 100% масштабе, таким образом, вы сможете сравнивать процесс закрашивания.

Шаг 2

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

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Шаг 3

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

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Для наглядности, я сохраню видимость чёрной заливки на большинстве скриншотов.

Шаг 4

Продолжайте заливать цветом!

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Шаг 5

Не уверены, какой цвет использовать поверх того или иного участка фотографии? Отберите цветовой оттенок с помощью инструмента Пипетка (Eye Dropper), а затем начните хаотично рисовать поверх палитры цветов. Какой цвет больше всего сливается с нарисованной кривой? Тот цвет и выбирайте.

Создаём Пиксельный Портрет в программе Adobe Photoshop.

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

Шаг 6

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

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Шаг 7

Ускоряем работу с закрашиванием.

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Шаг 8

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

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Шаг 9

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

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

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Шаг 10

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

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Шаг 11

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

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Шаг 12

Продолжаем заливать участки лица.

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Шаг 13

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Шаг 14

Продолжайте работать над улучшением этих участков.

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Завершив заливку носа, отразите завершённые участки лица на противоположную сторону.

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Шаг 15

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

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Продолжаем работать над щеками.

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Шаг 16

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

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Шаг 17

Заканчиваем подбородок (или растительность на лице).

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

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Шаг 18

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

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Шаг 19

Промежуточный этап. Проверяем прогресс после отражения.

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

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Шаг 20

Ещё раз отражаем заливку и мы почти завершили работу с цветом кожи. Переходим к контуру волос.

Для этого мы отключим видимость дубликата слоя с фотографией, который мы отражали для сверки — т.к. нам нужны волосы, как на оригинальной фотографии, где волосы асимметричны. Для причёсок, таких как buzzcut и center part, возможно этого и не понадобится. Примечание переводчика: buzzcut — ультракороткая причёска, center part — короткая стрижка с прямой чёлкой.

Я слегка расширил лоб. Расширять или нет, это не главное, т.к. я добавляю волосы на верхнюю часть головы.

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Шаг 21

Мы подошли к волосам на голове и я могу слегка улучшить форму причёски, чем на оригинале, почему бы и нет?

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Шаг 22

Сейчас я улучшу линию волос на отдельном слое.

Создаём Пиксельный Портрет в программе Adobe Photoshop.

А затем объединю её с лицом.

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Шаг 23

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

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Шаг 24

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

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

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Шаг 25

Завершив работу с шеей, нет больше необходимости в цветовой палитре.

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Шаг 26

Закрасьте рубашку, а также добавьте детали.

Создаём Пиксельный Портрет в программе Adobe Photoshop.

4. Проводим Ретушь и Завершаем Урок

Работа по заливке портрета завершена, но всё ещё осталось доработать некоторые детали.

Шаг 1

Нам больше не понадобится оригинальная фотография.

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

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Шаг 2

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

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Шаг 3

Можно добавить узоры или текстуры к волосам, это отличный способ добавить не только деталей и объёма к волосам, но и поможет создать искусственный стиль.

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Шаг 4

Графика не должна быть обычной — для этого есть фотография. Поэтому, в качестве заключительного штриха к портрету, чтобы он выделялся и был похож на картинку из старой видео-игры, поиграйте с коррекцией изображения, например: Уровни, Цветовой тон / Насыщенность. Яркость / Контрастность (Levels, Hue/Saturation…, Brightness/Contrast. ). Оживите картинку!

Создаём Пиксельный Портрет в программе Adobe Photoshop.

Увеличиваем масштаб рисунка примерно до 500% (до значения кратное 100% и с выключенным сглаживанием). Теперь можете сохранить и показывать её!

Мы завершили урок! Отличная работа!

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

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

How to Pixelate a Face in Photoshop

If you’d like to pixelate a face in Photoshop to keep the privacy of a person, or simply for the cool effect it makes (reminds me of minecraft a bit), I’m going to show you how you can easily use the pixelate tool to remove the identity of a face in Photoshop.

Step 1 – Once you have your picture loaded use the lasso tool (found on the very left selection column, second from the top) and select the area you’d like to pixelate. You can do this by holding down the lasso tool with the left mouse button and dragging a circle around the face. You can see the dotted line on the face below in which I selected with the lasso tool.

Pixelate Face Photoshop

Step 2 – Once the area is selected go to the top navigation bar and click filters, then pixelate, then Mosaic

Pixelate Face Photoshop

Step 3 – You’ll see a pop up menu that along the bottom asks for the cell sizes in squares. The higher the number, the larger the pixels will be, which Photoshop lets you preview as well. The image I created uses a cell size number of 15, but use whatever fits your particular image the best. The larger the image, the larger the cell size you’ll have to use.

Pixelate Face Photoshop Tutorial

This is the Before and After using the pixelate filter on a face in Photoshop.

Pixelate Before After Photoshop Tutorial

If you don’t like the look of the pixelation filter, you could also use other things to blur your face which can be found under Filters in the top navigation bar, then scroll down to Blur, then either choose Box Blur, or Motion Blur (the two that I find are most helpful when blurring a face or object).

Как пикселизировать части фотографии в Adobe Photoshop

Иногда нам нужно пикселизировать области фотографии (лица, номерные знаки, адреса . ) или мы просто хотим сделать это, чтобы придать нашим изображениям художественный оттенок. На самом деле, есть графические дизайнеры, которые используют пиксели в своем дизайне, о чем мы расскажем в этой статье. сообщение о Юни Ёсиде. В этом уроке я покажу вам, как пикселизировать части фотографии в Adobe Photoshop., легко и быстро Не пропустите!

Открыть изображение в Photoshop и преобразовать в смарт-объект

Преобразуйте фоновый слой в смарт-объект

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

Выберите часть, которую вы хотите пикселизировать

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

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

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

Применить фильтр пикселизации

Выберите фильтр пиксельной мозаики в Photoshop

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

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

Это конечный результат:

МОЗАИКА С ПИКСЕЛЬНЫМ ЭФФЕКТОМ

Еще один пиксельный эффект

Примените фильтр пикселизации и кристаллизации в Photoshop

Я собираюсь показать вам еще один очень интересный эффект пиксельной графики. Мы повторим процесс. В смарт-объекте выделим нужную область и перейдем во вкладку Фильтр> Пикселизация. На этот раз вместо мозаики мы щелкнем по кристаллизоваться.

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

Это конечный результат:

окончательный результат пикселизации и кристаллизации Photoshop

Содержание статьи соответствует нашим принципам редакционная этика. Чтобы сообщить об ошибке, нажмите здесь.

Полный путь к статье: Интернет-объявления » Инструменты дизайна » Как пикселизировать части фотографии в Adobe Photoshop

Как пикселизировать лицо в фотошопе

как пикселизировать лицо в фотошопе

Первый способ создания размытого текста — сделать текст прозрачным и наложить на него тень. Тень заставит текст выглядеть размытым. Используйте a с идентификатором «blur». Затем установите свойство color в значение «transparent» и определите свойство text-shadow, чтобы придать тексту тень.

Почему текст в Photoshop выглядит пиксельным?

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

Как сделать цензуру в Photoshop?

Рекомендуем почитать:

Резюме: как сделать цензуру/пикселизацию в Photoshop: лицо, часть тела или объект. Выберите часть изображения, которую вы хотите подвергнуть цензуре/пикселизации, с помощью инструмента «Прямоугольная область» (M). Теперь выбранная часть изображения пикселизирована. Сохраните изображение в конец.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *