Фотошоп вырезать изображение: Страница не найдена | MyPhotoshop.ru

Вырезание объектов — Учебный сайт по Adobe Photoshop

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

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

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

3. После этого кликаем в середине контура и в выпавшем окне выбираем Образовать выделенную область со следующими настройками:

4. По контуру побежали «муравьи».

5. Идем на верхней панели в Выделение-Инверсия. По периметру картинки тоже побежали муравьи.

6. Нажимаем на клавиатуре клавишу Delete и наш фон исчезнет. После этого идете в Выделение — Отменить выделение.

7. Муравьи
пропали. Но среди белых перьев мы видим небольшой участок голубого цвета
с нашего фона. Его тоже надо удалить. Повторяем действия п. 1 — 4.
Затем кликаем в центре выделенного контура — Образовать выделенную
область и, не делая на этот раз Инверсию, нажимаем Delete. Наш голубой
фон исчез полностью. Идем  на верхней панели в Изображение —  Тримминг и
нажимаем Ок. Лишний прозрачный фон удалился.

Вот
собственно и весь урок. Идем в Файл — Сохранить как и сохраняем в PNG.
Вот наш  лебедь. Это черновая обработка картинки. Для применения ее в
следующем уроке фотошопа «Коллаж Одинокая»,  этой обработки пока достаточно :

Вырезание объектов

Как вырезать волосы с фона изображения в Фотошоп

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

Методика №1: Изображения с простым фоном

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

Откройте исходное изображение в программе Photoshop.

Откройте палитру Каналы (Channels) и кликните поочередно на красный, зеленый и синий канал. Ваша задача состоит в том, чтобы выбрать канал, который содержит максимальный контраст между передним планом и фоном. В нашем примере это Синий канал. Перетащите этот канал на иконку нового канала, чтобы продублировать его.

При активном новом канале, отрегулируйте уровни (шорткод Фотошоп Ctrl+L), чтобы резко увеличить контраст между светлыми и темными участками. В нашем примере настройки следующие: 40-0,60-255.

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

После этого выберите инструмент Затемнитель (O), Диапазон – Тени, и закрасьте им передний план, чтобы увеличить контраст.

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

Инвертируйте изображение (Ctrl+I), чтобы проверить незакрашенные участки.

Если результат вас устраивает, зажмите Ctrl и кликните на миниатюре канала, с которым мы работали, чтобы загрузить его выделение. Затем снова включите видимость оригинальных каналов, кликнув на канале RGB. Перейдите к палитре слоев и скопируйте выделение. Вставьте его на новый слой и скройте оригинальное изображение, чтобы увидеть вырезанный передний план на прозрачном фоне.

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

Методика №2: изображения со сложным фоном

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

Откройте исходное изображение в Photoshop.

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

Нажмите правой кнопкой на изображении и выберите «Образовать выделенную область» с радиусом растушевки 0,2 пикселя, и скопируйте выделение на новый слой. Уменьшите прозрачность нижнего слоя так, чтобы вы могли видеть оригинальную линию волос.

Вот теперь начинается самое интересное! Используйте инструмент Палец (Smudge Tool), чтобы нарисовать новые волосы, используя нижний, оригинальный слой в качестве шаблона. Начните с кисти в 4px, снимите галочку в поле «Образец со всех слоев» в верхнем меню настроек инструмента, и небольшими штрихами от края видимых волос нарисуйте новые волосы, как бы «вытягивая» их. Старайтесь повторять направление роста волос и учитывайте их длину – для длинных волос делайте более размашистые штрихи. А для более тонких волос используйте кисть меньшего размера.

Методом проб и ошибок, с помощью «волшебного» сочетания клавиш Ctrl+Z, и вкладки История, вы быстро научитесь обрабатывать фото с любым фоном и без потерь мелких деталей!

Как обрезать изображение и как задать ему требуемое разрешение – Фотоконкурс ЗооПапарацци

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

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

