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

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

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

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

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

Содержание

Сравнение двух типов фигур

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

Векторная форма слева и пиксельное изображение справа.

 

Если мы посмотрим на панель слоёв, то увидим каждую фигуру, расположенную на своем слое. Форма на основе пикселей находится на верхнем слое (для наглядности я переименовал этот слой в «пиксель»), под ним расположен слой с векторной фигурой (я переименовал слой в «вектор»)

Слои с векторной и пиксельной формами на панели слоёв

 

Вид миниатюр фигур на панели слоёв

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

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

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

 

Масштабирование векторной фигуры

Как я уже упоминал, оба круга на данный момент выглядят одинаково, но давайте посмотрим, что произойдёт, если мы будем их масштабировать. Я начну с векторной фигуры. Во-первых, мне нужно выбрать этот слой, поэтому я кликну по нему в панели слоёв.
Затем нажимаю комбинацию клавиш Ctrl+T, что запускает команду «Свободное трансформирование» (Free Transform), после чего вокруг объекта появляется рамка транс формирования.

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

 

Чтобы точно сравнить результаты масштабирования, необходимо увеличивать/уменьшать фигуры со строго одинаковым масштабом, поэтому для трансформации я не буду использовать маркеры на рамке, а введу заданное значение в поля ввода ширины и высоты в панели параметров. Я введу 10%:

Установка ширины и высоты векторной фигуры до 10%.

 

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

Векторная форма теперь имеет размер 10% от первоначального.

 

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

Так как вначале я уменьшил круг я до 10%, чтобы увеличить его обратно к исходному размеру, следует установить значение Ширины и Высоты в панели параметров на 1000%:

Установка ширины и высоты векторной формы на 1000%.

 

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

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

 

Масштабирование пиксельной фигуры

Давайте попробуем сделать то же самое с кругом — пиксельной фигурой справа. Во-первых, я выберу его, нажав на слой «пиксель» в панели слоёв. Нажимаю комбинацию клавиш Ctrl+T для активации «Свободного трансформирования».
Так же, как я сделал ранее с векторной фигурой, я уменьшу круг до размера 10% от исходного:

Пиксельная фигура после масштабирования её до 10%.

 

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

Но теперь проведём более серьёзный тест. Что произойдет, если я масштабирую пиксельный круг обратно до исходного размера? Давайте попробуем. Я снова нажимаю Ctrl+T на клавиатуре для запуска команды «Свободное трансформирование» (Free Transform) и ввожу в поля ввода Ширины и Высоты на панели параметров значение 1000%, затем нажимаю Enter, чтобы принять изменения.

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

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

 

Давайте увеличим полученную картинку для более тщательного рассмотрения.

Причина низкого качества края пиксельного круга кроется в том, что, когда я масштабирую его до 10% от кго первоначального размера, Photoshop отбросил 90% пикселей, которые образовывали первоначальное изображение.
Это было бы прекрасно, если бы мне не нужно былои масштабировать изображение обратно до первоначального размера. Photoshop не может волшебным образом воссоздать утраченные пиксели, поэтому, когда я масштабируется изображение в сторону увеличения, всё, что Photoshop может сделать, это взять имеющиеся пиксели и создать на их основе недостающие. Вот почему вдоль края пиксельной формы получается эффект размытой лесенки. Чем больше мы будем увеличивать изображение, тем больший эффект получится.
Векторные формы лишены этого недостатка. Они состоят из математических кривых, образующих области, заполненные цветом. И как бы мы не увеличивали/уменьшали изображение, кривая всегда остаётся кривой с чёткими краями.

Крупный план краёв векторной и пиксельной форм.

 

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

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

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

Идеальные пиксели при повороте, вставке и смещении в Photoshop

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

Идеальные пиксели при вращении

Если вы не будете осторожны, вращение слоев в Photoshop’е может привести к смазыванию всех пикселей.
При вращении слоя с помощью Free Transform (и некоторых других инструментов) ровно на 90 или 270 ° качество результата определяется размер слоя. Если слой имеет четную ширину и четную высоту, то все будет в порядке. Если он имеет нечетную ширину и нечетную высоту, то все также будет в порядке. Но если он имеет нечетную ширину и четную высоту или четную ширину и нечетную высоту, то вы увидите нечто похожее на результат ниже:

В этом случае, произведение на 20 × 9 пикселей: четное на нечетное. Результаты для растровых слоев и векторных слоев разные, но оба они представляют собой непригодные результаты, потому что вращение не совпадает с точными границами пикселей.

Как исправить?

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

Если размеры слоя или слоев будут четными на четное или нечетными на нечетное, то все будет в порядке.

Легкий способ

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

Растровые и векторные маски тоже страдают от этой проблемы, и поэтому о них тоже следует позаботиться. Но проблема затрагивает только вращающиеся слои, либо через инструмент » Free Transform » или «Transform» в меню Edit. Со вращением всего холста через Image → Image Rotation нет никаких проблем.

Чтобы еще больше упростить процесс, существуют несколько Photoshop-экшны, которые обо всем позаботятся за вас.

Идеальные пиксели при векторной вставке

Если вы нарисовали пиксельный рисунок в Illustrator и вставили его в Photoshop как shape layer, вы могли заметить, что результат не совсем тот, что вы ожидали, то есть не совершенно четкое изображение, а скорее размытое пятно. Вот как это исправить.

Ниже приведен рисунок в Illustrator: идеальной формы, привязанный к пиксельной сетке, и в том размере, в котором мы намерены использовать его в Photoshop.

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

Что пошло не так?

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

Как исправить?

Наш тестовый рисунок 32 пикселя в ширину и 12 пикселей в высоту. Выделив область 32 × 12, мы сделаем так, что рисунок вставится именно в это место. Это срабатывает каждый раз.

Легкий способ

Размер выделения не обязательно должен совпадать с размером рисунка. В нашем случае выделение области 2 × 2-пикселя сработает так же, потому что центр области выделения с четной высотой и шириной и центр содержимого буфера обмена с четной высотой и шириной совпадут, чего мы и добиваемся. Если рисунок будет нечетным в ширину и высоту, то нужно выделить область 1 × 1.

Если вы не хотите утруждать себя измерением параметров рисунка, то для подборки правильного размера выделенной области можно нарисовать область 2 × 2-пикселя и вставить. Если изображение будет размыто только по оси х, нарисовать область 1 × 2 и вставить снова. Если изображение размыто только по оси у, нарисовать область 2 × 1 и вставить. Если изображение размыто по обеим осям, нарисовать область 1 × 1 и вставить.
Это может показаться сложным, но на практике это очень быстро, вам придется только два раза вставить рисунок, чтобы получить резкие векторные контуры из Illustrator.

Смарт-объекты

Вставка элементов как смарт-объекты не тут может не подойти(по крайней мере, не в Photoshop CS5). Можно использовать Shape layers: этот способ позволяет лучше контролировать и редактировать.

Идеальные пиксели при смещении

При смещении векторных точек, Photoshop ведет себя очень странно, в зависимости от масштаба. При 100% масштабе, если смещени просиходит при помощи стрелок клавиатуры, векторные точки перемещаются ровно на 1 пиксель. При 200% — половину пикселя. При 300% — на треть пикселя.
Такое поведение выглядит как специальная функция, но это не всегда удобно. Обычно я хочу сместить на пиксель. Вот как можно смещать всегда на 1px без работы с масштабом изображения 100%.
Откройте документ, а затем создать второе окно, выбрав Window → Arrange → New Window. Затем вы можете изменить размер нового окна и сместить его в сторону.

Изменяйте изображение в другом окне, как обычно, насколько вы хотите. Теперь вы можете нажать Ctrl + `, чтобы переключиться обратно в окно с масштабом 100%, сместить изображение, используя стрелки, и нажать Ctrl +`, чтобы вернуться обратно. В другом окне с масштабом 100%, смещение будет двигать выбранные точки ровно на 1 пиксель.

Обратите внимание, что зажимая Shift при использовании клавиш со стрелками для смещения, вы получите сдвиг на 10 пикселей, независимо от масштаба. Кроме того, перетаскивание точки с помощью мышки будет привязано к пикселям в большинстве случаев — большинстве, но не всех.
Хотя эта техника не является идеальной, она помогает избежать проблем при редактировании векторных контуров в Photoshop. Или, может быть, это просто еще одна причина для того, чтобы сначала рисовать сложные формы в Illustrator, а затем вставлять их как shape layers?

Позаботьтесь о пикселях

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

Хотите узнать больше о какой-то конкретной технике или функции Photoshop? Напишите об этом в комментариях.

via

Попрощайтесь с размытыми изображениями с помощью этого метода исправления пикселей в Photoshop

1 октября 2022 г. / Решения ошибок

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

Включите JavaScript

Свяжитесь с нами

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

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

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

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

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

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

Давайте действовать!

Содержание

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

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

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

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

Способ №1:

Откройте изображение в Photoshop.

Перейдите к Фильтр > Размытие > Размытие по Гауссу и используйте ползунок, чтобы найти приемлемый уровень.

Затем выберите OK .

Теперь перейдите к Filter > Sharpen > UnSharp Mask .

Теперь используйте ползунок, чтобы найти приемлемый уровень.

Затем выберите OK после завершения.

Способ № 2:

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

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

Теперь убедитесь, что новый слой выделен. Выберите Blending Options в верхнем меню и выберите Soft Light .

После применения параметров наложения. Перейдите к Select Filter > Noise > Despeckle .

А затем найдите уровень, которым вы довольны.

Теперь перейдите к Image > Adjustments > Brightness/Contrast.

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

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

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

 Если это не так, попробуйте следующий процесс, так как он тоже может немного помочь.

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

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

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

Существует множество онлайн-инструментов, с помощью которых можно редактировать и манипулировать изображениями. Я знаю два хороших инструмента для исправления пиксельных изображений и опишу их здесь: Pixenate и Fotor. Оба сайта предлагают ряд бесплатных инструментов, которые можно использовать для управления изображениями без необходимости загружать специальную программу.

Способ №1: Fotor

• Загрузите свое изображение на сайт.
• Теперь перейдите к Effect в меню слева и выберите Pixellate .
• Используйте полосу прокрутки для прокрутки влево, чтобы свести к минимуму пикселизацию.

Это должно эффективно уменьшить пикселизацию. Кроме того, Fotor предоставляет инструмент сглаживания, который является более мощным, но стоит дороже. Либо вы заплатите деньги, либо получите фотографию с водяным знаком. Выберите Beauty and Smoothing в левом меню, чтобы начать использовать инструмент, а затем используйте ползунки, чтобы уменьшить размер пикселя.

Способ №2: Pixellate

• Загрузите свое изображение на сайт.
• Перейдите к опции Smooth Photo из левого меню.

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

Причина, по которой фотографии становятся пикселизированными:

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

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

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

• Иногда при сканировании изображения могут выглядеть пикселизированными из-за качества сканера.

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

• Когда вы открываете изображения в несовместимых приложениях или программах, также происходит пикселизация.

Решить другие проблемы с изображениями:

Связанные: Научитесь уменьшать размер файла Photoshop. Нажмите здесь!

Посмотреть видео для более сложной информации:

Абдул-Мутакабир Аяз

Я графический дизайнер с более чем 5-летним опытом. Специализируется на Adobe Photoshop.

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

Свяжитесь с нами

Как исправить пиксельные изображения в Photoshop (2 лучших исправления)

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

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

Как исправить пиксельные изображения в Photoshop при сжатии слоев

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

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

Например, при размерах около 6000 x 4000 пикселей у вас будет четкая фотография даже при увеличении на 100%. Большие изображения обычно имеют более высокое разрешение (количество пикселей на дюйм), поэтому они сохраняют свое качество даже при увеличении. Вот изображение с высоким разрешением в полноэкранном режиме и при 100% увеличении.

Полное изображение – 6720 x 4480 пикселей 100% Масштаб

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

Итак, например, если у вас есть такое изображение с высоким разрешением и вам нужно уменьшить его до подходящего размера для социальных сетей, вам нужно значительно уменьшить размеры. Это может быть пост в Instagram 1:1 с разрешением 1080 x 1080 пикселей.

Чтобы изменить размер до этих размеров, вы можете создать новый документ, выбрав Файл > Новый или нажав Control + N (Win) или Command + N (Mac) .

Установите значения ширины, высоты и разрешения в зависимости от того, для чего вы создаете документ. Поскольку я создаю это для Instagram, я установлю ширину и высоту на 1080 пикселей и разрешение на 72 пикселя/дюйм . Нажмите Создать , чтобы создать документ.

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

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

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

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

После того, как вы поместили изображение в новый документ, щелкните правой кнопкой мыши или Control + щелкните слой изображения на панели слоев и выберите Преобразовать в смарт-объект .

Вы узнаете, что слой изображения является смарт-объектом по значку на миниатюре.

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

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

Чтобы уменьшить размер до размера холста, вы можете активировать инструмент преобразования , нажав Control + T (Win) или Command + T (Mac) . Затем перетащите угловой маркер внутрь, пока фотография не уместится на холсте.

Изображение похоже на предыдущее (не смарт-объект) в полном размере, четкое, без пикселей.

Однако, когда вы увеличиваете фотографию, вы заметите, что качество стало намного четче, чем при изменении размера без смарт-объекта.

Размер изображения изменен без слоя смарт-объекта Размер изображения изменен как слой смарт-объекта

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

Размер изображения изменен без смарт-объекта в документе 500×500 пикселей Размер изображения изменен с помощью смарт-объекта в документе 500×500 пикселей

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

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

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

Как исправить пикселизацию изображений в Photoshop

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

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

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

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

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

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

Шаг 1. Включите сохранение сведений 2.0 в настройках Technology Preview

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

Перейдите к Редактировать > Настройки > Предварительные просмотры технологий (Win) или Photoshop > Настройки > Предварительные просмотры технологий (Mac) . Вы также можете использовать сочетание клавиш Control + K (Win) или Command + K (Mac) , а затем открыть вкладку Technology Preview слева.

Затем убедитесь, что установлен флажок рядом с Включить сохранение сведений 2.0 Upscale . Если опция не включена, включите ее, затем нажмите OK .

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

Шаг 2. Откройте панель размера изображения. Для этого выберите Изображение > Размер изображения

Теперь вы можете увеличить разрешение на панели размера изображения. Чтобы получить к нему доступ, перейдите в Изображение > Размер изображения или используйте сочетание клавиш Alt + Control + I (Win) или Option + Command + I (Mac) .

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

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

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

Шаг 3. Увеличивайте разрешение до тех пор, пока самые длинные краевые пиксели не станут достаточно высокими

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

Добавьте новое значение в поле Разрешение. В зависимости от того, насколько мала ваша фотография, для начала вам может потребоваться увеличить ее до 500 пикселей на дюйм. Однако в большинстве случаев должно работать разрешение 300 пикселей на дюйм.

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

Шаг 4. Установите повторную выборку для сохранения деталей 2.0

Наиболее важным шагом здесь является установка флажка Resample и установка типа Resample на Preserve Details 2.0 . Установив флажок рядом с Resample, вы можете выбрать правильный вариант в раскрывающемся меню.

Если вы не видите эту опцию, следуйте инструкциям в шаге 1.

Шаг 5. Отрегулируйте ползунок «Уменьшение шума»

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

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

При необходимости можно отрегулировать ползунок «Уменьшение шума» , используя предварительный просмотр в качестве руководства. В некоторых случаях увеличение изображения увеличивает шум, что приводит к визуальным искажениям. Переместите ползунок вправо, чтобы уменьшить шум, но не доводите до 100%, так как это слишком сгладит изображение. Обычно хорошо работает значение около 50% .

Нажмите OK , чтобы подтвердить изменение размера.

Ваше изображение, скорее всего, будет увеличено, как только вы измените его размер. Вы можете уменьшить масштаб, используя Control + – (Win) или Command + – (Mac) .

Шаг 6. Добавьте фильтр верхних частот для дополнительной резкости (дополнительно)

На этом этапе изображение может быть уже достаточно четким. Тем не менее, вы можете обнаружить, что он нуждается в небольшой заточке. Чтобы повысить резкость изображения, продублируйте слой изображения, выбрав его и нажав Control + J (Win) или Command + J (Mac) .

Выберите дублированный слой, затем перейдите к Filter > Other > High Pass .

Откроется окно Фильтр высоких частот , и изображение станет серым.

Увеличивайте ползунок радиуса до тех пор, пока не увидите основные очертания объекта на холсте. В некоторых случаях вам может потребоваться увеличить разрешение до 6 пикселей. Нажмите OK , чтобы применить эффект.

Затем, чтобы скрыть серый цвет на слое, перейдите в раскрывающийся список Режим наложения на панели слоев рядом с Обычный .

Затем выберите Overlay из вариантов.

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

Шаг 7. Уменьшите заливку слоя высоких частот (дополнительно)

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

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

BeforeAfter

Различия лучше видны при просмотре увеличенного изображения до и после.

BeforeAfter

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