Способы изменения размеров изображений и обрезки фото в Adobe Photoshop
Вы здесь: Главная » Web Design » Photoshop » Способы изменения размеров изображений и обрезки фото в Adobe Photoshop
При работе с изображениями довольно часто бывает нужно изменить размер изображения, как для печати фотографии, так и для подготовки ее для web-страниц. Давайте рассмотрим способы изменения размеров изображений и обрезки фото, которые доступны в Adobe Photoshop.
И начнем мы с настройки единиц измерения, т.к. это будет важно для получения размеров.
Настройка единиц измерения в Adobe Photoshop
Скорей всего при первом запуске Adobe Photoshop вы увидите, что все значения измеряются в дюймах (in, или inches). Однако для ваших целей удобнее будут сантиметры или пиксели. Один из самых простых способов изменить единицы измерений в Photoshop — это отобразить линейки (Ctrl + R от англ. Rulers — линейки) и кликом по правой кнопке мыши выбрать нужные единицы.
Второй способ — это открыть настройки Photoshop (Меню
Изменение размеров изображения
В меню Image (Изображение) выбираем пункт Image Size (Размер изображения) или нажимаем сочетание клавиш Ctrl + Alt + I.
В открывшемся окне видим поле для ввода ширины (width) и высоты изображения (hight), а также для разрешения (resolution). Для web стандартным разрешением является 72dpi
Поэтому, если вы готовите фото для web-сайта, то разрешение должно быть 72dpi, т.к. это ведет к уменьшению веса изображения при сохранении его качества для просмотра на экране. Когда же вы готовите фото для печати, то, напротив, разрешение нужно увеличивать до 300dpi, т.к. иначе печать будет размытой.Для ширины и высоты слева по умолчанию включен «замок» — иконка, говорящая о том, что при изменении одного параметра второй будет пересчитан автоматически. Как правило, его не отключают, т.к. иначе ваше фото будет непропорционально вытянуто по горизонтали или вертикали в зависимости от того, какой из параметров вы меняете.
Для изображений для web необходимо указывать значения в пикселях (px), для фото, которое вы готовите к печати — в сантиметрах (cm), если иное не указано в требованиях типографии или студии фотографии.
Инструмент обрезки, или кадрирования (Crop Tool)
Инструмент кадрирования вызывается нажатием на клавишу C, которая является начальной в англоязычном названии этого инструмента (Crop Tool).
Для указания размеров обрезки фото необходимо воспользоваться палитрой параметров (options) в верхней части рабочего пространства Adobe Photoshop. В примере выше мы устанавливаем размер обрезаемой области, как 1920x600px и разрешение в 72px/inch.
Для того чтобы подтвердить операцию кадрирования, нужно нажать клавишу 
Вы также можете указать в настройках инструмента кадрирования, что нужно оставлять и показывать отсекаемые области, выбрать цвет и непрозрачность области, которая накрывает отсекаемые части фото.
Используем размер текущего изображения
Обычно на сайтах есть ряд изображений, которые имеют одинаковые размеры — слайдеры, фотогалереи, блоки с фото логотипов партнеров компании и т.п. Дизайнеры, как правило, добавляют фото в прямоугольники одного размера, обрезая лишнее масками обрезки. Однако в реальности фотографий может быть больше, чем заготовил дизайнер, т.к. их в процессе разработки сайта может добавлять клиент. Поэтому уже перед верстальщиком или программистом может стоять вопрос, как подогнать размеры всех фотографий под одну величину.
Можно, конечно, использовать такой css-свойство, как 
В Adobe Photoshop есть настройка Front Image, которая позволяет «взять» размеры текущего изображения и установить эти значения для ширины, высоты и разрешения инструмента кадрирования. После этого для каждого нового файла с картинкой вам нужно будет только выбрать положение рамки обрезки.
На примере видно, что исходное изображение имеет размер 240x360px (это видно из окна Image → Image Size) . Этот размер мы устанавливаем в качестве настроек инструмента обрезки (
Изменение «заваленного горизонта»
«Заваленный горизонт» — это вид фото, когда явная или неявная линия горизонта смещена под углом. Как правило, получается при наклоне фотоаппарата. Явная линя горизонта видна на тех фото, на которых есть пустое пространство с видимым горизонтом. Неявная — когда фото снято в лесу, парке или в городе, но при этом элементы пейзажа (ручей, скамейка, крыши домов и т.
п.) находятся под углом к другим объектам на фото.
Для выравнивания линии горизонта необходимо использовать кнопку Straighten (Выпрямление). После этого вы проводите вдоль искаженного горизонта линию, и Photoshop переворачивает ваше изображение так, чтобы линия горизонта стала прямой. Остается нажать клавишу Enter для подтверждения обрезки фото.
Инструмент Линейка для выравнивания линии горизонта
В качестве альтернативы Crop Tool для выравнивания линии горизонта вы можете использовать инструмент Линейка (Ruler Tool). Он находится в группе инструментов Пипетка (Eydropper Tool) и может быть вызван клавишей I. Для переключения между инструментами группы можно использовать
Этим инструментом также нужно провести линию вдоль вашего заваленного горизонта, а затем нажать на кнопку Выровнять слой (Straighten Layer) в палитре настроек справа вверху.
В результате вы получите перевернутое изображение на белом или ином фоне, которое нужно будет обрезать инструментом кадрирования (Crop Tool) или с помощью выделения, описанного чуть ниже.
Изменение размера изображения после выделения
Для указания области обрезки вы можете использовать инструмент прямоугольного выделения (
Когда область выделения уже сформирована, подведите курсор внутрь ее и переместите эту область при необходимости.
Чтобы снять выделение, нажмите сочетание клавиш Ctrl + D. Для отмены любых действий в Adobe Photoshop нажмите Ctrl + Z (в версиях до 2019 года — Ctrl + Alt + Z ).
Изменение размеров холста
В некоторых случаях вам может понадобится рамка вокруг вашего изображения или дополнительное место для размещения дополнительных фото для коллажа внутри открытого в Adobe Photoshop файла. Тут может пригодится возможность работы с холстом — виртуальным фоновым слоем вашего фото. Для вызова окна с настройками перейдите в меню Image — Canvas Size (Изображение — Размер холста
Увеличение размера холста
Для добавления размеров холста вам нужно увеличить данные в полях ширины и высоты и выбрать точку, относительно которой будет происходить добавление размеров. По умолчанию — это центр вашей фотографии.
Добавление размеров будет происходить одинаково относительно центра.
Если вам необходимо добавить к текущим размерам определенное количество пикселей или сантиметров, поставьте флажок 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. Это следует учитывать, т.к. в зависимости от того, какя картинка нужна после экспорта, это может быть как плюсом, так и минусом.
Просмотров: 394
В чем разница между непрозрачностью, потоком и плотностью в Photoshop?
Adobe Photoshop часто имеет несколько разных инструментов, которые обрабатывают одни и те же вещи в тонко разных способах. Непрозрачность, поток и плотность все контролируют видимость некоторых аспектов слоя, но каждый немного отличается. Мы объясним.
Что такое непрозрачность слоя?
Непрозрачность всплывает в двух местах: непрозрачность слоя и непрозрачность кисти.
Непрозрачность слоя довольно проста: это слайдер в Панель слоев Это устанавливает, насколько видимым или невидимым выбранным слоем является.
На 0% слой полностью прозрачен; На 100% это полностью непрозрачно. Все значения в середине представляют собой скользящую масштаб.
Это удобный способ набрать эффекты любого регулировочный слой ты делаешь.
Что такое непрозрачность кисти и поток?
Непрозрачность щетки лучше всего понять наряду с потоком кисти. Оба контролируются с панели инструментов, когда вы выбираете Щетка инструмент (ярлык клавиатуры Преступность ).
Оба из них были окрашены одним ходом кисти. Обратите внимание, как эффект создан в областях Squiggle справа, которые были окрашены в несколько раз, в то время как встрежанность слева находится плоский серый. Для каждого мазки непрозрачность контролирует прозрачность краски, которую вы применяете, в то время как поток контролирует скорость, при которой она применяется.
Независимо от того, сколько раз вы рисуете в той же области с одним интенсивным щеткой, вы никогда не получите больше покрасочных, чем уровень непрозрачности. Однако, когда поток составляет менее 100%, эффект краски накапливается, чем больше, когда вы рисуете область.
Лучший способ увидеть это для себя — это захватить Щетка Инструмент, установить Непрозрачность к 10% а также Поток к 100% а затем рисовать вокруг. Затем поменяйте вещи: краска с Непрозрачность из 100% и а Поток из 10% Отказ
Обе непрозрачность, так и поток имеют их использование в зависимости от того, что вы хотите сделать.
Непрозрачность наиболее полезна для установки жесткого ограничения на то, насколько вы хотите передать краску, в то время как поток лучше всего постепенно создавать эффекты. Например, если вы уклонение и горение Лучше всего использовать поток для контроля, насколько приложено краска, так как вы можете добавить больше, просто покрасав по окрестностям снова с таким же ходом кисти. Если вы используете непрозрачность, у вас больше шансов отдать вашу работу неестественным жестким краям.
Поток также действительно полезен, когда вы Работа с графическим планшетом Как это делает весь опыт более естественным.
Что такое плотность маски?
Плотность маски в основном просто непрозрачность слоя Но для масок Отказ С выбранной маской слоем вы увидите ползунок в Характеристики панель.
На 100% любой черный в маске непрозрачно, пока любой белый прозрачен.
Когда вы уменьшаете плотность, черные в маске становятся более прозрачными. Например, на 50% все черные сводится к среднему серому.
При редактировании фотографий вы также можете узнать Разница между насыщенностью и виркой в Photoshop Lightroom Отказ
Проверка значений плотности в Photoshop
Марта ДиМео |
Когда дело доходит до воспроизведения фотографий, можно спорить о том, что хуже — тени и полутона с небольшими деталями или без них или светлые участки и четверть тона, близкие к размытию? Для большинства изображений — и для большинства предметов — ни то, ни другое нежелательно и обычно приводит к тому, что изображение помещается в стопку исходных материалов.
В предыдущем посте «Выделение формы и деталей в самых темных тонах» я рассмотрел проблему восстановления деталей в тенях и дал краткий обзор восстановления деталей в светлых областях.
Теперь я хотел бы углубиться в тему восстановления подсветки, приведя еще несколько примеров.
Два изображения, представленные здесь, взяты со страниц журнала Grace Ormonde Wedding Style . Невесты и свадебные платья — это всегда сложная задача для фотографирования. Независимо от того, являются ли фотографии откровенными снимками невесты в день ее свадьбы, изображениями из фотозоны на показе свадебных подиумов или тщательно спланированными и выполненными студийными съемками, задача всегда одна и та же — сохранить детали в белых и кремовых тканях.
В этом первом примере редакторы журнала Wedding Style пожелали включить это изображение платья YolanCris в регулярно публикуемый разворот Bridal Runaway. В своем первоначальном виде, с утратой всех деталей тонкой петельки платья и вышивки, оно было непригодно для публикации. Воспроизведенное как есть, оно не послужило бы ни свадебному дизайнеру лестным представлением ее работы, ни читателю журнала, ищущему свадебное платье своей мечты.
Более того, с точки зрения производства журнала изображение не соответствовало стандартам качества, которые я установил для публикации. (В то время я был директором по производству/визуализации Wedding Style журнал.)
До/После — Ретушь в Photoshop Мартой ДиМео
Количество восстановленных деталей, видимых на экране, сильно зависит от качества вашего дисплея. См. раздел «Проверьте свой дисплей» ниже.
Как показано на изображении После просмотра , с тщательно продуманной ретушью в Photoshop и тональными манипуляциями форма и тонкие детали дизайна платья были восстановлены. В результате изображение было изъято из стопки, а затем красиво воспроизведено в журнале.
Второй пример очень похож по своей природе. Оно было красиво сложено и стилизовано, но платье пострадало от потери деталей в атласе и кружеве. Было бы плохой услугой запускать фотографию в исходном состоянии. И снова скопления материалов удалось избежать, решив проблему на этапе постпродакшна.
До/После — Ретушь в Photoshop от Марты ДиМео
Если вы задаетесь вопросом, можно ли улучшить переэкспонированное изображение при постобработке, вполне возможно, что ответ «да». Даже имея всего несколько процентных пунктов плотности в областях, которые кажутся размытыми, вы обычно можете многое сделать для восстановления деталей. И если изображение было захвачено как файл RAW, тем лучше; это дает специалисту по цифровым изображениям еще больше возможностей для работы.
Проверка значений плотности в Photoshop Процесс проверки значений плотности изображения довольно прост. Во-первых, на панели параметров Photoshop установите инструмент «Пипетка» на образец 5 на 5 в среднем или 11 на 11 в среднем. Затем, когда панель «Информация» видна, наведите пипетку на области изображения, которые кажутся размытыми. На панели «Информация» обратите внимание на показания плотности при перемещении курсора по изображению.
Используя первое изображение в качестве примера, как показано на снимке экрана ниже, пиксели «Color Sampler #1» в До изображение имело плотность C1, M1, Y0, K0 (или в RGB 251/251/253), таким образом общая плотность чернил составляла всего 2%.
Удивительно, но 2% было достаточно для работы. На изображении After та же область теперь имеет общую плотность чернил 7% — C3, M3, Y1, K0 (или в RGB, 243/243/246) — плотность, достаточную для восстановления детализации петель в ткань и, самое главное, удерживать эту деталь на прессе.
Вверху: параметры пипетки Photoshop. Внизу: значения плотности до и после ретуши
Чтобы увидеть больше примеров расширения возможностей «сохранения» изображений, посетите портфолио «Улучшение стока» и портфолио «Улучшение цвета и света» на сайте ChromaQueen.com.
Давайте работать вместе Хотели бы вы воспользоваться нашей дополнительной услугой оценки изображений, чтобы просмотреть переэкспонированные, недоэкспонированные и все промежуточные значения? Используйте страницу загрузки для отправки файлов или посетите нашу страницу Свяжитесь с нами , чтобы узнать о различных способах связи.
Мы будем рады работать с вами над вашим следующим проектом.
Наконец, спасибо за внимание. Оставить комментарий. Поделитесь с другом — кнопки социальных сетей выше — если вы нашли эту статью полезной, информативной или просто интересной для чтения!
Проверьте свой дисплей
Высококачественный дисплей с откалиброванными цветами обязателен для профессионалов в области графического дизайна и фотографии. Если вы просматриваете изображения на неоткалиброванном, устаревшем или бюджетном мониторе, вы можете не увидеть, что на самом деле находится в файле.
Компания Eizo, производитель высококачественных дисплеев, опубликовала информативную статью о качестве дисплея и его оценке. Чтобы определить, как работает ваш дисплей, загрузите тестовые изображения, прилагаемые к статье. Оказавшись на локальном диске, откройте их в Photoshop или другой программе для редактирования фотографий. Если результаты неудовлетворительны, подумайте о том, чтобы инвестировать в более качественный дисплей, особенно если ваша работа связана с редактированием или оценкой изображений.
© Martha DiMeo 2014
Фотографии © Respective Image Owners
- в АРХИВ , Креативное облако Марта ДиМео
- |
- 15 августа 2014 г.
Имитация градуированного нейтрального фильтра в Photoshop
Градуированный нейтральный фильтр — очень удобный инструмент для пейзажной фотографии. Это позволяет вам сбалансировать уровни освещенности между ярким небом и более темной землей, давая фотографию с хорошей экспозицией и полной детализацией во всех областях.
Если у вас нет градуированного нейтрального фильтра или вы забыли взять его с собой на последнюю фотосъемку, не все еще потеряно — вы можете быстро и легко воссоздать эффект в Photoshop. Более того, вы можете более точно контролировать градацию, позволяя точно определить, где фильтрация будет начинаться и заканчиваться.
Для этого урока я буду использовать следующее изображение. Это потрясающий снимок, но его можно немного подправить, чтобы осветлить песок и выделить некоторые его детали.
Я рекомендую сохранить это изображение (или использовать ваше собственное) и следовать приведенным ниже шагам.
Фотография, на которую мы добавим «виртуальный» градуированный фильтр нейтральной плотности. Изображение Базза Андерсена.
1. Настройка светлых участков
Откройте изображение в Photoshop. Дважды щелкните слой «Фон», чтобы преобразовать его в редактируемый слой. Назовите его «Основные моменты».
Затем примените корректирующий слой «Уровни», выбрав «Слой» > «Новый корректирующий слой» > «Уровни» и назвав его «Highlight Levels». Перетащите центральный ползунок, пока яркие части фотографии (небо) не будут хорошо экспонированы; не беспокойтесь о темных областях, мы разберемся с ними через минуту. Я немного затемнил небо, перетащив ползунок на значение 0,9..
Отрегулируйте блики (небо).
2. Настройте тени
Щелкните правой кнопкой мыши слой «Света» и выберите «Дублировать слой». Назовите его «Тени» и нажмите «ОК».
На панели «Слои» перетащите этот новый слой на вершину стека.
Как и раньше, примените к изображению корректировку «Уровни», назвав ее «Уровни теней». На этот раз отрегулируйте средний ползунок, чтобы темные части сцены (песок) выглядели хорошо. Я выбрал значение 1,7, которое хорошо осветляет землю.
Отрегулируйте тени (земля).
3. Закрепите корректирующие слои
Прежде чем двигаться дальше, нам нужно «прикрепить» два корректирующих слоя к соответствующим слоям изображения. Это гарантирует, что каждый корректирующий слой влияет только на свой собственный слой изображения, а не на все изображение.
На панели «Слои» убедитесь, что настройка «Уровни выделения» расположена непосредственно над слоем «Свет». Нажмите на корректирующий слой, удерживая нажатой клавишу Alt/Option, и щелкните линию между ним и слоем «Highlights». Вы должны увидеть стрелку, указывающую вниз, рядом с настройкой «Highlight Levels», чтобы показать, что теперь она обрезана по слою «Highlights» ниже.
Повторите процесс со слоями «Тени» и «Уровни теней».
Прикрепите корректирующие слои к соответствующим слоям изображения.
4. Смешайте слои вместе
Теперь, когда у нас есть 2 изображения (одно скорректировано для бликов и одно для теней), пришло время смешать их вместе, чтобы получить изображение с хорошей экспозицией по всему периметру.
Нажмите на слой «Тени» и добавьте маску слоя (Слой > Маска слоя > Показать все). Выберите инструмент градиента из палитры инструментов и убедитесь, что он настроен на переход от черного к белому.
С выбранной маской слоя перетащите градиент от верхнего края изображения к нижнему (удерживая клавишу Shift, чтобы сделать его идеально вертикальным). Когда вы отпустите кнопку мыши, у вас останется фотография с хорошей экспозицией со всех сторон, точно так же, как если бы вы получили настоящий градуированный фильтр нейтральной плотности.
Скорректированное изображение с хорошей детализацией и экспозицией, как при использовании настоящего градуированного фильтра нейтральной плотности.
Рекомендуется несколько раз нарисовать градиент в разных местах, чтобы увидеть, что выглядит лучше. В конце концов я остановился на том, который начинался примерно на 1/4 пути вниз от верхней части рамы и заканчивался примерно на 1/4 пути вверх от низа.
5. Отрегулируйте общую контрастность
Теперь ваше изображение должно показывать хорошие детали во всех областях, но иногда на этом этапе оно может выглядеть немного «плоским», поэтому мне нравится немного увеличивать контрастность.
Выберите верхний слой в палитре слоев (это должен быть слой «Shadow Levels») и добавьте над ним новый слой с кривыми, нажав «Слой» > «Новый корректирующий слой» > «Кривые».
В панели управления придайте кривой RGB небольшую S-образную форму. Это увеличивает общий контраст фотографии и придает ей немного больше эффекта.
Используйте кривые, чтобы немного увеличить контраст.
Вот оно! Теперь ваша фотография должна выглядеть более сбалансированной.