Обрезка фотографии является одной из основных операций, которую требует практически каждая фотография. Зачастую (да вы и сами это должны хорошо знать), хомячок не сидит смирно на месте, позируя вам в требуемых позах, а носится по дивану (столу) как заведенный и десятки кадров уходят “в молоко”. Бывает, что по причине нечеткости (это мы разберем в следующих уроках), а бывает по причине неудачного расположения хомячка в кадре (ну к примеру он занимает лишь малую часть фото, а остальное – ненужные вам в кадре предметы. Это проблема легко решаема. Как? Читаем ниже

1. Запускаем программу Photoshop. Открываем изображение. И жмем на кнопку “Рамка” на левой панели инструментов

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

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

Вот и обрезка фотографии в простом своем смысле (без специальных настроек). Но для всеобщего обогащения разберу один интересный случай настроек, а именно, случай, когда вам требуется вырезать из фото кусок определенного соотношения. К примеру, ровный квадрат или прямоугольник соотношением сторон 10Х15 (я не случайно пишу “10х15”, как многие знают это стандартный размер фото, если вы сдаете его на печать), это очень полезно делать перед сдачей фотографий, так как вы сами контролируете что вам обрезать, а не машина в проявочной.

1. Итак, как же задавать такое соотношение? Очень просто. Обратите внимание на строки “Ширина” и “Высота” на верхней панели инструментов:

2. Сейчас они пусты, а значит что изображение обрезается любым соотношением – все зависит от того, как вы поведете мышь в пункте 2 этой инструкции. Но вот если прописать там цифры (на данном уровне рассмотрим образно) 100 и 100 соответственно (не забываем жать Enter после ввода цифры), и попробуем поводить мышью по изображению, вы заметите интересное ограничение: как бы вы мышью не водили, картинка становится ровно квадратной. Попробуйте сами.

3. Та же история происходит если написать в графе “Ширина” 10, а в “Высота” 15 – Фотошоп позволит вам вырезать только прямоугольник с таким соотношением сторон и никакой другой.

Встает вопрос: а как же вернуть все в исходное состояние? Как снова вырезать куски какие заблагорассудится? А вот что нужно сделать. Просто нажмите кнопку “Очистить” на верхней панели.

Как задать изображению нужное разрешение

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

1) Открываем в Photoshop нужную фотографию.

2) Жмем кнопку «Изображение» в верхней строке.

3) У Вас выпадет такое окошко

4) В котором Вам надо будет выбрать «Размер изображения»

5) Появится вот такое окошко. Вверху этого окошка есть две графы – ширина и высота.

В большей из них (в нашем случае -высота) мы прописываем 999. А меньшая цифра (у нас ширина) соответственно первой изменяется сама.

6) Далее жмем «да» и всё готово! Фотография теперь 999 пикселей по большой стороне. Сохраняем её и выкладываем на конкурс!

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

Небольшой совет. Прежде, чем проделать всё выше описанное (сжать фоографию) сохраните Ваши труды в оригинальном размере. А потом под другим именем сжатую фотографию. Таким образом у хороших Ваших фотографий будет три копии: оригинал фотографии с фотоаппарата, отредактированная в Photoshop фотография оригинального размера, и сжатая до 1000 пикселей копия фотографии.

Автор:  Екатерина Гончарова

Как в Adobe Photohop обрезать изображение в заданных пропорциях и изменить размер!

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

Соответственно, чтобы что-либо начать делать с изображением, вам нужно его сначала загрузить в фотошоп. Вариантов несколько… Либо просто перетащите его в фотошоп, либо через меню “Файл” — “Открыть”. Или можно кликнуть правой кнопкой мыши по изображению в проводнике Windows, выбрать из меню “Открыть с помощью” — “Adobe Photoshop”.

Что такое обрезка (кадрирование) изображения в заданных пропорциях и как это сделать

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

Такую операцию ещё называют кадрированием.

Причём фото может потребоваться обрезать именно в нужном соотношении сторон, например, чтобы конечное изображение получилось точно формата 16:9 или заданных пропорций в пикселях, например, 1024 на 900.

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

Изображение, выполняющее эту роль называют ещё “Тизер”, “Изображение записи / статьи” и другими схожими названиями. Ниже я буду называть это тизером.

Вот пример тизеров прямо с этого блога:

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

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

На разных сайтах может быть по своему, выше лишь пример. Где-то может стоять так называемый “слайдер” новостей, представляющий собой прокрутку картинок (тизеров) статей, а при клике по ним будет открываться сама статья / новость для изучения. Это не важно.

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

Вот примеры (красным обвёл области, которые должны занимать изображения на рассматриваемом блоге):

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

Процесс обрезки изображения

Делается всё на самом деле очень просто!

На панели инструментов слева нужно выбрать инструмент обрезки (его называют “Рамка” или “Кадрирование”):

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

Потянув за границы рамки, мы выбираем область изображения, которую обрезаем.

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

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

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

Вверху, где расположены настройки инструмента, откройте список. В нём будут как и готовые варианты соотношения сторон для обрезки (например, квадратное, 16:9, 1024×768 пикс. и др.), так и возможность задать собственное соотношение сторон в пикселях (пункт “в соотношении”).

Итак, предположим, вам нужно выполнить обрезку в каком-то определённом соотношении сторон, которого нет в готовых вариантах. Например, вы знаете что в пикселях картинка должна быть в пропорциях как 1300×500 или же должен в итоге получиться затем именно такой же размер (после изменения размеров).

Тогда выбираем “в соотношении” и рядом указываем нужные размеры [1]. Затем уже ниже настраиваем область обрезки [2], т.е. растягиваем её и двигаем в нужное место изображения так, чтобы в итоге вырезали нужную часть, которую будет видно.

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

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

Готово! Изображение будет обрезано.

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

