Как сделать картинку в фотошопе нужного размера: Изменение размера изображений в Photoshop

Содержание

детальные инструкция для полного понимания

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

Итак, первым делом открываем наш рисунок. После этого нам понадобится вкладка Изображение . Там выбираем пункт Размер изображения .

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

Обратите внимание, что в настройках размера есть два поля – это Размерность и Размер печатного оттиска . В чем же разница между ними? Размер печатного оттиска отображает ширину и высоту печатаемого документа, то есть при отправке на принтер, мы получим, в данном случае, изображение на бумаге, размером 20,11 х 14,66 см с разрешением 72 пикс/дюйм. Но что будет, если мы поменяем разрешение на 300 пикс/дюйм? В этом случае размер печатного оттиска не изменится, а поменяется

Размерность . Теперь она составляет 2375 х 1708 пикс.

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

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

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

Размерность как угодно – качество изображения не пострадает.

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

К примеру, у нас есть вот такое изображение, размером 120 х 80 пикс.

Из него мы хотим получить иконку, размером 64 х 64 пикс. Воспользуемся инструментом Размер холста . Для этого выбираем в меню Изображение пункт Размер холста .

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

В итоге получаем иконку нужного нам размера.

На этом все. Думаю, что эта статья будет полезна всем, кто начинает знакомство с программой Adobe Photoshop.

>> Как изменить размер изображения в Фотошопе

Как в Фотошопе изменить размер и вес картинки.

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

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

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

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

Итак, что Вам нужно сначала сделать. Вам нужна сама программа Фотошоп. Ее Вы можете достать в интернете в свободном доступе. Причем, можно качать программу любой версии — это не важно, так как программа Фотошоп претерпела изменений, только в дизайне, а функции и инструменты остались прежние и на прежних местах. Единственное, с каждой новой версией Фотошопа добавляется какая-то новая возможность. Но в данном случае это не как не отражается на том, что я хочу Вам показать в данной статье, а именно как изменить размер изображения в фотошопе.

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

Здесь все просто: вверху программы основное меню; слева основные инструменты; справа дополнительное меню с инструментами. Для того чтобы изменять изображение его нужно открыть в данной программе. Чтобы это сделать существует 2 способа.

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

2-способ : в самом верху программы есть горизонтальное меню и там есть слово «Файл». Нажмите на него.

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

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

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

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

После того, как Вы выставили значения и нажали ОК, Вам нужно следующим этапом сохранить данное изображение, причем там же можно изменять пропорции изображения высоты и ширины таким, каким Вы хотите видеть данное изображение и при этом еще и уменьшить вес (сжать) изображение. Для этого откройте меню «Файл» в верху программы и перейдите в меню «Сохранить для Web и устройств».

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

Все, после этого Вы берете данную картинку и вставляете себе на сайт.

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

Если Вам статья понравилась, то по возможности оставьте свой комментарий, чтобы я смог оценить качество своей работы.

Всем доброго времени суток!

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

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

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

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

Если у Вас установлен фотошоп, и Вы с ним, хотя бы поверхностно знакомы – нам этого достаточно. Если не установлен, то можно бесплатно скачать в интернете, или с официального сайта пробную 30-дневную версию. (Можно здесь: https://adobe-photoshop.ru.softonic.com ).

КАК ИЗМЕНИТЬ РАЗМЕР ИЗОБРАЖЕНИЯ В ФОТОШОПЕ, УСТАНОВЛЕННОМ НА КОМПЬЮТЕРЕ?

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

У нас открывается окно, в котором мы должны выбрать «сохранить для WEB». Нажав на этот раздел, откроется большое окно как на картинке ниже.

Первое, что нужно сделать – посмотреть в каком формате изображение. Формат нам будет показан (смотри картинку) вверху справа помечено цифрой 2. Если формат PNG, то он тянет большой объем памяти и нужно кликнуть на треугольник там же и выбрать формат JPEG.

Это позволит сразу уменьшить объем изображения в 5-8 раз. На картинке видно (цифра 1) внизу слева, что в формате PNG картинка «весит» больше 1Мегабайта. Это, очень много.
Когда Вы измените, формат на JPEG, там же, где цифра 1, изменится размер до 150 килобайт, или почти уменьшится в 8 раз без ухудшения качества.

Если Вам нужно менять размер в пикселях (на картинке показано внизу справа под цифрой 3 «размер изображения»), то Вы можете вручную менять размер ширины и высоты. Нужно только понимать, что если Вы поменяете ширину, то высота изменится пропорционально, и изображение не будет искажаться.

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

Заходите в фотошоп, перетаскиваете туда нужное изображение, как описано выше. Когда изображение появится в поле фотошопа, зайдите в раздел «Изображения» вверху справа, далее выбирайте раздел «Размер изображения» и в открывшемся окне установите нужные вам размеры ширины и высоты.
После всех операций жмете «ОК» и в разделе «Файл» сохраняете полученное изображение. Вот и все так просто!

КАК ИЗМЕНИТЬ РАЗМЕР ИЗОБРАЖЕНИЯ ОНЛАЙН

Чтобы ответить на вопрос – как изменить размер изображения онлайн , заходим на сайт https://online-fotoshop.ru . Это почти такой же фотошоп, только его предоставляет сервис этого сайта онлайн. Нам не нужно ни чего скачивать и устанавливать.

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

Для того, чтобы изменить размер изображения, заходим в раздел «изображения» (показано на картинке вверху слева) и нажимаем «размер изображения». У нас откроется окно, где Вы можете менять размер в пикселях до необходимого Вам.
После изменения размера, заходите в раздел «файл» в самом верху слева и нажимаете «сохранить». У Вас откроется окно, в котором Вы увидите качество и размер изображения. Здесь же можно изменить формат, если нужно.

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

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

Удачи Вам!

С уважением, Валентин Чепурной.

–

Для просмотра видео нажмите на картинку.

Вы узнаете:

Что такое разрешение изображения и какие бывают форматы файла.
Как изменить размер и разрешение в окне Image Size (Размер изображения).
Какие бывают алгоритмы интерполяции.
Как подготовить изображение для размещения в интернете с помощью
окна Save for Web (Сохранить для Web).
Как получить минимальный вес файла при сохранении в JPG и GIF.
Как сохранять в PNG, PNG-24, TIFF, PDF и PSD.

Урок состоит из следующих разделов:
1. Обучающее видео.
2. Как влияет Resolution (Разрешение) на качество снимка.
4. Увеличение размера без потерь качества.
5. Плагины для изменения размеров изображений.
6. Подготовим изображение для размещения в интернете.
7. Save for Web (Сохранить для Web).
8. Сохранение в формат JPG.
9. Сохранение в формат GIF.
10. Сохранение в формат PNG.
12. Сохранение в формат PDF.
13. Сохранение в формат PSD.
14. Вопросы.
15. Домашнее задание.

Как влияет Resolution (Разрешение) на качество снимка

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

Разрешение – это количество пикселей, из которых состоит растровое изображение. Многие из вас сталкивались с ситуацией, когда в фотоаппарате специально уменьшалось разрешение (больше фотографий влезет в карту памяти, а на маленьком дисплее они хорошо смотрятся). Вспомните первые камеры в мобильных телефонах с разрешением 0,3 МП. А потом, перенеся фотографии
в компьютер на большой монитор, были разочарованы качеством, которое было безвозвратно утрачено в момент съемки. При увеличении тех фотографий в графическом редакторе результат становится еще хуже. Наклонные линии становятся зубчатыми, а фото кажется расплывчатым. Пиксели определяют, насколько изображение кажется нам резким, а их количество отвечает за максимальный размер отпечатка без потерь качества.

У нижнего левого края окна программы находится Status Bar (Строка состояния).

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

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

Чтобы изменить разрешение или размер выберите в меню Image (Изображение) – Image Size (Размер изображения). Или нажмите Alt + Ctrl + I .

Из открывающихся меню полей Width (Ширина) и Height (Высота), расположенных в группе Document Size (Размер документа), выберите единицы измерения. Проценты, дюймы, см, мм, пункты, пк, колонки.

dpi – dots per inch (точки на дюйм) – Единицы измерения разрешения при печати.

ppi – pixels per inch (пиксели на дюйм) – Единицы измерения разрешения для компьютерных мониторов.

Resolution (Разрешение) – количество пикселей в 1 дюйме или сантиметре. Какое разрешение выбрать?

72 ppi – вполне достаточно для отображения фотографий на экране монитора. Для Web-графики тоже этого достаточно. При увеличении масштаба таких изображений разглядеть мелкие детали у вас не получится, потому что их там нет.

300 ppi – желательно устанавливать для фотографий, которые вы хотите выставить на продажу или распечатать на принтере. Хотя для печати средним значением является 267 ppi. У изображений с большим разрешением при увеличении масштаба просмотра, можно разглядеть мелкие детали.

В качестве единиц измерения выберите pixels / inch (пиксели на дюйм), а не pixels /cm. Нам, не привыкшим измерять в дюймах, нужно быть особенно осторожными и не выбирать pixels /cm только на том основании, что сантиметры больше нравятся. Разница в 2,54 раза сразу скажется на вашем разрешении. Файлы станут гигантского веса. Так что при работе с данным окном и при создании нового документа следите, чтобы были выбраны пиксели на дюйм.

Scale Styles (Масштабировать стили) – позволяет масштабировать стили, заданные в палитре Layers (Cлои) вместе с выбранным слоем.

Constrain Proportions (Сохранить пропорции) – связывать высоту и ширину, так что при изменении одного параметра меняется и другой. Самая распространенная ошибка у новичков – это отсутствие этой галочки. В результате изображение сплющивается или вытягивается.

Resample Image (Интерполяция/Отслеживать изменения). При установке этой галочки изменение разрешения изображения (числа пикселов на дюйм) приведет к изменению размеров изображения c сохранением исходного разрешения. Если сбросить галочку, то увеличение разрешения изображения (например, с 72 до 300) приведет к уменьшению геометрических размеров изображения при печати. Будьте внимательны, чтобы не получить отпечаток размером с почтовую марку.

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

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

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

Nearest Neighbor (По соседним пикселам). Сохраняет четкие края. Самый простейший алгоритм,
в результате работы которого края имеют характерные зазубрены.

Bilinear (Билинейная). Вычисляется среднее значение на основе анализа соседних пикселей по горизонтали и вертикали.

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

Начиная с CS и выше, появились два новых алгоритма интерполяции. Советую использовать именно их:

Bicubic Smoother (Бикубическая глаже) Наилучшая для увеличения.

Bicubic Sharper (Бикубическая четче). Наилучшая для уменьшения. Если вы чаще всего уменьшаете снимки, задайте этот алгоритм в качестве основного по умолчанию. Для этого выберите его в Edit(Редактирование) – Preferences (Установки) – General (Основные). Изменения вступят в силу после перезапуска Photoshop.

Увеличение размера без потерь качества

Я нашла в интернете простой способ увеличить размеры изображения с небольшой потерей качества и решила проверить так ли это. Я взяла маленькую картинку размером 5 на 5 см и увеличила ее в 2 раза, используя интерполяцию Bicubic Smoother (Бикубическая глаже). Справа от полей Width (ширина) и Height (Высота) выберите элемент % (проценты). Введите в эти поля значение 110, чтобы увеличить размер изображения на 10%.

Увеличение размера изображения на 10% не приводит к ухудшению его качества! Чтобы увеличить небольшое изображение во много раз, необходимо несколько раз увеличить его размеры на 10% (8 раз пришлось выполнить эту команду).

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

Кстати, сделать это очень просто: откройте палитру Action (Операции/Сценарии). Она находится рядом с палитрой History (История). Нажмите на кнопку создать новую операцию. Появится окошко, в котором нужно ввести название операции (например, увеличить в 2р. по 10). Кружок внизу палитры станет красным, значит пошла запись. Измените Image Size (Размер изображения), как сказано ниже 8 раз, и нажмите на самый левый квадратик «Стоп». Все! Теперь для выполнения этой операции достаточно отметить ее курсором и нажать кнопку Play.Подробную информацию об Action (Операциях) вы найдете в уроке по автоматизации.

Результаты эксперимента представлены ниже. Вы видите разницу? Я нет. Но может зрение меня подводит. Мне кажется, оба результата стали заметно хуже по сравнению с маленьким исходником.

Так стоит ли овчинка выделки, если разница еле уловима? И неужели люди зря придумали этот алгоритм? Нет, не зря. Разница действительно есть, но заметна она лишь при очень большом увеличении (в 300% и выше). Размытость изображения после проведения Resample Image (Интерполяции) будет видна только при печати изображения, на экране это

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

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

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

Alien Skin – BlowUp v1.0 plug-in for Adobe Photoshop. Лучшее чем бикубическая интерполяция. Плагин при изменении размера изображения сохраняет гладкие четкие края и линии, и создает четырехкратные (1600%) увеличения без появления ступенчатых артефактов и свечений. В некоторых случаях Blow Up позволяет увеличить изображение в шесть раз без видимых артефактов.
SizeFixer SLR – Позволяет увеличивать изображение до формата А1
SizeFixer XL . – Безграничное увеличение.
PXL SMARTSCALE – Увеличивает до 1600% без потерь в качестве при печати.

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

Подготовим изображение для размещения в интернете.

Обычные Save (Сохранить) Ctrl+S и Save as… (Сохранить как…) Shift+Ctrl+S не дают возможности контролировать результат, да и вес файла получается большим.

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

Выберите в меню File (Файл) – Save for Web (Сохранить для Web ). Комбинация клавиш Alt + Shift +Ctrl + S. В этом окне мы можем наблюдать, как меняется качество при сжатии изображения. А так же контролировать вес файла и скорость его загрузки. Удобнее всего работать с вкладкой 2 — Up (2 варианта), т. к. можно сравнить на сколько пострадает качество ради маленького веса (важно чтобы картинки на сайте быстро загружались). Под изображением находятся комментарии: формат сжатия, размер файла после оптимизации и время загрузки.

В правой части окна находятся все основные настройки оптимизации.

Всего форматов сохранения для Web пять: GIF, JPG, PNG-8, PNG-24 и WBMP. Последний практически не используется.

В JPG лучше всего хранить объемные файлы фона сайта и фотографий для публикаций, в GIF, PNG-8 и PNG-24 – элементы дизайна, которые имеют небольшой объем и ограниченное количество цветов. К сожалению, PNG-24 не поддерживается браузером Internet Explorer 6, но количество пользователей IE6 быстро уменьшается и, следовательно, риск, что формат PNG-24 не откроется у кого-то на компьютере, уменьшается.

Файлы формата GIF и PNG-8 сохраняют прозрачность (но не альфа-канал). Чтобы сохранить прозрачность, нужно отметить галочку Transparency. WBMP – растровый формат для мобильных телефонов.

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

Сохранение в формат JPG.

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

Настройки для формата JPG состоят в основном из настройки качества изображения (оно же сжатие) в процентах. Чтобы сохранить большой кусок фона можно увеличить размытие.

Для управления размером картинки в Save for Web (Сохранить для Web) есть раздел под названием Image Size (Размер изображения). Размеры вашей картинки не должны превышать 800 на 600 пикселей. Или нетерпеливый пользователь закроет окно браузера, не дождавшись пока картинка загрузится полностью.

Откройте файл кораблик.jpg. Выберите в меню File(Файл) команду Save for Web (Сохранить для Web). Выберите режим 2-Up (Два варианта). В разделе Image Size (Размер изображения) уменьшите размер изображения до 450*600. Можно это сделать предварительно, выбрав в меню Image (Изображение) – Image Size (Размер изображения), или нажав Alt + Ctrl + I.

В правой части окна в списке выберите формат сохранения JPEG.

Список Compression quality (Качество сжатия) предлагает несколько значений – от Low (Низкое) до Maximum (Наилучшее). Более точная регулировка осуществляется ползунком Quality (Качество), расположенным правее. Для начала установите 100%. При столь высоком значении изображение
в правой части области просмотра (оптимизированное) практически не отличается от оригинала
в левой части. Взгляните на информационные поля в соответствующих частях области просмотра. Оригинал (несжатое изображение) занимает 625 Кбайт, а сжатое – 139,5 Кбайт. Даже при таком низком коэффициенте сжатия есть значительный выигрыш в размере файла. Время загрузки сжатого изображения 26 секунд – это слишком много, многие могут потерять терпение и уйти
с вашей странички.

Установите ползунок Quality (Качество) посередине, примерно на 50%. Вы видите разницу между двумя изображениями? Нет? Тогда можно уменьшить Качество еще немного. Остановимся на 35%. Ниже 30 уже будет заметно ухудшение. Вес стал 23 кб, а скорость 5 сек. Иногда параметр Blur (Размытие) может сэкономить вам еще одну-две секунды. Но в нашем случае он не даст заметного результата, т.к. мы уже достаточно сильно сжали картинку.

Progressive (Прогрессивный) задает прогрессивную развертку изображения при загрузке в браузере. Этот параметр позволяет постепенно загружать изображение. С самого начала загрузки вы будете видеть часть изображения.

Optimized (Оптимизация/Оптимизированный) включает дополнительную оптимизацию внутренней структуры JPEG, что иногда еще сильнее сокращает размер файла.

ICC Profile (Встроенный профиль/Профиль ICC) позволяет внедрить в файл изображения цветовой профиль. Внедренный профиль увеличивает размер файла. Отметьте этот пункт только, если считаете необходимым, чтобы и другие знали какой у вас цветовой профиль.

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

Сохраните сделанные настройки если вам нужно обработать много изображений. Для этого щелкните по значку меню опримизации и выберите Save Settings (Сохранить настройки). Введите в поле File name (Имя файла) какое-нибудь имя, и нажмите кнопку Save (Сохранить).

Теперь в списке Settings (Наборы/Параметры) появится введенное имя. При обработке следующего файла будет достаточно выбрать это имя из списка.

Сохранение в формат GIF

Для размещения на Web-странице изображений с прозрачными участками используется формат GIF , поддерживающий только индексированные цвета.

Количество цветов в его палитре задается в поле Colors (Цвета) и должно создавать зависимость между качеством и весом.

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

Следующий выпадающий список по умолчанию вариант Diffusion (Диффузия/Случайный) лучше использовать для фотографий, a Noise (Шум) – для фоновых текстур и градиентов. Pattern (Регулярный /Узор) создает повторяющийся узор.

Interlaced (Чересстрочно) – для постепенной загрузки изображения.

Степень сглаживания задается ползунком Dither (Дизеринг/Сглаживание). Чем выше сглаживание, тем больше размер файла.

Список Matte (Матовый/Кайма) создает переход кромки изображения к фоновому цвету страницы. Обычно кромка полупрозрачная, а это не поддерживается форматом GIF.
В результате при экспорте возникает характерный шум. Чтобы избежать его появления, установите в списке цвет фона Web-страницы. Полупрозрачные пиксели будут окрашены в этот цвет. Если снять галочку Transparency (Прозрачность), цвет, заданный в списке Matte (Матовый/Кайма), будет считаться фоновым и заполнит прозрачные участки изображения.

Перевод цветов к палитре Web осуществляется ползунком Web Snap (Web-цвета) . Понаблюдайте за изменениями цветов изображения в зависимости от положения ползунка. Происходящие изменения отображаются в палитре изображения. На некоторых цветах палитры появляются белые ромбики.

Color Table (Таблица цветов) полезна не только для наблюдения. Она позволяет управлять отдельными цветами изображения.

Если щелкнуть по значку откроется дополнительный список.

Если вы хотите избежать существенных цветовых сдвигов в любых браузерах, но не хотите приводить все цвета к палитре Web, то можно сделать это выборочно. Задайте режим сортировки Sort by Popularity (Сортировка по частоте использования). Наиболее часто встречающиеся цвета расположатся слева направо.

Щелкните мышью на любом образце в палитре. Образец получит белую рамку, показывающую, что он выделен. Photoshop может сам выбрать цвет, наиболее близкий к выделенному, из палитры Web. Для этого надо щелкнуть на пиктограмме кубика в нижней части панели или выбрать команду Shift/Unshift Selected Colors to/from Web Palette(Заменить / Отменить замену выделенных цветов на цвета палитры Web).

Приведение всего изображения к палитре Web сделало переходы на изображении монитора чересчур резкими. Исправим этот дефект вручную. Сделайте на образце в палитре двойной щелчок мышью. Перед вами появится окно Color Picker (Палитра цветов). Убедитесь, что флажок Only Web Colors (Только цвета Web) в нем установлен. Выберите оттенок, ближайший к текущему цвету и закройте окно нажатием кнопки ОК (Да). Цвет будет отредактирован. Если вы находите его тоже неудачным, снова откройте окно Color Picker (Палитра цветов) и подберите другой.

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

Сохранение в формат PNG.

PNG позволяет хранить как индексированные, так и полноцветные изображения. Используемый алгоритм сжатия не приводит к потерям информации. Многократная обработка и перезапись лишена недостатков, присущих формату JPG. Форматы PNG-8 для индексированных изображений и PNG-24 для полноцветных. Параметры PNG-8 абсолютно аналогичны GIF, в PNG-24 есть только переключение режимов Transparency (Прозрачность), Interlaced (Чересстрочная развертка)
и параметров Matting (Матовый/Обработка краев).

Для сохранения воспользуйтесь Меню File (Файл) – Save as… (Сохранить как…). В поле тип файлов выберите TIFF.

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

В TIFF сохраняется прозрачность и альфа‑каналы. В PhotoShop вы можете сохранить файл, содержащий слои.

В TIFF сохраняется информация о профиле ICC . Это дает возможность сохранить цвета без изменения при просмотре на разных мониторах и при выводе на печать.

TIFF широко распространен и на IBM PC, и на Apple. Это позволяет использовать его для передачи изображений с одной аппаратной платформы на другую без потери содержания. Также этот формат можно использовать для передачи данных между различными приложениями, «не понимающими» форматы друг друга, но «знающими» TIFF. При такой передаче будут сохранены многие атрибуты изображения, теряющиеся, например, при передаче данных через буфер обмена Windows.

Сохранение в формат PDF

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

Для сохранения воспользуйтесь Меню File (Файл) – Save as… (Сохранить как…). В поле тип файлов выберите PDF.

В разделе Система защиты можно поставить пароль на открытие файла, на печать, на сохранение и на редактирование.

Сохранение в формат PSD

PSD – это собственный формат PHOTOSHOP. В нем можно сохранить слои, маски, обтравочные маски, контуры, текст и другие моменты не законченной работы.

Вопросы:

Какой формат файла не поддерживает сжатие без потерь?

Какой алгоритм интерполяции лучше всего подходит для увеличения разрешения изображения?

– Nearest Neighbor(По соседним пикселам)

– Bilinear (Билинейный)

– Bicubic (Бикубический)

– Bicubic Smoother (Бикубическая глаже)

– Bicubic Sharper (Бикубическая четче)

Какое разрешение нужно установить, чтобы сохранить изображения для интернета?

Что нужно сделать в окне Image Size (Размер изображения), чтобы изменение размеров изображения происходило c сохранением исходного разрешения?

– Установить галочку Scale Styles (Масштабировать стили).

– Установить галочку Constrain Proportions (Сохранить пропорции).

– Установить галочку Resample Image (Интерполяция/Отслеживать изменения).

– Снять галочку Resample Image (Интерполяция/Отслеживать изменения).

– Снять галочку Scale Styles (Масштабировать стили).

Можно ли в окне Save for Web (Сохранить для Web) изменить размер изображения?

Какой формат файла нельзя выбрать в окне Save for Web (Сохранить для Web)?

Домашнее задание:

1. Откройте фотографию кораблик.jpg. Сохраните в формат JPG при помощи Save for Web (Сохранить для Web). Добейтесь следующих показателей: размер изображения 600*800 пикс; 39,49 к;

8сек /56,6 кбит в сек.

2. Откройте фотографию кораблик.jpg. Сохраните в формат GIF при помощи Save for Web (Сохранить для Web). У меня получилось сжать ее до 75 кб и добиться скорости загрузки 14 сек при 56 кбит/сек. Попробуйте добиться лучшего результата.

Придется изменять цвета.

Нам подарили фоторамку , в которую можно вставить несколько фотографий маленького размера (6×6 см). И вот настал момент, когда для нее понадобилось подготовить к печати фотографии нужного размера. Наверное можно было бы обратиться в фотоателье и поручить им изменить размер этих фото, но я захотел сделать все сам. Прежде всего для того, чтобы наглядно видеть итоговый результат, который затем будет отправлен в печать.Чтобы получить картинку нужного размера я использовал программу Photoshop .

Итак, обо всем по порядку. Из разных фотографий мне нужно было сделать изображения размером 6×6 см . В статье я буду использовать для примера фото известных футболистов.

Запускаем программу Adobe Photoshop . Открываем в ней наше первое фото (“Файл” – “Открыть”):
В панели инструментов выбираем инструмент “Рамка ” (“Crop tool ”) :После этого сверху появится панель свойств данного инструмента. Здесь задаем нужный размер будущего изображения (указывать можно в сантиметрах, миллиметрах или пикселях). В моем случае я задаю размеры 6 см x 6 см (прямо вручную это прописываю в нужных полях). Разрешение для печати указываем 300 пикселей:

Затем выделяем на фотографии нужную область . При выделении рамка сохраняет заданные пропорции. Её можно передвигать, уменьшать или увеличивать, но соотношение ширины–высоты останется неизменным. Итоговое изображение будет иметь те размеры, что я указал в панели свойств инструмента “Crop tool” (т.е. 6×6 см):
Определившись с тем, какая область фотографии будет выделена – просто нажимаем на клавиатуре Enter . После этого увидим получившийся результат:
Теперь сохраняем полученное изображение: заходим в строке меню в “Файл” – “Сохранить”. В появившемся окошке выбираем качество “Наилучшее ” и жмем “Да”:

Таким образом мы изменили размер фото. На этом можно было бы и закончить статью. Но я решил все фотографии, которые вмещает моя фоторамка, подготовить к печати . Для этого потребовалось разместить их все на одном листе стандартного формата A4 .

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

После этого делаем раскладку фотографий на лист A4 . Для этого в Фотошопе заходим в “Файл” – “Новый”. Здесь должен быть выбран “Международный формат бумаги” и размер A4:
Нажимаем в этом окне “Да”.

Далее в панели инструментов выбираем инструмент “Раскройка ”:
Затем щелкаем правой клавишей мыши по созданному листу – выбираем пункт “Разделить фрагмент ”:
В открывшемся окошке выставляем значение 2 – по горизонтали и 2 – по вертикали . Нажимаем “Да”:
Теперь заходим в строке меню в “Файл” – “Открыть”. Находим все свои отредактированные фото – выделяем их и жмем “Открыть”:
В рабочем окне Фотошопа появятся все выбранные изображения. На панели инструментов выбираем инструмент “Перемещение ” (самый верхний):Теперь хватаем мышкой каждую фотографию и по очереди переносим их на лист A4 . Таким образом размещаем изображения равномерно на листе:
Закончив распределение фото, идем в “Файл” – “Сохранить как” – задаем имя для итогового изображения – выбираем тип файлов JPEG . Жмем “Сохранить”. Затем выбираем “Наилучшее качество” и нажимаем “Да”.

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

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

Как изменить размер изображения для печати с помощью Photoshop

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

В этом уроке, третьем в моей серии по размеру изображения, я покажу вам, как легко изменить размер изображения для печати с помощью Photoshop! Изменение размера для печати отличается от изменения размера для Интернета или для просмотра на экране. Это потому, что часто нет необходимости изменять количество пикселей на изображении.

Большинство современных цифровых камер снимают изображения, которые уже достаточно велики, чтобы печатать со стандартными размерами кадров, такими как 8 x 10 или 11 x 14, и получать отличные результаты. Поэтому вместо того, чтобы изменять количество пикселей, все, что нам нужно сделать, это изменить размер отпечатка. И, как мы увидим, мы меняем размер отпечатка, просто меняя разрешение фотографии . В этом уроке я расскажу о том, какое разрешение и сколько вам нужно для высококачественных отпечатков.

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

Чтобы следовать, вы можете открыть любое изображение в Photoshop. Я буду использовать этого милого маленького парня, которого я скачал с Adobe Stock :

Исходное изображение. Фото предоставлено: Adobe Stock.

Это третий урок в моей серии по изменению размера изображения . Давайте начнем!

Диалоговое окно «Размер изображения»

Чтобы изменить размер изображения для печати в Photoshop, мы используем диалоговое окно «Размер изображения». Чтобы открыть его, перейдите в меню « Изображение» в строке меню и выберите « Размер изображения» :

Идем в Изображение> Размер изображения.

В Photoshop CC диалоговое окно «Размер изображения» имеет окно предварительного просмотра слева, а параметры просмотра и изменения размера изображения — справа. Я подробно рассмотрел диалоговое окно «Размер изображения» в предыдущем уроке:

Диалоговое окно «Размер изображения» в Photoshop CC.

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

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

Как только вы изменили размер диалогового окна, щелкните и перетащите в окно предварительного просмотра, чтобы отцентрировать ваш объект:

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

Просмотр текущего размера изображения

Текущий размер вашего изображения отображается в верхней части. Число рядом со словами Размер изображения показывает размер изображения в мегабайтах (М). И ниже этого, рядом со словом Размеры , мы видим размер изображения в пикселях. Ни один из них не говорит нам размер печати, но мы вернемся к этому через минуту:

Текущий размер изображения отображается в верхней части.

Изменение размера и передискретизация изображения

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

Что такое изменение размера изображения?

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

Что такое пересчет изображения?

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

Как работает размер печати

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

Отключение опции Resample.

Где текущий размер печати?

Текущий размер печати отображается в полях Ширина , Высота и Разрешение . В моем случае мое изображение будет печататься шириной 10,747 дюйма и высотой 7,163 дюйма при разрешении 300 пикселей на дюйм:

Текущая ширина, высота и разрешение.

Что такое разрешение изображения?

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

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

Узнайте больше: миф о разрешении сети 72 ppi

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

Значение разрешения для ширины и высоты.

Как разрешение влияет на размер отпечатка?

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

Текущая ширина изображения в пикселях.

Если мы разделим 3224 пикселя на 300 пикселей / дюйм, мы получим 10,747 дюйма для ширины:

Ширина пикселя, деленная на разрешение, дает нам ширину печати.

И мое изображение имеет высоту 2149 пикселей:

Текущая высота изображения в пикселях.

Поэтому, если мы возьмем 2149 пикселей и разделим его на 300 пикселей / дюйм, мы получим 7,163 дюйма для высоты:

Высота пикселя, деленная на разрешение, дает нам высоту печати.

Какое разрешение вам нужно для высококачественной печати?

Теперь, когда мы знаем , как разрешение влияет на размер печати, реальный вопрос становится, как много разрешения нам нужно для печати , чтобы хорошо выглядеть? Я отвечу на один вопрос тремя разными ответами. Сначала я скажу вам официальный ответ. Затем я объясню, почему многие считают официальный ответ бессмыслицей. И, наконец, я поделюсь тем, что считаю лучшим ответом и с которым согласен.

Ответ № 1: стандартное разрешение отрасли

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

Ответ № 2: «достаточно хорошее» разрешение

Но есть пара аргументов против разрешения отраслевого стандарта. Во-первых, он учитывает только количество пикселей как фактор качества печати. Это не принимает во внимание другие важные факторы, такие как расстояние просмотра. Вообще говоря, чем больше отпечаток, тем дальше его видят люди. Вы можете держать отпечаток 4 «x 6» близко, но вы, скорее всего, будете стоять в нескольких футах от плаката 24 «x 36» или 30 «x 40». А рекламный щит у шоссе обычно виден на расстоянии сотен футов.

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

Разрешение становится менее важным по мере удаления от изображения.

Еще один аргумент против отраслевого стандарта заключается в том, что, хотя 300 пикселей / дюйм обеспечат максимально возможное качество печати, возникает вопрос. Вам действительно нужно высшее качество? Или есть более низкое разрешение, которое «достаточно хорошо»? Многие профессиональные фотографы предпочитают разрешение 240 пикселей / дюйм . Конечно, при параллельном сравнении отпечаток 300 пикселей / дюйм будет выглядеть немного лучше. Но 240 пикселей / дюйм по-прежнему дают четкое и детальное изображение, которым большинство людей были бы совершенно довольны. И, не увеличивая изображение до 300 пикселей / дюйм, размер файла остается меньшим.

Ответ № 3: родное разрешение вашего принтера

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

Дело в том, что у вашего принтера есть собственное разрешение печати . И он ожидает получить ваши изображения в этом родном разрешении. Большинство принтеров имеют собственное разрешение 300 пикселей / дюйм , что соответствует отраслевому стандарту. Если вы отправите принтеру изображение с более низким разрешением, например, 240 пикселей / дюйм, принтер автоматически увеличит его до исходного разрешения. Другими словами, просто невозможно напечатать изображение с разрешением, меньшим исходного разрешения вашего принтера. Если вы не увеличите изображение, ваш принтер будет.

Принтеры Epson, как и мой Epson Stylus Pro 3880, используют еще более высокое собственное разрешение 360 пикселей / дюйм . Таким образом, для принтеров Epson любое разрешение ниже 360 будет автоматически повышено до 360. Другие производители принтеров (Canon, HP и т. Д.) Придерживаются 300.

Какой ответ правильный?

Так что же все это значит? Какое правильное разрешение для высококачественных отпечатков? Ответ, для большинства струйных принтеров, составляет 300 пикселей / дюйм . Это родное разрешение принтера. Для принтеров Epson это 360 пикселей / дюйм . Все, что меньше, и ваш принтер будет в любом случае повысить качество изображения. Но Photoshop может выполнять работу по повышению качества дискретизации лучше, чем ваш принтер. Поэтому, если разрешение вашего изображения упадет ниже 300 пикселей / дюйм, вам нужно увеличить его в диалоговом окне «Размер изображения» перед отправкой на печать.

Лучшее разрешение — это собственное разрешение вашего принтера.

Есть ли такая вещь, как

слишком большое разрешение?

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

Как изменить размер печати

Итак, теперь, когда мы знаем, как разрешение изображения влияет на размер отпечатка, и минимальное разрешение, необходимое для высококачественной печати, давайте посмотрим, как изменить размер отпечатка. Чтобы изменить его с отключенной опцией Resample, просто введите новый размер печати в поля Width и Height . Поскольку ширина и высота связаны между собой, изменение одного автоматически изменит другое.

Соответствие пропорций и ориентации изображения

Однако обратите внимание, что вы сможете ввести только размер, соответствующий текущему соотношению сторон изображения. Так, например, если ваше изображение использует соотношение сторон 4 x 6, как у меня, вы не сможете распечатать его как 8 x 10. Соотношения сторон не совпадают. Чтобы напечатать изображение с другим соотношением сторон, сначала нужно его обрезать, а позже я покажу, как это сделать.

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

Изменение ширины и высоты

Например, допустим, я хочу напечатать свое изображение размером 4 x 6. Я знаю, что это в альбомной ориентации, с шириной, превышающей высоту, поэтому я установлю значение ширины 6 дюймов. Photoshop автоматически устанавливает высоту на 4 дюйма, или в этом случае на 3,999 дюйма, чтобы соответствовать соотношению сторон:

Ввод значения ширины автоматически устанавливает значение высоты.

Если бы я хотел, чтобы высота была ровно 4 дюйма, я мог бы изменить значение высоты на 4 дюйма, что затем изменило бы ширину до 6,001 дюйма. Таким образом, соотношение сторон моего изображения не совсем 4 x 6, но оно достаточно близко:

Изменение высоты автоматически изменяет ширину.

Проверка разрешения изображения

Обратите внимание, что значение разрешения также связано с шириной и высотой. Благодаря уменьшению ширины и высоты разрешение увеличилось с 300 пикселей / дюйм до 537,25 пикселей / дюйм. Это потому, что нам нужно упаковать больше пикселей на дюйм, чтобы напечатать изображение меньшего размера. Но, поскольку новое разрешение намного выше минимального разрешения, которое нам нужно (300 пикселей / дюйм), нет необходимости повышать его частоту. Это изображение будет отлично смотреться именно так:

Снижение ширины и высоты повысило разрешение.

Проверка размера изображения

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

Размер печати ни на что не влияет.

Когда увеличить изображение

Но допустим, что вместо того, чтобы печатать его как 4 «x 6» (или 6 «x 4», в данном случае), мне нужно удвоить ширину и высоту, чтобы он печатался с размерами 12 «на 8». Я изменю значение высоты с 4 до 8 дюймов, и Photoshop автоматически удваивает ширину с 6 до 12 дюймов. Заметьте, однако, что, удваивая ширину и высоту, мы сократили значение Разрешения пополам, и теперь оно ниже минимального разрешения, которое нам нужно, 300 пикселей / дюйм:

Увеличение ширины и высоты снизило разрешение ниже 300 ppi.

Возвращаясь к тому, что мы узнали ранее, некоторые люди скажут, что любое разрешение более 240 пикселей / дюйм — это хорошо, и поэтому наше новое разрешение примерно 268 ppi — это нормально. Но, поскольку исходное разрешение вашего принтера составляет 300 ppi (или 360 ppi для принтеров Epson), и принтер самостоятельно выполнит выборку изображения, если мы не сделаем это самостоятельно, у нас нет никаких причин не делать это здесь, в Диалоговое окно «Размер изображения». Это даст нам лучшие результаты, чем если бы мы оставили его на принтер.

Как увеличить изображение

Чтобы увеличить изображение, включите опцию Resample :

Нажав флажок Resample.

Затем введите нужное разрешение в поле « Разрешение» . Опять же, для большинства принтеров это 300 ppi или 360 ppi для принтеров Epson:

Ввод нового разрешения.

Проверка ширины и высоты

Обратите внимание, что при включенном Resample поле Resolution больше не связано с полями Width и Height. Таким образом, даже несмотря на то, что мы увеличили разрешение, изображение все равно будет напечатано 12 «в ширину и 8» в высоту:

Изменение разрешения не повлияло на ширину и высоту.

Проверка размера изображения

Что еще изменилось на этот раз фактический размер изображения, как в пикселях и в мегабайтах. При включенном Resample увеличение разрешения вынудило Photoshop добавить больше пикселей. Если вы помните, мое изображение изначально было 3224 пикселей в ширину и 2149 пикселей в высоту. Но после повторной выборки ширина увеличилась до 3601 пикселей, а высота — до 2400 пикселей.

Кроме того, поскольку мы добавили больше пикселей, размер изображения в памяти также увеличился с 19,8 до 24,7 мегабайт:

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

Метод интерполяции

Всякий раз, когда мы повторно пробуем изображение, Photoshop добавляет или удаляет пиксели. И метод, который он использует для этого, известен как метод интерполяции . Существует несколько методов интерполяции, и различия между ними могут оказать большое влияние на качество изображения.

Вы найдете опцию Интерполяция справа от опции Resample. По умолчанию установлено значение « Автоматически» . Интерполяция применяется только к повторной выборке. Поэтому, когда опция Resample отключена, опция Interpolation становится серой:

Опция интерполяции. Доступно только при проверке Resample.

Выбор метода интерполяции

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

Методы интерполяции.

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

Сохранить детали 2.0

Однако в Photoshop CC 2018 Adobe добавила новый метод апскейлинга, известный как Preserve Details 2.0 . Этот новый метод теперь является лучшим выбором для увеличения ваших изображений. Но проблема в том, что, по крайней мере, сейчас Photoshop не выберет его, если для параметра «Интерполяция» установлено значение «Автоматически». Поэтому, если вы используете CC 2018 (или более позднюю версию) и повышаете частоту дискретизации своего изображения, вам нужно изменить метод интерполяции с Автоматического на Сохранение подробностей 2.0:

В CC 2018 выберите «Сохранить детали 2.0» при увеличении изображения.

Если вы не видите Preserve Details 2.0 в списке, вам сначала нужно включить его в настройках Photoshop. Я расскажу о том, как это сделать и почему это лучший выбор, в моем учебном пособии « Лучший способ увеличить изображения в CC 2018» .

Как изменить размер изображения для печати — Краткая сводка

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

Чтобы изменить размер изображения для печати, откройте диалоговое окно Размер изображения (Image> Image Size) и начать поворотом Интерполяция вариант выключения . Введите нужный размер в поля « Ширина» и « Высота» , а затем проверьте значение « Разрешение» . Если разрешение такое же или выше , чем собственное разрешение вашего принтера (300 ppi для большинства принтеров или 360 ppi для принтеров Epson), вам больше ничего не нужно делать.

Если разрешение меньше , чем родное разрешение принтера, повышающая дискретизация изображения путем поворота Интерполяции вариант на . Затем установите значение разрешения 300 пикселей / дюйм (или 360 для принтеров Epson). Оставьте метод интерполяции установленным на Автоматический , или в Photoshop CC 2018 (или более поздней версии) измените его на Сохранять детали 2.0 .

Как изменить размер к другому соотношению сторон

Ранее я упоминал, что вы можете выбрать только тот размер печати, который соответствует текущему соотношению сторон изображения. Но что, если вам нужно другое соотношение сторон? Например, что если мне нужно напечатать мое изображение размером 4 x 6, чтобы оно поместилось в рамке для фотографий размером 8 x 10 дюймов?

Проблема с разными пропорциями

Мы уже можем видеть проблему. Если для высоты задано значение 8 дюймов, для ширины установлено значение 12 дюймов, а не 10, так что это не сработает:

Установка высоты дает мне неправильную ширину.

Если я попытаюсь изменить ширину до 10 дюймов, высота станет 6,666 дюйма. Все еще не то, что я хочу:

Изменение ширины дает мне неправильную высоту.

И если я изменю ширину на 8 дюймов, Photoshop устанавливает высоту в 5,333 дюйма. Я не могу выбрать размер печати 8 «x 10», пока мое изображение использует форматное соотношение 4 x 6:

Неважно, что я делаю, я не могу получить нужный мне размер.

Как обрезать до другого соотношения сторон

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

Шаг 1. Отмените команду Размер изображения

Закройте диалоговое окно «Размер изображения», не внося никаких изменений, нажав кнопку « Отмена» внизу:

Отмена и закрытие команды Размер изображения.

Шаг 2: Выберите инструмент Crop

На панели инструментов выберите инструмент обрезки :

Выбор инструмента обрезки.

Шаг 3. Установите новое соотношение сторон на панели параметров

Затем на панели параметров введите новое соотношение сторон в поля « Ширина» и « Высота» . Не вводите определенный тип измерения, например, в дюймах. Просто введите цифры сами. Я введу 8 и 10:

Ввод нового соотношения сторон на панели параметров.

Шаг 4: При необходимости измените размер границы обрезки.

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

Обрезка изображения до нового соотношения сторон.

Шаг 5: обрезать изображение

Вернувшись на панель параметров, убедитесь, что функция «Удалить обрезанные пиксели» отключена. Таким образом, вы не будете вносить постоянные изменения:

Оставьте Удалить обрезанные пиксели выключенными.

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

Нажав на галочку.

И вот изображение, теперь обрезанное до соотношения сторон 8 x 10. Он по-прежнему не будет печататься в 8 на 10 дюймов, но мы знаем, как это исправить, что мы будем делать дальше:

Обрезанная версия изображения.

Шаг 6. Изменение размера изображения в диалоговом окне «Размер изображения»

На этом этапе, чтобы изменить размер изображения для печати, просто выполните те же шаги, которые мы уже изучили. Сначала откройте диалоговое окно «Размер изображения», зайдя в меню « Изображение» и выбрав « Размер изображения» :

Идем в Изображение> Размер изображения.

Снимите флажок « Повторная выборка» , а затем введите новый размер печати в поля « Ширина» и « Высота» . На этот раз у меня нет проблем с выбором размера 8 «на 10», хотя значение ширины слегка отклонено на 8,004 дюйма. Все еще достаточно близко.

Заметьте, однако, что значение Resolution упало ниже 300 пикселей / дюйм, что означает, что мне нужно его увеличить:

Выключите Resample, введите новые ширину и высоту, а затем проверьте разрешение.

Чтобы увеличить его, я включу опцию Resample , а затем я изменю значение разрешения на 300 пикселей / дюйм . Или, опять же, если изображение направлялось на принтер Epson, я бы ввел вместо него 360 ppi :

Включите Resample, затем установите разрешение 300 ppi.

Наконец, для метода Интерполяции я мог бы оставить его на Автоматическом , или, поскольку я использую Photoshop CC 2018, я изменю его на « Сохранять детали 2.0» :

Установка метода интерполяции.

Когда вы будете готовы изменить размер изображения, нажмите OK, чтобы принять ваши настройки и закрыть диалоговое окно Размер изображения:

Нажмите OK, чтобы изменить размер изображения.

И там у нас это есть! Это все, что вам нужно знать, чтобы изменить размеры изображений для печати в Photoshop! На следующем уроке этой серии мы узнаем, как изменить размер изображений для электронной почты и обмена в Интернете !

Или посмотрите предыдущие уроки этой серии:

01 — пиксели, размер изображения и разрешение
02 — Команда Photoshop’s Image Size — Особенности и советы
03 — Как изменить размер изображения для печати
04 — Как изменить размер изображения для электронной почты и обмена фотографиями
05 — Как рассчитать размер изображения
06 — правда о разрешении изображения, размере файла и сети
07 — Как изменить размер пиксельной графики
08 — Лучший способ увеличить изображения в Photoshop CC

И не забывайте, что все наши учебники теперь доступны для скачивания в формате PDF !

Будьте первым, кто узнает, когда будут добавлены новые учебники!

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

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

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

Чтобы получить картинку нужного размера я использовал программу Photoshop.

Итак, обо всем по порядку. Из разных фотографий мне нужно было сделать изображения размером 6×6 см. В статье я буду использовать для примера фото известных футболистов.

Запускаем программу Adobe Photoshop. Открываем в ней наше первое фото (“Файл” – “Открыть”):В панели инструментов выбираем инструмент “Рамка” (“Crop tool”) :

После этого сверху появится панель свойств данного инструмента. Здесь задаем нужный размер будущего изображения (указывать можно в сантиметрах, миллиметрах или пикселях). В моем случае я задаю размеры 6 см x 6 см (прямо вручную это прописываю в нужных полях). Разрешение для печати указываем 300 пикселей:

Определившись с тем, какая область фотографии будет выделена – просто нажимаем на клавиатуре Enter. После этого увидим получившийся результат:Теперь сохраняем полученное изображение: заходим в строке меню в “Файл” – “Сохранить”. В появившемся окошке выбираем качество “Наилучшее” и жмем “Да”:

Таким образом мы изменили размер фото. На этом можно было бы и закончить статью. Но я решил все фотографии, которые вмещает моя фоторамка, подготовить к печати. Для этого потребовалось разместить их все на одном листе стандартного формата A4.

После этого делаем раскладку фотографий на лист A4. Для этого в Фотошопе заходим в “Файл” – “Новый”. Здесь должен быть выбран “Международный формат бумаги” и размер A4:Нажимаем в этом окне “Да”.

Теперь заходим в строке меню в “Файл” – “Открыть”. Находим все свои отредактированные фото – выделяем их и жмем “Открыть”:

В рабочем окне Фотошопа появятся все выбранные изображения. На панели инструментов выбираем инструмент “Перемещение” (самый верхний):Теперь хватаем мышкой каждую фотографию и по очереди переносим их на лист A4. Таким образом размещаем изображения равномерно на листе:

Закончив распределение фото, идем в “Файл” – “Сохранить как” – задаем имя для итогового изображения – выбираем тип файлов JPEG. Жмем “Сохранить”. Затем выбираем “Наилучшее качество” и нажимаем “Да”.

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

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

Метки: Photoshop, печать, фото

Оптимальные размеры картинок и фотографий для использования на сайтах, изменение размера и веса

Цифровые изображения имеют свои размеры и вес. Например, стандартное фото хорошего качества в формате JPEG может весить 5 MB мега байт и иметь размеры 4200х2800 px пикселей ширины и высоты. Стандартное же разрешение монитора тоже считается в пикселях. Самые популярные размеры — это 1024×768, 1152×864, 1280х960.

Теперь, если сопоставить разрешение монитора 1024х768 и размер картинки 4200х2800, то становится очевидным, что она более чем в 2 раза шире самого монитора, а значит браузер (Опера, Мозила и пр) будет сжимать картинку до нужных ему размеров, или появятся ползунки, и придется прокручивать её. Зависит от установок сайта. К тому же изменятся только видимые размеры картинки.
Мы, конечно, можем впихать в наш сайт подобные габариты, но такие фото занимают много места на хосте т.к. весят много. Вдобавок тормозят браузеры и компьютер посетителей. Все это добро чрезвычайно долго открывается, что отпугивает немалую часть посетителей. Я, например, долго прогружаемые сайты закрываю и гуглю дальше.

Как узнать оптимальный размер картинки для той или иной статьи?

В принципе можно и на глаз, если размер монитора 1024х768, то возьмем примерные размеры поля браузера и вычтем из размера монитора. Поля сайта тоже вычтем, то получим примерно 900х700 +- px то есть, фото можно смело уменьшать до таких размеров. А вообще 600х400 самое оно.

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

Изменить размеры и вес фото можно в фотошопе.

Размер изменяем таким образом. Image(Изображение) — Image Size – В полях width и height ставим нужные значения в пикселях, и в поле ниже constrain proportions(сохранять пропорции) ставим галочку. Скрин ниже.

Изменяя вес, мы изменяем качество изображения. Например с 5мb можно смело опускать качество до 50-200 кв, и на мониторе это будет не заметно. На некоторых картинках и при 15кв особо не заметны ухудшения. Зато места занимают в десятки раз меньше. Слева картинка сжатая — 500х630 26,7кб, справа нет — 1269х1600 1.35Мб. Вышло в 6 раз меньше. Если не придираться, то и не заметно.

Как изменить вес фото или картинки? Все просто. Меняется вес в фотошопе несколькими путями. 1) Просто изменить размер image- image size и если недостаточно уменшили, 2) File — Save for web & devices . Появится окошко с установками параметров, в верхнем правом будет ползунок Quality (качество), в нижнем левом показатель веса картинки. Качества ставите Low – низкое, следите на сколько уменьшается вес и возюкаете ползунок до нужного значения. Скрин ниже.

