Как уменьшить объект в Фотошопе

Привет всем читателям моего блога! С вами Андрей Зенков. Давайте поговорим о том, как уменьшить вырезанный объект в Фотошопе CS5 или CS6. Описанные в этой статье способы можно использовать всегда: если вы создаёте дизайн для собственного сайта, редактируете семейное фото, создаёте макет визитки и т.д.

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

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

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

Если пользователь заранее знает, какие параметры ширины и высоты необходимо придать фотографии, эти значения ему необходимо ввести в специальное диалоговое окно. Это окно вызывается комбинацией клавиш ALT+CTRL+I, либо функцией «размер изображения» во вкладке «изображение» на верхней панели.

Чтобы сохранить пропорции объекта при изменении масштаба, нужно поставить галочку на «сохранить пропорции».

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

С сохранением пропорций

Чтобы вставленная картинка или отдельная фигура сохраняла свои пропорции при масштабировании, необходимо зажать клавишу SHIFT. Таким образом, объект увеличивается (уменьшается) относительно центра слоя, а при зажатой клавише ALT изображение меняет пропорции относительно своего центра.

Свободное трансформирование

Комбинацией клавиш CTRL+T включается функция «свободное трансформирование» (Free Transform). Свободное от обычного отличается тем, что при нем объект можно вращать и отражать. Если не получается вызвать функцию комбинацией клавиш, то можно воспользоваться верхним меню, там нужно найти вкладку «редактирование», перейти из нее в «трансформирование», потом нажать «свободное трансформирование».

В случае с версией Photoshop на английском языке путь выглядит так: «Edit» — «Transform» — «Free Transform». С изображением можно выполнять различные действия, просто потянув за уголки рамки, а при нажатии на него правой кнопкой мыши, пользователю откроется контекстное меню с расширенными возможностями.

Вырезаем нужный объект

Для начала мы отделим некоторую область от основного изображения. Для этого воспользуемся инструментом «Рамка». Он активируется при нажатии кнопки «C» на клавиатуре. Так же его легко найти в боковой навигации Adobe Photoshop CC:

Вообще, чем отличается этот инструмент от стандартного выделения? Размер выбранного участка можно редактировать до внесения изменений. «Прямоугольная область» такой возможностью не обладает. Если вы сделали что-то не так, придётся выделять предмет снова и снова, пока не будет достигнут требуемый результат.

Что ж, давайте приступим к делу. Активируйте «Рамку» и обведите, например, красный шарик. Делается это привычно: в любой точке нажимаете левую кнопку мыши и, не отпуская её, тянете по диагонали. У вас должно получиться следующее:

Теперь, чтобы выделенный объект перенести на отдельный слой, достаточно просто нажать на клавишу «Enter». Результат должен быть таким:

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

Как видите, ничего сложного в этом нет. На осуществление всех действий уходит не больше 2-3 минут. Что можно делать дальше? Сохранив его качество, можно, используя один из инструментов группы «Лассо», вырезать шарик. Это сделать гораздо проще, чем при работе с большой исходной картинкой. Ещё можно изменить размер, если вырезанный предмет получился слишком большим и его габариты не подходят для ваших целей. На этот случай имеется два простых способа.

Изменить размер слоя

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

Изменение масштаба содержимого. Чтобы воспользоваться этим способом, необходимо воспользоваться функцией «Free Transform». Вокруг всего изображения появятся границы, потянув за которые, можно его увеличить или уменьшить.
Уменьшить/увеличить масштаб фона. Background имеет большое количество ограничений, поэтому его масштабирование отличается от масштабирования обычного слоя.

Чтобы изменить параметры фона, необходимо перейти во вкладку «размер изображения», затем просто ввести нужные параметры Ширины и Высоты. Другой вариант – это разблокировать Background, тем самым сделав его обычным слоем, после чего программа позволит изменять его масштабы привычным способом. Для разблокировки необходимо два раза кликнуть по иконке фонового слоя и нажать ОК, ничего не меняя. После разблокировки пользователь может изменять пропорции так же, как в случае с обычным.

Редактируем получившийся фрагмент

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

Изменить параметры можно перед переносом шарика на основную картинку. Чтобы изменить размер, проследуйте по следующему пути:

Откроется следующее окно:

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

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

Изменение размера выделенного изображения

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

Основные инструменты выделения