Менять размер изображение частенько приходится тогда, когда оно изначально очень огромное. Например, фотография сделана в разрешении 4000×3000 пикс, а вам эту картинку нужно вставить в статью на сайте или просто загрузить куда-то, где установлены ограничения по размеру. В этом случае можно легко уменьшить размер, сделать изображение, например, 2000×1000 пикс. или любого другого размера, сохраняя правильные пропорции ширины и высоты.

Если нужно изменить изображение, например, уменьшить его, то открываем меню “Изображение” — “Размер изображения”.

В настройках выберите единицу измерения “Пиксели” [1]. Затем осталось указать новые размеры и для этого достаточно задать только нужную ширину изображения [2]. Высота будет автоматически изменена пропорционально ширине. Для сохранения изменений нажмите “ОК”.

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

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

После выполнения нужных операций с изображением, не забудьте сохранить итог своей работы :), выбрав “Файл” — “Сохранить как” и указав нужный формат, например, JPG, а также качество (обычно ставится максимальное и, как правило, нет смысла уменьшать его).

Заключение

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

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

Как в фотошопе обрезать фото без потери качества: несколько способов

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

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

И так, давайте начнем.

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

1 способ обрезки по контуру

1. Открываем Photoshop

2. Открываем фотографию

Я вам покажу классический способ открытия. Файл – Открыть или нажать комбинацию клавиш Ctrl+O (латинская буква O, не ноль).

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

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

3. Обрезка фотографии

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

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

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

Если вы хотите уменьшать, не меняя пропорции, нажимаем и удерживаем клавишу Shift на клавиатуре, и взявшись за любой элемент окантовки, водим в ту или иную сторону!

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

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

Обрезка по размеру

Еще можно обрезать фото по размеру. Для этого после нажатия на значок Рамка, в верхней части редактора вам нужно ввести размер. В моем примере я ввел 560×330 пикселей.

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

Если вам необходимо порезать под размер 3×4 см. или 10×15 см., тогда добавьте только см.

Совет от фотографа

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

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

Для этого необходимо выбрать элемент Рамка. После чего, в верхней части, кликнуть на вкладку вид и выбрать вместо Сетка, Правило 1/3.

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

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

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

После чего сохраняем готовое фото.

2 способ обрезки по контуру

Второй способ тоже очень простой и быстрый.

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

После чего выбираем инструмент – Рамка, и нажимаем клавишу Enter на клавиатуре 2 раза.

Все, готово. Сохраняем готовый элемент.

Обрезка фотографии по кругу

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

После чего выделите нужный вам участок. Если хотите, чтобы круг был ровным, удерживайте клавишу Shift.

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

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

Примечание. Для создания новой вкладки, нажимаем Файл – Создать. В появившемся окне ставим необходимый вам размер, новой области. Разрешение можете оставить 72 Пикселы/Дюйм.

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

Фотошоп с нуля в видеоформате VIP 3.0

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

Всех вам благ, Тимур Мустаев.

Как вырезать объект в фотошопе с помощью инструментов Волшебная палочка и Перо

Рубрика: Полезные уроки Photoshop Опубликовано 17.07.2012   ·  
Комментарии: 37   ·  
На чтение: 5 мин

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

1.Волшебная палочка

Этот инструмент мне был знаком еще тогда, когда фотошоп я изучала методом тыка: выбирала понравившуюся вкладку в Панели инструментов и смотрела, к чему приводят результаты использования каждого. Тогда-то я и наткнулась на Волшебную палочку. Итак, откроем изображение, с которого надо отделить объект.

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

Перед использованием его необходимо немного настроить, иначе результат разочарует. Но для этого нужно знать, по какому принципу работает данный инструмент. В отличие от Магнитного или Прямолинейного лассо, которые ищут границы перехода пикселей одного цвета в другой и привязываются к контурам объекта, Волшебная палочка реагирует на тон того места, где мы кликнем ею. И таким образом, получим выделение большого участка с этим цветом. В верхней панели настроек можно поменять значение Допуска. Он показывает, насколько большим будет разброс по цвету, оттенку, тону в выделяемом участке. Ведь на фотографии оттенков коричневого, например, может быть достаточно много (светлые, темные, насыщенные и т.д.)  и все их нужно выделить. Если я установлю значение 20, то это значит, что будет выделено 20 более темных и 20 более светлых рядом стоящих оттенков. Чем больше это значение, тем больше пикселей разных цветов захватит Волшебной палочкой. Посмотрите пример: слева установлено значение допуска 20, справа 50.

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

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

Далее инвертируем выделение Выделение – Инверсия или сочетание клавиш Shift+Ctrl+I

Теперь либо копируем на новый слой (Ctrl+J), либо вырезаем и вставляем в новый документ.

Лишнее стираем ластиком, не забыв его настроить.

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

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

2. Инструмент Перо

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

Давайте посмотрим в настройки инструмента: вверху выбираем параметр Контуры и установим параметр Исключить наложение областей.

Принцип действия Пера следующий: когда вы кликаете по картинке, в этом месте появляется опорная точка. Таким образом, нажимая в разных местах объекта, мы получим ломаную линию, как и при использовании прямолинейного лассо. Если же мы не просто нажмем, а еще и потянем в сторону мышкой, то получим уже не отрезок прямой, а кривую, которую можно регулировать направляющими по касательной. Предупреждаю, поначалу мышка не слушается, и кривые получаются как попало, нужно потренироваться! В отличие от Лассо, здесь у нас уже получается полноценный контур, каждую точку которого можно отредактировать в любой момент при рисовании. Например, если нам нужно удалить опорную точку, мы подводим к ней мышь и при появлении значка «-» нажимаем на нее. При этом остальная часть контура останется. Для добавления промежуточной точки нужно кликнуть на контур в том месте, где собираетесь ее добавить (при этом увидите знак «+»).

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

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

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

Выбираем кисть с настройками: размер 300 пикс, цвет f92a5b , непрозрачность 100% . Закрашиваем этой кистью выделенную область на новом слое, меняем режим смешивания слоя на Умножение.

Теперь сделаем яблоко более натуральным, добавим несколько светлых пятен. Меняем цвет кисти на f9ee94, непрозрачность 22%. И пару раз проходимся ею по яблоку.

Аналогичным образом делаем тень от яблока. Вот что у нас получилось.

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

Теперь Вы знаете, каким еще образом можно вырезать объект в фотошопе, а значит, в скором времени сможете начать создавать великолепные коллажи.  А мои уроки для начинающих Вам в этом помогут. Но всему свое время. А на сегодня все! Если что не понятно – пишите, постараюсь ответить. И жду вас у себя в гостях снова! До скорого!

Ваш домовенок Елена.

Понравилась статья? Поделитесь ссылкой с друзьями:

Учимся вырезать изображения из фона

Предлагаю один из многих способов, Это способ использования маски из одного из каналов.

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

Но при получении снимка для колладжа вы должны приложить усилия. Снимите ваше животное на каком либо однородном фоне. Желательно темное животное на светлом фоне и наоборот светлое на темном.

У меня есть снимок котенка на белом фоне.

Открываем изображение в Photoshop.

Дважды кликаем на слое Background и превращаем его в обычный рабочий слой.

Открываем Channels ( каналы ) и изучаем их на предмет большего контраста. Это синий канал Blue. Именно в нем лучше всего видно волоски.

• Переходим на закладку слоев.
• Кликаем 1 и создаем маску слоя.
• Переходим на маску. Обратите внимание, после нашего клика появилась рамочка активности слоя маски.
• Команда Image-Apply Image и выбираем изображение для маски. Это, как мы уже определились канал Blue, ставим галочку Invert ( черное изображение полностью прозрачное, а белое полностью непрозрачное ).
• Переходим на закладку Channels и выбираем Layer 0 Mask. Внимательно рассмотрим канал маски и конечное изображение. Маска не очень контрастная и из-за этого изображение котенка полупрозрачное.

Чтобы котенок был полностью непрозрачным маска дожна быть 100% белой, а для фона 100% черной.

• Выбираем команду Image-Adjustments-Levels ( уровни ). Постараемся максимально сделать контрастной маску. Двигаем ползунок А вправо, а ползунок В-влево. Критерием положения ползунков А и В является четкое выделение волосков котенка. Именно волосков, а не всей картинки в целом, т. к. получив контрастную картинку в целом мы теряем практически полностью изображения волосков.
• Далее наступает очередь ручной работы. Выбираем кисть ( желательно всегда работать кистью с мягкими краями, меняя лишь ее диаметр клавишами {-уменьшение и } увеличение диаметра ), 100% белый цвет и начинаем вручную закрашивать котенка, стараясь не задевать волоски. Аккуратно работаем пока не получим приемлемый результат.

Фон у нас тоже не 100% черный, поэтому берем черную кисть и вручную красим его. В результате получим маску рис. А.

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

У меня нашлось изображение в тон котенку, рис В.

Снимок не мой, но красивый, на различных бесплатных стоках можно найти множество симпатичных изображений.

• Открываем изображение рис.В. одновременно с нашим котенком
• Просто перетягиваем слой Background изображения рис.В. на наше обработанное изображение с маской и помещаем фоновое изображение ниже слоя с маской рис.С. Изображение фона Layer 2 имеет отличные от котенка размеры.
• Первым делом необходимо привести в соответствие пропорции обоих слоев. Выбираем на Layer 2 команду Edit- Free Transform и подгоняем размеры до необходимых.
• Теперь мы можем отдельно к каждому слою применить команды Image-Adjustments-Levels ( уровни ), добиваясь яркостного соответствия фона и котенка.
• Сведем полученное изображение в один слой Layer-Flatten Image.
• Кликаем правой кнопкой мыши на новом слое и

