Способы изменения размеров изображений и обрезки фото в Adobe Photoshop
При работе с изображениями довольно часто бывает нужно изменить размер изображения, как для печати фотографии, так и для подготовки ее для web-страниц. Давайте рассмотрим способы изменения размеров изображений и обрезки фото, которые доступны в Adobe Photoshop.
И начнем мы с настройки единиц измерения, т.к. это будет важно для получения размеров.
Настройка единиц измерения в Adobe Photoshop
Скорей всего при первом запуске Adobe Photoshop вы увидите, что все значения измеряются в дюймах (in, или inches). Однако для ваших целей удобнее будут сантиметры или пиксели. Один из самых простых способов изменить единицы измерений в Photoshop — это отобразить линейки (Ctrl + R от англ. Rulers — линейки) и кликом по правой кнопке мыши выбрать нужные единицы.
Второй способ — это открыть настройки Photoshop (Меню Edit → Preferences, или Ctrl + K), выбрать пункт Единицы измерения и линейки (Units & Rulers) и установить их в соответствующих местах, как на скриншоте ниже.
Изменение размеров изображения
В меню Image (Изображение) выбираем пункт Image Size (Размер изображения) или нажимаем сочетание клавиш Ctrl + Alt + I.
В открывшемся окне видим поле для ввода ширины (width) и высоты изображения (hight), а также для разрешения (resolution). Для web стандартным разрешением является 72dpi, для печати — 300dpi. Это количество точек на дюйм, которое создает плотность изображения. Для экрана такая плотность должна быть в несколько раз меньше, чем для печати, т.к. и сам экран имеет определенное количество пикселей в матрице. Поэтому, если вы готовите фото для web-сайта, то разрешение должно быть 72dpi, т.к. это ведет к уменьшению веса изображения при сохранении его качества для просмотра на экране. Когда же вы готовите фото для печати, то, напротив, разрешение нужно увеличивать до 300dpi, т.к. иначе печать будет размытой.
Для ширины и высоты слева по умолчанию включен «замок» — иконка, говорящая о том, что при изменении одного параметра второй будет пересчитан автоматически. Как правило, его не отключают, т.к. иначе ваше фото будет непропорционально вытянуто по горизонтали или вертикали в зависимости от того, какой из параметров вы меняете.
Для изображений для web необходимо указывать значения в пикселях (px), для фото, которое вы готовите к печати — в сантиметрах (cm), если иное не указано в требованиях типографии или студии фотографии.
Инструмент обрезки, или кадрирования (Crop Tool)
Инструмент кадрирования вызывается нажатием на клавишу C, которая является начальной в англоязычном названии этого инструмента (Crop Tool). При использовании этого инструмента вы создаете рамку обрезки для фото либо произвольного размера, либо вполне определенного. Именно поэтому название этого инструмента в некоторых версиях Photoshop переводится, как «Рамка».
Для указания размеров обрезки фото необходимо воспользоваться палитрой параметров (options) в верхней части рабочего пространства Adobe Photoshop. В примере выше мы устанавливаем размер обрезаемой области, как 1920x600px и разрешение в 72px/inch.
Для того чтобы подтвердить операцию кадрирования, нужно нажать клавишу Enter или сделать двойной клик внутри кадрируемой области, либо нажать кнопку в виде галочки справа на палитре настроек инструмента обрезки. Если вы хотите отменить операцию кадрирования, нажмите клавишу ESC или перечеркнутый кружок справа вверху. В том случае, если вас не устраивают настройки, сделанные для инструмента кадрирования, и вы хотите их отменить, нажмите стрелку с поворотом влево.
Вы также можете указать в настройках инструмента кадрирования, что нужно оставлять и показывать отсекаемые области, выбрать цвет и непрозрачность области, которая накрывает отсекаемые части фото.
Используем размер текущего изображения
Обычно на сайтах есть ряд изображений, которые имеют одинаковые размеры — слайдеры, фотогалереи, блоки с фото логотипов партнеров компании и т.п. Дизайнеры, как правило, добавляют фото в прямоугольники одного размера, обрезая лишнее масками обрезки. Однако в реальности фотографий может быть больше, чем заготовил дизайнер, т.к. их в процессе разработки сайта может добавлять клиент. Поэтому уже перед верстальщиком или программистом может стоять вопрос, как подогнать размеры всех фотографий под одну величину.
Можно, конечно, использовать такой css-свойство, как overflow: hidden , но это не всегда лучший выход, т.к. фотографии могут быть достаточно большими по размеру и приводить к долгой загрузке страницы.
В Adobe Photoshop есть настройка Front Image , которая позволяет «взять» размеры текущего изображения и установить эти значения для ширины, высоты и разрешения инструмента кадрирования. После этого для каждого нового файла с картинкой вам нужно будет только выбрать положение рамки обрезки.
На примере видно, что исходное изображение имеет размер 240x360px (это видно из окна Image → Image Size) . Этот размер мы устанавливаем в качестве настроек инструмента обрезки (Crop Tool), а затем обрезаем по такому размеру еще 2 изображения. Удобно, не так ли?
Изменение «заваленного горизонта»
«Заваленный горизонт» — это вид фото, когда явная или неявная линия горизонта смещена под углом. Как правило, получается при наклоне фотоаппарата. Явная линя горизонта видна на тех фото, на которых есть пустое пространство с видимым горизонтом. Неявная — когда фото снято в лесу, парке или в городе, но при этом элементы пейзажа (ручей, скамейка, крыши домов и т.п.) находятся под углом к другим объектам на фото.
Для выравнивания линии горизонта необходимо использовать кнопку Straighten (Выпрямление). После этого вы проводите вдоль искаженного горизонта линию, и Photoshop переворачивает ваше изображение так, чтобы линия горизонта стала прямой. Остается нажать клавишу Enter для подтверждения обрезки фото.
Инструмент Линейка для выравнивания линии горизонта
В качестве альтернативы Crop Tool для выравнивания линии горизонта вы можете использовать инструмент Линейка (Ruler Tool). Он находится в группе инструментов Пипетка (Eydropper Tool) и может быть вызван клавишей I. Для переключения между инструментами группы можно использовать Alt + клик на инструментах группы, пока не появится нужный, либо сделать правый клик на активном в данный момент инструменте группы и выбрать Линейку.
Этим инструментом также нужно провести линию вдоль вашего заваленного горизонта, а затем нажать на кнопку Выровнять слой (Straighten Layer) в палитре настроек справа вверху. В результате вы получите перевернутое изображение на белом или ином фоне, которое нужно будет обрезать инструментом кадрирования (Crop Tool) или с помощью выделения, описанного чуть ниже.
Изменение размера изображения после выделения
Для указания области обрезки вы можете использовать инструмент прямоугольного выделения (Marquee Tool). По умолчанию вы будете выделять область изображения с произвольными размерами. Однако в настройках инструмента прямоугольного выделения также можно задать фиксированные размеры (Fixed Size), например 200x300px, как в примере, или пропорции выделения, например 1:1 или 3:2. Затем вы переходите в меню Image (Изображение) и выбираете пункт Crop (Кадрировать, или Обрезать).
Когда область выделения уже сформирована, подведите курсор внутрь ее и переместите эту область при необходимости.
Чтобы снять выделение, нажмите сочетание клавиш Ctrl + D. Для отмены любых действий в Adobe Photoshop нажмите Ctrl + Z (в версиях до 2019 года — Ctrl + Alt + Z ).
Изменение размеров холста
В некоторых случаях вам может понадобится рамка вокруг вашего изображения или дополнительное место для размещения дополнительных фото для коллажа внутри открытого в Adobe Photoshop файла. Тут может пригодится возможность работы с холстом — виртуальным фоновым слоем вашего фото. Для вызова окна с настройками перейдите в меню Image — Canvas Size (Изображение — Размер холста) или нажмите сочетание клавиш Ctrl + Alt +C.
Увеличение размера холста
Для добавления размеров холста вам нужно увеличить данные в полях ширины и высоты и выбрать точку, относительно которой будет происходить добавление размеров. По умолчанию — это центр вашей фотографии. Добавление размеров будет происходить одинаково относительно центра.
Если вам необходимо добавить к текущим размерам определенное количество пикселей или сантиметров, поставьте флажок Relative (Относительно) и укажите в полях Width (Ширина) и Height (Высота) только добавочные значения. Они будут добавлены к размерам фото без вашего пересчета этих величин.
Поскольку вы увеличиваете размеры холста, нужно будет указать цвет добавляемого пространства. Вы можете выбрать его из выпадающего списка внизу диалогового окна Canvas Size (Размер холста). Можно позаботиться об этом заранее, выбрав цвет переднего плана (Foreground color) или цвет фона (Background color) и использовав их в настройках, или выбрать нужный цвет с помощью Color Picker.
В примере выше было создано несколько рамок разного цвета вокруг изображения. Однако с помощью изменения размеров холста можно добавить пространство к фото для создания на его основе какого-либо коллажа, например, или отзеркаливания этого изображения.
Уменьшение размера холста
Если в полях для указания ширины и высоты холста поставить отрицательные значения при установленном флажке «Относительно» (Relative) или указать значения меньше, чем текущий размер изображения, то фото будет уменьшено до нужного размера путем обрезки лишних пикселей. Вы при этом получите предупреждение вида «The new canvas size is smaller than current canvas size; some clipping will ocure.«, т.е. «Новый размер холста меньше, чем текущий; будет произведена обрезка фото«, которое сообщает вам о том, что часть фото будет потеряна. При нажатии на кнопку «Proceed» (Продолжить) вы получите изображение указанного вами размера, как если бы воспользовались инструментом кадрирования с нужными величинами. При этом вы также можете указать, с какой стороны будет выполняться такая обрезка.
На примере ниже изображение было уменьшено почти в 2 раза за счет удаления части пикселей сверху и по бокам.
Тримминг (Image → Trim)
Для обрезки какого-либо сплошного фона или прозрачных пикселей на изображении в Adobe Photoshop есть также отличное решение. Откройте картинку и перейдите меню Image (Изображение), чтобы выбрать пункт Trim (Тримминг). В настройках вы сможете выбрать, какой цвет вас интересует — в верхнем левом или правом нижнем углу, либо убрать прозрачные пиксели в PNG или GIF-изображениях. Также в настройках можно указать, какие стороны будут удалены (Trim Away) с изображения: top — верхняя, bottom — нижняя, left — левая, right — правая.
На примере видно, что логотип с белым фоном стал значительно меньше, а с картинки с растением в горшке были удалены прозрачные области.
Изменение размеров изображения с прозрачностью после экспорта
В том случае, когда вы экспортируете из Adobe Photoshop изображение с прозрачными областями, которые больше, чем изобразительная часть этого файла, то Photoshop обрежет лишние пиксели аналогично тому, как это происходит при тримминге.
В примере ниже исходное изображение имеет размер 712x512px, а полученное в результате экспорта в PNG — размер в 508x405px. Это следует учитывать, т.к. в зависимости от того, какя картинка нужна после экспорта, это может быть как плюсом, так и минусом.
Как обрезать фото в фотошопе?
Привет друг! Ты начинающий фотограф или человек, который любит обработку фотографий. У тебя возник вопрос: как обрезать фото в Фотошопе? Но ты, к сожалению, ни разу этого не делал. Не переживай, в сегодняшнем уроке по фотошопу, мы разберем, как это можно сделать и обрежем фото под нужные нам размеры. Не важно, какая задача перед тобой стоит нужно обрезать фото под конкретный размер, либо ты хочешь просто удалить какие-то элементы по краям, возможно сделать фотографию квадратной.
Обрезать фото в Фотошопе можно несколькими способами.
Первый это когда мы создаем холст с конкретными размерами и загружаем на него фотографию, при необходимости масштабируем при помощи свободной трансформации тем самым добиваемся нужного нам результата и размера.
Второй способ, которым можно обрезать фотографию в Фотошопе это обрезка при помощи инструмента рамка (crop). Именно этот способ кадрирования фото мы будем использовать.
Photoshop, я думаю, у всех уже открыт, есть фото, которые хочется обрезать. Давайте загрузим это фото в программу. Для этого нажимаем сочетание клавиш Ctrl+O , выбираем фото для загрузки.
Далее на панели инструментов находим инструмент рамка C , выбираем его и видим, как вокруг нашей фотографии появилась рамка как при выделении.
Теперь нам необходимо определиться, как мы будем обрезать фото под стандартные размеры, допустим для печати 10х15 или под нестандартные (свободные).
Обрезать фото по нестандартным размерам
Если мы хотим обрезать фотографию по свободным размерам то нам всего лишь достаточно сдвинуть края рамки влево, вправо, либо вниз, вверх в зависимости от того как вы хотите произвести кадрирование. Обрежется та часть, которая остаётся за пределами рамки, она отображается более темным оттенком.
Далее нажимаем на галочку либо клавишу Enter и применяем кадрирование, тем самым обрезая фото.
В результате получаем фото по нестандартным размерам.
Обрезать фото по стандартным размерам в фотошопе
Если же вы задались вопросом, как обрезать фото в фотошопе под конкретные размеры, например 10х15 то после выбора инструмента рамка C вам необходимо задать необходимые параметры на панели инструмента. Размеры для стандартных фотографий для печати на бумаге в пикселях или сантиметрах можно взять из таблицы в одной из предыдущих статей.
Из выпадающего меню панели инструмента рамка выбираем пункт изображение.
После чего задаем размеры и разрешение, сколько точек на дюйм. Для фотопечати желательно указывать 300dpi для веба достаточно и 72dpi.
Заметка: Если необходимо изменить единицы измерения при задаче размеров, необходимо кликнуть правой кнопкой мыши по полю ввода значения и выбрать из списка нужные единицы измерения.
После чего полученное фото можно сохранить, для этого нажимаем сочетание клавиш Shift+Ctrl+S и задаем новое имя файла.
Результат нашей обрезки можно посмотреть на фотографии ниже.
Хочу также заметить, если на постоянной основе необходимо обрезать фото в фотошопе под конкретные размеры, то будет проще создать новый набор кадрирования. Для этого задаем размеры и разрешение как мы делали, когда устанавливали кадрирование под конкретные размеры. После чего на панели инструмента рамка из выпадающего списка выбираем пункт новый набор кадрирования. Задаем название нового набора, нажимаем OK .
Набор создан, теперь его можно легко применить, выбирая из выпадающего списка на панели инструмента рамка (crop).
Ну, вот друзья теперь вы знаете, как можно легко обрезать фото в фотошопе, задать ему нужные размеры при обрезке. Можете создавать свои наборы для кадрирования и применять их, ускоряя тем самым работу.
Как обрезать фото в Фотошопе
Кадрирование фотографии позволяет немного изменить композицию или выделить какой-то один объект, убрать отвлекающие детали с периферии кадра. Кроме этого, обрезать фотографию в Фотошопе бывает нужно при подготовке к печати, чтобы во время процесса важные части кадра не оказались отрезанными.
В этой статье мы поговорим о том, как в Фотошопе обрезать фотографию. В Adobe Photoshop есть специальный инструмент, который называется Crop Tool/«Инструмент “Рамка”». И с помощью него мы узнаем, как обрезать фотографию в Фотошопе легко, наглядно и быстро.
Давайте на примере рассмотрим, как в Фотошопе обрезать фото.
Открываем фотографию в программе и выбираем инструмент Crop Tool/«Инструмент “Рамка”» в левой панели инструментов.
Просто кликаем на инструмент и мышкой выделяем нужную область на фотографии. Всё, что будет отрезано, станет более тёмным, а часть, которая останется после кадрирования — светлой. Когда основная рамка кадрирования нарисована, можно изменять её размеры или положение с помощью мыши.
Для того, чтобы изменить размер рамки, просто подведите мышку к её краю и переместите границу, удерживая нажатой левую клавишу мыши. Для пропорционального изменения границ кадрирования можно «перетащить» угол. Чтобы обрезать фотографию в Фотошоп и применить изменения, надо либо нажать на клавишу Enter, либо на кнопку Ok (обозначена галочкой) в верхней панели инструментов.
Описанный ранее способ позволяет обрезать фотографию в Фотошопе под произвольный размер. А чтобы сделать кадрирование под определённые пропорции, нужно задать необходимые значения в настройках.
С помощью выпадающего списка в меню Ration можно задать различные варианты пропорций будущего кадрирования, чаще всего используемые при решении различных задач.
W x H x Resolution/«Ш х В x Разрешение» — указать ширину и высоту в пикселях при заданном разрешении снимка.
Original Ratio/«Исходные пропорции» — сохранять оригинальные пропорции; в этом случае при изменении одной стороны рамки кадрирования вторая будет изменяться пропорционально.
Пропорции от 1:1 до 16:9 указывают принятые соотношения сторон; рамка кадрирования будет автоматически изменяться, чтобы соответствовать заданным пропорциям.
New Crop Preset/«Новый набор кадрирования» — создать и сохранить свой набор предустановленных настроек для кадрирования.
Ещё один полезный блок настроек позволяет включить или отключить показ сетки кадрирования поверх изображения. Это может помочь, если вы хотите немного изменить композицию снимка и подогнать его под различные правила кадрирования.
На скриншоте снизу приведены различные варианты сеток, которые могут подойти под ту или иную ситуацию.
- Rule of Thirds/«Правило 1/3» — сетка по правилу третей;
- Grid/«Сетка» — обычная сетка;
- Diagonal/«По диагонали» — диагональная сетка;
- Triangle/«Треугольник» — треугольная сетка;
- Golden Ratio/«Золотое сечение» — золотые пропорции;
- Golden Spiral/«Золотая спираль».
- Auto Show Overlaу/«Автоматически показывать перекрытие» — показывать сетку автоматически;
- Always Show Overlay/«Всегда показывать перекрытие»;
- Never Show Overlay/«Никогда не показывать перекрытие» — не показывать сетку.
- Cycle Overlay/«Цикл перекрытия» — позволяет циклически перебирать все варианты сеток.
На этом примере наглядно видно, как откадрировать фотографию в Фотошопе с использованием правила композиции, основанного на принципе «золотой спирали».
Таким образом, с помощью инструмента Crop Tool/«Инструмент “Рамка”» можно наглядно и легко обрезать фотографию в Фотошопе и убрать всё лишнее.
Кадрирование и выпрямление фотографий
Кадрирование — это отсечение фрагментов фотографии с целью фокусирования или улучшения компоновки. Используйте инструмент «Рамка» для кадрирования и выравнивания фотографий в Photoshop. Инструмент «Рамка» является неразрушающим. После кадрирования можно восстановить часть обрезанного изображения, чтобы подобрать наилучшие границы кадра. Инструмент «Рамка» также предоставляет интуитивные методы выравнивания фотографии при кадрировании.
Для всех операций визуальные направляющие обеспечивают интерактивный просмотр. При кадрировании или выравнивании фотографии доступен предварительный просмотр в реальном времени.
Кадрирование фотографии
Выберите инструмент «Рамка» () на панели инструментов. По краям фотографии появятся границы кадра.
Нарисуйте новую область кадрирования или перетащите ручки угла и краев кадра на фотографии.
(Необязательно) Укажите параметры инструмента «Рамка» с помощью панели «Управление».
A. Меню «Пропорции» B. Поменять местами ширину и высоту C. Параметры наложения
Размер и пропорции
Выберите соотношение сторон или размер прямоугольника кадра. Вы можете выбрать готовый набор параметров, задать новые параметры или определить пользовательский набор параметров для последующего использования.
Параметры наложения
Выберите вид направляющих, задающих границы кадра изображения. Доступны следующие виды направляющих: «Правило 1/3», «Сетка» и «Золотое сечение». Чтобы просмотреть все параметры, нажмите «O».
Параметры инструмента «Рамка»
Выберите меню «Настройки» (значок шестеренки), чтобы указать дополнительные параметры инструмента «Рамка».
Использовать классический режим
Включите эту настройку, чтобы инструмент «Рамка» работал как в предыдущих версиях Photoshop (CS5 и более ранних).
Просмотр автоматического центрирования
Включите эту настройку, чтобы поместить просматриваемое изображение в центр холста.
Показать отсеченную область
Включите эту настройку, чтобы отобразить область, удаляемую при кадрировании. Если эта настройка отключена, показывается только результат кадрирования.
Включить экран кадрирования
Используйте экран кадрирования, чтобы наложить оттенок на удаляемые области. В этой настройке можно выбрать цвет и прозрачность экрана. Если включена настройка Автоматическая настройка непрозрачности , прозрачность повышается при редактировании границ кадра.
Удаление обрезанных пикселей
Отключите эту настройку, если необходимо неразрушающее кадрирование, при котором пикселы вне рамки сохраняются. Неразрушающее кадрирование не приводит к удалению из памяти частей изображения. Если после кадрирования щелкнуть изображение, можно увидеть области вне текущей границы кадра.
Включите эту настройку, чтобы удалить пикселы, лежащие за пределами границ кадра. Удаленные пикселы будут потеряны и не смогут использоваться при последующей корректировке кадра.
Примечание.
Щелкните прямоугольник кадра правой кнопкой мыши для доступа к контекстному меню параметров кадрирования.