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

Обновлено: 06.07.2024

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

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

Чтобы продолжить, вам понадобится Adobe Photoshop CC. Эти шаги БУДУТ работать в более старых версиях Photoshop, хотя некоторые меню могут выглядеть по-разному в зависимости от используемой версии.

1. Изменение размера фотографий с помощью инструмента «Размер изображения»

Самый простой способ изменить размер изображения в Photoshop — использовать панель «Размер изображения». Вы можете получить к нему доступ с помощью кнопок Изображение > Размер изображения в верхней строке меню.

Открыв панель "Размер изображения", вы увидите несколько доступных параметров.

Под параметром «По размеру» вы можете выбрать один из заранее заданных размеров изображения. Выберите подходящий размер, а затем нажмите «ОК», и Photoshop изменит ваше изображение в соответствии с заданным размером.

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

Вы можете заметить, что при изменении высоты ширина изменяется относительно новой высоты. Photoshop делает это, чтобы сохранить правильное соотношение сторон на вашей фотографии. Если вы не хотите, чтобы этого происходило, нажмите кнопку "Не ограничивать соотношение сторон", которая находится слева от параметров "Ширина/Высота".

Наконец, параметр Resample определяет, как Photoshop будет изменять размер вашего изображения. Значение по умолчанию «Автоматически» подходит для большинства задач, но есть и другие доступные варианты, которые лучше подходят для таких вещей, как увеличение изображений без потери качества. В любом случае, каждый тип передискретизации указывает, для чего он подходит, в скобках после его названия.

Когда вы будете готовы изменить размер, нажмите "ОК", и Photoshop изменит размер вашего изображения.

2. Изменение размера изображений с помощью инструмента «Размер холста»

Панель "Размер холста" доступна с помощью кнопок "Изображение" > "Размер холста" в верхней строке меню. В отличие от инструмента «Размер изображения», это не изменит размер вашего текущего изображения. Изменяя размер холста, вы можете добавлять или удалять пиксели, чтобы увеличить или уменьшить общий размер холста. Любые уже имеющиеся фотографии или изображения обрезаются или отображаются с цветной рамкой.

Давайте рассмотрим пример. Вот изображение в Photoshop:

При уменьшении ширины холста изображение обрезается:

При увеличении ширины холста слева и справа от изображения добавляются две белые рамки:

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

В инструменте "Размер холста" есть две основные области.

В области «Текущий размер» вверху отображается основная информация о размере холста до внесения каких-либо изменений. В области «Новый размер» вы можете изменить размер холста.

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

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

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

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

3. Изменение размера изображений с помощью инструмента кадрирования

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

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

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

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

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

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

4. Изменение размера изображений с помощью инструмента преобразования

Последний способ изменения размера изображений — с помощью инструмента «Преобразование». Это позволяет вам изменять размер объектов вместо всего. Предположим, вы создаете постер или объединяете два разных изображения в одно. С помощью инструмента «Трансформация» вы можете изменить размер отдельных частей изображения, а не всего изображения целиком.

Инструмент «Трансформация» лучше всего работает с объектами в их собственных слоях, поэтому ознакомьтесь с нашими советами по слоям Photoshop, если вам нужна практика.

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

Подобно инструменту обрезки, инструмент "Преобразование" предоставляет несколько "ручек" по краям изображения. Нажмите и перетащите маркер, чтобы начать изменение размера изображения. Заметили, как ваше изображение начинает выглядеть растянутым? Удерживайте клавишу Shift, чтобы ограничить соотношение сторон. Photoshop отрегулирует противоположный край, чтобы сохранить пропорции изображения.

Когда будете готовы, нажмите клавишу Enter, чтобы завершить изменение размера.

4 основных способа изменения размера изображений в Photoshop

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

  1. Размер изображения. Используйте точные цифры и измерения, чтобы изменить размер изображения.
  2. Размер холста: увеличение или уменьшение размера фона без увеличения изображения.
  3. Инструмент обрезки: уменьшите размер изображения, удалив часть изображения.
  4. Инструмент преобразования: изменение размера отдельных частей изображения без изменения размера.

Теперь, когда вы знаете все об изменении размера изображения, почему бы не автоматизировать редактирование с помощью сценариев Photoshop и не использовать настраиваемые рабочие среды Photoshop для ускорения рабочего процесса?

Как масштабировать, преобразовывать и изменять размер объекта в Photoshop

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

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

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

Изменение размера объекта с помощью функции масштабирования

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

 как изменить размер объекта в фотошопе

Преобразовать изображение 1

Выбрав слой с белым квадратом, нажмите меню «Правка» и выберите «Преобразование»> «Масштаб».

 как изменить размер объекта в фотошопе

Преобразовать изображение 2

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

 как изменить размер объекта в фотошопе

Преобразование изображения 3

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

 как изменить размер объекта в фотошопе

Преобразование изображения 4

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

Для этого я могу посмотреть на панель параметров в верхней части экрана и снять кнопку "Сохранить пропорции" (значок ссылки), которая устанавливает пропорциональность объекта.

 как изменить размер объекта в фотошопе

Преобразование изображения 5

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

 как изменить размер объекта в фотошопе

Преобразование изображения 6

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

Изменение размера объекта с помощью свободного преобразования

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

Для этого примера я выбрал слой с изображением солнца в правом нижнем углу.

 как изменить размер объекта в фотошопе

Преобразование изображения 7

В меню "Правка" выберите "Свободное преобразование".

Преобразование изображения 8

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

 как изменить размер объекта в фотошопе

Преобразование изображения 9

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

 сохранить соотношение сторон в фотошопе

Преобразование изображения 10

Здесь есть еще один вариант изменения размера. Независимо от того, выберете ли вы «Масштаб» или «Свободное преобразование», вы можете использовать маркеры на ограничительной рамке, как описано выше, или вы можете установить проценты высоты (H) и ширины (W) вручную на панели параметров.

 как изменить размер объекта в фотошопе

Преобразование изображения 11

На этот раз я выбрал слой с цветком. Я убедился, что выбран значок «Сохранить соотношение сторон», и увеличил процент высоты до 325%. Ширина автоматически настраивается на тот же процент, поскольку ссылка была активирована.

 настроить процент размера в фотошопе

Преобразование изображения 12

Изменение размера объекта с помощью дополнительных параметров преобразования

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

 подопции преобразования в фотошопе

Преобразование изображения 13

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

 преобразование перспективы в фотошопе

Преобразование изображения 14

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

  • Повернуть — изображение будет вращаться вокруг фиксированной опорной точки. Если вы переместите указатель за пределы ограничивающей границы, он превратится в изогнутую двустороннюю стрелку. Затем вы можете перетащить указатель, чтобы повернуть изображение. Нажмите клавишу Shift, чтобы изменить угол поворота с шагом 15°.
  • Наклон наклоняет объект по вертикали и горизонтали. Просто перетащите боковой маркер, чтобы наклонить ограничительную рамку.
  • Искажение позволяет растягивать объект во всех направлениях. Используйте угловые маркеры, чтобы исказить форму.
  • Перспектива применяет к выбранному объекту одноточечную перспективу. Возьмите угловой маркер и перетащите его, чтобы применить нужную перспективу.
  • Деформация позволяет детально манипулировать формой объекта. При активации над изображением появляется «сетчатый» график. Перетащите контрольные точки, линию или область внутри сетки, чтобы изменить форму сетки, и форма объекта изменится.