• создадаем копию слоя Dublicate Layer и помещаем ее под нашим слоем.
• Произвольно трансформируем нижний слой ( Edit- Free Transform ), чтобы имитировать зеркальный пол.
• На слое с котенком Layer O опять создаем маску слоя и черной кистью проявляем зеркальный пол.
• Кадрируем изображение и повышаем резкость, как в предыдущем уроке.
• Сохраняем изображение для WEB.

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

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

Удачи.

Создание выреза в Photoshop и размещение как многослойного файла PSD в InDesign

Использование слоев для создания выреза в Photoshop для InDesign

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

В последние годы Photoshop и Indesign стали намного лучше работать вместе, и теперь вы можете импортировать PSD-файл Photoshop прямо в InDesign, прозрачность и все остальное. Этот подход «вырезает среднего человека», устраняя необходимость создания плоского файла EPS, содержащего информацию о траектории обрезки в формате PostScript.

При работе с любым файлом изображения в нашей студии мы всегда, всегда храним многослойный файл Photoshop PSD (или Illustrator AI) для внесения поправок и сплющенный файл TIFF или EPS для размещения.Затем, если необходимо внести какие-либо изменения, мы удаляем плоский файл и работаем с многоуровневым файлом, который по-прежнему содержит всю векторную, текстовую информацию и информацию о прозрачности. После внесения изменений мы создаем новый плоский файл для размещения. Это «неразрушающий» способ работы.

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

Так как же создать многослойный вырез в Photoshop?

Я считаю, что лучший способ создать идеальный вырез в Photoshop — это вручную, используя инструмент Photoshop Pen Tool. Каким бы вырезом вы ни хотели закончить, это все равно лучший способ начать. Если вы хотите узнать, как лучше всего создать вырез таким образом, прочтите статью Обтравочные контуры в Photoshop — Лучшие и худшие способы создания вырезок из изображений , а затем вернитесь сюда!

Итак, вы создали идеальный контур, в этом процедура отличается от процесса создания обтравочного контура.Открыв изображение, нажмите клавишу COMMAND (на Apple Mac или клавишу управления на ПК) и в палитре путей щелкните только что созданный путь. Будет сделан выбор из вашего пути.

Теперь в главном меню выберите Layer / New / Layer Via Copy. Новый слой, содержащий вырез, появится в палитре слоев. Теперь скройте фоновый слой (не удаляйте его — помните, что мы работаем неразрушающим образом). У вас останется вырез на прозрачном фоне.Теперь (с выбранным новым слоем) нажмите кнопку «Добавить маску слоя» в нижней части палитры. Выберите инструмент «Стирание» и выберите большую кисть с мягкими краями. Выделив новую маску слоя, сотрите часть изображения. Мы используем маску вместо того, чтобы стирать реальное изображение, потому что … вы уже догадались! Мы работаем неразрушающим образом. У вас должно получиться что-то вроде этого:

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

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

Вот как создать вырез в Photoshop без использования обтравочного контура.Если вместо этого вы хотите использовать обтравочный контур, щелкните здесь, чтобы перейти к другой статье Photoshop Cut Out.

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

Нарезка изображения | Уроки Photoshop

Опубликован 4 октября 1999 г.

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

Примечание. Если у вас есть Adobe ImageReady (который поставляется с Photoshop 2.0 и выше), программа может делать все это автоматически (включая экспорт таблиц HTML или CSS для повторной сборки изображений на вашей странице)… но если у вас нет ImageReady (или какая-нибудь программа , которая может автоматизировать эту задачу), следуйте!

Шаг 1

Откройте изображение, которое вы собираетесь разрезать, и нажмите Cmd + R (ПК: Ctrl + R), чтобы включить линейки документа. Убедитесь, что вы немного растянули края изображения, чтобы получилась серая рабочая область.

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

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

Шаг 6

После того, как вы выбрали область, нажмите Cmd + C (ПК: Ctrl + C), чтобы скопировать выделение в память. Теперь создайте новый пустой документ, нажав Cmd + N (ПК: Ctrl + N). В диалоговом окне New должны автоматически отображаться размеры только что скопированной детали.Нажмите Cmd + V (ПК: Ctrl + V), чтобы вставить только что скопированный выделенный фрагмент. Сохраните новое изображение и вернитесь к исходному полному изображению.

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

Шаг 7

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

Помните, как я упоминал выше, сейчас есть намного более простой способ сделать это — использовать такую ​​программу, как Adobe ImageReady или подобные программы (я до сих пор помню дни, когда это был единственный способ… неееет!).

Как обрезать несколько изображений в Photoshop

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

Мы начнем с создания двух папок для хранения исходных и обрезанных изображений, копирования изображений в папку «SOURCE», записи действия по изменению размера и обрезки изображения, и, наконец, изменения размера и обрезки изображений сразу с помощью File> Automate> Batch команда.

Приступим!

Конечный результат

Видео: как обрезать несколько изображений в Photoshop.

Посмотрите видео с подробными инструкциями и воспользуйтесь письменными инструкциями для быстрого ознакомления.Если вам понравилось это видео, я настоятельно рекомендую вам подписаться на мой канал на YouTube — PhotoEffect .

1. Создайте две папки

Запустите проводник Windows, затем создайте папку, нажав кнопку «Новая папка» вверху.

Появится новая папка с синим выделенным текстом.

Введите новое имя для этой папки (например, «ИСТОЧНИК»), затем нажмите Enter.

Создайте две папки.

Одна папка для исходных изображений (вы можете назвать ее «ИСТОЧНИК») и другая для обрезанных изображений (назовите ее «ОБРЕЗАННАЯ»).

Нажмите кнопку «Новая папка». Введите новое имя для этой папки (например, «ИСТОЧНИК»), затем нажмите Enter. Создайте две папки («SOURCE» и «CROPPED»).

2. Скопируйте исходные изображения в папку «ИСТОЧНИК»

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

Выберите те, которые хотите добавить в новую папку.

Чтобы выбрать более одного изображения, удерживайте левую клавишу Ctrl на клавиатуре.

Удерживая нажатой клавишу Ctrl, щелкните каждый файл, который хотите добавить.

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

В появившемся меню выберите Копировать.

Теперь вернитесь к только что созданной папке «ИСТОЧНИК».

Дважды щелкните папку «ИСТОЧНИК», чтобы переместиться внутрь нее.

Вы должны увидеть справа сообщение «Эта папка пуста».

Щелкните правой кнопкой мыши в любом месте большой белой области и в меню выберите «Вставить».

Изображения будут скопированы и вставлены в папку «ИСТОЧНИК».

Удерживая нажатой клавишу Ctrl, щелкните каждый файл, который хотите добавить. Щелкните правой кнопкой мыши и выберите «Копировать» в появившемся меню. Вернитесь в папку «ИСТОЧНИК». Щелкните правой кнопкой мыши в любом месте большой белой области и в меню выберите «Вставить». Изображения добавлены в папку «ИСТОЧНИК».

3. Создайте действие для изменения размера и кадрирования изображений

Выберите Windows> Действия или Alt + F9 , чтобы открыть панель действий.

Теперь откройте изображение, выбрав Файл> Открыть .

Щелкните значок «Создать новое действие» на панели «Действия».

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

Кнопка «Начать запись» на панели «Действия» станет красной.

Откройте панель действий, нажмите Alt + F9.
Откройте изображение. Щелкните значок «Создать новое действие» на панели «Действия».
Откроется диалоговое окно «Новое действие».Назовите действие «Изображения-Обрезка», установите Действия по умолчанию. Щелкните кнопку записи. Кнопка «Начать запись» на панели «Действия» станет красной.

4. Выполните операции по изменению размера изображения

Выберите Изображение> Размер изображения , чтобы выполнить операции по изменению размера изображения.

В диалоговом окне «Размер изображения» введите новые значения «Ширина» и «Высота», затем нажмите «ОК».

Выполните операции по изменению размера изображения.

5. Выполните операции по кадрированию изображения

Возьмите инструмент «Кадрирование» на панели инструментов и выполните операции по кадрированию изображения.

На панели параметров выберите 1×1 (квадрат).

Вы можете перетащить мышь, чтобы переместить обрезанную область, затем нажмите Enter или кнопку «Применить».

Возьмите инструмент «Кадрирование» на панели инструментов. На панели параметров выберите 1×1 (квадрат). Вы можете перетащить мышь, чтобы переместить обрезанную область, затем нажмите Enter или кнопку «Применить».

6. Сохраните изображение

Выберите Файл> Сохранить как , чтобы сохранить обрезанное изображение в папке «Обрезанное».

В диалоговом окне «Сохранить как» перейдите к папке «Обрезанные», в которой вы хотите сохранить файл.

Введите имя в текстовое поле «Имя файла».

Нажмите «Сохранить», чтобы сохранить изображение.

7. Остановить запись

Остановите запись, нажав кнопку «Остановить воспроизведение / запись», затем закройте изображение.

Откройте папку «Обрезанные».

Вы можете просто удалить обрезанное изображение.

Остановите запись, нажав кнопку «Остановить воспроизведение / запись», затем закройте изображение. Откройте папку «Обрезанные». Вы можете просто удалить обрезанное изображение.

8. Начните обрезку нескольких изображений

Перейдите в Файл> Автоматизировать> Пакетная обработка .

В диалоговом окне «Пакетная обработка» выберите ранее созданные действия для кадрирования изображений.

Выберите папку с исходными изображениями.

Выберите папку назначения.

Установите флажок «Переопределить действие Сохранить как команду».

Введите имя файла. Выберите имя документа и расширение.

Нажмите ОК.

Подождите, пока Photoshop завершит изменение размера и кадрирование изображений. Вы можете увидеть результаты в папке «Обрезанные».

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

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

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

Подготовка изображений для Интернета в Adobe Photoshop: техническая документация

Опубликовано 20 июля 2018 г.
в 13:59.

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

Вставьте желаемое изображение в Photoshop

Есть два способа вставить изображения в Photoshop.

Метод 1:

1. Нажмите Файл в строке меню, затем Откройте (или нажмите Ctrl / Command + O)
2. Найдите нужное изображение, щелкните по нему и нажмите кнопку Открыть

Метод 2:

1. В проводнике Windows или Mac Finder найдите нужный образ
2. Перетащите изображение в Photoshop

Обрезка изображений

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

1. Выберите инструмент Crop Tool на панели инструментов (или нажмите клавишу C)
2. Щелкните край и перетащите внутрь, чтобы обрезать изображение по желанию
3. Когда вы закончите кадрировать изображение, нажмите клавишу Enter, чтобы подтвердить изменение. Если вы ошиблись, не волнуйтесь! Обрезка является неразрушающей, то есть полное исходное изображение по-прежнему доступно. Чтобы отменить обрезку, нажмите «Правка» в строке меню и выберите Отменить… (или нажмите Control / Command + Z)

Изменение размера изображений

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

1. Щелкните Изображение в строке меню, затем Размер изображения…
2. В окне «Размер изображения» установите для единицы измерения «Пиксели», выбрав «Пиксели» в раскрывающемся меню.
3. Отрегулируйте размеры ширины и высоты в зависимости от того, как вы собираетесь использовать изображение.Чтобы просмотреть требования к измерениям, перейдите к руководству по использованию фотографий College Communication и обратитесь к таблице в разделе «Размеры и размеры».
   1. Примечание. Если вы изменили одно из измерений, а другое измерение изменилось автоматически, необходимо выполнить следующий шаг.
      1. Щелкните значок цепочки, чтобы разблокировать соотношение сторон
4. Установите разрешение 72 пикселей / дюйм, как показано ниже.
   1. Нажмите ОК

Сохранение и оптимизация изображения для Интернета

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

1. Щелкните Файл в строке меню, затем Сохранить как…
2. Выберите место для сохранения изображения
3. Выберите тип Сохранить как: (в большинстве случаев следует использовать JPG)
4. Нажмите кнопку Сохранить
5. Откроется окно параметров JPEG. В разделе Параметры формата выберите переключатель Базовая оптимизация
6. Нажмите кнопку ОК

Теперь ваше изображение готово к загрузке в Drupal!

Комментарии к записи Подготовка изображений для Интернета в Adobe Photoshop отключены

Удаление фона из изображения в Photoshop

Попробуй, это работает

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

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

1. На панели Layers выберите слой Background .
2. Щелкните правой кнопкой мыши на слое Background . Дублировать слой . Меню «Параметры панели» также доступно для дублирования слоя . Дублировать слой Откроется окно .
3. Введите имя в текстовое поле As . Все остальные параметры можно оставить без изменений. . Нажмите ОК . Дублирование фона гарантирует, что у вас будет резервная копия вашего оригинала на случай, если что-то пойдет не так. .
4. Удалите видимость слоя Фон , сняв отметку с глазка видимости слоя на панели Layers .
5. Выберите инструмент Lasso на панели инструментов Tools .Используя инструмент Лассо, обведите вокруг области, которую нужно сохранить.

   Рамка «Лассо» отображается вокруг выбранного элемента.

6. Чтобы выбрать фон, который необходимо удалить, выберите Инверсия в меню Выбрать . Вокруг фона отображается область «Лассо».
7. Нажмите Удалить , чтобы удалить фон. Отобразится сетка прозрачности Photoshop. Нажмите CTRL + D , чтобы отменить выбор фона.
8. Дополнительные элементы фона можно удалить с помощью любого инструмента выделения Photoshop, чтобы выделить нежелательные области и нажав Удалить .Совет : Инструмент Magic Wand Tool можно использовать для выбора областей фона, которые имеют относительно одинаковый цвет .
9. Чтобы добавить фон по выбору, создайте новый слой. Исходный фоновый слой можно оставить как часть изображения, отключив его видимость. .

Загрузите бесплатную версию этого совета в формате PDF.

Для просмотра версии PDF требуется

Acrobat Reader. Воспользуйтесь ссылкой ниже, чтобы загрузить БЕСПЛАТНУЮ программу Acrobat Reader с веб-сайта Adobe.

Если вы не можете загрузить Adobe Reader или хотите получить альтернативную версию PDF-файла, свяжитесь с нами по телефону (518-786-1181) или электронной почте ([email protected])

Как вырезать или обрезать формы в Photoshop без растеризации

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

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

Для лучшего понимания я покажу цель и шаги для ее достижения на простом примере:

