3.09.2019

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

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

Кадрирование изображения применяют и для того, чтобы оно вписалось в нужное место сайта, презентации или публикации. Иногда те, кто отвечает за верстку, просто задают пропорции сторон. Наиболее часто применяемые соотношения ширины к высоте (и высоты к ширине): 1:1; 1:2; 2:3; 5:7, а также соотношения сторон стандартных листов бумаги А3, А4, А5.

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

Простое кадрирование


Рис. 1. Исходное изображение

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

Итак, на Панели инструментов выбираем Рамку. Однократный щелчок по изображению приведет к появлению сетки из направляющих, которая делит изображение на 3х3 равных ячейки. Отметки по углам и серединам сторон называются "рукоятками". Сетка нужна для контроля соблюдения правила "золотого сечения", когда в узлах пересечения линий "золотого сечения" сосредотачивают важные точки (визуальные центры), в внутри ячеек располагаются логически законченные смысловые части изображения.


Рис. 2. Состояние вида изображения после щелчка по нему инструментом Рамка

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



Рис. 3. Вид курсора Рамка при наведении на угловую рукоятку сетки

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

 



Рис. 4, 5. Вид курсора Рамка при наведении на рукоятки середины любой из сторон кадрирующей рамки

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


Рис. 6. Перетаскивание левого верхнего угла Рамки




Рис. 7. Скомпанованная кадрирующая рамка

Для отказа от проведенной компоновки следует нажать на клавиатуре клавишу <Esc>. Для завершения операции, то есть для выполнения кадрирования по скомпонованной рамке, нужно нажать клавишу <Enter> или дважды кликнуть внутрь кадра.


Рис. 8. Вид изображения по завершению кадрирования

Кадрирование с поворотом изображения

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


Рис. 9. Пример "заваленой" фотографии

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


Рис. 10. Приблизительная компановка кадрирующей рамки

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


Рис. 11. Вид курсора инструмента Рамка, для поворота кадрирующей рамки

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


Рис. 12. Вид кадрирующей рамки при ее вращении

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


Рис. 13. Результат обрезки фотографии с одновременным ее поворотом

Масштабирование

Предположим, мы имеем фото северной бухточки размером 3648х2736 пикселей, из которого следует "вырезать" для сайта прямоугольное изображение 300х400 пикселей.


Рис. 14. Исходное фото 

Фото на рисунке 14 достаточно скучное, с артефактом в виде веток в правом нижнем углу и не слишком резкое, чтобы просто увеличить изображение и вырезать из него нужную часть "пиксель в пиксель". Придется проводить кадрирование с уменьшением. Такая операция легко выполняется инструментом Рамка.

Выберем инструмент Рамка. В левом верхнем углу окна Adobe Photoshop под меню появится настроечная панель инструмента. Если настроечная панель не появилась, ее можно вызвать на экран командой меню Окно - Параметры.


Рис. 15. Панель настройки инструмента Рамка

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


Рис. 16. Задание ширины (300 пикселей) и высоты (400 пикселей) кадрирования изображения в панели настройки инструмента Рамка

При первом однократном клике по изображению мы получим картинку с вертикальной кадрирующей рамкой во всю высоту фото. Отношение ее ширины к высоте составляет 300:400.


Рис. 17. Исходное положение кадрирующей рамки при однократном клике по изображению

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


Рис. 18. Соотношение сторон кадрирующей рамки при указании в настройках конкретной ширины и высоты результата не меняется

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


Рис. 19. Уменьшенное до размера 300х400 пикселей изображение. В Adobe Photoshop оно показано в масштабе 25%, как и исходное



Рис. 20. Итоговое изображение размером 300х400 пикселей


В панели настройки инструмента Рамка кроме пикселей могут быть указаны и другие единицы измерения, например, сантиметры (см) и миллиметры (мм). Пусть мы готовим цифровую фотографию для печати, чтобы поместить в рамку 15х20 см. Предположим, что линеатура растра аппаратуры фотолаборатории составляет 100 lpi. Тогда оптимальным разрешением фотографии буде удвоенное – 200 dpi. Указываем эти параметры в панели настройки:


Рис. 21. Настройка инструмента Рамка для фотографии шириной 20 см и высотой 15 см с разрешением 200 DPI

С этими настройками кадрируем следующее изображение:


Рис. 22. Изображение кадрируется в размер 15х20 см с разрешением для печати 200 dpi



Рис. 23. Как видно, итоговое изображение точно попадает в указанный размер и будет напечатано в фотолабе без потери качества

Дополнительные сведения

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


Рис. 24. Изменение размера кадрирующей рамки при повороте

1. Однако мы можем самостоятельно увеличить размеры рамки, переключив инструмент Рамка с вращения на перемещение углов или сторон. В этом случае, если изображение имеет фоновый слой, то он превращается в обычный, а участки результирующего слоя, вышедшие за границу холста, становятся прозрачными для типов изображений без нижнего фонового слоя (например, PNG) или окрашиваются в заданный фоновый цвет для изображений с нижним фоновым слоем (например, JPEG).


Рис. 25. Кадрирующая рамка вручную увеличена и вышла за пределы холста


Рис. 26. Результирующий слой перестал быть фоновым и выходящие за пределы холста участки стали прозрачны


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

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

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

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

Вопросы для самоконтроля
  1. Для чего необходимо кадрирование?
  2. Перечислите функции инструмента Рамка?
  3. Что такое "кадрирующая рамка"?
  4. Назовите функции рукояток кадрирующей рамки. Где они находятся?
  5. Как завершить операцию кадрирования и как от нее отказаться, если кадрирующая рамка уже скомпанована?
  6. Как выправить "заваленное" изображение?
  7. Где находится панель настройки инструмента Рамка? Ее назначение.
  8. Как задать соотношение сторон результирующего кадра в панели настройки инструмента Рамка?
  9. Как изменить разрешения для печати изображения?
  10. Что происходит при выходе кадрирующей рамки за пределы холста?
  11. Как очистить параметры, заданные в панели настройки инструмента Рамка?


Задание для самостоятельной работы

  1. Выберите изображение и кадрируйте его в соотношении сторон 3х4 см с разрешением 300 dpi.
  2.  Для выбранного изображения кадрируйте квадратный фрагмент 400х400 пикселей с наклоном в 45 градусов.
  3. Фотопортрет кадрируйте в размер 18х25 см с разрешением 150 dpi.
  4. Из пейзажной фотографии создайте "титульную" заставку для листовки шириной 20 см и высотой 3 см. Задайте разрешение 200 dpi.

Комментариев нет:

Отправить комментарий

Мои рекламные баннеры и заготовки Набор баннеров по федеральному проекту Три учебных курса по программам повышения квалификации по федеральн...