Как в adobe ilustrator получить идеальное изображение с точки зрения пикселей

Содержание:

Советы для начинающих пиксель артистов

  1. Изучайте азы искусства и практикуйте традиционные техники. Все знания и умения, необходимые для черчения и рисования можно применить и в пикселинге.
  2. Начинайте с маленьких спрайтов. Самое сложно – научиться размещать множество деталей, используя минимальное количество пикселей, чтобы не делать такие большие спрайты, как мой.
  3. Изучайте работы художников, которыми вы восхищаетесь и не бойтесь быть неоригинальными. Лучший способ обучения – повторение фрагментов чужих работ. На выработку собственного стиля уходит немало времени.
  4. Если у вас нет планшета, купить его. Постоянные нервные срывы и стрессы, вызванные непрерывным кликанием левой кнопкой мышки – это не забавно, да и вряд ли впечатлит представителей противоположного пола. Я использую небольшой Wacom Graphire2 – мне нравится его компактность и портативность. Вам, возможно, придётся по душе более крупный планшет. Перед покупкой, проведите небольшой тест-драйв.
  5. Делитесь своими работами с другими, чтобы узнать их мнение. Это, возможно, также будет неплохим способом найти новых друзей-гиков.

Отделка

Ух, мы уже достаточно близко подобрались к моменту, когда вы сможете выключить компьютер и достать из холодильника бутылочку холодного пива. Но он ещё не настал! Последняя часть посвящена тому, что отличает энергичного любителя от опытного профессионала.

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

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

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

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

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

Наконец вы закончили! Lucha Lawyer выступает в лёгком весе, ведь в нём всего 45 цветов (а может это и супертяжёлый – всё зависит от ограничений вашей палитры) и его разрешение составляет примерно 150 на 115 пикселей. Вот теперь уже можете открыть пиво!

Прогресс целиком:

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

Цвет

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

Цветовая модель HSB

Это английское сокращение, собранное из слов «Оттенок, Насыщенность, Яркость». Она является лишь одной из множества компьютерных цветовых моделей (или числовых представлений цвета). Вы наверняка слышали и о других примерах вроде RGB и CMYK. Большинство графических редакторов используют HSB для выбора цвета, поэтому мы сконцентрируемся именно на ней.

Hue – Оттенок – то, что мы привыкли называть цветом.

Saturation – Насыщенность – определяет интенсивность цвета. Если значение равно 100%, то это максимальная яркость. Если его понизить, то в цвете появятся тусклость и он «посереет».

Brightness – свет, который излучает цвет. Например, у чёрного этот показатель равен 0%.

Выбирая цвета

Решать, какие цвета выбрать – ваша задача, но есть несколько вещей, о которых стоит помнить:

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

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

Нанесение цветов

Наносить цвет – очень просто. Если вы используете фотошоп, то просто выберите необходимый фрагмент, выделите его волшебной палочкой (клавиша W), а затем заполните его посредством основного цвета (Alt-F) или дополнительного цвета Ctrl-F).

Какое разрешение выбрать?

Если вы готовите визитку, флаер, каталог, книжку, обложку, что угодно, на что мы смотрим с расстояния вытянутой руки работайте в разрешении 300dpi. Если вы готовите постер, то учитывайте то, что постеры висят на стенах, на постеры смотрят с расстояния более одного метра, не ближе, и такая степень детализации постеру не нужна, можно работать в разрешении 200-250dpi. Но если у вас есть возможность и подходящая графика большого размера и хорошего качества чтобы работать с 300dpi можно не уменьшать разрешение. Если вы готовите изображение на витрину магазина, его разрешение может быть 150dpi, а изображение на рекламный баннер, который будут видеть проезжающие мимо машины может смело содержать 90dpi, так как его рассматривают с огромного расстояния.

Второй аспект этого вопроса — вес изображения. Баннер с человеком пауком на стену дома 6 на 5 метров при разрешении 300 dpi будет занимать 70 000 px в ширину, а весить будет 11 гигабайтов. Работать с таким фаилом невозможно. А даже если бы и было возможно, то передать типографии его  можно было бы только лично, на переносном жестком диске. И даже в этом случае они не примут его. Размер должен быть разумным, в пределах 100 мегабайтов. И это мои общие рекомендации при выборе разрешения. Придерживайтесь их если у вас нет возможности узнать у типографии технические требования к макету.

Как убрать пиксели с фото в Фотошопе

Инструмент для растушевки

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

Будьте внимательны и аккуратны

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

Для лучшего эффекта поработаем с резкостью

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

Высокие значения не означают лучший результат

Вот такой получился результат.

Картинка стала значительно четче

Второй способ также достаточно прост. Неплохо сгладить пиксели в фотошопе можно при помощи фильтра «Шум». Здесь нам понадобится опция «Пыль и царапины».

Опция способна сгладить снимок

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

В любом случае нужно добавить резкости

Убрать пиксельную лесенку по краям объекта можно с помощью инструмента «Перо». Найдите его на панели инструментов с левой стороны экрана.

Пиксельную лесенку можно просто обрезать по контуру

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

Освойте этот инструмент и он поможет во многих ситуациях