Хорошее выделение начинается с правильного выбора инструмента. Самая первая группа кнопок в панели инструментов посвящена выделению объектов.

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

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

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

Обычное «Лассо» (Lasso Tool) проводит линию по траектории движения мыши. Как правило, мышкой довольно сложно попасть в край предмета поэтому, этот инструмент подойдет для грубого выделения, когда точность не важна.

Прямолинейное лассо (Polygonal Lasso Tool) чертит выделение прямыми отрезками. Подойдет для выделения предметов с прямыми углами. Например, коробки, здания, карандаши.

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

Магнитное лассо (Magnetic Lasso Tool) работает в автоматическом режиме. Достаточно веси по краю предмета, компьютер распознает его форму и линия будет «примагничиваться» к краю объекта.

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

Волшебная палочка (Magic Wand Tool) автоматически распознает пятна одного цвета и выделяет их.

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

Чувствительность волшебной палочки (допуск) настраивается в панели параметров. Чем больше значение, тем больше палочка «видит». Слишком маленькая чувствительность, будет оставлять белый ореол, как на рисунке выше, а слишком большая, захватывать края предмета.

Быстрое выделение (Quick Selection Tool), работает похожим образом, но более эффективно выделяет разноцветные предметы. Инструмент соответствует названию и действительно, быстрее всех остальных выделяет объект.

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

Даже если Quick Selection Tool схватил лишнего, удержание клавиши ALT позволяет обратно убрать куски выделения.

Выделение нескольких объектов

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

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

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

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

Значение растушевки можно задать перед рисованием (в панели параметров, как на снимке выше), либо после рисования, нажав SHIFT+F6 (или правой кнопкой мыши — Растушевка).

Качество при изменении размера

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

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

Чего стоит избегать

В масштабировании

Избегаем «некорректные» значения размеров. Размеры «читаем» по процентам. Корректными размерами считаются все те, что кратны 5 или на худой конец 2. Топ возглавляют: 25, 50 и 75%; За ними идут: 10 и 90%, 20 и 80%, 40 и 60%. Затем все кратное 5, но не озвученное ранее, а закрывают список удачных — кратные 2.

Масштаб просчитается корректнее, если картинка будет уменьшена не до 73,91%, а до нормальных целых 75%. Если размер нужен именнно с цифрой выше, а не округленной нами до 75%, снисхожу до округления целых 73%. Нужно помнить, что нет понятия «половины пикселя». Есть пиксель — это наименьшая единица. Все что меньше, это тоже пиксель, но уже с прозрачностью, плотность которой считается исходя из размера «недопикселя».

В повороте

Избегаю нескольких ротаций, когда можно обойтись одной: Вместо двух по 15°, делаю один раз на 30°. Исключением служат повороты, кратные 90°. Пиксель не претерпевает перерасчета, так как остается прежним, изменяя свое местонахождение.

Убийственными являются повороты, кратные 45°. Они дробят пиксели сильнее всего и мы получаем фигню.

Плохое качество видно невооруженым глазом. Иллюстрация повернута 8 раз на 45° (сделала оборот 360°)

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

После изучения этого вы урока вы научитесь в фотошопе:

Уменьшить размер фотографии
Уменьшать в размере отдельный объект на фото
Трансформировать фото и объекты — крутить, сжимвать, переворачивать и отражать.

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

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

Наилучшая последовательность всех видов трансформаций

Напоследок, опишу наиболее удачную последовательность действий, которая сохраняет качество в лучшем состоянии.

При уменьшении

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

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

При увеличении

Приоритет нужно отдать масштабированию, после которого действовать можно уже по желанию — как будет удобнее.

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

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

Возьмем для пример любой объект на прозрачном фоне. В нашем случае это будет наш логотип.

Теперь приступим непосредственно к уменьшению размера нашего объекта (логотипа).

Как уменьшить фотографию

Сначала откройте нужное фото в фотошопе. Нажмите CTRL+O или File — Open (Файл — Открыть) и выберите нужную фотографию на диске.

Фотография открылась в фотошопе:

Фотография огромного размера 1600х1200 пикселей. А нам например надо 600х450 или около того.

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

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

Введите ширину вместо 1600 значение 600 и вы увидите как высота автоматически подобралась 450, чтобы изменения размера фотографии было пропорциональным.

Нажимаем ОК и всё! Наша фотография уменьшилась:

Сохранение для WEB

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

Итак, у нас снова неразмеченная картинка с большим разрешением. Если нужно кадрировать, то кадрируйте, но дальше вы должны нажать «Файл» , затем «Экспортировать» , а в следующем выпаде выберете «Сохранить для web (старая версия)» .

ВНИМАНИЕ! Данный путь действителен для Фотошопа версии 2015. Для более ранних версий вы просто заходите в меню «Файл» и выбираете «Сохранить для web». Никакого пункта «Экспортировать» там не будет.

В открывшемся окне выберете «Высокое качество JPG» и качество можно не ставить больше 60. Если выставить больше, то разницы вы не заметите, а картинка-то будет больше места занимать , хоть и не очень значительно.

Ниже вы увидите строчку «Размер изображения» . Суть абсолютно такая же, как и в предыдущем примере. Вам нужно уменьшить размер по ширине и высоте. Даже цепочка есть). Ставим до 200*200, ну а потом нажимаете «Сохранить» . Вуаля)

В итоге, с помощью двух вышеуказанных способов, я получил два изображения размером 200*200 пикселей. Но у первого изображения размер (объем) составляет 26 килобайт, а у второго 10. Соответственно второй использовать удобнее, но только, если вы сохраняете для сайтов. Для обычного хранения уменьшенной копии лучше использовать первый способ.

Выделить нужную область и уменьшить

А что если нам нужна не вся фотографию а её часть ? И эту часть нам нужно уменьшить, но не пропорционально и на свой взгляд. Для этого функция которую мы применяли до этого не подойдет.

Допустим у нас есть такая картинка с воздушными шариками и мы открыли её в фотошопе:

Но нам все шарики не нужны, а нужен только синий и нам надо его чуть чуть уменьшить. Для этого выберите инструмент Crop Tool (в русской версии называется Кадрирование) — с помощью него мы можем выделить нужную нам область изображения и обрезать её. А именно синий шарик.

Сам инструмент на панели выглядит так:

Выделите нужную область:

Нажмите Enter на клавиатуре — мы вырежем этот шарик а остальные изображение удалиться.

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

С помощью инструмента Polygonal Lasso Tool (Прямолинейное Лассо) выделите шарик.

Нажмите CTRL+X чтобы вырезать его и скопировать. После того как вы нажмете то он пропадет, а за ним будет прозрачный фон. Нажмите сразу CTRL+V чтобы вставить шарик. Шарик вставиться чуть чуть в стороне от исходного места. И вставиться она сразу автоматически на новый слой:

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

Создайте новый слой под шариком и залейте его любым цветом:

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

Теперь уменьшим шарик. Выберите слой с шариком и нажмите CTRL+T (или меню Edit — Transform — Scale (Редактирование — Трансформирование — Масштаб)) и вы увидите как вокруг шарика появилась рамка для уменьшения:

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

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

Находим и открываем нужное изображение

В первую очередь, необходимо найти и открыть в Photoshop картинку. Для поиска фотографий, векторов или иллюстраций воспользуйтесь бесплатным фотобанком — pixabay.com . В этом сервисе хранится более 950 тысяч картинок. Для тренировки советую взять простое изображение, откуда будет несложно вырезать нужный предмет.

Я взял простенькую иллюстрацию с шариками:

Чтобы начать работать, необходимо открыть её в Фотошопе. Здесь всё просто. Я уже не раз описывал, как это делать, но давайте повторим. В верхнем меню нажмите на кнопку «Файл» и выберите вкладку «Открыть…». Далее найдите картинку на своём компьютере. Как только это сделано, можно приступать к самому интересному.

Увеличение и уменьшение размера изображения или объекта в Фотошопе

Изменение размера — уменьшение и увеличение изображения средствами Adobe Photoshop производится следующими способами:

функцией «масштабирование»;
«трансформирование»;
«свободное трансформирование»;
масштабирование слоя;
при помощи инструментов выделения.

Все способы отличаются друг от друга и применяются в определенных ситуациях.

Вырезаем объекты и переносим их на другое фото

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

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

С сохранением пропорций

Высота, Ширина и их размерность

Подойдем к изучению этого меню детально.

Правее пункта «Размерность» (Pixel Dimensions) указано количественное значение, выраженное в цифрах. Они обозначают размер текущего файла. Видно, что изображение занимает 60,2 М. Буква М расшифровывается как мегабайт:

Понимать объем обрабатываемого графического файла важно, если нужно сравнить его с исходным изображением. Скажем, если у нас есть какие-то критерии максимального веса фотографии.

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

Высота (Height) используемой нами фотографии составляет 3744 пикселя, а Ширина (Width) — 5616 пикселей. Чтобы выполнить задачу и разместить графический файл на web-странице, необходимо уменьшить его размер. Делается это через изменение числовых данных в графе «Ширина» и «Высота».

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

Еще один вариант ввода информации о размере изображения – использование процентного соотношения с исходным размером картинки.

В том же меню, правее поля ввода «Ширина» и «Высота», есть выпадающие меню для единиц измерения. Изначально они стоят в пикселях (pixels), вторая доступная опция – проценты.

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

Вводим нужное число в поле «проценты» и подтверждаем нажатием клавиши «ОК». Программа меняет размер картинки в соответствии с введенным процентным значением.

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

Изменить размер слоя

Изменение масштаба содержимого. Чтобы воспользоваться этим способом, необходимо воспользоваться функцией «Free Transform». Вокруг всего изображения появятся границы, потянув за которые, можно его увеличить или уменьшить.
Уменьшить/увеличить масштаб фона. Background имеет большое количество ограничений, поэтому его масштабирование отличается от масштабирования обычного слоя.

Изменение размера выделенного изображения

Правильно масштабируем

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

Для простого, единичного масштабирования достаточно кнопки Save as.

или
Save for web
с выпадающим диалоговым окном, в котором можно указать формат файла и его необходимые размеры.

Именно в диалоговом окне сохранения рекомендуется выставлять финальные размеры для сохранения макета. Размеры можно выставлять и в процентах.

А далее вставляем нашу картинку в макет и располагаем в нужном месте. Это занимает лишние 15 секунд, а результат радует максимально допустимым качеством.

Качество при изменении размера

Сложные манипуляции

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

Обратите внимание на «волны» и «лесенки» у края монитора, черной кнопки, края изображения и линии изгиба ноутбука, которые появились от непоследовательной трансформации (Уменьшение масштаба до 68% и поворот на 27°)

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

Содержание статьи
1	Способ 1 – Диалоговое окно Размер изображения
2	Способ 2 – Изменение размера с помощью трансформации
3	Как уменьшить или увеличить размер всего изображения
4	Как уменьшить или увеличить вставленную картинку в фотошоп
5	Способ 3 – Размер холста
6	Способ 4 – Кадрирование
7	Как уменьшить размер изображения без потери качества
8	Как уменьшить вырезанное изображение в фотошопе

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

Прежде чем приступить к рассмотрению способов, сперва немного теории.

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

Во-вторых, что происходит с качеством картинки после изменения его размеров?

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

Подобный вопрос был рассмотрен в уроке, связанном с изменением размера слоя, рекомендую к ознакомлению

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

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

Принцип просчета трансформации

Разберемся как работает просчет трансформации: Уменьшая изображение, программа берет ближайшие пиксели и сливая их выдает усредненный цвет, для новосозданного, а при увеличении, информация наоборот берется из соседних пикселей, для создания новых. Грубый перерасчет в лучшем случае сохранит качество картинки, если масштабирование было незначительным (например, ±10%)

Разница между оригиналом и масштабированием иллюстрации с последующим восстановлением размера.

При любой трансформации, изначальное качество иллюстрации теряется. Неважно — масштабировали, искажали или поворачивали картинку. Действует принцип «Больше манипуляций — хуже результат».

Способ 1 — Диалоговое окно Размер изображения

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

Откройте изображение в фотошопе.

Откройте диалоговое окно Изображение — Размер изображения (или комбинация клавиш — Alt+Ctrl+I ). Появится вот такое окно:

Сразу обратите внимание на поля Ширина и Высота. Те значения, что там будут указаны — это текущие размеры изображения. По умолчанию они измеряется в пикселях.

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

Пропорции

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

Простое сохранение

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

В открывшемся окне вы можете увидеть две ячейки (ширина и высота) с текущим размером картинки. Именно здесь вам и предстоит поменять сам размерчик.

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

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

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

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

Ну как суть ясна? Давайте лучше для большей ясности посмотрим на живом примере.

Мне нужна фотография для сайта размером 200*200 пикселей. Я беру нашу фотку размером 1920*1200 и загружаю в фотошоп. А дальше по пунктам.

