Редактирование изображений в фотошопе. Редактируем изображение инструментом пластика в фотошоп

20.03.2024

17.11.2014 27.01.2018

После изучения этого вы урока вы научитесь в фотошопе:

  • Уменьшить размер фотографии
  • Уменьшать в размере отдельный объект на фото
  • Трансформировать фото и объекты — крутить, сжимвать, переворачивать и отражать.

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

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

Для выполнения операций по уменьшению я буду использовать Photoshop CS 6.

Как уменьшить фотографию

Сначала откройте нужное фото в фотошопе. Нажмите CTRL+O или File — Open (Файл — Открыть ) и выберите нужную фотографию на диске.

Фотография открылась в фотошопе:

Фотография огромного размера 1600х1200 пикселей. А нам например надо 600х450 или около того.

Есть способ уменьшить пропорционально фотографию, для этого зайдите в меню Image — Image size (Изображение — Размер изображения ). В английском фотошопе это окно выглядит так:

Мы видим значения Width и Height (Ширина и Высота ), убедитесь значения показываются в пикселях, но если вам нужно вы можете смотреть и изменять в сантиметрах и других измерениях.

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

Нажимаем ОК и всё! Наша фотография уменьшилась:

Выделить нужную область и уменьшить

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

Допустим у нас есть такая картинка с воздушными шариками и мы открыли её в фотошопе:

Но нам все шарики не нужны, а нужен только синий и нам надо его чуть чуть уменьшить. Для этого выберите инструмент Crop Tool (в русской версии называется Кадрирование ) — с помощью него мы можем выделить нужную нам область изображения и обрезать её. А именно синий шарик.

Сам инструмент на панели выглядит так:

Выделите нужную область:

Нажмите Enter на клавиатуре — мы вырежем этот шарик а остальные изображение удалиться.

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

С помощью инструмента Polygonal Lasso Tool (Прямолинейное Лассо) выделите шарик.

Нажмите CTRL+X чтобы вырезать его и скопировать. После того как вы нажмете то он пропадет, а за ним будет прозрачный фон. Нажмите сразу CTRL+V чтобы вставить шарик. Шарик вставиться чуть чуть в стороне от исходного места. И вставиться она сразу автоматически на новый слой:

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

Создайте новый слой под шариком и залейте его любым цветом:

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

Теперь уменьшим шарик. Выберите слой с шариком и нажмите CTRL+T (или меню Edit — Transform — Scale (Редактирование — Трансформирование — Масштаб )) и вы увидите как вокруг шарика появилась рамка для уменьшения:

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

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

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

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

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

Теперь возьмите инструмент -быстрая маска-:

Теперь двойным щелчком снова кликните по этому инструменту, чтобы появилось окно параметров. Убедитесь, что у Вас стоят такие же параметры:

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

Сейчас наше изображение выглядит так:

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

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

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

Теперь Редактирование -> Инверсия -> Del на клавиатуре и в итоге наши собачки выглядят так:

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

Создайте новый файл, размером 800 Х 300 с прозрачным фоном. Создайте новый слой и назовите его -шапка-. Пусть шапка сайта имеет размеры 800 Х 150 пикселов. Значит надо выделить прямоугольную область на слое -шапка- размером в половину холста и залить ее, например, коричневым цветом:

Теперь создайте новый слой с именем -собачки-. Чтобы перетащить на этот слой наших собачек, делаем активным окно с собачками (щелкаем по нему), копируем их (Ctrl+C), делаем активным окно с шапкой сайта и на слой -собачки- вставляем (Ctrl+V).

Наши собачки очень большие для шапки, поэтому их придется уменьшить. Для этого выбираем в меню Редактирование -> Трансформация -> Масштаб или Ctrl+t. Вокруг слоя с собачками появится рамка:

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

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

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

Получится вот так:

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

Сначала соберем наши слои в один. Для этого в меню: Слой -> Выполнить сведение. Теперь на панели слоев у нас один слой.

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

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

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

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


