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

Как в фотошопе обрезать фото по нужному размеру

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

Простой способ. Как действовать, когда нужно удалить какие-то элементы

Допустим, вам понравилась фотография из интернета, но на ней присутствуют лишние элементы – такие как логотип, ссылка или что-то в этом роде. Действия предельно просты. Вам даже не обязательно скачивать полную версию Adobe Photoshop, можно воспользоваться онлайн сервисом Online-fotoshop.ru.

Я с вашего позволения буду использовать все же свой CC, так гораздо удобнее. Открываем изображение, с которым собираемся работать.

Выбираем инструмент «рамка».

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

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

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

Нажимаем Enter с клавиатуры и готово. Картинка обрезана.

Ровный квадрат из любой фотографии за считанные секунды

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

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

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

Готово. Жмем Enter.

Делаем фотографию круглой за 5 минут

Вы также можете вырезать фотографию по кругу, используя shift. Как именно? Первым делом нужно сделать дубликат слоя. Опцию находим в меню слои.

Теперь выбираем эллипс.

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

Лучше всего сразу убрать заливку, чтобы вы видели, что вырезаете. Но контур оставьте обязательно.

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

Выбираем перемещение.

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

Зажмите Ctrl и кликните по центру миниатюры слоя, как показано на моем скриншоте. В любом другом месте чудо не работает.

Выбираем выделение – инверсия.

Далее «Фон копии». Тот слой, который мы предварительно создали. Кликайте уже по названию, а не миниатюре.

Del на клавиатуре. Видите, фон сменился шашечкой? Это значит, что часть картинки стала прозрачной.

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

Вот такой вот результат у вас должен получиться.

Чтобы снять выделение одновременно зажмите Ctrl и D.

При помощи рамки можно отрезать лишнее.

Это вы уже умеете. Не пугайтесь черного цвета, если он у вас появится. Ситуация изменится, как только вы кликните по Enter.

А теперь очень важный момент. «Сохранить как…»

Если вы собираетесь использовать фотографию на своем сайте или где-то еще, чтобы оставить прозрачный фон нужно выбирать именно PNG. В любом другом случае (jpeg и т.д.) прозрачный цвет заменится на белый.

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

Сохраните в jpeg и результат вас скорее всего не порадует.

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

Обрезаем по размерам. Соотношение и правильный подход к работе с сайтами

Для начала давайте разберемся с соотношениями. Допустим, вам нужно сделать из картинки фото для сайта. Некоторые фотографии будут 2 х 4 см, другие 20 на 40. Можно обойтись и без фотошопа, движок и сам умеет подгонять картинки под определенный размер, достаточно только загрузить в базу данных большое изображение. Так нужно делать, ведь в противном случае в базе данных будет храниться 12 000 одинаковых изображений разного размера. Это отрицательно скажется на отношение со стороны поисковых систем к порталу.

Обо всем этом я уже писал, так что, если это ваш случай – обратите внимание на эту статью в моем блоге.

Итак, открываем фото и выбираем рамку. Выбираем, например, 4 х 5. Можно поставить 3х4 – не важно. Все зависит от вашего желания и дизайна.

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

Нажали на enter – вырезали. Готово.

Вырезать картинку по размерам. Например, для паспорта

Теперь можно разбираться с см. Выбираем «Ширину х высоту х пиксели».

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

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

Готово. Фотография уменьшилась.

Пиксели

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

Замените показатели необходимыми значениями.

Естественно, рамку можно вертеть как угодно.

После нажатия на Enter все встанет на свои места.

Готово.

Если вам нравится работать в фотошопе, но вы еще не владеете всей информацией, я рекомендую вам курсы Зинаиды Лукьяновой, здесь очень много полезного — Photoshop-master.org/education.php, довольно быстро вы можете научиться всему, что необходимо для качественной работы в этой программе. Это даст вам серьезные преимущества, больше не придется тратить время на поиск статей, связанных с этой программой.

Даже если у вас, как и у меня стоит Photoshop CC, то вам все равно подойдет видео «От А до Я» для версии CS 5. Различия в базовых структурах невелика.

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

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

start-luck.ru

Обрезка фотографий до нужного формата в Photoshop

В этой статье мы рассмотрим, как можно легко обрезать фотографию до нужного вам размера. Мы будем иметь дело с изменением размера снимка. Рассмотрим, как получить фотографии стандартного размера: 5 на 7, 8 на 10 или 11 на 14 без искажения и того, чтобы все казалось вытянутым и тонким или сплюснутым и толстым.

Вот пример проблемы. Я получаю многие фотографии с моего Canon Digital Rebel XT, который имеет разрешение 8 мегапикселей. Вот фотография, которую я сделал с него прошлой зимой:

Оригинальное фото

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

Я открываю в Photoshop диалоговое окно «Размер изображения», выбрав его из меню «Изображение». Если мы посмотрим в раздел «Размеры в пикселях» в верхней части окна, мы увидим, что моя фотография в том виде, в каком я перебросил ее с фотоаппарата, имеет ширину 3456 пикселей и высоту 2304 пикселей:

Диалоговое окно Photoshop «Размер изображения» с указанием размеров фотографии в пикселях

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

В настоящее время указанные длина и ширина документа говорят о том, что при разрешении в 240 пикселей на дюйм, что является стандартным разрешением для профессионального качества печати, моя фотография будет напечатана в формате 14,4 на 9,6 дюймов. Это, конечно, фото приличного размера, но, скорее всего, я не смогу найти формат бумаги, который бы соответствовал этим размерам.

Давайте посмотрим, что произойдет, если я с помощью диалогового окна «Размер изображения» попытаюсь изменить размер печати фотографии на 8 на 10. Как правило, именно такой формат мы используем при печати. Так как моя фотография имеет альбомную ориентацию (т.е. ширина больше, чем высота), я на самом деле хочу получить фото 10 на 8.

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

Изменение размера печати изображения в разделе «Размер документа»

После того, как я изменил ширину моих фото на 10 дюймов, так как опция «Сохранять пропорции» была включена, мы можем видеть на рисунке, что Photoshop сам изменил высоту моих фото на … 6,667 дюймов? Это не правильно. Нам нужен формат 10 на 8, не 10 на 6.667. Хм … Я думаю, мне просто нужно изменить высоту на 8 дюймов:

Изменение высоты изображения в разделе «Размер документа вручную»

Хорошо, сделано. Я изменил высоту фото на 8 дюймов, и теперь в разделе «Размер документа» я вижу, что моя фотография имеет формат … 12 на 8?! Эй, что происходит? Все, что я хочу сделать, это изменить размер печати на 10 на 8. Но если я изменяю значение ширины, тогда высота мне не подходит, и если я изменяю высоту, ширина не та! Как мне изменить размер фотографии на 10 на 8?

Ответ: Никак. По крайней мере, через окно «Размер изображения». Оригинальные размеры фото не позволят изменить его на 10 на 8 без искажения изображения. Так что же нам делать? Все просто! Мы забываем о диалоговом окне «Размер изображения».

Вместо этого мы обрежем фотографию в таких размерах, как нам нужно! Для этого мы используем инструмент Photoshop «Кадрирование»!

Первое, что нужно сделать, это выбрать «Кадрирование» в панели инструментов или нажать букву С на клавиатуре:

Выбираем инструмент «Кадрирование»

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

А также единицы измерения (дюймы, сантиметры, пиксели и т.д.). Так как я хочу обрезать свое изображение в формате 10 на 8, я ввожу 10 в поле ширины, а дальше «in«, что означает «дюймы«. После этого я ввожу 8 в поле высоты, а затем снова «in«:

Ввод точных значений ширины и высоты в панели параметров

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

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

Перемещение рамки кадрирования с помощью инструмента «Кадрирование»

Когда вы установите нужные размеры и положение рамки кадрирования, просто нажмите Enter (Win) / Return (Mac), чтобы обрезать изображение:

Нажмите Enter (Win) / Return (Mac), чтобы обрезать изображение

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

Изображение можно будет распечатать в формате 10 на 8

Вот и все! Именно так вы можете легко обрезать изображение до любого размера!

Данная публикация представляет собой перевод статьи «Cropping Photos To Specific Frame Sizes In Photoshop» , подготовленной дружной командой проекта Интернет-технологии.ру

www.internet-technologies.ru

Обрезка изображения в заданные размеры

Шаг 2: Задаём размер и разрешение обрезки, сохранение параметров в наборе

Выбор данной опции добавляет на панель параметров новое поле «Разрешение» (Resolution), располагающееся справа от полей Ширина (Width) и Высота (Height). Введите нужные Вам пользовательские размеры (в данном случае 21,0 на 29,7 cм и разрешение 240 точек на дюйм, которое идеально подходит для большинства случаев цветной струйной печати), и это автоматически изменит размеры рамки:

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

Если вы считаете, что будете использовать этот размер снова (а скорее всего, будете), кликните по всплывающему меню и выберите опцию «Новый набор кадрирования» (New Crop Preset), присвойте набору имя (обычно Photoshop сам присваивает адекватные имена) и кликните по кнопке ОК.

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

Выбор опции для сохранения размера

Задаём имя для нового размера

После этого новый размер добавился в выпадающее меню

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

Теперь, если документ вывести на печать (нажать Ctrl+P), то можно убедится, что изображение готово к печати и имеет нужный размер:

Шаг 3: Другой метод кадрирования по заданным размерам

Теперь о другом методе. Зайдите в меню «Файл» (File) и выберите команду «Создать» (New), или нажмите комбинацию
Ctrl+N. Когда появится диалоговое окно «Новый» (New), введите 21,0 и 29,7 сантиметров в поля Width (Ширина) и Height (Высота) соответственно, а также и 240 в поле Resolution (Разрешение), затем нажмите ОК.

Это создаст новый пустой документ с точными размерами и разрешением, которые нам нужны:

СОВЕТ: Обрезка снимка в размер другого снимка
Если у вас уже есть снимок точно с таким же размером и разрешением, которые вы хотите сделать для других изображений (далее будем называть его эталонным), то можете использовать параметры такого снимка для настройки размеров обрезки. Во-первых, откройте снимок, размеры которого требуется изменить, затем откройте свой эталонный снимок. Активируйте инструмент «Рамка» (Crop) и затем из всплывающего меню с левой стороны панели параметров (которым мы недавно пользовались) выберите опцию «Изображение» (Front Image). Photoshop автоматически введет размеры этого снимка в поля «Ширина» (Width), «Высота» (Height) и «Разрешение» (Resolution) инструмента «Рамка» (Crop Tool). Всё, что остается сделать – щелкнуть снова по снимку, который Вы хотите обрезать, и вы увидите рамку обрезки, которая имеет те же самые параметры, что и эталонный снимок.

Шаг 4:

Теперь активируйте инструмент «Перемещение» (Move Tool), нажмите на изображение, которое Вы хотите обрезать в размер «эталона», и перетащите его на этот новый пустой документ. При активированном инструменте «Перемещение», позиционируйте изображение в окне документа таким образом, чтобы оно поместилось так, как вы того хотите, затем нажмите комбинацию горячих клавиш Ctrl+E для объединения этого слоя с фоновым, и дело сделано. Как можно видеть, оба способа делают почти одно и то же, но какой же из них лучший? Отвечу: тот, который Вам больше нравится.

rugraphics.ru

по выделению, фигуре и прочие

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

Где в фотошопе инструмент кадрирование

Стандартный инструмент обрезки в photoshop находится на вертикальной панели. Называют его «рамкой». С его помощью можно быстро убрать ненужные части за пределами фигуры квадратно-прямоугольной формы.

На вкладке под «рамкой» находится «кадрирование перспективы», а также команды нарезки изображения.

При необходимости задания определенных параметров обрезки советуем воспользоваться функциями на вкладке «изображение»:

• кадрирование;
• изменение размера изображения;
• изменение размера холста;
• тримминг.

к меню ↑

Как настроить кадрирование в photoshop — размеры и прочее

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

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

Задать параметры можно следующим образом:

• в меню выберите команду размер изображения;
• определите ширину, высоту или оба этих параметра.

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

Команда «размер холста» обрезает все, что находится за пределами заданных параметров высоты и ширины. За основу берется середина холста.

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

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

Работает это так:

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

Photoshop позволяет обрезать снимки ровно по выделению:

• переименуйте фоновый слой;
• аккуратно выделите нужную часть рисунка;
• в меню «выделение» выберите команду «инверсия»;
• нажмите delete или пробел для удаления области вне контура;
• снимите выделение, нажав Ctrl+D или deselect.

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

Особое внимание заслуживает функция нарезки. С ее помощью пользователь может нарезать фотку на несколько фрагментов и потом склеить их по своему желанию.

к меню ↑

Как отменить кадрирование в photoshop

Любое действие, которое вы выполните в приложении, можно отменить.

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

• в меню нажмите «редактировать» и выберите «отменить кадрирование» либо «шаг назад»;
• нажмите горячие клавиши Ctrl+Z;
• на панели «история» выделите то действие, которой должно быть последним. Все, что было сделано после, будет отменено.

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

Почему пропал инструмент кадрирование в фотошопе

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

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

к меню ↑

Выводы

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

Видеообзор

pronashkomp.ru

Как обрезать фото в Фотошопе

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

Обрезка изображений

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

Способ 1: Простое кадрирование

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

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

   

2. Чтобы закончить обрезку, нажмите ENTER.

Способ 2: Обрезка под заданный размер

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

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

Подготавливаясь к печати фотографий, следует иметь в виду, что требуется не только определенный размер фотографии, но и ее разрешение (количество пикселей на единицу площади). Как правило, это 300 dpi, т.е. 300 точек на дюйм. Задать разрешение можно в той же панели свойств инструмента для обрезки изображений.

Способ 3: Обработка с сохранением пропорций

Зачастую нужно обрезать изображение в Фотошопе, сохранив определенные пропорции (фотография в паспорт, к примеру, должна быть 3х4), а размер не принципиален. Эта операция, в отличие от остальных, делается при помощи инструмента «Прямоугольная область».

1. В панели свойств инструмента необходимо задать параметр «Заданные пропорции» в поле «Стиль». Вы увидите поля «Ширина» и «Высота», которые нужно будет заполнить в нужном соотношении.

   

2. Затем вручную выделяется необходимая часть фотографии, при этом пропорции будут сохраняться.

   

3. Когда необходимое выделение создано, в меню выберите «Изображение» и пункт «Кадрирование».

   

Способ 4: Обрезка с поворотом изображения

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

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

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

Помогла ли вам эта статья?

ДА НЕТ

lumpics.ru

Как в Adobe Photohop обрезать изображение в заданных пропорциях и изменить размер!

Все действия в статье будут показаны мной на примере программы Adobe Photoshop CC 2017. Но всё это можно проделать и в других редакторах, в том числе в некоторых онлайн-сервисах.

Соответственно, чтобы что-либо начать делать с изображением, вам нужно его сначала загрузить в фотошоп. Вариантов несколько… Либо просто перетащите его в фотошоп, либо через меню “Файл” — “Открыть”. Или можно кликнуть правой кнопкой мыши по изображению в проводнике Windows, выбрать из меню “Открыть с помощью” — “Adobe Photoshop”.

Что такое обрезка (кадрирование) изображения в заданных пропорциях и как это сделать

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

Такую операцию ещё называют кадрированием.

Причём фото может потребоваться обрезать именно в нужном соотношении сторон, например, чтобы конечное изображение получилось точно формата 16:9 или заданных пропорций в пикселях, например, 1024 на 900.

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

Изображение, выполняющее эту роль называют ещё “Тизер”, “Изображение записи / статьи” и другими схожими названиями. Ниже я буду называть это тизером.

Вот пример тизеров прямо с этого блога:

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

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

На разных сайтах может быть по своему, выше лишь пример. Где-то может стоять так называемый “слайдер” новостей, представляющий собой прокрутку картинок (тизеров) статей, а при клике по ним будет открываться сама статья / новость для изучения. Это не важно.

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

Вот примеры (красным обвёл области, которые должны занимать изображения на рассматриваемом блоге):

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

Процесс обрезки изображения

Делается всё на самом деле очень просто!

На панели инструментов слева нужно выбрать инструмент обрезки (его называют “Рамка” или “Кадрирование”):

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

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

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

Если не задать никакое соотношение сторон для данного инструмента, то вы сможете настроить границы вообще как угодно, например:

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

Вверху, где расположены настройки инструмента, откройте список. В нём будут как и готовые варианты соотношения сторон для обрезки (например, квадратное, 16:9, 1024×768 пикс. и др.), так и возможность задать собственное соотношение сторон в пикселях (пункт “в соотношении”).

Итак, предположим, вам нужно выполнить обрезку в каком-то определённом соотношении сторон, которого нет в готовых вариантах. Например, вы знаете что в пикселях картинка должна быть в пропорциях как 1300×500 или же должен в итоге получиться затем именно такой же размер (после изменения размеров).

Тогда выбираем “в соотношении” и рядом указываем нужные размеры [1]. Затем уже ниже настраиваем область обрезки [2], т.е. растягиваем её и двигаем в нужное место изображения так, чтобы в итоге вырезали нужную часть, которую будет видно.

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

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

Готово! Изображение будет обрезано.

Изменение размера изображения. Для чего требуется и как это сделать

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

Если нужно изменить изображение, например, уменьшить его, то открываем меню “Изображение” — “Размер изображения”.

В настройках выберите единицу измерения “Пиксели” [1]. Затем осталось указать новые размеры и для этого достаточно задать только нужную ширину изображения [2]. Высота будет автоматически изменена пропорционально ширине. Для сохранения изменений нажмите “ОК”.

Никогда не изменяйте отдельно ширину и высоту изображения, не соблюдая пропорции, потому что изображение будет искажено! За пропорциональное изменение ширины и высоты отвечает специальная кнопка, расположенная левее от строк для изменения ширины / высоты:

Если она включена, высота будет изменяться пропорционально ширине и наоборот, и это правильно. Не рекомендую её отключать. И поэтому, если вы видите, что, меняя ширину, высота сама не меняется (и наоборот), значит эта опция просто выключена и нужно её включить.

---

После выполнения нужных операций с изображением, не забудьте сохранить итог своей работы :), выбрав “Файл” — “Сохранить как” и указав нужный формат, например, JPG, а также качество (обычно ставится максимальное и, как правило, нет смысла уменьшать его).

Заключение

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

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

serfery.ru

Обрезка фотографий без изменения соотношения сторон

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

Одна из самых полезных функций заключается в том, что вы можете легко обрезать фотографии для нужных размеров: 4 на 6, 5 на 7 или 8 на 10. Для этого просто нужно ввести в панели параметров значения высоты и ширины, а затем установить рамку кадрирования, как вам нужно.

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

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

Оригинальное фото

Давайте начнем!

Первое, что нужно сделать, это выделить всю фотографию. Перейдите к меню «Выделение» в верхней части экрана и выберите «Все», или используйте сочетание клавиш Ctrl + A (Win) / Command + (Mac). В любом случае будет выделена вся фотография, и вы увидите, что контур выделения совпадает с краями изображения в окне документа:

Выбор контура появляется по всему фотографии в окне документа

При контуре выделения, проходящем по краям фото, вернитесь к меню «Выделение» и на этот раз выберите «Трансформация выделения»:

Перейдите Выделение> Трансформация выделения

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

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

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

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

Когда вы закончите, нажмите Enter (Win) / Return (Mac), чтобы сохранить изменения.

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

Перейдите Изображение> Кадрирование

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

Соотношение сторон обрезанного изображения остается таким же, как в исходной фотографии

Чтобы удалить контур выделения, либо вернуться в меню выберите «Отключить» или используйте сочетание клавиш Ctrl + D (Win) / Command + D (Mac).

Вот и все! Таким образом, вы можете обрезать фотографию без изменения исходного соотношения сторон!

Данная публикация представляет собой перевод статьи «Cropping Photos Without Changing The Aspect Ratio» , подготовленной дружной командой проекта Интернет-технологии.ру

www.internet-technologies.ru