Как изменить размер изображения в Photoshop и сохранить его резкостью

Автор: Дженнифер Фарли

Блоги

Поделиться:

Бесплатная книга по JavaScript!

Пишите мощный, чистый и поддерживаемый JavaScript.

RRP $ 11,95

Получите книгу бесплатно!

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

Некоторое время назад на форумах SitePoint Stevieg_83 спросил о проблеме, с которой он столкнулся с изменением размера снимков экрана. Его вопрос был следующим:

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

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

1. Я начну со скриншота с помощью Fireshot. Вы можете увидеть часть общего скриншота, просмотренную при 100% увеличении ниже. С правой стороны есть изображение, а слева — текст.

(Примечание: здесь я использую Photoshop CS4, но эта техника такая же, начиная с версии CS).

2. Скопируйте и вставьте снимок экрана в новый документ Photoshop или откройте снимок экрана в Photoshop, если вы уже сохранили его.

3. Выберите Изображение> Размер изображения . Если вы хотите УМЕНЬШИТЬ размер изображения, установите флажок «Resample Image», чтобы убедиться, что он установлен, и выберите Bicubic Sharper из раскрывающегося меню.

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

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

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

Если я выберу параметр Ближайшее соседство, вы увидите, что результаты будут еще хуже.

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

Советы по изменению размера

  • Прежде чем что-либо делать, убедитесь, что ваше изображение находится в цветовом режиме RGB! Если это не так, выберите «Изображение»> «Режим»> «RGB», чтобы преобразовать его. После преобразования при необходимости вы можете снова изменить режим.
  • Попробуйте изменить размер изображения только один раз. Чем больше вы изменяете размер, тем более размытыми и нечеткими становятся объекты. Вы можете обойти это, используя смарт-объект, но мы рассмотрим это в другой раз.

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

Если вам понравилось читать этот пост, вам понравится Learnable; место для обучения новым навыкам и техникам от мастеров. Участники получают мгновенный доступ ко всем электронным книгам и интерактивным онлайн-курсам SitePoint, таким как «Основы Photoshop».

Комментарии к этой статье закрыты. Есть вопрос о Photoshop? Почему бы не спросить об этом на нашем форуме?

Дженнифер Фарли

Дженнифер Фарли — дизайнер, иллюстратор и инструктор по дизайну из Ирландии. Она пишет о дизайне и иллюстрации в своем блоге на Laughing Lion Design.

Новые книги уже в продаже!

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

Прочтите книгу сейчас

Освойте сложные переходы, преобразования и анимацию в CSS!

Прочтите книгу сейчас

Последние удаленные задания

Представитель по развитию продаж

Flippa

  • crm
  • таблицы Google

Mobile Flutter Engineer

Superformula

  • graphql
  • flutter

Разработчик программного обеспечения

Тутука

  • java
  • ruby ​​

Инженер по надежности сайта, облако

Teleport

  • aws
  • kubernetes

Front End Developer

BVA

  • html
  • css
Другие удаленные задания


Использовать бикубическую (плавные градиенты) передискретизацию при изменении размера макеты в Photoshop

Влад Чернушевич

17 апреля 2018 г. · 2 мин чтения

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

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

Теперь давайте посмотрим на Методы передискретизации, предоставляемые Photoshop:

 Изображение для сообщения

Изображение для сообщения

Автоматически (бикубическая резкость) против бикубической (плавные градиенты)

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

Оцените статью
logicle.ru
Добавить комментарий