В этой палитре фиксируются все ваши действия, нашим последним действием было кадрирование, щелкните на предыдущий шаг (Выполнить сведение), наше изображение снова имеет несколько слоев. Таким образом, можно откатывать шаги назад, если результат каких-либо изменений вам не нравится. Есть один нюанс: палитра "История" запоминает только 20 последних шагов. Подробнее о палитре "История" будет рассказано

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

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


Данный урок состоит из нескольких частей:

1. 50% Gray Layer (50% серого слой);

2. Adding Noise (Добавление шума);

3. Sharpening (Резкость);

4. Lighting Effect (Световые эффекты);

5. Layer Styles (Стили слоя);

6. Adjustment Layers (Корректирующие слои);

7. Clone and Patch Tool (Клонирование и заплатка);

8. Masks (Маски);

9. Dodge and Burn (Инструменты «Осветлитель» и «Затемнитель»);

10. Sponge Tool (Инструмент «Губка»);

11. Другие техники .

1. 50% Gray Layer (50% серого слой)

Посмотрите на 50% серый цвет (далее в уроке будет встречаться выражение «нейтрально-серый », что, в принципе, одно и то же). В дальнейшем, все, что темнее и светлее 50% серого цвета подвергнется изменениям. Я объясню почему, позже в этом уроке.

Как создать слой с нейтрально-серым цветом?

Добавьте новый слой используя иконку Create New Layer (Создать новый слой) в . Залейте данный слой 50% серым цветом через меню (Редактирование - Выполнить заливку / Сочетание клавиш «Shift+F5»).

Выберите в выпадающем меню 50% Gray (50% серого).

Второй способ получения средне-серого цвета:

Кликните на цвете переднего плана в инструментах и выберите в меню Color Picker (Выбор цвета) цвет со значением HEX #808080 .


Но есть и третий способ получения 50% серого цвета.

Нажмите на иконку Create a New Layer (Создать новый слой) в Палитре слоев с нажатой клавишей Alt .

В появившемся окне в строке Mode (Режим) выберите (Перекрытие) и поставьте галочку напротив слов: Fill with Overlay - neutral color (50% gray) Перекрытие » (серым 50%)).


В нашем уроке, мы будем использовать режим наложения (Перекрытие), но вы можете использовать другие режимы наложения слоев. Для примера, выберете в окне New Layer (Новый слой) режим (Разница) и текст снизу окна смениться на: Fill with Difference - neutral color (50% Black) (Выполнить заливку нейтральным цветом режима «Перекрытие » (серым 50%)).

2. Add noise (Добавление шума)

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

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

Откройте изображение, добавьте новый слой с помощью Create a new Layer (Создать новый слой).

Залейте новый слой 50% серым цветом, через меню (Редактирование - Выполнить заливку / Сочетание клавиш «Shift+F5») и выбрав 50% Gray (50% серого).

Нажмите Ok .


Примечание: нельзя применить стиль к заблокированному слою. Для разблокировки слоя Background (Фон) вам необходимо совершить двойной клик мышью по слою в Палитре слоев.

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


Посмотрите на пример:

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

Особо не вдаваясь в настройки каждого из эффектов слоя, важно понять, что добавление одного эффекта слоя может сильно изменить изображение, но при этом, настройки каждого из эффектов внутри стиля будут доступны.
Вы можете загрузить стиль в Photoshop нажав на маленькую черную стрелку в Палитре стилей (А) и выбрав Load Styles (B).

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

Также мы можем добавить маску слоя для данного слоя, нажав на Add Layer Mask (Добавить слой маску):

… и как всегда, все поддается редактированию: стиль слоя, и оригинал изображения.

6. Adjustment layers (Корректирующий слой)

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

Вы можете добавить корректирующий слой нажав Create new fill or adjustment layer (Создает новый корректирующий слой или слой-заливку) в палитре слоев.

Solid Color (Цвет): создает слой со сплошной заливкой.

Вы можете спросить: для чего? Отвечаю: это может быть полезно при раскрашивании изображений с использованием режима смешивания (Цветность) или для раскрашивания фигур с использованием Обтравочного слоя (Clipping Layer).


Примечание переводчика: в русскоязычном интернете вместо термина «Обтравочный слой» (Clipping Layer ) часто применяется термин «Обтравочная маска» (Clipping Mask ). Сути это не меняет! Хотя все таки это не маска, а слой. Далее по тексту употребляется термин «Обтравочная маска» (Clipping Mask ), хотя в оригинале урока ведется речь, именно, про слой.


Корректирующий слой Solid Color (Цвет) можно использовать при увеличении размера холста (при любом увеличении размера холста, он всегда будет залит нужным цветом).

Слой с «Обтравочной маской» (Clipping Mask ) оказывает воздействие только на те участки нижнего слоя, которые непрозрачны/или частично непрозрачны.


Вы можете создать «Обтравочную маску» (Clipping Mask ) (в нашем примере, это 2 корректирующих слоя Fill ) выделив нужный слой и нажав Ctrl+Alt+G , если вы используете Photoshop CS2 .

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


Gradient (Градиент): корректирующий слой не часто используется большинством людей, но на самом деле он может быть очень полезен. Он позволяет добавить любой вид градиента, доступного при использовании инструмента (), а также вы можете создать свой собственный градиент. Вы просто должны выбрать, какой тип градиента собираетесь использовать в работе: Linear (Линейный), Angle (Угловой), Reflected (Зеркальный), Diamond .


Pattern (Узор): полезен, если вы хотите добавить шаблон для объекта или слоя.


Levels (Уровни), Curves (Кривые), Color Balance (Цветовой баланс), Brightness/Contrast (Яркость/Контрастность), Hue & Saturation (Цветовой тон/Насыщенность), Selective Color (Цвет), Photo Filter (Фотофильтр), Channel Mixer (Микширование каналов): очень часто используются при редактировании цвета и/или яркости на фотографиях.


Gradient Map (Карта градиента) и Posterize (Постеризация) - применяются для специальных эффектов, Invert – для инвертирования изображения, полезен при работе с масками), Threshold (Порог) - например, полезен для нахождения черной и белой точки на изображении.


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

7. Clone Stamp («Штамп») and Healing Brush («Точечная восст. кисть»)

11. Other Techniques (Остальные техники)

Неразрушающее редактирование в Photoshop не останавливается на этом.

Например, можно создавать дубликаты слоя и использовать наравне (или одновременно) с первым разные и разную непрозрачность слоев. Пример эффекта софт-фокуса….


…который есть не что иное, как дублирование нижнего слоя с присвоением непрозрачности 50% новому слою, применение к верхнему слою эффекта (Фильтр - Размытие - Размытие по Гауссу) с радиусом 3 пикселя (используйте больший радиус для усиления эффекта):


Финальный результат

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

Подготовка

Компания Adobe выпустила целую линейку продуктов для работы с фотографиями. Чтобы научиться тому, как изменить размер изображения в «Фотошопе», необходимо загрузить и установить версию CS6. Начинающему пользователю будет проще работать с интерфейсом на русском языке. Порядок действий также можно воспроизвести в более ранней версии программы.

Как изменить размер изображения в «Фотошопе» CS6?

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

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

Здесь отображается разрешение изображения в пикселях, а также в процентном соотношении. Область «Размер печатного оттиска» используется при работе с принтером. В данном поле следует указать разрешение 200-300 пикселей на дюйм. Параметры «Ширина» и «Высота» позволяют сделать выводы о размере бумаги с напечатанной фотографией. При желании можно сохранить пропорции изображения.

Настройка

Основная работа ведется в области «Размерность». Необходимо акцентировать внимание на пунктах «Ширина» и «Высота». Как изменить размер изображения в «Фотошопе»? Для этого следует указать в полях с цифрами желаемые значения ширины и высоты снимка. Программа по умолчанию сохраняет пропорции фотографии.

Если данную опцию нужно отключить, то следует убрать флажок с соответствующего пункта. Затем требуется кликнуть по кнопке «ок». Таким же способом уменьшается или увеличивается разрешение фотографии в процентном соотношении.

Как изменить размер вставленного изображения в «Фотошопе»?

Для этого следует использовать инструмент «Свободное трансформирование». Режим этот включается с помощью кнопок Ctrl + T. Необходимо потянуть за уголки квадрата, появившегося в главном окне программы. Для сохранения пропорций следует зажать кнопку Shift. После изменения разрешения картинки нужно отключить инструмент Free Transform.

Сохранение полученного результата

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

В остальных случаях необходимо отмечать строку «Сохранить как». При этом следует выбирать высокое качество изображение (8 и более). Фотография может быть сохранена в любом формате.

Качество редактированного изображения

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

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

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

Опция «Интерполяция»

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

Чем лучше качество фотографии, тем больше времени потребуется утилите для обработки снимка. Варианты в перечне, расположенные под пунктом «Интерполяция», определяют, к каким математическим методам прибегает программа для удаления или добавления пикселей. Как изменить размер изображения в «Фотошопе» за пару минут? Для этого нужно выбрать метод интерполяции Nearest neighbor.

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

Другие методы интерполяции

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

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

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

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

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

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

Пример приведен в Photoshop CS6, в прочих версиях CS алгоритм действий будет аналогичным.

Для примера используем эту картинку:

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

Уменьшение размера в этом редакторе не должно вызвать никаких трудностей. Для этой опции в Photoshop существует меню «Размер изображения» (Image Size ).

Чтобы найти эту команду, кликните закладку основного меню «Изображение — Размер изображения» (Image — Image Size ). Также можно использовать «горячие клавиши» ALT+CTRL+I

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

Это диалоговое окно имеет два блока — Размерность (Pixel Dimensions ) и Размер печатного оттиска (Document Size ).

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

Высота, Ширина и их размерность

Подойдем к изучению этого меню детально.

Правее пункта «Размерность» (Pixel Dimensions ) указано количественное значение, выраженное в цифрах. Они обозначают размер текущего файла. Видно, что изображение занимает 60,2 М . Буква М расшифровывается как мегабайт :

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

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

Высота (Height ) используемой нами фотографии составляет 3744 пикселя , а Ширина (Width ) — 5616 пикселей .
Чтобы выполнить задачу и разместить графический файл на web-странице, необходимо уменьшить его размер. Делается это через изменение числовых данных в графе «Ширина» и «Высота» .

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

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

В том же меню, правее поля ввода «Ширина» и «Высота» , есть выпадающие меню для единиц измерения. Изначально они стоят в пикселях (pixels ), вторая доступная опция – проценты .

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

Вводим нужное число в поле «проценты» и подтверждаем нажатием клавиши «ОК» . Программа меняет размер картинки в соответствии с введенным процентным значением.

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

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

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

Зависимость между высотой и шириной отключается в строке «Сохранять пропорции» (Constrain Proportions) . Изначально в чекбоксе стоит галочка, если же нужно изменять характеристики независимо, то достаточно оставить поле пустым.

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

Чтобы понятнее объяснить этот момент, воспользуемся простым примером.

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

При подтверждении действия клавишей «ОК» в окошке «Размера изображения» (Image Size ), программа закрывает всплывающее окно и применяет обновленные настройки к файлу. В данном случае – уменьшает картинку в два раза от первоначального размера по ширине и по высоте.

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

Теперь продолжим работу с этим изображением, на этот раз увеличим его до исходных размеров. Опять открываем то же диалоговое окошко Размера изображения. Вводим единицы измерения проценты, а в соседних полях вбиваем число 200 – чтобы восстановить исходный размер:

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

Алгоритмы Photoshop при масштабировании

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

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

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

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

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

Помните – изменить размер изображения в Фотошопе, практически не заботясь о потерях. Однако, следует избегать увеличения размера картинок, если речь идет о сохранении первичного качества изображения.