Не забудьте отметить галочкой пункт «Сглаживание» и установите радиус растушевки – чем он выше, тем более размытыми станут края. Это отличный способ, демонстрирующий как убрать пикселизацию в Фотошопе по контуру объекта при замене фона, например. После того как проделаете вышеописанные манипуляции, сплошная линия обводки заменится на «бегущих муравьев». Инвертируйте выделение комбинацией клавиш «Ctrl+Shift+I». Нажмите «Delete». Так вы получите не только сглаженный контур объекта, но и сможете заменить фон на снимке.

Импортируйте любую картинку для нового фона

Самый простой способ: В ФотоМАСТЕРе

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

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

Устранение шума в ФотоМАСТЕРе

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

Эффект позволит сгладить фото

Теперь фото кажется слишком смазанным, значит самое время обратиться к «Резкости». Этот инструмент вы найдете в «Улучшениях». Здесь же вы можете также размыть кадр до нужного состояния, не прибегая к опции устранения шума. Главное при повышении резкости не вывести картинку на прежний уровень, поскольку резкость вытаскивает на снимок все его артефакты. А именно от них мы так тщательно стараемся избавиться.

Будьте внимательны при настройке резкости

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

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

Доводим результат до идеала

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

Как изменить размер изображения

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

Как изменить разрешение картинки / фото в Paint

Начнем с самого простого, как это можно сделать при помощи уже встроенной в Windows программы.

1. Кликните по изображению правой кнопкой мыши и выберите пункт «Изменить». Если такого пункта нет, то наведите курсор на «Открыть с помощью» и выберите «Paint» из выпадающего списка. Если и его там нет — то щелкните по «Выбрать другое приложение» и найдите программу в списке уже там.

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

Так, например, если вас спросили — как увеличить размер фото, установите значение в процентах на большее. Или переключитесь на пиксели и увеличьте уже там. К примеру, если снимок по горизонтали в 1024 пикселя, то можете поставить 1280 — качество картинки станет немного нечетким, но не сильно.

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

В IrfanView

Скачайте IrfanView и установите если его нет на вашем компьютере. Программа сочетает в себе отличный просмотрщик графических файлов и включает редактор.

1. Отройте нужный снимок в программе, кликните по пункту меню «Изображение» — «Изменить размер…». Укажите новое разрешение для картинки. Есть возможность выбрать из стандартных.

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

Как изменить размер фото в Фотошопе

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

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

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

В XnView

Загрузите XnView и установите на свой компьютер или ноутбук, если его на нем нет.

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

2. Далее нажмите на «Файл» — «Сохранить как» и укажите в проводнике новое название и место для сохранения на вашем компьютере или ноутбуке.

В заключение

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

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

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

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

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

Facet (Грань)

Fragment (Фрагмент)

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

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

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

Часть 1. Профессиональный способ исправить пиксельные изображения

How to turn a pixelated image into a neat one? It should be a professional skill for most of the photographers. For most of the pixelated images and JPEG artifacts are unconquerable for most of the photo re-touching programs. WidsMob Retoucher предоставляет простое решение для исправления пиксельных изображений в определенной степени в Windows и Mac.

Win СкачатьMac Скачать

1. Гладкие пиксельные изображения

Just as mentioned, pixelated images are the result of improper compression and zoom in issues. The image has some special pixels that are different from the nearby ones. To fix the pixelated, it provides advanced technology to fix both Luminance noise and Chrominance noise. You can adjust these parameters to smooth the pixelated image.

2. Повышение качества изображения

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

3. Обратитесь к черно-белым изображениям.

If the image were good, but the exposure was wrong or some other factors which made it noisy or pixelated, the photographer would supply the odd black and white image in amongst the color ones instead as much pixelated noise is from the color data. So fix pixelated images by converting them to black and white would be a simplest way to remove noise and go monochrome.

Выберите Черное и белое on Особый раскрывающийся список Цветовые режимы раздел FilmPack Меню легко сделает ваши пиксельные изображения черно-белыми, вы также можете выбрать здесь другие оттенки, такие как золото, сепия, сепия золото, сульфат железа и т. д.

4. Затемните пиксельные изображения.

Вы также можете попробовать Цветная негативная пленка on Профиль цветопередачи чтобы сделать все изображение или темные области сцены затемненными, чтобы исправить пиксельное изображение. Шум чаще всего появляется в темной сцене, которая передерживается автоматическими настройками камеры, поэтому они не знают, что это должно быть темным. Уменьшение яркости в программном обеспечении также имеет тот же эффект.

Win Скачать

Часть 1: Лучший способ исправить пиксельные изображения

Как превратить пиксельное изображение в аккуратное? Это должно быть профессиональным навыком для большинства фотографов. Для большинства пиксельных изображений и JPEG артефакты непобедимы для большинства программ повторного касания фотографий. WidsMob Denoise предоставляет простое решение для исправления пикселей с определенной степенью с легкостью.

Гладкие пиксельные изображения

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

Повысить качество изображения

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

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