Сочетания клавиш

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

  • Используйте Ctrl + T для Windows или Command + T для Mac, чтобы активировать Free Transform.Это поместит ограничивающую рамку вокруг выбранного слоя/объекта.
  • Удерживая нажатой клавишу Alt для Windows или Option для Mac, перетащите маркер, чтобы изменить форму области из ее центра.
  • При перетаскивании маркера ограничительной рамки в режиме "Свободное преобразование" удерживайте нажатой клавишу Shift, которая будет ограничивать соотношение сторон в качестве альтернативы нажатию кнопки "Сохранить соотношение сторон".
  • Удерживание Shift + Alt (Windows) или Shift + Option (Mac) при щелчке и перетаскивании маркера изменит размер объекта пропорционально его центру, если вы щелкнете по угловому маркеру, или изменит противоположные стороны одинаково, если вы используете боковая ручка.
  • Когда вокруг объекта видна ограничительная рамка, щелкните правой кнопкой мыши в Windows или нажмите Control + щелчок (Mac), чтобы отобразить подменю параметров преобразования, содержащее поворот, наклон, искажение и т. д. Если выбрать любой из этих подменю -options, вы можете удерживать клавишу Alt (Windows) или Option (Mac), щелкая и перетаскивая мышью, чтобы выполнить эту функцию.
  • Кроме того, при активной функции «Свободное преобразование» вы можете временно переключаться в режимы «Перекос», «Искажение» или «Перспектива» непосредственно с клавиатуры, не выбирая их в каком-либо меню.
    • В режиме "Перекос" или "Искажение" просто удерживайте нажатой клавишу Ctrl (Windows) или Command (Mac) при перетаскивании бокового или углового маркера.
    • В режиме перспективы удерживайте нажатыми клавиши Shift + Ctrl + Alt (Windows) или Shift + Command + Option (Mac) и перетащите угловой маркер.
    • Отпускание клавиш возвращает вас в стандартный режим свободной трансформации.
    • При нажатии клавиши "Ввод" функция "Свободное преобразование" закрывается.

    Заключение

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

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

    Если вы попробуете эти или другие методы, оставьте нам комментарий и расскажите, как все прошло!

    Автор Эмбер Фогель

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

    Джон Мартиндейл уже более 10 лет занимается техническим редактированием. Он пишет для таких изданий, как Digital Trends, KitGuru и ITProPortal.

    Что нужно знать

    • Выберите слой и перейдите в меню «Правка» > «Свободное преобразование». Нажмите и перетащите в нужном направлении, чтобы настроить размер слоя. Нажмите Enter для завершения.
    • Преобразование в определенное измерение. Выберите инструмент «Перемещение» > «Показать элементы управления преобразованием». Выберите границы. Настройте поля W/H на определенное значение.
    • Если вы хотите изменить перспективу, изменить пропорции или выполнить нелинейное изменение размера, выберите «Правка» > «Преобразование» и выберите другой инструмент.

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

    Изменение размера слоя с помощью свободного преобразования

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

    Если вы не видите меню "Инструменты", выберите "Окно" > "Инструменты".

    Свободное преобразование

    Выберите слой, размер которого вы хотите изменить, в окне «Слои».

    Если вы его не видите, выберите "Окно" > "Слои" или нажмите F7.

    Выберите «Свободное преобразование» в меню «Правка».

    Можно также использовать сочетание клавиш Command+T (Mac) или Ctrl+T (Windows).

    Команда Free Transform в Photoshop

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

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

    Ручка свободного преобразования в Photoshop

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

    Увеличенный слой в Photoshop

    Изменить размер слоя до определенного размера

    Если вы не хотите преобразовывать слои от руки, но имеете в виду некоторые конкретные размеры, вы можете установить именно этот размер.

    Выберите инструмент "Перемещение".

    Инструмент

    Выберите «Показать элементы управления преобразованием».

    Ширина=

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

    Инструменты масштабирования в Photoshop

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

    Если вас устраивают результаты, нажмите Enter или установите флажок в правой части строки меню.

    Нажмите Esc или нажмите кнопку "Отмена" (круг с перечеркнутой линией) рядом с галочкой, чтобы отменить изменения.

    Кнопка подтверждения в Photoshop

    Изменение размера слоя с помощью других инструментов преобразования

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

    Если вам не нравятся результаты изменения размера, нажмите Ctrl+Z (или CMD+Z), чтобы отменить действие. Либо нажмите Ctrl+Alt+Z (или CMD+Alt+Z), чтобы отменить несколько действий.

    Нужно изменить размер пиксельной графики? Узнайте, как увеличить изображение и сохранить четкие и четкие блочные формы с помощью Photoshop!

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

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

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

    Я буду использовать этого маленького пиксельного персонажа, скачанного с Adobe Stock:

    Герой пиксельной графики.Изображение предоставлено: Adobe Stock

    Это седьмой урок из моей серии «Изменение размера изображений в Photoshop».

    Начнем!

    Как увеличить пиксельную графику в Photoshop

    Вот персонаж, открытый в Photoshop. И, как видите, он выглядит довольно маленьким:

    Пиксель-арт, открытый в Photoshop в исходном размере

    Шаг 1. Откройте диалоговое окно "Размер изображения"

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

    Выбор команды

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

    Пиксельное изображение, открытое в диалоговом окне

    Просмотр текущего размера изображения

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

    Текущие размеры пиксельной графики в Photoshop

    Шаг 2. Включите параметр Resample

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

    Во-первых, убедитесь, что в диалоговом окне включен параметр "Пересэмплирование". При выключенном Resample размеры в пикселях заблокированы, и все, что мы можем изменить, — это размер печати. Чтобы добавить или удалить пиксели, Resample должен быть включен:

    Параметры ресамплинга в Photoshop

    Шаг 3. Введите процентное значение в поля «Ширина» и «Высота»

    Вместо увеличения разрешения пиксельной графики до определенного размера, лучше всего увеличить ее с помощью процентов. А чтобы избежать искажений и сохранить каждый блок в графическом изображении идеально квадратным, вы должны придерживаться процентных значений, которые кратны 100 (то есть 200 %, 300 %, 400 % и т. д.). Я увеличу изображение, установив ширину и высоту на 400 процентов:

    Увеличение разрешения пиксельной графики в Photoshop на 400 процентов

    Это увеличит размеры в пикселях с 500 на 500 пикселей до 2000 на 2000 пикселей:

    Новые размеры в пикселях после повышения разрешения изображения в Photoshop

    Изменение размера окна предварительного просмотра

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

    Изменение размера диалогового окна

    Проблема с изменением размера пиксельной графики

    Пока все хорошо. Или это? Если мы посмотрим на рисунок в окне предварительного просмотра, то увидим, что он выглядит неправильно. Вместо того, чтобы края вокруг фигур выглядели четкими и четкими, они выглядят немного мягкими и размытыми:

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

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

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

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

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

    Но как только вы отпустите кнопку мыши, вы снова увидите ореолы:

    Пиксель-арт выглядит мягким и размытым, когда вы отпускаете кнопку мыши

    Метод интерполяции изображения

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

    Параметр «Интерполяция» находится справа от параметра «Повторная выборка». По умолчанию установлено значение «Автоматически»:

    Параметры интерполяции изображения в диалоговом окне

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

    Шаг 4. Установите для метода интерполяции значение «Ближайший сосед»

    Для этого нажмите на параметр «Интерполяция», чтобы открыть список методов, которые мы можем выбрать. Если вы используете Photoshop CC, то метод интерполяции, который Photoshop выбирает для повышения дискретизации изображений, — «Сохранить детали». А в Photoshop CS6 он выбирает Bicubic Smoother. Но ни один из них не работает с пиксельной графикой:

    Методы интерполяции изображений в Photoshop

    Чтобы повысить разрешение изображения без усреднения пикселей, вам понадобится метод интерполяции «Ближайший сосед»:

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

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

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

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

    Шаг 5. Нажмите "ОК"

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

    Нажмите

    И теперь мой маленький герой в пиксельной графике выглядит намного больше, но при этом сохраняет тот же блочный, пиксельный вид, которого мы и ожидали:

    Как увеличить и повысить разрешение пиксельной графики в Photoshop

    Как увеличить пиксельную графику — краткий обзор

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

    • 1. Откройте диалоговое окно "Размер изображения" ("Изображение" > "Размер изображения").
    • 2. Установите ширину и высоту в процентах, а затем для достижения наилучших результатов выберите процент, кратный 100 (200 %, 300 %, 400 % и т. д.).
    • 3. Измените метод интерполяции на ближайший сосед.
    • 4. Нажмите "ОК".

    Как изменить размер пиксельной графики до точного размера

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

    Например, повысив разрешение моего изображения на 400 %, я увеличил ширину и высоту с 500 до 2000 пикселей:

    Размеры пиксельной графики с повышенной частотой дискретизации

    Но что, если мне нужно, чтобы ширина и высота были немного меньше, например 1600 пикселей? Если бы я повысил разрешение своего изображения размером 500 x 500 пикселей на 300%, ширина и высота были бы только 1500 пикселей, оставив их слишком маленькими. А повышение частоты дискретизации на 400% сделало его слишком большим. Мне действительно нужно было что-то среднее. В этом случае вам нужно будет изменить размер изображения за два шага.

    Шаг 1. Повышение разрешения пиксельной графики в процентах

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

    Шаг 2. Повторно откройте диалоговое окно "Размер изображения"

    Затем измените его размер еще раз, на этот раз понижая разрешение до точного размера в пикселях. Для этого снова откройте диалоговое окно «Размер изображения», перейдя в меню «Изображение» и выбрав «Размер изображения»:

    Выбор команды

    Шаг 3. Оставьте параметр Resample включенным

    Убедитесь, что параметр Resample по-прежнему включен, чтобы вы могли изменить количество пикселей:

    Оставьте флажок

    Шаг 4. Задайте ширину и высоту в пикселях

    Введите нужный размер в пикселях в поля Ширина и Высота. Я установлю их оба на 1600 пикселей:

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

    Шаг 5. Установите для метода интерполяции значение «Автоматически»

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

    Установка метода интерполяции на автоматический для понижения разрешения пиксельной графики в Photoshop

    Когда вы будете готовы изменить размер изображения до точного размера, нажмите кнопку "ОК", чтобы закрыть диалоговое окно, и все готово:

    Как изменить размер пиксельной графики до точного размера в Photoshop

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

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

    Читайте также: