как увеличить холст в фотошопе с учетом содержимого
Масштаб с учетом содержимого
Изменяет размер изображения, сохраняя содержимое.
Масштаб с учетом содержимого позволяет изменить размер изображения, не затрагивая важный визуальный материал, например людей, здания, животных и т.д. При обычном масштабировании все пикселы обрабатываются одинаково, а при масштабировании с учетом содержимого в основном затрагиваются пикселы, не содержащие важного визуального материала. Масштабирование с учетом содержимого позволяет увеличить или уменьшить размер для выбора оптимальной композиции, компоновки или ориентации. Если вы все же хотите использовать обычное масштабирование при увеличении или уменьшении изображения, можно задать отношение масштабирования с учетом содержимого к обычному.
Если при изменении размера изображения требуется сохранить определенные области, масштабирование с учетом содержимого отображает альфа-канал, с помощью которого можно обезопасить это содержимое.
Масштабирование с учетом содержимого применимо к слоям и выделенным областям. Изображения могут быть в режимах RGB, CMYK, Lab или режиме градаций серого и иметь любую глубину в битах. Масштабирование с учетом содержимого нельзя применять к корректирующим слоям, слоям-маскам, отдельным каналам, смарт-объектам, 3D-слоям, видеослоям, нескольким слоям сразу или группам слоев.
A. Исходное изображение B. Более узкое изображение C. Более узкое изображение, использовано масштабирование с учетом содержимого
Настройка кадрирования, поворотов и холста
В данном документе описаны разные методы настройки кадрирования, поворота и размера холста для изображения.
Видео | Обрезка и выпрямление фотографий
Bryan O’Neil Hughes
Кадрирование изображения с помощью команды «Кадрировать»
Кадрирование изображения с помощью команды «Тримминг»
При кадрировании с помощью команды «Тримминг» нежелательные элементы удаляются иначе, чем с помощью команды «Кадрировать». Изображение можно кадрировать путем отсечения окружающих прозрачных пикселов или фоновых пикселов определенного цвета.
Кадрирование и выпрямление отсканированных фотографий
Если в сканер поместить несколько фотографий и отсканировать их в один прием, то все эти фотографии будут в одном файле. Команда «Кадрирование и выпрямление фотографий» — это автоматическая функция, которая позволяет разбить файл, содержащий несколько отсканированных изображений, на отдельные файлы.
Рекомендуется, чтобы расстояние между фотографиями в сканере составляло 0,3 см, а фон (обычно платформа сканера) был одноцветным, без выраженного шума. Команду «Кадрировать и выпрямить фотографию» лучше всего применять к изображениям с четкими контурами. Если при обработке файла изображения с помощью команды Кадрировать и выпрямить фотографию» не удается добиться нужного результата, следует использовать инструмент «Рамка».
Если при выполнении команды «Кадрировать и выпрямить фотографию» изображения были разбиты неправильно, создайте вокруг нужного изображения область выделения, захватив некоторую часть фона, и при выборе команды удерживайте клавишу «Alt» (Windows) или «Option» (Mac OS). Нажатие вспомогательной клавиши означает, что от фона следует отделить только одно изображение.
Выпрямление изображения
Инструмент «Линейка» содержит команду «Выпрямить», которая быстро выравнивает изображения с линиями горизонта, стенами зданий и другими ключевыми элементами.
На изображении перетащите через все изображение ключевой вертикальный или горизонтальный элемент.
На панели параметров выберите команду «Выпрямить».
Photoshop выпрямляет изображение и автоматически обрезает его. Чтобы открыть области изображения, которые выходят за границы нового документа, выберите «Редактировать» > «Отменить».
Чтобы полностью избежать автоматического кадрирования, при выборе «Выпрямить» нажмите и удерживайте в нажатом положении клавишу Alt (в Windows) или Option (в Mac OS).
Поворот или отражение всего изображения
Поворот изображения является необратимым редактированием, изменяющим фактическую информацию файла изображения. Если требуется повернуть изображение для просмотра без внесения необратимых изменений, используйте инструмент «Вращение».
С помощью команд «Поворот изображения» можно поворачивать или отражать все изображение. Эти команды нельзя применять к отдельным слоям, фрагментам слоев, контурам или границам выделенных областей. Повернуть выделенную область или слой можно с помощью команд «Трансформирование» или «Свободное трансформирование».
A. Отразить холст по горизонтали B. Исходное изображение C. Холст по вертикали D. Повернуть на 90° против часовой стрелки E. 180° F. Поворот на 90° по часовой
Как изменить размер холста в фотошопе
Изменение размеров изображения — популярнейшая операция, будь то фотошопе либо в другом редакторе. Обычно под этим действием подразумевается изменение количества пикселов по ширине и высоте, то есть получается, что картинка будто меняется в масштабе.
Фотошоп предлагает еще один вариант как увеличить/уменьшить количество пикселов в изображении — изменить размер холста.
Что такое холст в фотошопе
Холст — это пространство, исключительно в котором могут отображаться пиксели изображения.
Представьте лист бумаги. Рисовать можно только на нем от края до края. Все, что расположено за его пределами — это нерабочее пространство, там рисовать нельзя. Такой лист бумаги и будет аналогом холста в фотошопе.
Когда вы создаете изображение, вы создаете ни что иное как холст. Задаете ему размеры, разрешение и фоновый цвет, затем будете на нем рисовать. Холст может быть любых размеров, а когда вы открываете картинку в программе, то она автоматически помещается на холст, который в свою очередь создается в этих же размерах. К примеру, я открыл картинку размером 400×302:
— это означает, что автоматически был и создан холст таких же размеров, куда и была помещена данная картинка.
Запомните: изображение не может быть меньше размеров холста!
Изменение размеров холста
Вы можете изменять его размеры. При этом важно понимать разницу: работая непосредственно с холстом, мы не затрагиваем то, что на нем изображено. Рассмотрим два случая.
Увеличение холста
В этом случае фотошоп добавляет дополнительные пространства к изображению. Например, нужно к картинке добавить еще 200 пикселей ширины, вот как они добавились:
По умолчанию холст прозрачный, а прозрачность отображается в виде шахматной доски. Пространства справа и слева это новая рабочая зона, с которой можно работать.
Уменьшение холста
Вычитая пиксели от рабочего пространства, фотошоп отрежет это пространство вместе со всем своим содержимым. Например, теперь сделаем ширину картинки на 200 пикселей меньше, вот что получилось:
Как видите холст стал меньше на 200 пикселей, при этом картинка была отсечена ровно на столько же.
Во время этого действия, если в зону отрезания попадет хоть один пиксель, фотошоп покажет предупреждение, что новый размер холста меньше прежнего и часть изображения будет отсечена. Собственно на примере выше мы это и наблюдали.
Диалоговое окно Размер холста
Все операции над холстом осуществляются через диалоговое окно. Оно открывается командой:
Изображение — Размер холста (Image — Canvas Size).
Комбинация клавиш: Alt+Ctrl+C
Откроется такое окно:
Блок Текущий размер (Current Size) сообщает каких размеров холст в настоящий момент.
В Блоке Новый размер (New Size) необходимо вводить новые значения размера холста. Здесь остановимся поподробнее. Новые размеры могут быть абсолютными, либо относительными.
Обратите внимание на настройку Относительная (Relative). Если тут галочка не стоит, то размеры считаются абсолютными.
Что такое абсолютные размеры?
На скриншоте выше видно, что поля Ширина и Высота имеют значения одинаковые с текущим размером. Если вместо 400 пикселей ширины указать 600 пикселей, то холст в совокупности станет 600 пикселей по ширине. Таким образом, выбрав абсолютный размер, просто укажите какой ширины и/или высоты вы хотите в итоге получить холст.
Что такое относительные размеры?
Поставив галочку в настройке Относительная (Relative), вы увидите, что значения полей Ширина и Высота станут равны 0.
Теперь, чтобы изменить размер холста, укажите на сколько пикселей вы хотите сделать изменение. То есть, если ширина была 400 пикселей, а вам надо чтобы было 600, то в поле Ширина нужно вписать значение 200. Таким образом, ширина изменится на 200 пикселей.
Если нужно наоборот уменьшить размеры, то значение нужно вписывать со знаком минус.
Если навести курсором мыши на слово Ширина или Высота в блоке Новый размер, указатель примет вид двойной горизонтальной стрелочки. Зажмите и удерживайте левую клавишу мыши и водите ей вправо или влево по слову, тогда в поле ввода значений будут автоматически проставляться цифры.
Расположение
Добавляя / отрезая пространства холста, по умолчанию введенные значения ширины и высоты делятся пополам и меняют холст симметрично. То есть, если нужно увеличить высоту на 200 пикселей, то по умолчанию новое пространство появится по 100 пикселей сверху и снизу. Или, например, когда в самом вверху статьи я увеличивал ширину картинки на 200 пикселей, то шахматный фон отобразился справа и слева от изображения по 100 пикселей.
Настройка Расположение (Anchor) позволяет нам сами выбирать в каком направлении фотошопу следует изменять размер холста. Стрелочки показывают 8 возможных направлений.
Причем интересен механизм нажатия на эти стрелочки. Нажимать следует не на ту стрелочку, в которую вы хотите направить изменения, а на противоположную ей.
Действует это так: нажимая стрелочку, вы удаляете ее, а все остальные сдвигаются на освободившееся место. В результате в квадрате из 9 клеток появляются пустые клеточки. Именно расположение пустых клеток и указывает в каком направлении произойдет изменение холста.
Таким образом, чтобы холст расширился слева и снизу, я нажал на стрелочку в противоположном углу квадрата (верхний правый).
Даже если вы не поняли мое объяснение, то понажимав на стрелочки самостоятельно, вы поймете как работает этот механизм.
Цвет расширения холста
С помощью настройки Цвет расширения холста (Canvas extension color) можно указать какого цвета будет появляться новое пространство. По умолчанию, цвета нет, он прозрачный (обозначается шахматной доской).
Обратите внимание, что на скриншотах выше данная настройка закрашена серым цветом, то есть она неактивна, на нее нельзя нажать. Такой ее вид связан с тем, что на палитре слоев у меня отображается только один фоновый слой и он заблокирован (об этом сигнализирует иконка замка). Я уже не раз говорил, что заблокированный фоновый слой лишает нас массы возможностей по его редактированию.
Для того чтобы настройка Цвет расширения холста стала активной, необходимо разблокировать фоновый слой. Для этого дважды щелкните по нему на палитре слоев. Появится новое окно, в котором ничего менять не нужно, просто нажмите ОК. Эта операция называется Образовать слой. Подробнее об этом читайте в этой статье.
Увеличение размера холста с помощью инструмента Crop в Photoshop
Думаете, инструмент обрезки предназначен только для обрезки изображений? Узнайте, как это можно использовать для быстрого добавления холста и рамки вокруг ваших фотографий!
До сих пор в этой серии обрезки изображений в Photoshop мы видели несколько примеров того, как инструмент обрезки используется для обрезки нежелательных областей изображения. Но менее известная особенность инструмента Crop Tool заключается в том, что его также можно использовать для увеличения пространства холста вокруг изображения, что дает нам быстрый и простой способ добавить декоративную рамку вокруг фотографии! В этом уроке мы узнаем, как добавить пространство холста с помощью инструмента Crop Tool и как превратить дополнительное пространство в простую настраиваемую рамку для фотографий!
Вы можете использовать любое собственное изображение, чтобы следовать за ним. Вот фотография, которую я буду использовать, которую я скачал с Adobe Stock :
Это урок 3 в нашей серии « Обрезка изображений ». Давайте начнем!
Как добавить больше холста с помощью Crop Tool
Шаг 1: преобразовать фоновый слой в обычный слой
Чтобы сделать это, в Photoshop CC все, что нам нужно сделать, это нажать на маленький значок замка справа от имени фонового слоя:
Если вы используете Photoshop CS6 или более раннюю версию (это также работает в CC), нажмите и удерживайте клавишу Alt (Win) / Option (Mac) на клавиатуре и дважды щелкните имя «Фон»:
Фоновый слой мгновенно преобразуется в обычный слой и переименовывается в «Слой 0»:
Понимание слоев в фотошопе
Шаг 2: Выберите инструмент Crop
Теперь, когда мы решили эту маленькую проблему, давайте узнаем, как добавить дополнительное пространство вокруг изображения. Выберите Crop Tool на панели инструментов в левой части экрана. Вы также можете выбрать инструмент обрезки, нажав букву C на клавиатуре:
Выбрав инструмент обрезки, Photoshop помещает рамку обрезки по умолчанию вокруг изображения вместе с ручками сверху, снизу, слева и справа от границы и по одному в каждом углу. Мы будем использовать эти маркеры, чтобы изменить размер границы обрезки и добавить дополнительное пространство холста:
Шаг 3: перетащите ручки, чтобы изменить размер границы обрезки
Чтобы добавить дополнительное пространство вокруг изображения, все, что нам нужно сделать, это нажать на ручки и перетащить их наружу. Photoshop затем увеличит размер холста, чтобы соответствовать новому размеру границы кадрирования.
Например, если бы я хотел добавить пространство справа от фотографии, я бы щелкнул правой ручкой и перетащил ее дальше вправо от изображения:
Чтобы добавить дополнительное пространство на левой стороне фотографии, нажмите на левую ручку и перетащите ее влево. Или, чтобы добавить одинаковое количество пространства по обеим сторонам изображения одновременно, нажмите и удерживайте нажатой клавишу Alt (Победа) / Option (Mac) и перетащите левую или правую ручку. Это изменит размер границы кадрирования от ее центра, в результате чего рукоятка на противоположной стороне будет одновременно двигаться в противоположном направлении:
Я отпущу кнопку мыши, затем отпущу клавишу Alt (Win) / Option (Mac), и теперь мы видим равное количество пустого пространства с обеих сторон фотографии. Убедитесь, что сначала вы отпустите кнопку мыши, а затем клавишу Alt (Win) / Option (Mac), иначе этот трюк не сработает:
Мы также можем добавить дополнительное пространство над и под изображением. Чтобы добавить пространство над ним, нажмите и перетащите верхнюю ручку вверх. Чтобы добавить пространство под ним, нажмите и перетащите нижнюю ручку вниз.
Или, чтобы добавить одинаковое пространство над и под изображением одновременно, еще раз нажмите и удерживайте клавишу Alt (Win) / Option (Mac) на клавиатуре при перетаскивании верхней или нижней ручки. Противоположная ручка будет двигаться вместе с ней в противоположном направлении:
Я отпущу кнопку мыши, затем отпущу клавишу Alt (Win) / Option (Mac), и теперь у меня есть одинаковое количество пустого пространства над и под изображением. Опять же, сначала убедитесь, что вы отпустите кнопку мыши, а затем клавишу, иначе она не будет работать:
Давайте отменим обрезку еще раз, нажав кнопку « Отмена» на панели параметров или клавишу « Esc» на клавиатуре, чтобы мы могли взглянуть на еще одно важное сочетание клавиш:
Сохранение оригинального формата изображения
Что если вы хотите сохранить исходное соотношение сторон изображения, добавив вокруг него дополнительное пространство холста? Например, вы, возможно, уже обрезали изображение, скажем, до 8 x 10, и теперь вы хотите сохранить это соотношение 8 x 10, добавляя дополнительное пространство.
Чтобы сделать это, нажмите и удерживайте Shift + Alt (Победа) / Shift + Option (Mac) при перетаскивании любой из угловых ручек наружу. Клавиша Alt (Win) / Option (Mac) указывает Photoshop изменить размер границы кадрирования от ее центра, а клавиша Shift — зафиксировать исходное соотношение сторон.
Здесь я держу ключи и перетаскиваю верхний левый угол наружу. Обратите внимание, что все четыре угла движутся наружу:
Я отпущу кнопку мыши, затем отпущу клавишу Shift и клавишу Alt (Win) / Option (Mac) (не забудьте отпустить кнопку мыши перед отпусканием клавиш). Photoshop добавляет дополнительное пустое пространство вокруг всего изображения, в то время как соотношение сторон остается таким же, как было изначально:
Шаг 4: Применить урожай
Чтобы применить обрезку, нажмите галочку на панели параметров или нажмите Enter (Win) / Return (Mac) на клавиатуре:
Фотошоп «обрезает» изображение, хотя в этом случае мы фактически сделали обратное; мы добавили место с помощью инструмента обрезки, а не удалили его:
Шаг 5: Добавьте сплошной цвет заливки
Все идет нормально. Мы добавили дополнительное пространство холста. Но на данный момент пространство пустое. Давайте превратим его в рамку для фото, закрасив его цветом, и мы сделаем это, используя один из слоев заливки в Photoshop Solid Color.
Нажмите на значок « Новый заливочный или корректирующий слой» в нижней части панели «Слои»:
Затем выберите Сплошной цвет в верхней части появившегося списка:
Нажмите кнопку ОК, чтобы закрыть палитру цветов. Photoshop временно заполняет весь документ белым, блокируя фотографию из поля зрения. Мы исправим эту проблему следующим образом:
Шаг 6: Перетащите слой заливки под мага
Если мы посмотрим на панель «Слои», то увидим наш слой заливки сплошным цветом с именем «Цвет заливки 1». И мы видим, что причина, по которой он блокирует наше изображение от просмотра, заключается в том, что в данный момент он находится над изображением на «Слой 0». Все слои над другими слоями на панели «Слои» отображаются перед этими слоями в документе:
Нам нужно переместить слой заливки ниже изображения на панели «Слои», чтобы он отображался за изображением в документе. Чтобы сделать это, просто нажмите на слой заливки и перетащите его вниз под «Слой 0». Когда вы увидите горизонтальную полосу выделения, расположенную ниже «Слоя 0», отпустите кнопку мыши:
Фотошоп опускает заливочный слой на место под изображением:
И теперь изображение появляется перед белым слоем заливки сплошным цветом в документе, создавая наш эффект фоторамки:
Шаг 7: выберите «Слой 0»
Теперь, когда мы снова видим нашу фотографию, давайте добавим к ней тень. Сначала нажмите на слой изображения ( Layer 0) на панели Layers, чтобы выбрать его:
Шаг 8: Добавьте тень
Затем щелкните значок « Стили слоев» (значок « fx ») внизу панели «Слои»:
Выберите Drop Shadow из появившегося списка:
Откроется диалоговое окно « Стиль слоя» в Photoshop с параметрами «Тень» в средней колонке:
Первое, что мы обычно хотим сделать при добавлении тени, это установить угол и расстояние тени. Мы могли бы сделать это, отрегулировав значения угла и расстояния непосредственно в диалоговом окне. Но более простой способ — просто щелкнуть изображение в документе, удерживая кнопку мыши нажатой, и перетащить изображение в направлении, в котором вы хотите, чтобы тень падала. При перетаскивании тень будет двигаться вместе с вами.
Здесь я перетащил тень на небольшое расстояние от изображения к нижнему правому краю документа:
При перетаскивании вы увидите обновление значений угла и расстояния в диалоговом окне. Точные значения угла и расстояния, которые вы выбираете, могут отличаться от того, что я здесь использую (расстояние будет в значительной степени зависеть от размера вашего изображения), но для меня угол около 135 ° и расстояние 180px выглядят хорошо:
Установив угол и расстояние, смягчите края тени, перетаскивая ползунок « Размер» в диалоговом окне. Чем выше значение, тем мягче будет тень. Как и значение «Расстояние», необходимое вам значение «Размер» будет в значительной степени зависеть от размера вашего изображения. Для меня значение около 50px работает хорошо.
Когда вы довольны результатами, нажмите кнопку ОК, чтобы закрыть диалоговое окно Стиль слоя. Вот мой результат с примененной тенью:
Изменение цвета границы
Наконец, даже если мы установили цвет границы на белый, вы можете легко вернуться и изменить его на любой понравившийся вам цвет. На самом деле, вы даже можете выбрать цвет непосредственно из самого изображения.
Чтобы изменить цвет, дважды щелкните образец цвета заливочного слоя на панели «Слои»:
Это вновь открывает палитру цветов Photoshop :
Например, я нажму на пятно в сером пиджаке человека (обведено желтым), и здесь мы увидим, что цвет моей границы теперь такой же оттенок серого:
Если вам не нравится цвет, просто нажмите на другой цвет на изображении, чтобы попробовать его и попробуйте снова. На этот раз я нажму на шляпу женщины, и Photoshop мгновенно обновит цвет границы, чтобы соответствовать. Когда вы довольны результатами, нажмите OK, чтобы закрыть палитру цветов:
И там у нас это есть! Вот как легко добавить дополнительное пространство холста вокруг изображения с помощью инструмента обрезки, а также как превратить дополнительное пространство в простой эффект фоторамки в Photoshop! На следующем уроке этой главы я покажу вам основные советы и рекомендации по инструменту Crop Tool, которые делают кадрирование изображений проще, чем когда-либо!
Или посмотрите другие уроки этой главы:
Подписывайтесь на нашу новостную рассылку
Будьте первым, кто узнает, когда будут добавлены новые учебники!