Фильтры, имитирующие различную технику рисования кистью (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 (Зигзаг).

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

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

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

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

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

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

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

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

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

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

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

Как в Фотошопе изменить разрешение

Наша задача — подготовить скачанную из интернета картинку для качественной печати, а общепринятое разрешение для таковой 300dpi. Откройте изображение и зайдите в Image > Image Size

В появившимся диалоговом окне мы видим три области. Это, прежде всего Pixel Dimension, которое рассказывает нам, сколько всего пикселей в нашей картинке и Document Size (размер документа), который говорит нам о том, какое разрешение в изображении, и какой физический размер получится при печати исходя из этого разрешения.

Физический размер моих обоев 28 на 21 см. Достаточно много, практически на целый лист A4 и это не удивительно, ведь на 1 дюйм укладывается всего 72 пикселя. Изменим разрешение на больше и посмотрим что произойдет.

Как только мы изменили разрешение меняются все параметры. Параметры размеров Pixel Dimensions подскочили в 3 раза. Вместо 800 пикселей по ширине стало 3333 пикселя. Не трудно догадаться, что фотография фактически увеличивается в 3 раза. Что происходит?

Когда я только начинал работать с Фотошопом данное свойство изменения разрешения повергало меня в ужас. Я не хотел менять размер, хотел лишь поменять разрешение. Но размер и разрешения вели себя так, как будто они связаны. Знаете что, они действительно связаны. Дело в том, что Фотошоп старается сохранить физический размер 28 на 21 см. Но как это сделать если меняется разрешение?

Приведу пример: вот есть у нас картинка 100 на 100 пикселей и разрешение 100dpi. Соответственно физический размер её 1 дюйм, но вдруг мне взбрело в голову увеличить разрешение до 300dpi. Как Фотошопу сохранить физический размер в 1 дюйм, но увеличить количество пикселей. Откуда ему достать лишние 200 пикселей? Известно откуда, придумать самому. Если Фотошоп не добавит пикселей сам, он не сможет сохранить физический размер. Поэтому размер изображения увеличивается вместе с разрешением. Это взаимосвязанные параметры.

Поэтому я нажму ОК. Изображение увеличивается. Разрешение 300dpi, физические размеры остаются те же 28 на 21см. Отлично. Но что происходит теперь? Фотошоп увеличил изображение. Он не маг и волшебник, он просто добавил схожие по цвету пиксели. Фактически небольшое изображение растянулось так, как растягивается рисунок на воздушном шарике при надувании. Его контуры растянулись и расплылись. Более того, изображение было не очень качественным, его подвергали JPG сжатию, и при увеличении все небольшие артефакты сжатия расплылись и стали видны. Пока оно оставалось маленьким дефекты были не заметны, но при увеличении все вылезло наружу. Откуда я это знаю?

Это не сложно заметить при увеличении фотографии инструментом Zoom Tool. Это не сложно заметить, пройдясь по каналам фотографии. Наибольшему искажению подвергся Синий канал, но сейчас не об этом. Если вас интересуют каналы, прочтите мою статью Каналы в Фотошопе.

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

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

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

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

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

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

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

Часть 2: исправление пиксельного изображения онлайн через VectorMagic

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

  • Подключите компьютер к Интернету и зайдите на сайт vectormagic.com в браузере.
  • Нажмите кнопку «Выбрать изображение для загрузки», чтобы загрузить пиксельное изображение в этом онлайн-редакторе фотографий. Программа поддерживает только растровые изображения JPG, PNG, BMP и GIF.
  • Отрегулируйте «Уровень детализации», «Цвет» и даже «Расширенные» настройки, чтобы превратить пиксельное изображение в векторизованное.

Идеальный размер изображений для Pinterest

Pinterest включает несколько специальных мест, где появляются опубликованные изображения, или «пины» (от англ. a pin — булавка).

На «доске» Pinterest ширина каждого изображения — 235 рх, высота изменяется пропорционально:

При клике на изображение оно увеличивается до 736 пикселей по ширине, а высота подгоняется соответственно:

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

По официальному заявлению Pinterest, лучшее соотношение сторон для изображений в этой сети — что-то среднее между 2:3 и 1:3,5, причем по ширине картинка должна быть не меньше 600рх.

Если вы не знаете, что такое соотношение сторон — это то, как ширина и высота картинки соотносятся друг с другом. Например, у картинки с соотношением сторон 2 к 3 может быть, к примеру, следующее расширение: 600 пикселей по ширине на 900 пикселей по высоте, 800 пикселей по ширине на 1200 пикселей по высоте и так далее.

У изображения с соотношением сторон 1 к 3,5 разрешение может быть таким: 600 пикселей по ширине на 2100 пикселей по высоте, 800 пикселей по ширине на 2800 пикселей по высоте и т. д.

Пины с соотношением сторон более, чем 1:3,5, обрезаются снизу и отображаются в новостной ленте с возможностью полного просмотра при нажатии на кнопку «Развернуть пин» в нижней части картинки:

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

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

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

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

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

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

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

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

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

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

». Здесь есть много материала, в котором описываются интересные методы обработки фотографий.

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

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

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

Конечный результат

(До/После)

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

Заключение

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

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

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

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

Adblock
detector