Или можно таким образом. File — save as — появится список форматов, выберите например Jpeg далее жмём «сохранить», появится окошко JPEG options. Там в окошке image option будет ползунок, перемещая его увидите справа цифры — сколько весит.

Еще один способ сжать картинку разлицных форматов — это специальные сайты, веб сервисы например вот tinypng . com

Настраиваем размер изображения в Adobe Photoshop.

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

Я много раз сталкивался с тем, когда люди не знали как создать документ и даже .

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

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

Ширина и Высота

Вообще-то после задания имени должен идти «Тип документа», но о нём мы поговорим позже, поэтому пока остановимся на ширине и высоте.

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

Только смотрите, чтобы единица измерения стояла «Пиксели», а то я как-то случайно поставил размер 520×300 только в сантиметрах. Ох и здоровенная же штука получилась. Просто как видите, вы можете задавать разные единицы измерения. Но если вы работаете с простыми цифровыми изображениями, то выбирайте размер в пикселях.

Ну а если вам нужно подогнать лист под формат А4, то ставьте размер 210 по ширине и 297 по высоте (это как раз размер бумаги этого известного формата). Ну и конечно же не забудьте поставить единицы измерения в миллиметрах. Суть уловили? Тогда идем дальше.

Разрешение

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

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

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

Цветовой режим

Этот режим определяет с какой вы будете работать. Но для самых обычных целей и во время первоначального обучения ставьте только RGB и не стесняйтесь. И не забудьте поставить 8 бит. Этого нам хватит. Или вы считаете, что 16 миллионов цветов будет недостаточно?

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

Содержимое фона

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

Прозрачный фон — это самое интересное. Очень удобная вещь для создания каких-то логотипов или других изображений, где фон не нужен. Благодаря такой прозрачности, рисунки можно лепить куда угодно в другие изображения и они не его не испортят, так как фон загораживать не будет. Такие файлы с поддержкой прозрачности хранят в формате PNG. Этот формат мы рассматривали в статье про .

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

Тип документа

Как и обещал, возвращаюсь к тому пункту, который я пропустил. Здесь мы можем выбрать один шаблонов для каких-то определенных форматов. Например выше я говорил вам, что вы можете задать ширину и высоту в миллиметрах, чтобы получить формат A4. Но на самом деле всё можно сделать гораздо легче. Достаточно лишь нажать на «Тип документа» , и выбрать из выпадающего списка «Международный формат бумаги» , после чего поле «Размер» станет активным и вы сможете выбрать уже готовый формат А4, который настроен автоматически.

Точно также происходит, если вы хотите формат по размер фотографии 10×15. Просто выбираете набор «Фото» , а затем в графе размер «10×15». Точно также можете посмотреть другие форматы и размеры. Таким образом этот процесс может облегчить вам процесс создания нового документа.

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

Ну а на этом я урок заканчиваю. Надеюсь, что всё было понятно. Если есть какие-то вопросы, то непременно задавайте их. Ну а вообще, если вы хотите изучить фотошоп в кратчайшие сроки, без лишней воды и разбираться в нём на 5 с плюсом, то советую вам обязательно посмотреть превосходный видеокурс по работе в фотошопе с нуля . Это действительно просто великолепный курс, в котором всё расставлено по порядку, а не в разнобой, и рассказано человеческим языком со всеми объяснениями.

С уважением, Дмитрий Костин

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

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

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

Итак, чтобы создать картинку в фотошопе с чистого листа, нужно перейти в меню Файл и выбрать команду Создать или воспользоватся сочетанием клавиш Ctrl+N .

После этого откроется диалоговое окно «Новый», в котором вы увидите обилие различных настроек.

Разберемся со всеми предлагаемыми настройками

Имя

Набор

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

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

Один раз введя все настройки, нажмите кнопку , расположенную в правой части окна.

Затем появится еще одно окно — «Набор параметров нового документа», в котором можно присвоить любое имя данному набору.

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

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

По умолчанию, при создании документа стоит набор «Заказная». Это означает, что вы сами можете ввести какую ширину и высоту документа хотите получить. При этом параметр Размер не активен, то есть его нельзя изменить. Но стоит выбрать из выпадающего списка наборов что-нибудь из стандартных, как этот параметр сразу станет активен, причем для каждого из наборов будет свои параметры размера.

Например, я выбрал набор Международные форматы бумаги . Параметр Размер стал активным и теперь из его выпадающего списка я могу выбрать такие размеры:

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

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

Примечание

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

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

Разрешение

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

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

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

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

Цветовой режим

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

Содержимое фона

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

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

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

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

Дополнительные параметры

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

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

Пиксельная пропорция . Это настройка определяет форму пикселов, меняя их размеры и пропорции. Она получила свое название от термина пропорция — отношение между шириной и высотой изображения (например, 16:9). Изначально в программе фотошоп выбран вариант Квадратные пиксели . Хотя квадратные пиксели хороши для фотографий, распечатанных изображений и использования на экране, они выглядят грубыми и искаженными в видео, которое склонно делать объекты низкими и толстыми.

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

Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter . Спасибо!

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

К примеру, у нас есть вот такое изображение, размером 120 х 80 пикс.

В итоге получаем иконку нужного нам размера.

На этом все. Думаю, что эта статья будет полезна всем, кто начинает знакомство с программой Adobe Photoshop.

2016-10-24

Здравствуйте уважаемый посетитель!

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

Создаем новый документ композиции шапки дизайн-макета сайта
Переносим картинки заготовок

Создаем новый документ композиции шапки дизайн-макета сайта

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

Это можно сделать, используя размещенные в сети интернет различные обучающие материалы по работе с графическими редакторами, а также воспользоваться, имеющимися здесь, на сайте бесплатными видеокурсами, для Adobe Photoshop — Фотошоп для начинающих (бесплатная версия) , для GIMP — Видеосамоучитель GIMP .

Как ранее отмечалось, здесь будет показано создание дизайн-макета с использованием редактора Adobe Photoshop CC. Но, аналогично можно все это выполнять и в программе GIMP.

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

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

В предыдущей статье мы сделали разметку макета, где шапке отведено место в размере 1200 * 210 пикселей (px), из которых 50px предусматривалось для меню. Также, мы получили заготовки для шапки сайта — это изображение автомобиля и вора, пытающегося его угнать. Используя это, попробуем создать картинку, отражающую тему нашего сайта.

В начале, создадим отдельный для шапки документ. Для этого, через меню «файл/создать» открываем окно «новый», вводим полученные при разметке размеры холста (ширина 1200px, высота 160px), как показано ниже и нажимаем «ОК».

Переносим картинки заготовок

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

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

Это можно сделать довольно простым способом: в главном меню левой кнопкой нажать «Файл» и в появившемся всплывающем меню выбрать «Экспортировать», а затем «Быстрый экспорт в «PNG», как показано на рис. 2.

После чего, мы должны закрыть картинку в формате «jpg» и вновь открыть ее уже в формате «png».

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

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

Найти этот инструмент можно на панели инструментов в дополнительном меню, нажав правую кнопку, или зажав и задержав на пару секунд левую, как показано на рис.3.

Откроем первую заготовку — картинку автомобиля и выберем инструмент «Волшебное палочка».

Для того, чтобы выделить элемент, надо при включенном инструменте «Волшебное палочка», навести указатель на фон и нажать левую кнопку мыши. После этого элемент должен выделиться пунктирной линией. При этом, допуск в панели параметров лучше установить в пределах 30, а также включить «Сглаживание» и «Смежные пиксели», как это показано на рис.4.

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

В итоге, после проделанных операций, мы получили элемент автомобиля, отделенный от фона заднего плана, который переместился на вновь созданный слой (в нашем случае это «Слой 1»). Это можно увидеть, если отключить «Слой 1», как показано на рис.6.

Но, если внимательно посмотреть на изображение автомобиля, то можно увидеть, что на нем остался еще фрагмент не удаленного фона в области спойлера. Удалим оставшийся фрагмент фона вместе со спойлером. На мой взгляд, спойлер здесь будет лишний.

Для удобства выделения необходимой области, увеличим масштаб изображения и воспользуемся инструментом «Магнитное лассо».

Этот инструмент можно найти на панели инструментов в дополнительном меню, нажав правую кнопку, или зажав и задержав на пару секунд левую, как показано на следующем рисунке.

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

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

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

В конечном итоге, после всех проведенных операций, мы получим элемент автомобиля, полностью отделенный от фона заднего плана. Это можно увидеть, если отключить «Слой 1» и «Слой 2».

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

Для этого, в начале уменьшим размер изображения автомобиля соразмерно размеру шапки. Уменьшим ширину его, скажем, до 200 пикселей, как показано на рис.11.

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

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

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

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

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

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

Конечный результат переноса фигуры вора показан на рис.15.

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

Также, мы можем изменять размер выделенных фигур, в режиме «Свободное трансформирование», который можно выбрать через меню «Редактирование», или воспользоваться горячими клавишами «Ctrl+T». А если, при этом, навести курсор на выделенный слой и нажать правую кнопку мышки, то в появившемся окне можно выбрать и другие операции по изменению выделенного изображения.

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

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

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

С уважением, Николай Гришин

Обрезать фото онлайн, вырезать фото, обрезать картинку или изображение.

Обрезать фото онлайн: пошаговая инструкция.

На этой странице вы можете обрезать фото онлайн бесплатно и без регистрации. Просто загрузите фотографию в окно обрезателя, выделите нужный фрагмент и нажмите кнопку «Обрезать«. Фотография обрежется моментально, после чего ее можно будет скачать. Вырезать фото с помощью нашего сервиса можно буквально за одну минуту! Поддерживаются все форматы изображений. Далее будут описаны эти же шаги, но немного подробнее.

Шаг 1. Загрузите фото. Это можно сделать двумя способами: или просто перетащить фотографию с компьютера или кликнуть в любое место приложения и выбрать изображение через стандартный файловый менеджер операционной системы («Обзор«).

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

Шаг 3. Нажмите обрезать. Внизу есть большая зеленая кнопка «Обрезать«. Фото обрежется в течении нескольких секунд.

Шаг 4. Скачайте фотографию. Обрезанное изображение можно скачать или с помощью правой кнопки («Сохранить как…«) или с помощью кнопки «Скачать«, которая находится под изображением.

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

Обрезать и вырезать фото онлайн нужного размера.

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

Обрезать фотографию большого размера.

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

Вырезать фото онлайн или оффлайн?

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

Обрезатель картинок Сut-photo.ru поддерживает практически все известные форматы изображений, самые основные из которых это JPG, JPEG, PNG, GIF, BMP и т.д. Использовать сервис вы можете в любое время без предварительной устновки, настройки или любой другой головной боли. Более того, в отличие от других подобных сайтов, Сut-photo.ru работает без обновления страницы, что избавляет вас от бесконечного мелькания и медленной загрузки. Теперь все это в прошом. Просто загрузите фото, выделите нужный кусок и скачайте его на компьютер. Нет ничего проще, чем пользоваться данным сервисом!

Политика конфиденциальности при обрезании фотографий.

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

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

Поделиться статьёй:

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

Содержание статьи:

Редактирование “по контуру”

Причин для обрезки изображения может быть много. Например, вы хотите загрузить изображение в профиль какой-либо базы или сайта (скажем, в резюме на сайт по поиску работы), где четко определено максимальное разрешение фото. А может быть в край фотографии попали лишние предметы, которые привлекают к себе внимание зрителя, или вы забыли отключить на камере отображение даты и времени, и теперь на вашем снимке мельтешит совершенно ненужная информация. С такими проблемами блестяще справится функция “быстрой обрезки”, однако, обратите внимание, что программа Photoshop обладает также возможностью более тщательной обрезки. Таковой можно назвать, например, выборочную обрезку, которая автоматически учитывает элементы композиции и не включает их в область выделения. Есть также и функции, позволяющие вырезать из общей композиции какие-либо конкретные детали, например, круглая вырезка или обтекание краев предмета. Их эффективность во многом будет зависеть от количества объектов на картинке, цветовой гаммы и сложности композиции. В случае, когда необходимо удалить какой-то объект с фото, его можно просто вырезать, используя “Перо”, “Волшебную палочку” или “Быстрое выделение”.

Использование “Рамки”

Инструмент с этим названием поможет вам обрезать часть изображения без затруднений и временных затрат. С помощью функции “Рамка” вы также сможете отредактировать размер снимка. Для того, чтобы воспользоваться инструментом, найдите на экране панель быстрого доступа. На ней вы увидите иконку с небольшим квадратиком внутри. Активировав “Рамку”, вы увидите, как ваша картинка разделилась на небольшие квадратики горизонтальными и вертикальными линиями. Потянув за любой край изображения, вы увидите, как оно трансформируется. Именно так вы сможете изменять параметры картинки. Однако, учтите, что трансформация (растягивание или уменьшение целого изображения с возможностью сохранения пропорций или их изменения) не станет выходом, если край изображения необходимо удалить. В таком случае вам нужно воспользоваться другой функцией “Рамки”: выделить необходимую часть картинки, которая должна остаться в итоге, и подтвердить изменения, кликнув на соответствующую иконку левой кнопкой компьютерной мыши. Чтобы сохранить изображение, нажмите на вкладку “Файл” — “Сохранить как…”. Далее напишите желаемое имя для файла и выберите папку для его сохранения.

Локальное выделение

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

Использование геометрических фигур для выделения определенной области (самыми распространенными являются овал, квадрат и прямоугольник). Совершить это действие можно, выделив нужную область и применив клавишную комбинацию. Клавиша Del (Delete- удалить) позволит убрать область выделения, а сочетания Ctrl + C и Ctrl + V создадут дополнительный слой и поместят на него выделенный объект. С новым слоем вы сможете делать различные манипуляции, а старый — удалить, зайдя в меню управления слоями.
Использование лассо. Выделить область также можно прямоугольным или магнитным лассо. В формировании области выделения будет задействован курсор. Зажмите левую кнопку мыши и ведите курсор в сторону до тех пор, пока вся необходимая область не будет выделена, а после этого — отпустите. У вас получится выделенная область, работать с которой можно так же, как и в первом случае.
Цветовое выделение. Это действие можно осуществить с помощью такого инструмента, как “Волшебная палочка” или воспользоваться функцией быстрого выделения. Этот способ применяют в основном при редактировании векторных изображений, так как растровый снимок имеет множество различных оттенков, из-за чего выделение может получиться неаккуратным. “Волшебная палочка” часто используется для выделения однотонного текста, а также элементов небольшого размера, так как другие функции не смогут справиться с этим заданием настолько оперативно и качественно. Суть функции “Быстрое выделение” заключается в выделении сегментов одного (заранее выбранного) цвета, а также участков, тональность которых схожа с выбранной.

Используем “Перо”

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

Применяем “Маску слоя”

“Маска слоя” — это более сложный способ обрезки изображения, который позволяет наложить вырезанный фрагмент на другое фото. Тем самым мы получаем что-то вроде коллажа. Сделать его будет не так уж и трудно, если понять логику действий.

Итак, для начала выбираем снимок с объектом, который мы будем вырезать, и загружаем его.
Теперь можно приступать и к работе с “Маской слоя”. Внизу под изображением вы увидите панель с отражением слоев. Например, “Слой-1”, “Слой-2” и т.д. Так как у вас загружено лишь одно изображение, то программа автоматически назовет его “Слой-0”. Как же нам сделать маску этого слоя? Внизу, под данной панелью расположен ряд значков. То, что нам нужно вы сможете найти слева от значка “fx”. Нажимаем на данную прямоугольную иконку с пустым кругом внутри и получаем копию исходного слоя.
Копия — это и есть та самая маска, и если вы попробуете рисовать на ней черным цветом, то увидите, что он стирает картинку, как ластик. Белый же, наоборот, восстанавливает.
Выберите кисть и настройте для нее большой диаметр. Сотрите фон вокруг предмета, максимально подступая к нему.
Переходим к более кропотливой работе. Чтобы ваш предмет выглядел максимально естественно на новом фоне — мы должны полностью избавиться от проявления старого фона на коллаже. Для этого приблизим участок фото, где необходимо стереть остатки старого фона, зажимаем кнопку Shift и ставим несколько главных точек в линии, которую необходимо очистить.
После очищения одной части — переходите к следующей, переставляя точки на новые места. Вы увидите, как пространство между ними будет очищаться по ровной линии, избавляя вас от кропотливой работы ластиком и “рваных краев”.
Создайте фон, загружая новое изображение в дополнительный слой. Теперь вы видите, что ваш объект, вырезанный с прошлой картинки, оказался в новой среде.
Чтобы различие оттенков двух изображений сильно не бросалось в глаза, используйте функцию цветокоррекции, выбрав правильные тона для сочетаемости фона и наложенной части. При желании можно также добавить какой-либо эффект, он еще больше сгладит тона, и вырезанное изображение станет частью новой композиции.
Новое изображение готово! Осталось лишь сохранить его. Сделать это можно по изученной стандартной схеме: “Файл” — “Сохранить как…”.

Удаление “шума”

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

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

— Сделайте копию слоя с загруженной картинкой. Все манипуляции будут осуществляться именно с ней.
— Включите XiDenoiser. Задайте нужные настройки (Std denoise).
— Learn radius/Compare radius. При настройке этих параметров не ставьте слишком больших значений. Максимальное значение для первого — девять, а для второго — три.
— Создаем дубликат слоя. Новую копию ставим на первое место и снова открываем XiDenoiser, изменяя значение параметра Spatial sigma на число, вдвое больше предыдущего.

Фотошоп онлайн

Онлайн-сервис “EDITOR” получил заслуженную репутацию второго фотошопа. Работать в нем также удобно и просто, как и в оригинальной версии, однако платформа упрощает вам работу и не требует скачивания программы, в отличии от предыдущего варианта.

Для того, чтобы начать редактирование, откройте сайт и нажмите на панель “Загрузить изображение с компьютера”. Далее выделите нужный файл и нажмите “Загрузить”. Так как этот сервис является аналогом настоящего редактора Photoshop, то и редактирование здесь происходит по аналогичной схеме. На панели инструментов, расположенной с левой стороны, вам нужно будет найти уже знакомую иконку “Рамка”.
Затем ставим курсор в левый верхний край предполагаемой области выделения и, удерживая левую кнопку мыши, ведем стрелку в правый нижний угол. Учтите: всё, что осталось вне области выделения, — будет обрезано. Чтобы получить максимально точный результат, вы можете совершать с выделенной областью корректирующие манипуляции, например, двигать рамку или менять ее размер. Когда все корректировки будут выполнены — произведите обрезку фото двойным кликом.
Далее вы сможете произвести и другие манипуляции с изображением, например, увеличить резкость/яркость или наложить какой-нибудь эффект.

Как видите, процесс редактирования фотографии является достаточно простым и предлагает нам массу различных вариантов на выбор. Не стоит бояться использовать такую многофункциональную программу, как “Photoshop”: потренируйтесь несколько раз работать в ней, изучите интерфейс и настройки, и уже через несколько практических упражнений вы увидите, что процесс легкой коррекции снимка занимает всего десять — пятнадцать минут. Обратите внимание и на полезные онлайн-сервисы с облегченным интерфейсом, которые также могут очень пригодиться вам.

Поделиться статьёй:

Как обрезать и изменять размер изображений

Узнайте, как изменить размер изображения, обрезать и выпрямить, а также добавить на холст изображения в Adobe Photoshop.

Изменить размер изображения.

Давайте поговорим о том, как изменить размер изображения в Photoshop. Я предлагаю вам начать с этого изображения из загружаемых файлов практики для этого руководства. Я хотел бы установить размер этого изображения, чтобы оно подходило для публикации на конкретном веб-сайте, где я знаю, что идеальный размер изображения составляет 900 пикселей в ширину.Прежде чем мы изменим размер этого изображения, давайте сначала проверим, насколько оно велико. В большинстве случаев вы захотите начать с изображения, которое больше или, по крайней мере, не намного меньше, чем изображение с измененным размером, которое вам нужно. Это потому, что если вы сильно увеличите изображение, в какой-то момент оно может начать выглядеть размытым. Я спускаюсь в строку состояния в нижней части окна документа, нажимаю и удерживаю информацию о размере документа. В маленьком всплывающем окне мы видим, что этот файл имеет ширину 1800 пикселей и высоту 1200 пикселей.Поскольку мы хотим разместить его на нашем веб-сайте шириной всего 900 пикселей, это означает, что мы будем уменьшать его масштаб. Чтобы изменить размер этого изображения, я перейду в меню «Изображение» и выберу «Размер изображения …». Откроется диалоговое окно «Размер изображения». Если хотите, вы можете увеличить это окно, перейдя в правый нижний угол и потянув за него. Слева вы можете увидеть предварительный просмотр изображения, а справа — элементы управления для изменения размера изображения. Здесь много информации, но вам не нужно обрабатывать ее всю, особенно когда вы изменяете размер изображения, которое будет отображаться на экране, а не для печати.Как мы в этом примере. Итак, здесь есть пара вещей, которые стоит проверить. Сначала убедитесь, что этот значок ссылки включен. Вот как это выглядит, когда он включен. Если я щелкну по нему, он будет выглядеть вот так, когда он выключен. Итак, мы хотим, чтобы он был включен, чтобы убедиться, что ширина связана с высотой, чтобы при изменении размера изображения сохранялась исходная пропорция ширины к высоте, и изображение не выглядело сжатым или растянутым. Во-вторых, убедитесь, что в этом поле стоит галочка, поле Resample.Когда этот флажок установлен, вы говорите Photoshop, что можно выбросить некоторые пиксели, когда он делает это изображение меньше. Или, если вы увеличивали изображение, добавляли несколько пикселей. И в-третьих, посмотрите справа от полей Ширина и Высота, где вы можете увидеть единицы измерения, которые используются для сообщения размеров изображения. По умолчанию это дюймы. Но когда вы изменяете размер изображения для использования на экране, как мы это делаем в этом примере, правильной единицей измерения являются не дюймы, а пиксели.Итак, я собираюсь щелкнуть любое из этих двух меню и изменить его с дюймов на пиксели, и другое меню тоже изменится, потому что ширина и высота связаны. Пришло время изменить размер. Я перейду в поле «Ширина» и вместо 1800 наберу 900. Вы можете видеть, что поле «Высота» автоматически изменилось, и оно изменилось пропорционально. А теперь бонусный совет: если вы хотите, чтобы изображение имело разные пропорции, скажем, 900 на 400, а не 900 на 600 в данном случае, лучший способ добиться этого — использовать другой инструмент, инструмент «Кадрирование», который мы снимаемся в другом фильме.Прежде чем я нажму «ОК», вы можете спросить, почему я не изменил поле «Разрешение». Это потому, что это поле «Разрешение» актуально только тогда, когда вы готовите изображение для печати. Когда вы изменяете размер изображения для использования на экране, как в этом примере, число в этом поле действительно не влияет на размеры изображения. Итак, вы можете оставить все как угодно. Итак, после внесения этих нескольких изменений в диалоговое окно «Размер изображения», мы можем перейти к кнопке «ОК» и щелкнуть там, чтобы закрыть диалоговое окно «Размер изображения» и вернуться в окно «Документ».Если хотите, вы можете вернуться в строку состояния и проверить размер измененного изображения. Я нажимаю и удерживаю там информацию, и вы видите, что теперь у нас есть изображение размером 900 на 600 пикселей вместо оригинала, которое было 1800 на 1200. Все, что осталось сделать, это сохранить изображение. Я перейду в меню «Файл» и выберу «Сохранить как …», а не «Сохранить», потому что я не хочу сохранять исходную версию размером 1800 на 1200 пикселей. Итак, в диалоговом окне «Сохранить как» я дам этой версии другое имя.Вы можете ввести здесь все, что захотите. Я собираюсь набрать «Resize-web.jpg» для моей веб-версии файла. Все остальное оставлю как было и нажму «Сохранить». Я нажимаю ОК в окне параметров JPEG, и теперь все готово. Вот как изменить размер изображения для использования на экране в диалоговом окне Photoshop CC Image Size.

Что вы узнали: как изменить размер изображения

Выберите Изображение> Размер изображения .
Измерьте ширину и высоту в пикселях для изображений, которые вы планируете использовать в Интернете, или в дюймах (или сантиметрах) для изображений для печати. Держите значок ссылки выделенным, чтобы сохранить пропорции. Это автоматически регулирует высоту при изменении ширины и наоборот.
Выберите Resample , чтобы изменить количество пикселей в изображении. Это изменяет размер изображения.
Нажмите ОК.

Изменить разрешение изображения.

Если вам нравится печатать изображения, вам может быть полезно иметь общее представление о том, что означает разрешение изображения в Photoshop, и как изменить разрешение изображения, чтобы подготовить его к печати. Это делается в диалоговом окне «Размер изображения». Если вы следите за происходящим, давайте откроем это изображение, которое вы найдете в файлах практики для этого урока. Затем перейдите в меню «Изображение» и выберите «Размер изображения» … В диалоговом окне «Размер изображения» вы можете увидеть размеры этого изображения в пикселях.Когда изображение все еще находится на вашем компьютере, мы измеряем его размер в пикселях. Но если бы мы распечатали это изображение, мы бы измерили размер отпечатка в дюймах, а не в пикселях. Здесь, внизу, в поле «Разрешение», вы можете увидеть разрешение, которое в настоящее время установлено для этого изображения, это 100. В разрешении 100 нет ничего особенного, это просто круглое число, которое я выбрал, когда настраивал файл для этого урока. Итак, что здесь означает разрешение? Что ж, если вы прочитаете эту строку слева направо, вы сможете это понять.Это говорит нам о том, что разрешение — это определенное число пикселей / дюйм, в данном случае 100 пикселей / дюйм. Другой способ сказать это: если и когда вы распечатаете это изображение, 100 пикселей из общих 1800 пикселей по горизонтали и 1200 пикселей по вертикали будут назначены каждому напечатанному дюйму по горизонтали и вертикали. Теперь, если вам не нравятся математические задачи, вы можете пропустить следующую часть, но если вам нравится думать об этом с точки зрения математики, вот простой пример. Итак, математическая задача: разделите 1800 на 100, и вы получите 18.Это означает, что при разрешении 100 пикселей на дюйм этот файл будет напечатан с размером 18 дюймов. И так же работает по вертикали. Если мы разделим общую высоту 1200 пикселей на группы по 100, то получится 12 групп или 12 дюймов. Итак, высота напечатанного изображения будет 12 дюймов. Итак, если вы понимаете эту основную концепцию, теперь вы, вероятно, задаетесь вопросом, а какое число лучше всего указать в поле «Разрешение» при подготовке изображения к печати? К сожалению, нет однозначного ответа, потому что это зависит от того, какой принтер вы используете.Но если вы печатаете дома на типичном струйном принтере, будет справедливо сказать, что подойдет разрешение около 300 пикселей на дюйм. Если бы я напечатал изображение с разрешением всего 100 пикселей на дюйм, оно могло бы выглядеть нормально, но если бы вы подошли к нему очень близко, оно выглядело бы не лучшим образом. Потому что моему настольному струйному принтеру действительно нужно около 300 пикселей на дюйм. Так как же изменить разрешение печатаемого изображения до 300 пикселей на дюйм в этом диалоговом окне? Первый шаг — убедиться, что флажок Resample не установлен.Потому что, если мы просто меняем разрешение, мы, вероятно, не захотим изменять общее количество пикселей в файле. И это то, что делает Resample. Итак, предположим, что мы хотим, чтобы общее количество пикселей в файле оставалось равным 1800 на 1200. Мы просто хотим перераспределить их на группы по 300, а не на группы по 100. Итак, что я собираюсь сделать, это набрать 300 в поле Разрешение. Предупреждение о спойлере: когда я это сделаю, количество дюймов в полях «Ширина» и «Высота» также изменится. Итак, давайте набираем здесь 300.И, конечно же, ширина и высота изменились с 18 дюймов и 12 дюймов до 6 дюймов на 4 дюйма. И это размер, при котором это изображение будет печататься с разрешением, необходимым для получения наилучшего качества печати. Я закончил, поэтому собираюсь нажать ОК. Это закроет диалоговое окно «Размер изображения» и вернет меня в окно «Документ». И вот у меня есть готовое к сохранению и печати изображение размером 6 на 4 дюйма, по 300 пикселей на каждый дюйм.

