Как сделать ресайз в фотошопе
Повышение резкости при уменьшении изображения. Последний штрих.
В предыдущей части мы рассмотрели, как повысить резкость в уменьшенном изображении (ресайзе). Наглядно увидели, как можно расширить возможности имеющихся штатных инструментов Photoshop. Но. все равно чего-то не хватает. Вроде и картинка резкая, но что-то не то. А все дело в мелких деталях. Часть из них после уменьшения фотографии просто пропала. А те, которые сохранились, потеряли большую часть текстуры и выглядят либо плоско, либо вообще сливаются в "кашу".
Восстановить эти мелкие детали уже никак не получится. При ресайзе бОльшая часть пикселей просто исчезла. Хотя бы просто потому, что втиснуть 9-16 пикселей в один, технически невозможно. Элементарно не хватает разрешения. Но можно попытаться дополнительно прорисовать сохранившиеся остатки текстур. А на тех участках, где текстура совсем не сохранилась, создать имитацию ее присутствия.
Как это можно сделать? Один из способов известен уже очень давно и был предложен Дэном Маргулисом. Просто сгенерировать шум. К примеру, равномерная каша из остатков травы чудесным образом преображается, и уже создается впечатление видимости травинок.
Метод действенный, эффективный, но. Во-первых, он решает только часть проблем, а во-вторых, часто совсем нежелательно, чтобы шум заполнил все изображение. Можно, конечно, маскировать, но не всегда это удобно.
Другой метод состоит в том, чтобы усилить микроконтраст. Сделать это можно несколькими способами. Например, через частотное разложение, что многие производители плагинов и делают. Выделить узкую полосу с радиусом 1-2 пикселя и поднять в ней контраст. Но лично я предпочитаю делать несколько иначе.
Воспользуемся для этого старым добрым Unsharp Mask (Контурная резкость). Почему им? Потому что он дает ореолы с гауссовым распределением яркости и потому что с ним быстрее и удобнее сформировать то, что нам нужно. Так как мы не собираемся дополнительно повышать резкость, а хотим только усилить микроконтраст, ширина ореолов должна быть значительно больше. Плюс, желательно раздельное управление ореолами. И не на исходном изображении, а так же, как и с резкостью, на высокочастотных слоях. А также, имеет смысл сделать ширину светлых ореолов меньше, чем темных. Так как светлые ореолы всегда более заметны.
Вот пример из предыдущей части. Там мы закончили на таком варианте.
С тем, что нам нужно, мы определились. Давайте это реализуем и посмотрим, чтоу нас получится.
Создадим 2 копии слоя с исходным изображением и назовем их Micro Contrast Dark и Micro Contrast Light.
Теперь нам нужно определиться какой выбрать радиус для светлых и темных ореолов. Естественно, что для разных размеров оптимальный радиус будет отличаться. Лично я считаю, что значения 2,5 для темных ореолов и 1,5 для светлых, оптимальны для наиболее широко распространенных размеров 900х600 - 1200х800. Смело можно эти же значения использовать и в более широком диапазоне. От 600х400 до 1800х1200. Для совсем маленьких ресайзов, в идеале, можно подобрать другие значения. А в случае совсем крупных ресайзов, это уже явно не для web-публикации, да и сама методика повышения резкости будет несколько иная.
Применим к обоим новым слоям фильтр Unsharp Mask (Контурная резкость). К слою Micro Contrast Light с силой воздействия 100% и радиусом 1,5. А для слоя Micro Contrast Dark используем силу воздействия 100% и радиус 2,5.
А теперь вычтем из Micro Contrast Light и из Micro Contrast Dark слой с исходным изображением. Вычитается точно так же, как мы делали со слоем Resize Sharpen в предыдущей части. "Изображение" - "Внешний канал" и все параметры выставляем точно такие же.
Получаем еще одну пару высокочастотных слоев.
Только режим наложения для этих слоев выберем не Линейный свет, а Перекрытие. Потому что, во-первых, нужная нам интенсивность ореолов при этом режиме наложения достаточна и нет необходимости ее усиливать, а во-вторых, и это главное, в этом режиме не происходит перенасыщения ореолов. Подробнее мы об этом говорили в 6 части.
В стилях слоев, по аналогии со слоями группы Resize Sharpen, зададим отображение только темных ореолов для слоя Micro Contrast Dark.
И только светлых ореолов для слоя Micro Contrast Light. Обратите внимание, что для слоя Micro Contrast Light ползунки в поле "Подлежащий слой" мы не трогаем. Ибо для режима наложения "Перекрытие" в этом нет необходимости. И так же, как и в случае группы слоев Resize Sharpen, непрозрачность слоя со светлыми ореолами немного уменьшена.
Так же, по аналогии, объединим эти два слоя в группу. Вызываем окно Слои - Новый - Группа из слоев. Назовем группу Micro Contrast и для удобства зададим другой цвет.
Вот, что у нас должно получиться.
Осталось только уменьшить непрозрачность группы слоев.
Так как широкие ореолы визуально тоже несколько повышают резкость, имеет смысл понизить непрозрачность группы Resize Sharpen. Для фотографии рассматриваемой в качестве примера я уменьшил непрозрачность группы Micro Contrast до 40%, а непрозрачность группы Resize Sharpen понизил до 35%. Вот что, в итоге, получилось.
Уже заметно лучше. Дополнительно прорисовались текстуры. Появился дополнительный объем. Степень непрозрачности групп вы можете подрегулировать по своему вкусу.
Таким образом, мы получили очень гибкий инструмент. Меняя соотношение непрозрачности этих двух групп слоев, вы можете быстро подобрать подходящие параметры для различных жанров фотографии. Естественно, все эти действия нужно записать в экшен. Так как повторение такого набора действий каждый раз, легко может довести до нервного срыва кого угодно.
На этом можно было бы и остановиться. Я сам, до совсем недавнего времени, использовал именно такой метод повышения резкости в ресайзах. За исключением еще нескольких слоев-"улучшалок", которые непосредственно к резкости отношения уже не имеют. Но нет предела совершенству. Оказывается, можно сделать еще лучше.
Не так давно, решил я посмотреть, какие методы повышения резкости предлагает Андрей Журавлев в созданной им панели для школы Profile. Кому интересно, можете сами установить и попробовать Панель для ретуши и обработки изображений.
Попробовав зашитый в панель экшен для повышения резкости в ресайзе, поначалу, я был в некоторой растерянности. Вот, что у меня получилось на такой пейзажной фотографии.
Видно, что и резкости толком нет, и какая-то "лохматость" присутствует. Для сравнения, вот что получится, если мы повысим резкость подробно описанным выше методом.
Однако, зная Андрея Журавлева, трудно заподозрить его в том, что он выдаст какую-то халтуру. И действительно, опробовав его метод на различных фотографиях, можно убедиться в том, что что для других типов изображений, его метода дает неплохой результат. Вот ресайз.
А вот что получится при использовании экшена Андрея Журавлева.
Великолепно прорисовались текстуры, но. тонкой резкости все равно не хватает. Впрочем, кто мешает добавить резкости выше описанной методикой? Если оставить только группу слоев Resize Sharpen и добавить к ним слой по методу Андрея Журавлева, то получится вот что.
И текстуры отлично прорисованы, и резкость появилась. Я только подрегулировал соотношение непрозрачностей слоев.
Мне настолько понравилась идея Андрея, что я, поначалу, решил вообще выкинуть из своего экшена группу слоев Micro Contrast и вставить слои, полученные по его методу. Однако, продолжив эксперименты и перепробовав на разных типах фотографиях разные варианты, оказалось, что в одних случаях лучше ведет себя один метод, в других, другой. Чаще, метод Андрея дает лучший результат, но не всегда.
Поэтому, лично для себя, я решил оставить и группу слоев Micro Contrast, и включить в экшен еще одну группу, со слоями, образованными по методу Андрея Журавлева.
Создадим эту новую группу слоев. Сделайте 2 слоя-копии исходного изображения. Назовем нижний Textures, а верхний Temp.
Андрей Журавлев в своем экшене использует размытие по поверхности. Мне же, после экспериментов, больше понравилось использование "умное" размытие. Однако, "умное" размытие не работает в 16-битном режиме. Если для вас это важно, можете использовать предложенное Андреем размытие по поверхности. Различия незначительны. В качестве примера возьмем другую фотографию. На ней лучше будут видны различия.
Применим не гауссово, а размытие по поверхности ("Фильтр" - "Размытие" - "Размытие по поверхности") к слою Temp с такими вот настройками.
Почему именно такими? Параметр "Радиус" задает ширину размытия. А параметр "Изогелия" задает порог перепада яркостей, выше которого размытия на контрастной границе еще не происходит. Так как нас интересуют только слабо прорисованные текстуры, то и значение этого порога не должно быть большим. Но теория теорией, а оптимальные значения все равно пришлось подбирать на реальных фотографиях. Подобрал их даже не я, а Андрей. Я же, поэкспериментировав, всего лишь убедился в том, что действительно, такие параметры наиболее оптимальны. Если у вас есть желание, можете сами поэкспериментировать. Возможно, для себя, вы сможете подобрать лучше.
В результате, у нас получится вот такая картинка.
В отличии от гауссова размытия, все контрастные контуры сохранились. Зато размылись все текстуры. А это как раз то, что нам и нужно. Идея Андрея Журавлева как раз и состояла в том, чтобы, забрав с копии исходника все текстуры на отдельный высокочастотный слой, усилить их путем наложения на исходное изображение. Но как же с этого слоя забрать текстуры, если мы их, наоборот, размыли? Все очень просто. Вычтем не из этого слоя исходник, а наоборот. Вычтем из копии исходного изображения (слой Textures) этот слой (Temp). Как раз, в результате вычитания, и останутся только текстуры.
Вот, что у нас получится.
Слой Temp, теперь, можно удалить. А к получившемуся слою Textures применим режим наложения "Перекрытие".
Теперь, так же, как и в предыдущих случаях, разделим этот слой на два, для раздельного управления светлыми и темными ореолами. Создаем копию этого слоя, называем ее Textures Light, а слой Textures переименовываем в Textures Dark. Далее, заходим в стили слоев и выставляем параметры полностью аналогичные тем, которые мы использовали при создании группы слоев Micro Contrast. Не привожу скриншоты, так как вы уже должны научиться это делать самостоятельно. Плюс, можно воспользоваться скриншотами выше.
Объединим эти 2 слоя в группу Textures. Так же, по аналогии с предыдущими группами. Вот что у нас получилось в результате всех наших действий. Для удобства, слои в группах можно свернуть.
Осталось только отрегулировать прозрачности всех этих групп. Группу Micro Contrast можно было бы вообще отключить и использовать ее только в качестве альтернативы группе Textures для некоторых типов фотографий. Однако, я решил сделать по умолчанию ее видимой, но снизив непрозрачность до 15%. Непрозрачность группы Textures уменьшена до 35%, а группы Resize Sharpen до 40%. Естественно, такие значения не аксиома, но для большинства фотографий, если это рабочий поток и нет времени заниматься индивидуальной настройкой, дают хороший результат.
Вот исходная уменьшенная фотография.
Вот что получается, если только повысить резкость группой слоев Resize Sharpen.
А вот результат совместной работы групп Resize Sharpen и Textures.
Хорошо видно, насколько лучше прорисовались облака и трава. Группа слоев Textures очень по-разному действует на разных типах фотографий. Поэтому оптимальные значения непрозрачности этой группы могут варьировать в широких пределах.
ВАЖНО! Выявлен плавающий баг. Евгений Карташов обнаружил конфликт некоторых драйверов видеокарт с Photoshop. Баг проявляется в том, что у ряда пользователей не корректно работает фильтр Smart Sharpen ("Умная" резкость) при значении радиуса 0,1. В некоторых случаях при таком значении радиуса не происходит никаких видимых изменений.
Отдельная благодарность Евгению Карташову за выявление этого бага и за простой способ решения данной проблемы. В случае наличия конфликта, для корректной работы фильтра Smart Sharpen ("Умная" резкость) нужно в настройках Photoshop в разделе "Производительность" отключить использование графического процессора.
Это необходимо для ручной работы. В случае использования экшенов из пакета Skitalets Sharpen начиная с версии 6.6 и выше, пользователю ничего дополнительно делать не нужно. Экшен сам, на время своей работы, отключает графический процессор, а по окончании работы, снова подключает.
Как я уже говорил выше, каждый раз повторять такую последовательнось действий, просто безумие. Поэтому, естественно, все это нужно записать в экшен. Единственное отличие, в моем экшене все фильтры применяются не к композитному изображению, а к черно-белому.
В папке 2 экшена. Один, минимизированный, чтобы в рабочем потоке не путаться в куче слоев. В нем образуется только 2 группы слоев, Resize Sharpen и Textures. Второй больше ориентирован на индивидуальную работу. В нем, помимо рассмотренных 3 групп слоев, формируется еще 3 дополнительных слоя-"улучшателя", по умолчанию отключенных.
Слой Local Contrast сформирован на основе известного метода HiRaLoAm. Я только частично ограничил в нем видимость светлых ореолов.
Слой Saturation, как понятно из названия, повышает насыщенность. Образован вычитанием из композитного изображения канала "Яркость" из цветового пространстве HSB.
Слой Invert Shadow предназначен для небольшого вытягивания теней. Это можно было бы сделать и на исходнике, но лично мне, удобней использовать отдельный слой.
В заключении, как и обещал, выкладываю готовые экшены созданные на основе всего вышеизложенного Skitalets Sharpen v.6.6
Если вы работаете с фотографией индивидуально, то нет проблемы в том, чтобы подобрать наилучшие значения непрозрачности групп слоев. Если же у вас большой рабочий поток и некогда всем этим заниматься, вы можете самостоятельно дописать экшен. Это совсем несложно.
Возьмите несколько типичных фотографий одного из ваших жанров и подберите для них оптимальные настройки. Запустите экшен. После того, как экшен отработал, разверните в самом экшене список команд и сделайте активной самую последнюю. После этого включите запись и задайте непрозрачности групп и, если необходимо, отдельных слоев, соответственно вашим ранее подобранным оптимальным значениям. После этого запись отключите. Вуаля, получился индивидуально настроенный экшен. Точно так же поступите и с остальными жанрами, сделав предварительно копии экшена. Потом, просто переименуйте удобным вам образом все эти копии, настроенные под разные типы фотографий. Таким образом у вас получится пакет из нескольких экшенов, настроенных под разные типы изображений.
В предыдущей части мы рассмотрели, как повысить резкость при достаточно сильном уменьшении изображения. В этой части рассмотрели, как дополнительно улучшить изображение, вернув ему после уменьшения микро объем и текстуры. На этом, мы завершаем рассмотрение вопросов связанных с повышением резкости в ресайзах. В следующей части нам предстоит разобраться, как лучше всего повышать резкость в фотографиях с оригинальным разрешением.
Let's talk about how to change the size of an image in Photoshop. I suggest that you start with this image from the downloadable practice files for this tutorial. I'd like to set the size of this image, so that it's a good fit for posting to a particular website, where I happen to know, that the ideal image size is 900 pixels wide. Before we resize this image, let's check how big it is to start with. In most cases, you'll want to start with an image that's bigger than or at least not a lot smaller than the resized image that you need. That's because, if you enlarge an image a lot, at some point, it can start to look blurry. I'll go down to the status bar at the bottom of the Document window, and I'll click and hold on the document size information. In the small window that pops up, we can see that this file is 1800 pixels wide by 1200 pixels high. Since we want to put it in a spot that's only 900 pixels wide on our website, that means we'll be scaling it down. To resize this image, I'll go up to the Image menu, and I'll choose Image Size. That opens the Image Size dialog box. If you like, you can make this window bigger by going to the bottom right corner and dragging out. Over on the left, you can see a preview of the image and on the right, are the controls for changing image size. There's a lot of information here, but you don't have to work through all of it, particularly when you're resizing an image that will be viewed on the screen as opposed to print. As we are in this example. So, there's just a couple of things to check here. First, make sure that this Link icon is on. This is what it looks like when it's on. If I click it, this is what it looks like when it's off. So, we want it on, to make sure that the Width is linked to the Height, so that when we resize the image, the original proportion of width to height is preserved and the image doesn't look squeezed or stretched. Second, make sure that there's a checkmark in this box, the Resample box. When this box is checked, you're telling Photoshop that it's OK to throw away some pixels when it makes this image smaller. Or if you were making the image bigger, to add some pixels. And third, take a look over to the right of the Width and Height fields, where you can see the unit of measurement that's being used to report the dimensions of the image. By default, this is set to inches. But when you're sizing an image for use on-screen as we're doing in this example, the correct unit of measurement is not inches, it's pixels. So, I'm going to click on either of these 2 menus, and change it from Inches to Pixels, and the other menu changes too because the Width and Height are linked. Now it's time to change the size. I'll go to the Width field and instead of 1800 I'll type 900. You can see that the Height field automatically changed, and it changed proportionately. Now, here's a bonus tip: if you wanted an image to have different proportions, say 900 by 400, rather than 900 by 600 in this case, the best way to achieve that would be to use another tool, the Crop tool, which we're going to cover in another movie. Before I click OK, you may be wondering why I didn't change the Resolution field. That's because this Resolution field is only relevant when you're preparing an image for print. When you're sizing an image for on-screen use, as in this example, the number in this field really doesn't affect the dimensions of the image. So, you can leave it set to whatever it happens to be. So, after making those few changes in the Image Size dialog, we can now come down to the OK button and click there to close the Image Size dialog box and take us back to the Document window. If you like, you can go back to the Status bar and check the size of the resized image. I'll click and hold on the information there and you can see that we now have a 900 by 600 pixel image instead of the original which was 1800 by 1200. All that is left to do, is to save the image. I'll go up to the File menu, and I'm going to choose Save As. rather than Save because I don't want to save over the original 1800 by 1200 pixel version. So, in the Save As dialog, I'm going to give this version another name. You can type anything you want here. I'm going to type "Resize-web.jpg" for my web sized version of the file. I'll leave everything else as it was and I'll click Save. I'll click OK in the JPEG options window, and now we're done. So that's how to resize an image for on-screen use in Photoshop's CC Image Size dialog box.
What you learned: To resize an image
- Choose Image > Image Size.
- Measure width and height in pixels for images you plan to use online or in inches (or centimeters) for images to print. Keep the link icon highlighted to preserve proportions. This automatically adjusts the height when you change the width and vice versa.
- Select Resample to change the number of pixels in the image. This changes the image size.
- Click OK.
Set the resolution
Change the resolution of an image.
If you like to print images, it can be useful for you to have a basic understanding of what image resolution means in Photoshop, and how to change the resolution of an image to prepare it for print. That's done in the Image Size dialog box. If you're following along, let's open this image, that you'll find in the practice files for this tutorial. And then go up to the Image menu, and choose Image Size. In the Image Size dialog box, you can see the Dimensions of this image reported in pixels. When an image is still on your computer, that's how we measure its size, in pixels. But if we were to print this image, we would measure the size of the print in inches, not pixels. Down here in the Resolution field, you can see the resolution that's currently set for this image, it's 100. There's nothing special about a resolution of 100, it's just a round number that I picked when I set up the file for this lesson. Now, what does Resolution mean here? Well, if you read across this line from left to right, you may get a sense of it. This is telling us that resolution is a particular number of Pixels/Inch, in this case 100 Pixels/Inch. Another way to say that, is that if and when you print this image, 100 pixels out of the total 1800 across and the total 1200 down, will be assigned to every printed inch, horizontally and vertically. Now if you don't like math problems, you can skip the next part, but if you like to think of this in terms of math, here's a simple example. So, the math problem is: divide 1800 by 100 and you get 18. That means that at resolution of 100 pixels per inch, this file will print at 18 inches across. And it works the same way vertically. If we divide the total, 1200 pixels of height into groups of 100, that gives you 12 groups or 12 inches. So, the height of the printed image will be 12 inches. So, if you understand that basic concept, now you're probably wondering, well what's the best number to put in the Resolution field when you're preparing an image for print? Unfortunately, there's no one answer because that depends on what printer you're using. But assuming you're printing at home on a typical inkjet printer, it's fair to say, that a resolution of about 300 pixels per inch will do. If I were to print the image with only 100 pixels per inch, it might look OK, but if you got really close to it, it wouldn't look its best. Because my desktop inkjet printer really needs around 300 pixels per inch. So how do you go about changing the resolution of a printed image to 300 pixels per inch in this dialogue box? The first step is to make sure that the Resample box is unchecked. Because if we're just changing the resolution, we probably don't want to change the total number of pixels in the file. And that's what Resample does. So, let's say that we want the total number of pixels in the file to remain at 1800 by 1200. We just want to reallocate them into groups of 300 rather than groups of 100. So, what I'm going to do is type 300 in the Resolution field. Spoiler alert: when I do that, the number of inches in the Width and Height fields will change too. So, let's go ahead and type 300 here. And sure enough the Width and Height have changed from 18 inches and 12 inches, to 6 inches by 4 inches. And that's the size at which this image will print with the necessary resolution to make the best print. I'm done here, so I'm going to click OK. That closes the Image Size dialog box and takes me back out to the Document window. And here I have an image ready to save and print at 6 inches by 4 inches, with 300 pixels in every inch.
What you learned: To change image resolution
- Choose Image > Image Size. Resolution in this dialog box means the number of image pixels that will be assigned to each inch when the image is printed.
- Leave width and height set to inches for printing.
- Deselect Resample to preserve the original number of image pixels.
- In the Resolution field, set the number of pixels per inch to 300 for printing to a typical desktop inkjet printer. This changes the number of inches in the width and height fields.
- Click OK.
Crop and straighten an image
Use the Crop tool.
The Crop tool is one of Photoshop's CC most useful tools, particularly for those of you who take lots of photographs. You can use it to improve a composition and to straighten crooked photos. I've opened this photo from the practice files for this tutorial. So, I can show you the basics of the Crop tool. I'll start by selecting the Crop tool here in the Tools panel. As soon as I do, you can see this border around the whole image. That's the Crop box. I'll move my cursor over any of the corners or any of the edges of the Crop box and drag to reshape that box. So, in this case, I might drag it way in to create a very different composition than the original photograph. As you create your crop, Photoshop shows you a preview with the areas to be cropped away shaded in gray. That way you can evaluate what it is you're about to eliminate before you finalize the crop. Now, before I finalize this crop, I want to go up to the Options bar to show you an important option there. And that is Delete Cropped Pixels. That option is checked by default. I usually like to uncheck that. Because when Delete Cropped Pixels is checked, if you finalize the crop and save the image, you'll permanently delete the cropped away pixels. But, with this option unchecked, you can bring back the cropped away pixels at any time. Let's give it a try. I'm going to finalize this crop by going over to the big Checkmark in the Options bar and clicking there. Now, there are other ways to finalize a crop, but I like this way because it's very simple. So now you can see the photo with the crop applied. Let's say that I'm doing something else with the image and then, I change my mind about the way I'd cropped it. At any time, I can go back and select the Crop tool and then click on the image again, and all the pixels that I cropped away appear back in view and I can change my crop. This time I might include some of those cropped away pixels. By the way, you may have noticed that there's a grid of vertical and horizontal lines on top of my photo as I use the Crop tool. This overlay presents a classic compositional technique known as the rule of thirds. The idea of this technique is that if you place the important content in an image at the intersection of any of these horizontal and vertical lines you may improve the composition. Let's give it a try with this image. I'm going to place the bouquet right at this intersection by clicking on the image and dragging and placing it here. And then I might reshape the crop boundary a little more, pulling it in tighter on this bouquet. And then I'll click the Checkmark. Again, I'm going to click on the image with my Crop tool to try to fine-tune this crop a little more. I notice that this image is a little crooked, especially down here at the table. One of the things you can do with the Crop tool is straighten an image. There are a couple of ways you can do that. You either can move your cursor outside of one of the corners and manually try to drag to straighten the image, and this grid appears that helps you do that. I prefer the automatic method. So, I'm going to undo, that's Command + Z on the Mac, Ctrl + Z on the PC. So, the image is crooked again and then I'll go up to the Options bar and I'm going to use the automatic straighten tool. I'll click on that tool to select it in the Options bar for the Crop tool. I'll move into the image, and then I'm going to click along the edge of this table, hold my mouse down, and drag a little way further along that edge. Now you don't have to go all the way along with the edge. Sometimes just a little bit will do the trick, like this. And Photoshop uses your line as a guide to rotate the image so that the content looks straight. I'm going to fine-tune this crop a little more, maybe bringing up this edge and maybe moving the bouquet over a bit to put it right in the center. And then I'm going to go up to the Options bar and click the Checkmark to finalize my crop. So those are some of the basics of the Crop tool. I hope you give these techniques a try to work on your own compositions in Photoshop.
What you learned: To crop and straighten an image
- Select the Crop tool in the Tools panel. A crop border appears.
- Drag any edge or corner to adjust the size and shape of the crop border.
- Drag inside the crop border to position the image inside the crop border.
- Drag outside a corner of the crop border to rotate or straighten.
- Click the check mark in the options bar or press Enter (Windows) or Return (macOS) to complete the crop.
Expand the canvas
Add some space to the document canvas.
There may be times when you want to add to your document canvas, so there's more room to add elements like text or images to your design. You can do that by using the Canvas Size command which we'll look at in this lesson. If you're following along, you can use this image from the practice files for this tutorial or an image of your own. To add to the canvas around this image, I'll go up to the Image menu, where there is a Canvas Size. command right below the Image Size. command. Now, just to keep these 2 straight, the Image Size command. which we looked at in another video in this tutorial, works differently than the Canvas Size. command. Unlike Image Size. Canvas Size. doesn't change the size of your actual photos or other artwork or images in a composition. It just lets you add space around those items. So, let's select Canvas Size. And that opens the Canvas Size dialog. At the top of this dialog, you can see the Width and Height of this image in Inches. And down here you can add to the Width of the canvas or add to the Height of the canvas or both. And those fields are set to Inches by default also. But when you're preparing an image for online use, rather than for print, it makes more sense to change this unit of measurement to Pixels because that's the way we measure and talk about the size of images on screen, as you learned earlier in this tutorial. So, I'm going to change either one of these menus from Inches to Pixels. And the other menu changes too. If you know the total width in pixels that you want the image to be after expanding the canvas, you could type that number here in the Width field. But it's often easier to just tell Photoshop how many pixels to add to the canvas without worrying about what the total will be. To do that, come down here and click the Relative checkbox. That sets the number in the Width and Height fields to 0. And now, I can type in the number of pixels that I want to add to the canvas. So, let's say that I want to add 400 pixels to the width of the canvas. I'll type 400 here. If I wanted to add to the height of the canvas, I could do that too. I'm just going to leave that at 0 for now. And then I'll click OK to apply that. And out in the Document window, you can see that Photoshop added canvas to both the left and the right sides of this photo. What it did was split the 400 pixels of extra width that I asked it for, into 200 pixels on the right and 200 pixels over here on the left. Well, what if I wanted to add canvas to just one side of this image. Let's say over here to the right side. That's done slightly differently. So, let's undo what we've done so far, try that instead. I'll press Command +Z on the Mac, Ctrl + Z on a PC to undo. And I'll go back to the Image menu and choose Canvas Size. again. The first thing I'm going to do here is to check that the Width and Height fields are still set to Pixels. And they're not, they've reverted to the default Inches. So again, I'll change those menus to Pixels. And I'll double check that Relative is checked. As I said, I want the added canvas to appear just on the right side of this image. To do that, I'll go down to this anchor diagram and I'm going to click on the middle box on the left side of this diagram. What that does is tell Photoshop to pin or anchor the image to the left side of the canvas, and put the extra canvas to its right. So now I'm going to go up to the Width field, and I'm going to type in the number of pixels that I want to add to the right side of this image. Let's add 800 pixels. And click OK. And that's exactly the effect that I wanted. You probably noticed that so far, my canvas extensions have all been white. But you can control the color of your canvas extension, here in the Canvas Size dialog, using the Canvas extension color menu here. By the way, if you're working on another image, and you're not on a special background layer, as we are in this image, then your Canvas extension color menu will be unavailable and the canvas that you add will be transparent. It will appear like a gray and white checkerboard in Photoshop. I'm just going to click Cancel. And, if I want to save this image, I'll go to the File menu and I'll choose Save As. so I don't save over my original. So that's how you can add space to your document canvas, so you have some extra room to add more image elements.
Это короткое видео расскажет, как изменять размер изображений в Photoshop.
Для получения более подробной информации о том, как изменить размер и/или разрешение всего за несколько шагов, прочитайте полную статью.
Команда Размер изображения в Photoshop содержит метод сохранения детализации и обеспечивает повышенную резкость при увеличении изображений.
Кроме того, диалоговое окно Размер изображения в Photoshop обновлено для удобства использования.
- В окне доступен предварительный просмотр изображения на основе параметров изменения размера.
- При изменении размеров диалогового окна изменяется размер окна просмотра.
- Параметр Масштабировать стили включается и выключается в меню со значком шестерни, расположенном в правом верхнем углу диалогового окна.
- Во всплывающем меню Размеры выберите другие единицы измерения для отображения размеров итогового выводимого изображения.
- Щелкните значок связи для включения или выключения параметра сохранения пропорций.
Выберите команду Изображение > Размер изображения .
Выполните любое из следующих действий для изменения режима просмотра изображения.
- Чтобы изменить размер окна просмотра, перетащите угол диалогового окна Размер изображения и измените его размер.
- Чтобы просмотреть другую область изображения, перетащите указатель в области предварительного просмотра.
- Чтобы изменить масштаб просмотра, удерживая нажатой клавишу Ctrl (Windows) или Command (Mac OS), щелкните мышью в изображении предварительного просмотра для увеличения масштаба. Удерживая нажатой клавишу Alt (Windows) или Option (Mac OS), щелкните мышью для уменьшения масштаба. После нажатия кнопки мыши процент увеличения в течение короткого периода отображается в нижней части изображения предварительного просмотра.
Чтобы изменить единицы измерения размера в пикселах, щелкните треугольник рядом с пунктом Размеры и выберите в меню требуемый параметр.
Чтобы сохранить исходные пропорции ширины и высоты, убедитесь, что параметр Сохранить пропорции включен. Если требуется масштабировать ширину и высоту независимо друг от друга, нажмите на значок Сохранить пропорции для удаления связи между ними.
Можно изменить единицы измерения ширины и высоты, выбрав требуемый вариант в меню справа от текстовых полей Ширина и Высота .
Выполните одно из следующих действий.
- Чтобы изменить размер или разрешение изображения и обеспечить пропорциональную корректировку общего количества пикселов, убедитесь, что выбран пункт Ресамплинг , и при необходимости выберите метод интерполяции в меню Ресамплинг .
- Чтобы изменить размер изображения или разрешение без изменения общего количества пикселов изображения, не выбирайте пункт Ресамплинг .
(Необязательно) В меню Подогнать под :
- Выберите стиль для изменения размера изображения.
- Выберите Автоматическое разрешение , чтобы изменить размер изображения для определенного выходного варианта печати. В диалоговом окне Автоматическое разрешение укажите значение для параметра Экран и выберите Качество . Можно изменить единицу измерения, выбрав требуемый вариант в меню справа от текстового поля Экран .
Введите значения Ширина и Высота . Чтобы указать значения в другой единице измерения, выберите требуемый параметр в меню рядом с текстовыми полями Ширина и Высота .
Новый размер файла изображения появляется в верхней части диалогового окна Размер изображения (старый размер указывается в скобках).
Чтобы изменить Разрешение , введите новое значение. (Необязательно) Можно также выбрать другую единицу измерения.
Если изображение содержит слои с примененными к нему стилями, выберите пункт Масштабировать стили с помощью значка шестерни для масштабирования воздействия стилей на изображение с измененными размерами. Эта функция доступна только в том случае, если выбран параметр Сохранить пропорции .
По окончании изменения настроек нажмите кнопку «ОК».
Чтобы восстановить исходные значения, отображаемые в диалоговом окне Размер изображения , выберите Исходный размер в меню Подогнать под или, удерживая нажатой клавишу ALT (Windows) или OPTION (macOS), щелкните Восстановить .
Параметры ресамплинга | Photoshop
Приложение Photoshop выбирает метод ресамплинга на основе типа документа и увеличения либо уменьшения его масштаба.
Сохранить детали (с увеличением)
Если выбран этот метод, становится доступным ползунок Снижение шума для сглаживания шума при масштабировании изображения.
Бикубическая (с увеличением)
Хороший метод для увеличения изображений на основе бикубической интерполяции, разработанный специально для получения большей сглаженности.
Бикубическая (с уменьшением)
Хороший метод для уменьшения размера изображения на основе бикубической интерполяции с повышенной резкостью. Этот метод позволяет сохранить детали изображения, подвергнутого ресамплингу. Если интерполяция «Бикубическая, четче» делает слишком резкими некоторые области изображения, попробуйте воспользоваться бикубической интерполяцией.
Бикубическая (более плавные градиенты)
Более медленный, но и более точный метод, основанный на анализе значений цвета окружающих пикселов. За счет использования более сложных вычислений бикубическая интерполяция дает более плавные цветовые переходы, чем интерполяция по соседним пикселам или билинейная интерполяция.
По соседним пикселам (четкие края)
Быстрый, но менее точный метод, который повторяет пикселы изображения. Этот метод сохраняет четкие края и позволяет создать файл уменьшенного размера в иллюстрациях, содержащих несглаженные края. Однако этот метод может создать зубчатые края, которые станут заметными при искажении или масштабировании изображения или проведении множества операций с выделением.
Этот метод добавляет новые пикселы, рассчитывая среднее значение цвета окружающих пикселов. Он дает результат среднего качества.
С помощью Photoshop изменить размер фотографии и откадрировать ее можно несколькими способами. Для достижения наилучших результатов при кадрировании или изменении размера изображений следует понимать концепции, лежащие в основе методов изменения размера, и то, как изменение размера влияет на кадрирование.
Инструкции по изменению размера фотографии см. в статье Размер и разрешение изображения.
Инструкции по кадрированию фотографий см. в статье Кадрирование и выравнивание фотографий.
Размер изображения при просмотре на экране отличается от его размера при печати. Если вы представляете эти различия, вы сможете лучше понять, какие настройки следует изменить при изменении размера изображения.
Размер экрана
Разрешение экрана монитора — это количество пикселей, которое он может отобразить. Например, монитор с разрешением экрана 640 x 480 пикселей отображает 640 пикселей в ширину и 480 пикселей в высоту. Можно использовать несколько различных разрешений экрана, а физический размер экрана монитора обычно определяет доступные разрешения. Например, большие мониторы обычно отображают более высокое разрешение, чем маленькие, поскольку они имеют больше пикселей.
Чтобы узнать разрешение экрана, выберите Пуск > Панель управления > Экран > Свойства и просмотрите разрешение экрана (Windows) или выберите Параметры системы > Экраны и посмотрите список Разрешения (macOS).
Размер изображения на экране
Когда изображения появляются на экране, они имеют фиксированный размер в пикселях. Разрешение экрана определяет размер изображения на экране. Например, монитор с разрешением 640 x 480 отображает меньше пикселей, чем монитор с разрешением 1024 x 768. Поэтому размер каждого пикселя, отображаемого на экране с разрешением 640 x 480, больше, чем размер пикселя, отображаемого на экране с разрешением 1024 x 768.
Изображение размером 100 x 100 пикселей занимает примерно одну шестую площади экрана с разрешением 640 x 480 и всего одну десятую площади экрана с разрешением 1024 x 768. Поэтому на экране с разрешением 1024 x 768 пикселей изображение выглядит меньше, чем на экране с разрешением 640 x 480 пикселей.
Размер изображения при печати
Другие значения, используемые для изменения размера изображений — физический размер изображения при печати и разрешение — не применятся до печати изображения. Тогда физический размер изображения, разрешение и размеры в пикселях определяют объем данных в изображении и его качество при печати. Как правило, более высокое разрешение изображения позволяет выполнить печать в более высоком качестве. Дополнительную информацию о разрешении и физическом размере см. в следующих разделах.
Диалоговое окно «Размер изображения»
При использовании диалогового окна Размер изображения для изменения размера изображения (выберите Изображение > Размер изображения) могут измениться четыре параметра изображения:
- Размеры в пикселях: ширина и высота изображения.
- Размер изображения, когда оно открыто в Photoshop: это значение появляется в верхней части диалогового окна.
- Размер документа: физический размер изображения при печати, включая ширину и высоту.
- Разрешение изображения при печати: это значение отображается в пикселях на дюйм или пикселях на сантиметр.
Photoshop вычисляет физический размер, разрешение и размеры изображения в пикселях следующим образом:
- Физический размер = разрешения x размеры в пикселях
- Разрешение = физический размер / размеры в пикселях
- Размеры в пикселях = физический размер / разрешение
Диалоговое окно Размер изображения позволяет изменить размер изображения двумя способами. Можно увеличить или уменьшить объем данных в изображении (ресамплинг). Также можно сохранить тот же объем данных в изображении (изменение размера без ресамплинга). При ресамплинге качество изображения может ухудшиться в некоторой степени. Возможно, придется выполнить дополнительную работу, например, использовать фильтр Контурная резкость, чтобы увеличить резкость изображения и компенсировать ресамплинг.
Совет: для сброса диалогового окна Изменить размер изображения к его исходному состоянию нажмите клавишу Alt (Windows) или Option (macOS). При нажатии этих клавиш кнопка «Отмена» изменяется на кнопку «Сброс».
При изменении размера и ресамплинге изображения изменяется объем данных в этом файле. Для ресамплинга изображения убедитесь, что выбран параметр Ресамплинг в нижней части диалогового окна Размер изображения. По умолчанию ресамплинг включен.
Ресамплинг изменяет общее количество пикселей в изображении, которые отображаются как ширина и высота в пикселях в диалоговом окне Размер изображения. При увеличении количества пикселей в этой части диалогового окна (повышение разрешения) приложение добавляет данные к изображению. При уменьшении количества пикселей (понижение разрешения) приложение удаляет данные. При каждом удалении или добавлении данных к изображению качество изображения ухудшается в некоторой степени. Удаление данных из изображения обычно является предпочтительным по отношению к добавлению данных. Это связано с тем, что при повышении разрешения Photoshop приходится «угадывать», какие пиксели необходимо добавить. Эта процедура более сложна, чем «угадывание» пикселей для удаления при понижении разрешения. Для получения наилучших результатов рекомендуется брать для работы в Photoshop изображения с разрешением, необходимым для вывода. Иногда желаемые результаты можно получить изменением размера изображения без ресамплинга. Однако, если вы делаете ресамплинг изображения, делайте его только один раз.
При включении параметра Ресамплинг можно изменить любое значение в диалоговом окне Размер изображения: размеры в пикселях, физический размер или разрешение. Изменение одного значения влияет на другие. Размеры в пикселях изменяются в любом случае.
- Изменение размеров в пикселях влияет на физический размер, но не на разрешение.
- Изменение разрешения влияет на размеры в пикселях, но не на физический размер.
- Изменение физического размера влияет на размеры в пикселях, но не на разрешение.
Вы не можете установить размер файла. Он изменяется при изменении общего объема данных в изображении (размер в пикселях). Обратите внимание на значение «Размер файла», прежде чем изменить любые другие значения в диалоговом окне. Информация о размере файла поможет понять, сколько данных удаляется или добавляется к изображению при ресамплинге. Например, если размер файла меняется с 250 кБ на 500 кБ, к изображению добавляется вдвое больше данных, что может привести к ухудшению изображения. Такие изображения могут выглядеть размытыми, неровными или зернистым.
При изменении размера изображения без ресамплинга изменяется размер изображения без изменения объема данных в нем. Изменение размера без ресамплинга изменяет физический размер изображения без изменения размеров изображения в пикселях. Данные не добавляются и не удаляются из изображения. При снятии флажка или деактивации параметра Ресамплинг поля размеров в пикселях недоступны. Два значения, которые можно изменить — это физический размер (ширина и высота в размере документа) или разрешение (пикселей/дюйм). При изменении размера без ресамплинга можно установить физический размер или разрешение изображения. Чтобы сохранить общее количество пикселей в изображении, Photoshop компенсирует измененное значение увеличением или уменьшением другого значения. Например, при установке физического размера, Photoshop меняет разрешение.
Если размеры в пикселях являются постоянными, при уменьшении физического размера изображения соответственно увеличивается разрешение. При уменьшении физического размера изображения на половину, разрешение увеличивается вдвое. В то же самое пространство помещается в два раза больше пикселей. При увеличении размера изображения вдвое, разрешение уменьшается на половину, поскольку пиксели теперь находятся в два раза дальше друг от друга для заполнения того же физического размера.
Например, изображение размером 400 x 400 пикселей имеет физический размер 4 x 4 дюйма и разрешение 100 пикселей на дюйм (ppi). Для уменьшения физического размера изображения на половину без ресамплинга можно задать физический размер 2 x 2 дюйма. Photoshop увеличит разрешение до 200 пикселей на дюйм. Изменение размера изображения таким образом оставляет общее количество пикселей неизменным (200 пикселей на дюйм x 2 x 2 дюйма = 400 x 400 пикселей). При увеличении физического размера вдвое (до 8 x 8 дюймов) разрешение уменьшается до 50 пикселей на дюйм. Добавление дюймов к размеру изображения означает, что теперь в дюйме может быть вдове меньше пикселей. При изменении разрешения изображения, физический размер также изменяется.
Важно. Размеры в пикселях регулируют объем данных, а разрешение и физический размер используются только для печати.
Примечание. Пиксели на дюйм (ppi) — это количество пикселей в каждом дюйме изображения. Количество точек на дюйм (dpi) относится только к принтерам и отличается в зависимости от принтера. Как правило, оно составляет от 2,5 до 3 точек краски на пиксель. Например, принтеру со значением 600 точек на дюйм необходимо изображение со значением от 150 до 300 пикселей на дюйм для наилучшего качества печати.
Дополнительные сведения о параметрах в диалоговом окне Размер изображения см. в разделе Размеры в пикселях и разрешение печатного изображения в справке Photoshop.
При использовании инструмента «Кадрирование» для изменения размера изображения размеры изображения в пикселях и размер файла изменяются, но ресамплинг изображения не выполняется. При использовании инструмента «Кадрирование» размеры в пикселях и разрешение включают больше пикселей на дюйм на основе размера области кадрирования. Однако Photoshop специально не добавляет и не удаляет данные из изображения.
При кадрировании изображения данные удаляются или добавляются из исходного изображения или к нему, чтобы создать другое изображение. Поскольку данные удаляются или добавляются относительно исходного изображения, ресамплинг теряет свое значение. Это связано с тем, что количество пикселей на дюйм может отличаться в зависимости от количества пикселей в области фрагмента кадрирования. Если количество пикселей в области кадрирования позволяет, Photoshop пытается сохранить разрешение исходного изображения. Этот метод считается кадрированием без ресамплинга. Однако, если количество пикселей выбрано неточно, размеры в пикселях и размер файла изменяются в новом изображении.
Параметры инструмента «Кадрирование»
Набор параметров, доступных на панели параметров инструмента «Кадрирование» изменится после выбора области. При первом выборе инструмента «Кадрирование» можно задать значения высоты и ширины, а также разрешение. Высоту и ширину можно измерять в дюймах, сантиметрах, миллиметрах, точках и пайках. Введите единицу измерения или ее сокращение после числа в поле значения. Например, 100 пикселей, 1 дюйм, 1 д, 10 см, 200 мм, 100 точек или 100 паек.Если не указать единицы измерения ширины и высоты на панели кадрирования, по умолчанию используются дюймы.
Можно также установить значение разрешения кадрированного изображения в поле Разрешение. Выберите пиксели/дюйм или пиксели/см во всплывающем меню.
Дополнительные сведения о параметрах инструмента «Кадрирование» см. в разделе Кадрирование и выравнивание изображений.
Изменение только размера в дюймах
Если изменить физический размер изображения в дюймах в параметрах инструмента «Кадрирование» и не изменять разрешение, размеры в пикселях изменяются. Размеры изменяются в зависимости от пропорций количества пикселей в области кадрирования к размеру в пикселях исходного изображения. Разрешение изменяется, чтобы добавить дополнительные пиксели в каждый дюйм изображения на основе исходного размера изображения.
Примечание. Параметры исходного изображения, используемого в примерах ниже: 4 x 4 дюйма, 100 пикселей на дюйм, 400 x 400 пикселей, 468,8 кБ.
Размер в дюймах
(задает пользователь)
Разрешение
(изменяется приложением Photoshop)
Размеры в пикселях
(размер заданного пользователем фрагмента кадрирования)
Читайте также: