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

Дано: фотография картины. В своем первозданном виде она никак не годится для выкладывания:

ogri.me | Photoshop: Обработка снимков картин для online-галереи #01

Ожидаемый результат:

ogri.me | Photoshop: Обработка снимков картин для online-галереи #02

Последовательность действий по превращению первого во второе и вынесена на повестку сегодняшнего дня.

Как и в вышеупомянутой статье - Замечу: использую английский интерфейс, так что пункты меню, заголовки, названия секций как в тексте, так и на скриншотах (которые, кстати, кликабельны) даны на английском. Найти соответствующие в русском интерфейсе - проще пареной репы.

Итак, пошагово:

  1. Открываем файл в Фотошопе. Для удобства работы масштабируем изображение. Активизируем Zoom Tool, кликаем правым кликом на картинке и во всплывшем меню выбираем Fit on Screen (или кликаем на кнопку Fit Screen на появившемся вверху тулбаре).

  2. Если в интерфейсе программы не видны линейки, в главном меню выбираем View > Rulers (или нажимаем Ctrl+R). Кликаем поочередно на вертикальной и горизонтальной линейках и тянем курсор до ближайших к краям картинки углов - верхнего и нижнего, левого и правого. Там отпускаем левую кнопку мыши, остаются голубые линии. В результате они обрамляют искаженное пока изображение картины:

    ogri.me | Photoshop: Обработка снимков картин для online-галереи #03

  3. Кликаем на Rectangular Marquee Tool в панели инструментов (или просто жмем клавишу M). Выделяем зону вокруг прямоугольника, образованного пересечением голубых линий, так, чтобы углы отстояли от углов голубого прямоугольника на небольшое расстояние:

    ogri.me | Photoshop: Обработка снимков картин для online-галереи #04

  4. Правый клик на картинке - во всплывшем меню выбираем Free Transform (или в главном меню Edit > Free Transform, или используем акселератор Ctrl+T).

  5. Снова правый клик, выбираем Distort (те, кто предпочитает главное меню, идут в Edit > Transform > Distort).

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

    ogri.me | Photoshop: Обработка снимков картин для online-галереи #05

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

    ogri.me | Photoshop: Обработка снимков картин для online-галереи #06

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

  8. Опять-таки правый клик - выбираем Warp (Edit > Transform > Warp). Теперь, кликая в выбранных местах внутри выделенной зоны, можно локально подрихтовать изображение, подтягивая его части.

    ogri.me | Photoshop: Обработка снимков картин для online-галереи #07

  9. Теперь, когда часть фото, соответствующая нашему шедевру мировой живописи, почти идеально вписана в голубой прямоугольник, снова кликаем на Rectangular Marquee Tool. Предложение сохранить трансформацию принимаем с энтузиазмом, выражая его посредством нажатия кнопки Apply:

    ogri.me | Photoshop: Обработка снимков картин для online-галереи #08

  10. Теперь уберем с изображения все лишнее, а именно - находящееся за границами самой картины. Кликаем мышью в любом месте изображения, чтобы сбросить предыдущее выделение, после чего выделяем зону точно по сторонам голубого прямоугольника. Затем идем в главное меню и выбираем Image - Crop.

  11. Приведем картину к пропорции, соответствующей оригиналу. Заодно подгоним размеры к окончательным. Оригинал в моем случае имеет пропорцию 4:3, такие изображения я выкладываю на сайт в полноразмере 1600x1200. Проиллюстрирую процесс скриншотом, на котором три диалоговых окна соответствуют трем стадиям редактирования параметров. Поехали.

    ogri.me | Photoshop: Обработка снимков картин для online-галереи #09

    В главном меню идем в Image > Image Size (Ctrl+Alt+I). В открывшемся диалоговом окне видим текущие размеры имиджа (диалог 1). Выставляем ширину в искомые 1600 пикселей, при этом, поскольку чекбокс Constrain Proportions активен, то и высота подгоняется в соответствии с шириной (диалог 2). С оригинальной же пропорцией соответствия как раз не наблюдается - картинка немного растянута по высоте. Поэтому отключаем Constrain Proportions и выставляем нужные ширину и высоту, после чего жмем OK (диалог 3).

  12. Подкорректируем тона. Для начала попробуем довериться автоматике и выберем Image > Adjustments > Auto Levels (Ctrl+Shift+L). Иногда Photoshop делает это неплохо; в данном же случае цвета получились несколько кислотными:

    ogri.me | Photoshop: Обработка снимков картин для online-галереи #10

    Можно, конечно, настроить алгоритм автоматической коррекции, но мы ведь и сами не дураки, верно? Поэтому жмем Ctrl+Z и открываем интерфейс ручной корректировки тона - Image > Adjustments > Levels (Ctrl+L). В секции Input Levels видим некий график. Самое простое, что не повредит сделать, - убрать отрезки вне залитой области: это так называемый "шум". Как мы видим, левый ползунок черный, если двигать его вправо - темные тона делаются еще темнее; с правым же, белым - все наоборот (Preview - включено). Есть еще серый, он соответствует уровню средних тонов и двигается при перемещении двух предыдущих.

    ogri.me | Photoshop: Обработка снимков картин для online-галереи #11

    В принципе, достаточно вполне бездумно сдвинуть крайние ползунки к границам зоны, но можно попробовать и заехать за них, если результат будет лучше соответствовать оригиналу или вашему восприятию. Можно заодно подвигать серый для независимой подстройки средних тонов. Наконец, можно также поиграться с Output Levels, подстроив тем самым яркость и контраст, но я, как правило, удовлетворяюсь сдвиганием пиптиков в Input Levels. Лучшее - враг хорошего, не так ли? Поэтому жмем OK и получаем практически готовый результат. Можно сохранить его в файл.

  13. Что осталось? Только подготовить имидж для выкладывания в вебе. Он все еще тяжеловат. Стандартный способ для Фотошопа - идем в File > Save for Web & Devices (для маньяков, предпочитающих заучивать горячие клавиши, или просто для обладателей хорошей памяти - аж Ctrl+Shift+Alt+S). На экран вываливается соответствующий диалог:

    ogri.me | Photoshop: Обработка снимков картин для online-галереи #12

    В секции Preset можно выбрать один из готовых вариантов в заглавном дропбоксе либо вручную установить значения параметров. Тонкая настройка осуществляется изменением содержимого поля Quality. При этом слева внизу можно видеть размер файла изображения, соответствующий настройкам качества. Картинка также изменяется по мере изменения параметров. Выбрав приемлемое соотношение размер - качество, жмем Save. Имидж готов, заливаем его на хостинг и хвастаемся перед сетевой общественностью наличием Эрмитажа на своем сайте.

Комментарии  

Vadim
0 # Vadim 24.03.2014 02:30
В первом шаге Fit on Screen можно легче сделать два раза кликнув на руку которая находится на одну иконку выше лупы. А еще можно увеличить изображение до 100% (Actual Pixels) два раза кликнув на лупу.
В девятом шаге можно еще просто нажать Enter.
В десятом шаге можно сбросить выделение нажав Ctrl + D.
Ответить | Ответить с цитатой | Цитировать
Ogri
0 # Ogri 24.03.2014 18:14
Спасибо, Вадим. Буду новые картины готовить - возьму на вооружение.
Ответить | Ответить с цитатой | Цитировать
singulair4us.top
0 # singulair4us.top 11.10.2022 02:52
This is а topic that is neаr һow to get cheap singulair pills - singulair4սs.toр,
mу heart... Tɑke care! Eⲭactly whеre are ʏoᥙr contact details though?
Ответить | Ответить с цитатой | Цитировать
phentermine near me
0 # phentermine near me 12.10.2022 06:11
Juѕt ɗesire to sayy your article is aas astounding. The cleaгness in your
post is simply spectacular and i can assume you are ann exрert on this subject.
Fine with yοur permission leet me to grab your feed
to keep up to date witһ forthcoming post. Thаnks a millіon and ρleаse keep up the gratіfying work.
Ответить | Ответить с цитатой | Цитировать
propecia
0 # propecia 12.11.2022 00:22
I was abⅼe to fіnd gօod advice fгom ʏour content.

Heгe iѕ my website ... propecia
Ответить | Ответить с цитатой | Цитировать
lisinopril 5 mg
0 # lisinopril 5 mg 20.11.2022 11:21
What's up it's me, I am aⅼѕo visiting thіs web page daily, this site is reаlly pleasant and the users are genuinely sharing fastidious thⲟughts.


Here is my web blog; lisinopril 5 mɡ
Ответить | Ответить с цитатой | Цитировать
ads508
0 # ads508 21.01.2023 02:50
I am truly pleased to read this weblog posts which consists of lots of useful information, thanks for providing such statistics.
Ответить | Ответить с цитатой | Цитировать
pvp777
0 # pvp777 24.01.2023 20:13
Hi there! I realize this is kind of off-topic but I needed to ask.

Does operating a well-established blog like yours take a lot of work?
I am completely new to operating a blog however I do write
in my journal on a daily basis. I'd like to start a blog so I can easily share my
experience and views online. Please let me know if you have any recommendations or tips for brand
new aspiring bloggers. Appreciate it!
Ответить | Ответить с цитатой | Цитировать
sarang777
0 # sarang777 25.01.2023 21:41
Can I simply say what a relief to find someone that genuinely understands what they're
talking about online. You definitely realize how to bring a problem to light and make
it important. A lot more people have to check this out and understand this
side of the story. I can't believe you aren't more popular since you most certainly possess the gift.
Ответить | Ответить с цитатой | Цитировать
pola slot starlight
0 # pola slot starlight 26.01.2023 15:50
I needed to thank you for this good read!! I absolutely
loved every bit of it. I have you saved as a favorite to look
at new stuff you post…
Ответить | Ответить с цитатой | Цитировать
gatot kaca
0 # gatot kaca 27.01.2023 11:50
This is my first time pay a visit at here and i am
actually pleassant to read all at single place.
Ответить | Ответить с цитатой | Цитировать
lioresal4us.top
0 # lioresal4us.top 11.02.2023 16:14
My brothег suggested I would poѕsіbly ⅼiқe this blog.
He used tо be entirely right. This sսbmit actually made my day.

You can not consider sіmply how mᥙсh time I had spent for this
infⲟ! Tһank you!

Review my web рage: lioresal tablets (lioresaⅼ4us.top)
Ответить | Ответить с цитатой | Цитировать

Добавить комментарий


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