Выбираем инструмент «Рамка», поставив пропорцию квадрат (1 к 1) и выделяем часть фотографии, чтобы все лицо и небольшая часть тела до груди попала в кадр. И кадрируем. У нас получится квадратное изображение, но размер явно не 200*200. Поэтому приступим непосредственно к уменьшению.
Идем в «Размер» изображения, как я рассказывал выше и ставлю там ширину 200, а высота подставится сама, так как стоит связь. Проверяю, чтобы единица измерения была «пиксели» и жму ОК. Вот и всё. Теперь остается только сохранить изображение, но это вы уже должны знать.

Способ 2 — Изменение размера с помощью трансформации

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

уменьшить или увеличить размер всего изображения;
уменьшить или увеличить вставленную картинку в фотошоп.

Размер подробнее каждый случай.

Как уменьшить или увеличить размер всего изображения

Откройте картинку. Выберите команду Редактирование — Свободное трансформирование или нажмите комбинацию клавиш Ctrl + T .

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

Чтобы разблокировать фоновый слой, сделаете по нему двойной клик. Появится окно Новый слой, нажмите на Ок.

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

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

Шаг 3.1 Случай при увеличении

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

Но если настаиваете на том, чтобы изображение было показано полностью, выберите команду Изображение — Показать все.

Шаг 3.2 Случай при уменьшении

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

Чтобы отрезать пустоту, выберите команду Изображение — Тримминг.

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

Как уменьшить или увеличить вставленную картинку в фотошоп

Описанный выше случай в любом случае берите себе на вооружение. А именно умение пользование командой Свободное трансформирование ( Ctrl+T ). Этот прием понадобиться, чтобы осуществить такую часто встречающуюся операцию, как уменьшение или увеличение вставленной картинки, предмета, объекта (называйте как хотите).

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

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

Изменяем габариты после переноса на другую картинку

Здесь вообще всё предельно просто. Для изменения размеров вставленного объекта нажмите сочетание клавиш CTRL + T или проследуйте по следующему пути:

После активации «масштабирования» выделяются границы предмета и на каждой стороне появляются небольшие квадратики. Наведите на один из них курсор, зажмите левую кнопку мыши и тяните внутрь области, если хотите уменьшить фрагмент. Для сохранения пропорций при редактировании зажмите «Shift». Чтобы сохранить изменения, нажмите клавишу «Enter».

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

Этими простыми способами ежедневно пользуются дизайнеры, работающие с Фотошоп. Так же хочу отметить, что они работают как в CS5, так и в CS6. Закрепите пройденный материал просмотром небольшого видео:

Ещё больше полезных уроков по Фотошоп вы можете найти в курсе Зинаиды Лукьяновой — « Photoshop. Уроки повышения мастерства ». Он состоит из ста материалов, после ознакомления с которыми ваши навыки заметно улучшатся. Стоимость — 1 490 рублей.

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

Сегодня вы проделали хорошую работу и познакомились с полезным инструментом — «Рамка». Кроме этого, теперь сможете легко и быстро менять размер вырезанного фрагмента. Если вы хотите не пропускать следующие уроки, то обязательно подпишитесь на блог Start Luck прямо сейчас! А моё сегодняшнее время подошло к концу.

С Вами был Андрей Зенков, увидимся в следующей статье.

Способ 3 — Размер холста

Не самый популярный способ, но тем не менее его также рассмотрим — команда Размер холста.

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

То есть, допустим, ваша картинка 700х700 пикселей. Через Изображение — Размер холста вы задаете размер 500х500. В итоге фотошоп обрезает лишние 200 пикселей по высоте и ширине. В настройках можно указать откуда отрезает: это либо равномерно со всех сторон, либо можно выбрать конкретную сторону.

Уменьшения веса в Photoshop

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

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

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

Качество — высокое (60-70). Значение регулируете под свои нужды;
Формат — jpeg. Если на изображении нужно сохранить прозрачные области, то нужен формат png;
Также ставим настройку «Прогрессивный».

Также можете менять размеры прямо в этом окне, а не отдельно через пункт «Изображение — размер изображения», как я это показал в пункте ранее. Это очень удобно.

После настройки параметров сохраняете настройки (см. скриншот выше).

Только этим способом мне удалось снизить вес картинки с 116 кб до 75 кб, не изменяя при этом размеров (высота и ширина остались прежними).