Что вы узнали: как изменить разрешение изображения

Выберите Изображение> Размер изображения .Разрешение в этом диалоговом окне означает количество пикселей изображения, которое будет назначено на каждый дюйм при печати изображения.
Оставьте для печати ширину и высоту в дюймах.
Отмените выбор Resample , чтобы сохранить исходное количество пикселей изображения.
В поле Разрешение установите количество пикселей на дюйм равным 300 для печати на обычном настольном струйном принтере. Это изменит количество дюймов в полях ширины и высоты.
Нажмите ОК.

Инструмент «Кадрирование» — один из самых полезных инструментов Photoshop CC, особенно для тех из вас, кто делает много фотографий. Вы можете использовать его для улучшения композиции и исправления кривых фотографий. Я открыл это фото из файлов практики для этого урока. Итак, я могу показать вам основы инструмента «Кадрирование». Я начну с выбора инструмента «Кадрирование» на панели «Инструменты». Как только я это сделаю, вы увидите эту рамку вокруг всего изображения. Это поле «Обрезать».Я наведу курсор на любой из углов или на любой из краев поля кадрирования и перетащу, чтобы изменить форму этого поля. Итак, в этом случае я мог бы перетащить его внутрь, чтобы создать композицию, совершенно отличную от исходной фотографии. Когда вы создаете кадрирование, Photoshop показывает вам предварительный просмотр с областями, которые необходимо обрезать, заштрихованными серым цветом. Таким образом, вы сможете оценить, что именно вы собираетесь удалить, прежде чем завершить сбор урожая. Теперь, прежде чем я завершу эту обрезку, я хочу перейти на панель параметров, чтобы показать вам важную опцию.И это Удалить обрезанные пиксели. Эта опция отмечена по умолчанию. Обычно мне нравится снимать этот флажок. Потому что, когда установлен флажок «Удалить обрезанные пиксели», если вы завершите кадрирование и сохраните изображение, вы навсегда удалите обрезанные пиксели. Но если этот параметр не отмечен, вы можете вернуть обрезанные пиксели в любое время. Давайте попробуем. Я собираюсь завершить эту обрезку, перейдя к большой галочке на панели параметров и щелкнув там. Есть и другие способы завершить кадрирование, но мне нравится этот способ, потому что он очень простой.Итак, теперь вы можете увидеть фотографию с примененным кадрированием. Допустим, я делаю что-то еще с изображением, а затем передумал, как я его обрезал. В любой момент я могу вернуться и выбрать инструмент «Обрезка», а затем снова щелкнуть изображение, и все пиксели, которые я обрезал, снова появятся в поле зрения, и я могу изменить свою обрезку. На этот раз я мог бы включить некоторые из этих обрезанных пикселей. Кстати, вы могли заметить, что поверх моей фотографии есть сетка из вертикальных и горизонтальных линий, когда я использую инструмент «Кадрирование».Этот оверлей представляет собой классическую композиционную технику, известную как правило третей. Идея этого метода заключается в том, что если вы разместите важный контент в изображении на пересечении любой из этих горизонтальных и вертикальных линий, вы можете улучшить композицию. Давайте попробуем с этим изображением. Я собираюсь разместить букет прямо на этом пересечении, щелкнув изображение и перетащив его сюда. А потом я мог бы еще немного изменить границу обрезки, подтянув ее к букету еще сильнее.Затем я нажму галочку. Опять же, я собираюсь щелкнуть изображение с помощью инструмента «Кадрирование», чтобы попытаться еще немного настроить это кадрирование. Я заметил, что это изображение немного искривлено, особенно здесь, за столом. Одна из вещей, которые вы можете сделать с помощью инструмента «Кадрирование», — это выпрямить изображение. Есть несколько способов сделать это. Вы также можете переместить курсор за пределы одного из углов и вручную попытаться перетащить, чтобы выпрямить изображение, и появится эта сетка, которая поможет вам в этом. Я предпочитаю автоматический метод.Итак, я собираюсь отменить, это Command + Z на Mac, Ctrl + Z на ПК. Итак, изображение снова искривлено, а затем я перейду к панели параметров и воспользуюсь инструментом автоматического выпрямления. Я нажму на этот инструмент, чтобы выбрать его на панели параметров для инструмента Обрезка. Я перейду к изображению, а затем щелкну по краю этой таблицы, удерживая указатель мыши и перетащив немного дальше по этому краю. Теперь вам не нужно идти до конца по краю. Иногда немного поможет, например, вот здесь.Photoshop использует вашу линию в качестве ориентира для поворота изображения, чтобы содержимое выглядело ровно. Я собираюсь еще немного подстроить эту обрезку, возможно, поднять этот край и, возможно, немного сдвинуть букет, чтобы поместить его прямо в центр. А затем я собираюсь подойти к панели параметров и щелкнуть галочку, чтобы завершить кадрирование. Таковы некоторые из основ инструмента «Кадрирование». Надеюсь, вы попробуете эти техники поработать над собственными композициями в Photoshop.

Что вы узнали: как обрезать и выпрямить изображение

Выберите инструмент Crop на панели инструментов Инструменты .Появится рамка кадрирования.
Перетащите любой край или угол, чтобы настроить размер и форму границы кадрирования.
Перетащите курсор внутрь границы кадрирования, чтобы расположить изображение внутри границы кадрирования.
Перетащите за угол границы кадрирования, чтобы повернуть или выпрямить.
Щелкните галочку на панели параметров или нажмите Enter (Windows) или Return (macOS), чтобы завершить кадрирование.

Добавьте немного места на холст документа.

Бывают случаи, когда вы хотите добавить холст документа, чтобы было больше места для добавления элементов, таких как текст или изображения, в ваш дизайн. Вы можете сделать это с помощью команды «Размер холста», которую мы рассмотрим в этом уроке. Если вы следуете инструкциям, вы можете использовать это изображение из файлов практики для этого урока или собственное изображение. Чтобы добавить на холст вокруг этого изображения, я перейду в меню «Изображение», где есть команда «Размер холста …» прямо под размером изображения… команда. Теперь, чтобы не усложнять эти 2, команда «Размер изображения …», которую мы рассматривали в другом видео в этом руководстве, работает иначе, чем команда «Размер холста …». В отличие от размера изображения …, размер холста … не меняет размер ваших реальных фотографий или других произведений искусства или изображений в композиции. Это просто позволяет вам добавить пространство вокруг этих предметов. Итак, давайте выберем Размер холста … И откроется диалоговое окно Размер холста. Вверху этого диалогового окна вы можете увидеть ширину и высоту этого изображения в дюймах.И здесь вы можете добавить к ширине холста или добавить к высоте холста, или и то, и другое. И в этих полях по умолчанию также установлены дюймы. Но когда вы готовите изображение для использования в Интернете, а не для печати, имеет смысл изменить эту единицу измерения на пиксели, потому что именно так мы измеряем и обсуждаем размер изображений на экране, как вы узнали ранее в этот учебник. Итак, я собираюсь изменить одно из этих меню с Дюймов на Пиксели. Меняется и другое меню.Если вам известна общая ширина в пикселях, которую вы хотите, чтобы изображение было после развертывания холста, вы можете ввести это число в поле «Ширина». Но часто бывает проще просто сказать Photoshop, сколько пикселей нужно добавить на холст, не беспокоясь о том, какой будет общий результат. Для этого спуститесь сюда и установите флажок «Относительный». Это устанавливает число в полях «Ширина» и «Высота» равным 0. Теперь я могу ввести количество пикселей, которое я хочу добавить на холст. Итак, допустим, я хочу добавить 400 пикселей к ширине холста.Я наберу 400 здесь. Если бы я хотел увеличить высоту холста, я бы тоже мог это сделать. Я пока просто оставлю это на 0. А затем я нажму «ОК», чтобы применить это. В окне документа вы можете видеть, что Photoshop добавил холст как с левой, так и с правой стороны этой фотографии. Он разделил 400 пикселей дополнительной ширины, о которых я просил, на 200 пикселей справа и 200 пикселей здесь слева. Что, если бы я хотел добавить холст только к одной стороне этого изображения.Скажем, здесь с правой стороны. Это сделано немного иначе. Итак, давайте отменим то, что мы сделали до сих пор, попробуйте вместо этого. Я нажму Command + Z на Mac, Ctrl + Z на ПК, чтобы отменить. И я вернусь в меню «Изображение» и снова выберу «Размер холста …». Первое, что я собираюсь сделать здесь, это проверить, что в полях «Ширина» и «Высота» все еще установлено значение «Пиксели». И это не так, они вернулись к дюймам по умолчанию. Итак, я снова изменю эти меню на «Пиксели». И я дважды проверю, отмечен ли «Относительный».Как я уже сказал, я хочу, чтобы добавленный холст отображался справа от изображения. Для этого я спущусь к этой якорной диаграмме и собираюсь щелкнуть по среднему квадрату в левой части этой диаграммы. Это означает, что Photoshop должен закрепить или привязать изображение к левой стороне холста, а дополнительный холст — справа. Итак, теперь я собираюсь перейти к полю «Ширина» и ввести количество пикселей, которое я хочу добавить к правой стороне этого изображения. Добавим 800 пикселей.И жмем ОК. И это именно тот эффект, которого я хотел. Вы, наверное, заметили, что до сих пор все мои расширения холста были белыми. Но вы можете управлять цветом своего расширения холста здесь, в диалоговом окне «Размер холста», используя цветное меню расширения холста здесь. Кстати, если вы работаете над другим изображением и не находитесь на специальном фоновом слое, как на этом изображении, тогда ваше цветовое меню расширения Canvas будет недоступно, а добавляемый вами холст будет прозрачным. Это будет похоже на серо-белую шахматную доску в Photoshop.Я просто нажму «Отмена». И, если я хочу сохранить это изображение, я перехожу в меню «Файл» и выбираю «Сохранить как …», поэтому я не сохраняю оригинал. Вот как вы можете добавить пространство на холст документа, чтобы у вас было дополнительное место для добавления дополнительных элементов изображения.

Что вы узнали: как изменить размер холста

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

5 способов масштабирования изображений в Adobe InDesign

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

Ctrl & Shift
Хорошо, так что это лучший способ получить полный контроль, вы можете просто удерживать Ctrl (Command на Mac), затем также удерживать клавишу Shift, затем просто взять угловой маркер на рамке Adobe InDesign и перетащите это.И рамка, и изображение теперь будут склеены, и вы можете перетащить их на столько, сколько захотите. Не забывайте следить за панелью «Ссылки» («Окно»> «Ссылки»), чтобы убедиться, что разрешение не становится слишком низким по мере увеличения изображения.

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

Масштабируйте изображение, а не рамку
Могут быть случаи, когда рамка имеет правильный размер, но вы хотите существенно увеличить изображение, увеличивая изображение внутри рамки Adobe InDesign, но сохраняя рамку того же размера. На этот раз мы собираемся щелкнуть один раз по горячей точке в середине изображения, и вы заметите, что появляется другой набор коричневых маркеров. это край изображения. Взявшись за угол коричневых ручек и удерживая Shift, чтобы оно оставалось пропорциональным, вы можете перетащить изображение в большем размере, вообще не меняя рамку в кадре Adobe InDesign..

Autofit
На нашей панели управления Adobe InDesign есть небольшая галочка прямо под кнопкой, которую мы нажимали ранее и которая масштабировала содержимое по размеру. Если мы выберем нашу рамку Adobe InDesign, установите этот флажок, когда мы используем наш основной инструмент выделения, чтобы захватить ручки на краю нашего кадра и перетащить его, он автоматически склеит рамку и контент, и вы сможете масштабировать без нажатия каких-либо дополнительных клавиш!

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

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

Итак, у вас есть 5 различных способов делать ваши изображения больше и меньше в Adobe InDesign, есть хорошие практики, и вы скоро увидите, какие из них работают лучше в различных обстоятельствах.

Соотношение размеров 3: 2 в Photoshop

Эта процедура понадобится вам в первую очередь, если вам нужны бумажные копии фотографий. Цифровые фотоаппараты — за исключением цифровых зеркальных фотоаппаратов и нескольких дорогих компактных аппаратов — обычно используют формат изображения 4: 3, в то время как традиционные бумажные фотографии имеют формат 3: 2.

Конечно, в настоящее время легко заказать копии 4: 3, поскольку большинство провайдеров перешли на цифровое соотношение, но если вы по-прежнему предпочитаете 3: 2, также более удобное для зрителя, у вас есть простой способ перейти в Photoshop.

Откройте в Photoshop изображение, которое хотите обрезать. В нашем примере соотношение размеров 4: 3 , обычное для цифровых фотоаппаратов и компьютерных мониторов. Мы хотим обрезать его до традиционного соотношения 3: 2 . Конечно, это означает отказ от определенных частей по краям фотографии.

Выберите инструмент Rectangular Marquee Tool на панели инструментов.

Вы можете увидеть параметры выбранного инструмента в верхней части окна.В Style выберите Fixed Aspect Ratio и установите Width равным соотношению размеров большего размера изображения, в данном конкретном случае 3 . Точно так же установите Высота на отношение меньшего размера, 2 . Естественно, для фотографий с портретной ориентацией используйте соотношение 2: 3.

Перетащите прямоугольную рамку на изображение из угла. Соотношение размеров рамки остается на установленном значении (3: 2).Если вы достигли желаемого размера, щелкните внутри выделения и перетащите мышь, чтобы установить точное положение рамки. Вы можете сделать то же самое, нажав клавиши со стрелками (для шагов 1 пикселей) или Shift + клавиши со стрелками (для шагов 5 пикселей).

Когда поле выбора окажется на своем месте, щелкните Image / Crop , чтобы обрезать лишние части. Вот и 3: 2 вместо 4: 3.

Будай Петур

Как кадрировать в GIMP + Советы по креативному кадрированию

Найти простую, экономичную и универсальную технику дизайна — все равно что открыть для себя святую тройку контент-маркетинга.Как бы неуловимо это ни звучало, один из наших любимых дизайнерских приемов соответствует всем этим критериям: кадрирование. Это невероятно простой метод, который экономит время и деньги, позволяя создавать совершенно новые впечатляющие дизайны. Лучшая часть? Для работы вам даже не нужен Photoshop.

Мы собираемся показать вам, как сделать креативное кадрирование в GIMP — бесплатной альтернативе Photoshop. Всего за несколько кликов вы получите три совершенно разных изображения, каждое из которых рассказывает свою историю.Затем мы покажем вам, как каждое изображение может проявиться в ваших цифровых маркетинговых кампаниях. Теперь перейдем к руководству.

Как кадрировать в GIMP

Шаг 1. Откройте файл в GIMP

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

Шаг 2. Выберите инструмент кадрирования

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

После того, как вы нарисовали рамку обрезки, вы можете настроить ее размер, щелкнув и перетащив края. Если вы пытаетесь обрезать изображение до определенных размеров, вы можете перейти в раздел « Размер » в разделе «Параметры инструмента » слева и ввести размеры прямо в поле.

В этом примере мы использовали рекомендуемые размеры для историй Instagram (1080 пикселей x 1920 пикселей).

Шаг 3. Масштабируйте изображение (при необходимости)

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

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

Шаг 4. Обрезка!

Когда вы будете довольны макетом, нажмите клавишу ВВОД, чтобы обрезать изображение. Затем вы можете экспортировать изображение в другой формат файла, перейдя в File> Export As , затем выбрав формат файла по расширению (вы найдете эту опцию в нижней части окна).

Присоединяйтесь к нашему творческому сообществу

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

Обрезка изображений для различных платформ

Теперь, когда вы кадрировали изображение в GIMP, пора применить его! Мы использовали наше свежеобрезанное изображение, чтобы создать рекламу «счастливого часа» для местного бара. Пустое пространство в верхней части изображения идеально подходит для текста, поэтому изображение отлично подходит для истории Insta. Если вы новичок в Instagram, узнайте больше об обрезке изображений до нужных размеров для Instagram Stories.

Затем мы вернулись к исходному изображению двух женщин, пьющих напитки, и кадрировали его в GIMP, чтобы создать рекламу для Facebook.Рекомендуемые размеры для Facebook — 1200 x 628 пикселей, и мы использовали тот же процесс, который описан выше, для создания нашего нового изображения. На этот раз мы сосредоточились исключительно на женских лицах, создав совершенно иное ощущение от истории Insta, которую мы делали раньше. Глядя на наши два кадрированных изображения, вы даже не догадываетесь, что они взяты с одной и той же фотографии!

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

Обрезка может иметь значительное влияние при небольшом усилии, так что воспользуйтесь этим дизайнерским приемом! Чтобы узнать больше о кадрировании, ознакомьтесь с нашим руководством о том, как творчески кадрировать в Photoshop.

Найдите свежие изображения

Мэдди Стерн

Писатель-фрилансер

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

Как изменить размер фотографии для вашего веб-сайта

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

Подождите, может быть, вы уже в этом разобрались, потому что читали заголовок этого поста.

Да, «Как я могу изменить размер этой фотографии для моего веб-сайта?» — это наша головная боль №1, и сейчас самое время предоставить руководство, которое упростит изменение размера для всех.Во-первых, вот несколько инструментов для редактирования фотографий, которые помогут вам в работе, если они вам понадобятся.

Но что это значит, когда кто-то говорит «Мне нужно изменить размер этой фотографии».

На самом деле это может иметь несколько разных значений.

1. Мое изображение не соответствует пространству.

Пример: этой странице требуется изображение размером 504 пикселей в ширину и 309 пикселей в высоту.

Предварительный просмотр (Mac):

Откройте файл, нажмите «Инструменты»> «Настроить размер».

Это даст вам возможность изменить изображение до нужных размеров.

В Pixlr (бесплатное веб-приложение):

Найдите и откройте файл. Выберите «Коррекция»> «Изменить размер».

Введите размеры и сохраните пропорции. Сохранить.

Но подождите, а что, если:

2. Не могу просто изменить размеры!

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

Пример: это изображение имеет размер 770 x 514 и, чтобы изменить его размер до точного размера, например, 504 x 309, мне придется кадрировать.

(770×514 пикселей)

Ой! Оставайся со мной. Я покажу вам, как это получить:

(504×309 пикселей)

Предварительный просмотр (Mac):

Откройте файл, выберите «Инструменты»> «Настроить размер».

Сначала установите ширину. В этом примере я установил ширину 504 пикселей, но вы заметите, что высота составляет 336 пикселей.

Затем с помощью инструмента выделения выберите и обрежьте высоту до 309. При кадрировании это будет выглядеть так:

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

Pixlr, MS Paint или Photoshop имеют очень похожие инструменты обрезки.

«Но подождите, я не это имел в виду!» ты говоришь. Вы действительно имеете в виду…

3. Размер моего файла слишком велик, и загрузка займет много времени.

Пример. Размер моего изображения составляет 900 КБ. Как сделать его меньше, чтобы оно загружалось быстрее?

файлов PNG или JPG могут получиться довольно большими, но вы можете уменьшить размер файла несколькими способами. Если ваш файл очень большой, например 10 МБ, вам, вероятно, нужно выполнить шаг № 1 и проверить эти размеры. Если ваше изображение имеет ширину 3000 пикселей, вам следует уменьшить его до более удобного размера.

Далее убедитесь, что вы правильно сохранили изображение.Самый простой способ — использовать параметр «Сохранить для Интернета», если вы работаете в Photoshop или редакторе, в котором есть такая возможность.

Вот что я обычно делаю на своем Mac с помощью Preview.

Предварительный просмотр:

Откройте ваш файл. Выберите Файл> Экспорт.

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

В приведенном ниже примере я начал с изображения PNG размером 346 КБ. Я уменьшил размер файла, экспортировав его в формате JPEG и вручную снизив качество до 37 КБ (но он по-прежнему выглядит хорошо для Интернета!)

Тада! Теперь вы готовы играть и изменять размер изображений как профессионал.

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

Объяснение размера изображения и разрешения для печати и на экране

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

Итак, в этой статье я объясню, что означают эти термины.

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

Приступим.

Какое разрешение у цифровых фотоаппаратов?

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

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

Итак, если ваша камера имеет 20 мегапикселей (часто обозначается как 20 мегапикселей), она фиксирует меньше деталей, чем камера с 30 мегапикселями, которая, в свою очередь, улавливает меньше деталей, чем камера с 40 мегапикселями.

Но что такое мегапиксель на самом деле? И как это влияет на вашу способность печатать и отображать фотографии?

Мегапикселей и размер фото

Технически один мегапиксель равен 1 048 576 пикселей; на самом деле производители камер округляют это число до 1 000 000, когда говорят, какой размер изображения будет сниматься камерой.

Так, например, моя камера снимает 14,6-мегапиксельные изображения, что составляет около 14 600 000 пикселей на изображение (14,6 x 1 000 000). Эта информация ничего не говорит вам о фактических размерах изображения в пикселях — она только сообщает вам общее количество пикселей, составляющих изображение.

Моя камера, как и большинство зеркалок, снимает изображения с соотношением сторон 1,5. Таким образом, соотношение количества пикселей вдоль длинного края изображения к короткому краю изображения составляет 3: 2.

Каждое из моих полноразмерных изображений RAW имеет размер 4672 x 3104 пикселя. Таким образом, умножая количество пикселей по ширине изображения на количество пикселей по высоте, мы получаем фактическое количество пикселей в изображении (4672 x 3104 = 14 501888). Мы с вами могли бы назвать это 14,5 МП, но производители камер округляют это число и называют его 14.Камера 6 МП.

Вы можете проверить ширину и высоту изображения с помощью программного обеспечения для редактирования фотографий. В Photoshop вы можете открыть свое изображение, затем выбрать File> File Info> Camera Data . На изображении выше показано диалоговое окно с результирующей информацией.

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

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

Почему размер важен при печати

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

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

Типичные значения PPI при печати находятся в диапазоне от 150 до 300 PPI, хотя в некоторых высококачественных журналах могут потребоваться изображения с разрешением 1200 PPI.

Так, например, если вы хотите напечатать изображение размером 4 x 6 дюймов с разрешением 300 пикселей на дюйм, то вам понадобится файл, имеющий не менее 4 x 300 (1200) пикселей по короткой стороне и 6 x 300 (1800) пикселей на длинная сторона. Другими словами, он должен быть размером не менее 1200 x 1800 пикселей.

Чтобы напечатать изображение размером 8 x 10 дюймов с разрешением 300 PPI, используйте ту же математику:

Умножьте ширину и высоту напечатанного изображения в дюймах на 300 пикселей.В результате получается 2400 x 3000 пикселей, что является разрешением изображения, которое необходимо для печати изображения 8 x 10 с разрешением 300 пикселей на дюйм.

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

Ниже приведен снимок экрана с веб-сайта MpixPro.com, на котором показаны оптимальные и минимальные размеры изображений для стандартных размеров печати. Их принтер выводит на печать с разрешением 250 PPI (но может обрабатывать изображения со 100 PPI), хотя другие службы могут отличаться, поэтому всегда проверяйте их перед подготовкой изображений.

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

Здесь изображение, обрезанное до размера 3000 x 2400 пикселей, корректируется с 72 PPI до 300 PPI при подготовке к печати с разрешением 300 PPI. Передискретизация не требуется, так как изображение уже имеет правильные размеры и требуется только разрешение.

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

Размер экрана

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

Это связано с тем, что плотность пикселей на экране намного меньше, чем требуется для печати.Например, типичный монитор имеет размер 1920 x 1080 пикселей; Чтобы заполнить монитор, вам нужно только изображение размером 1920 x 1080 пикселей. Это примерно тот же размер изображения, который вам нужен для печати 4 x 6 с разрешением 300 PPI, но при этом изображение с разрешением 1920 x 1080 пикселей отлично отображается на 23-дюймовом мониторе.

alexxlab

Фотошоп

Задания для фотошопа: Практические задания для работы в графическом редакторе Adobe Photoshop

Фотошоп

Лист бумаги для фотошопа: 4 000+ картинок с текстурой бумаги бесплатно

Фотошоп

Как в фотошопе нарисовать кнопку: Рисуем кнопку для сайта в Фотошоп / Creativo.one

Фотошоп

Как сделать в фотошопе фото в стиле гта: Делаем в Photoshop художественную обработку в стиле Дрим-арт

Фотошоп

Как сохранить как проект в фотошопе: Как сохранить проект в Adobe Photoshop

Фотошоп