Если бы вам пришлось вырезать прямоугольник выше как растровое изображение, это было бы довольно простой задачей: просто нарисуйте выделение, и нажмите Ctrl + X, чтобы вырезать его.Поскольку растровая графика — это просто сетка пикселей, Photoshop просто должен удалить все пиксели внутри выделения. Напротив, векторная графика основана на математических выражениях или, если мыслить более геометрически, состоит из двухмерных точек, соединенных линиями или кривыми.

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

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

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

Регулировка точек траектории вручную

Первая интуиция может заключаться в перетаскивании двух точек слева в то место, где вы хотите, чтобы был разрез. Путь фигуры можно редактировать, щелкнув по нему, удерживая клавишу Ctrl (Cmd на Mac).Удерживая нажатой клавишу Ctrl, вы можете перетащить точку пути с помощью мыши. Иногда это может быть неудобно, поэтому удерживание клавиши Shift действительно помогает, ограничивая перемещение осями 45 °.

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

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

Если мы применим описанный выше метод к кругу, его общая форма будет искажена:

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

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

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

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

Объединение фигур с помощью операций над наборами

Photoshop предлагает четыре метода объединения нескольких форм. Иногда они обозначаются разными терминами, такими как набор, путь, форма или логические операции. Photoshop быстро вычисляет полученную информацию о пути, что позволяет создавать более сложные формы с помощью нескольких щелчков мышью. Выбрав два слоя с фигурами, вы можете получить доступ к операциям через Layer -> Combine Shapes .Ниже представлен обзор того, как работает каждый из них.

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

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

Чтобы навести порядок, выберите опцию Объединить компоненты формы , после чего останется только новый путь, полученный в результате операции.Вот и все — как только вы освоите набор операций, вырезать формы станет довольно простой задачей. Еще одна вещь, которую следует учитывать, заключается в том, что когда вы объединяете отдельные слои-фигуры, новая фигура всегда будет иметь атрибуты (цвет, обводка и т. Д.) Самого верхнего слоя. Если это не то, что вы хотите, спланируйте заранее и скопируйте атрибуты формы перед применением операции, а затем вставьте их.

Автоматизация повторяющихся шагов резки

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

Так как я недавно начал внедрять расширения Photoshop, я подумал, что это будет отличным вариантом использования надстройки. Итак, я создал Easy Cut, небольшую панель, которая упрощает вырезание не только фигур, но и слоев любого типа.

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

Заключение

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

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

Практическое руководство по Photoshop: добавление выпусков за обрез и меток обрезки

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

Что такое кровотечение?

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

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

Планирование

Независимо от того, какое приложение вы используете, первое, что вам нужно определить, — это конечный размер отпечатанного изображения. Желательно, чтобы вы делали это в самом начале проекта, а не в конце, потому что иногда в конце проекта вы уже удалили ценную информацию об изображении, которая может понадобиться для создания выхода за обрез.Стандартный выход за обрез в полиграфической промышленности составляет 1/8 дюйма, но для уверенности рекомендуется уточнить у вашего принтера. Некоторые проекты (например, книги в идеальном переплете и баннеры) часто требуют большего выпуска за обрез. Если сомневаетесь, спрашивайте!

Больше после прыжка! Продолжайте читать ниже ↓
Члены бесплатного и премиум-класса видят меньше рекламы! Зарегистрируйтесь и войдите в систему сегодня.

Создайте документ

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

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

Создать место для выпуска за обрез

Теперь увеличьте размер изображения (размер документа) до размера проекта, включая выпуск за обрез.Используя базовую математику, вы можете определить, что если желаемая величина выпуска за обрез составляет 1/8 дюйма со всех четырех сторон, просто добавьте 1/8 дюйма к каждому измерению.

В этом примере мы работаем с документом 6 ″ x 4 ″, поэтому мы добавим 1/8 ″ ко всем четырем сторонам, чтобы получить 4 1/4 ″ x 6 1/4 ″.

Если для вашего проекта требуется выход за обрез более 1/8 дюйма, просто добавьте это количество. Для этого выберите «Изображение»> «Размер холста» и измените размер до нужного размера. Убедитесь, что якорь внизу диалогового окна установлен в центр, чтобы документ добавлял пиксели от середины.

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

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

Строительство пр.

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

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

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

А как насчет отметок обреза?

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

Из-за того, как мы подготовили файл, мы просто увеличим размер холста, чтобы оставить место для меток. Выберите «Изображение»> «Размер холста» и включите соответствующую кнопку. Введите 1 ″ в размеры «Ширина» и «Высота» и нажмите «ОК». Это расширит холст еще на 1 дюйм в обоих измерениях. Создайте новый слой для ваших меток и выделите области в углах изображения с помощью инструмента «Прямоугольная область».Вы можете делать все четыре угла одновременно.

При активном выделении выберите «Правка»> «Обводка» и примените обводку 2 пикселя к активному выделению.