В разделе на вопрос Как в фотошопе вырезать обьект и перенести его на другой рисунок? заданный автором Невролог лучший ответ это Коллаж:
Фотошоп.
1. Создаёте холст нужного размера (Файл-Новый-Задать параметры: Ширина, Высота, Разрешение) .
Ширина и высота определят размер данного коллажа, Разрешение определит качество печати (Для просмотра на экране хватит и 72 точек на дюйм, для печати на принтере - 150, для полиграфической печати - 300 dpi).
2. Можно подобрать текстуру (или фон) основного слоя.
3. Затаскиваете туда по очереди целиком, или вырезанные с помощью захвата фото-детали будущего коллажа.
4. Форматируете в свободной трансформации (Ctrl-T). Загоняете на место.
5. На слоях, где это надо, изменяете прозрачность и режим смешивания слоёв.
6. Если надо, размываете стыки.
7. Сохраняем.
Наложение изображений
Фотошоп.
1. Открываем два фото.
2. Выделяем переносимое изображение.
3. Ctrl-C - копируем изображение в карман.
4. Переходим на фото, куда собираемся вставить изображение.
5. Если требуется, увеличиваем холст в нужных направлениях.
6. Ctrl-V - копируем изображение из кармана.
7. Ctrl-T – переходим в свободную трансформацию, регулируем размер, наклон, расположение.
8. В палитре слоёв уменьшаем прозрачность до 50 %.
Совместить два фото:
Фотошоп.
1. Для этого не обязательно специально открывать слой. Но, если нужно, просто, расположить два фото рядом, то на том, куда перетаскиваем надо создать место под второе через Image-Canva Size (Изображение-Размер холста) .
2. Открываете оба фото. На одном выделяете захватом (например, лассо) переносимою часть.
3. Инструментом перемещения (Move) перетаскиваем переносимую часть на другое фото (при перетаскивании новый слой Фотошоп откроет сам) .
4. Жмём Ctrl-T (перейти в свободную трансформацию) , подгоняем, таская за квадратики по размеру наклону, держась за основное пространство во фрагменте перетаскиваем его на предназначенное место.
5. Если нужно, размываем края стыка (кисть, штамп, размывка) .
6. Сохраняем с другим именем, чтобы не портить исходников.

Ответ от Особь [гуру]
Выделить и переместить.

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". А если, при этом, навести курсор на выделенный слой и нажать правую кнопку мышки, то в появившемся окне можно выбрать и другие операции по изменению выделенного изображения.

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

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

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

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

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

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

Выделить изображение на слое в Photoshop очень просто. Мы нажимаем на клавиатуре клавишу Ctrl и не отпуская её, кликаем по тому окошку со слоем в палитре СЛОИ , который хотим выделить.

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

Перемещать выделение нужно, переключившись на соответствующий инструмент, отвечающий за выделение — допустим, на инструмент ОВАЛЬНАЯ ОБЛАСТЬ (нажав на маленькую черную стрелочку рядом с данным инструментом, мы можем выбрать другую область).

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

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

Для более полного и ясного представления о слоях в Photoshop давайте рассмотрим еще несколько параметров: непрозрачность, заливка и режимы наложения.

Непрозрачность, заливка и режимы наложения слоев в Photoshop.

Этот параметр меняет прозрачность слою в Photoshop .

Например, мы хотим сделать наш красный кружок на половину прозрачным. Нажимаем на маленькую черную стрелочку во вкладке НЕПРОЗРАЧНОСТЬ и выбираем 50% (кому как нравится). Процент прозрачности можно просто вписать в специальное окошечко, а можно выбрать, двигая ползунок вправо-влево.

Заливка слоя в Photoshop.

Параметр ЗАЛИВКА в Photoshop действует так же, как и параметр НЕПРОЗРАЧНОСТЬ . ЗАЛИВКА в Photoshop делает прозрачным изображение (объект) на слое , но оставляет непрозрачными примененные стили.
Что такое «примененные стили»? Давайте забежим немного вперед…

Посмотрите, во что мы можем превратить наш красный кружок с помощью кнопки fx , которая называется ДОБАВИТЬ СТИЛЬ СЛОЮ в Photoshop . С помощью кнопочки fx мы можем придать нашему кружочку свечение, тень. Так же в Фотошопе мы можем наложить фото на фото (или склеить) , добавить глянец, обводку и многое-многое другое, но об этом более подробно в следующих темах рубрики Photoshop .

На рисунке мы видим, что при уменьшении параметра слоя ЗАЛИВКА в Photoshop красный цвет становится прозрачным, а примененные к нему стили (объем, тень) — нет.

Если же мы, вместе с параметром ЗАЛИВКА , изменим параметр НЕПРОЗРАЧНОСТЬ , то и стили, примененные к слою, тоже будут блекнуть. Попробуйте поэксперриментировать сами.

Очень интересная вещь — служит для смешивания активного слоя с нижестоящим.

На палитре СЛОИ в Photoshop находятся различные виды блокировок.
Давайте рассмотрим, что это такое. Отключаем Фон (выключаем глазик) — наши фигурки теперь находятся на прозрачном фоне (шахматка).

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

К примеру, мы возьмем инструмент КИСТЬ и проведем оранжевую линию через весь наш красный кружочек и далее по шахматке . Что мы видим? На кружочке линия видна, а вот по шахматке мы ничего нарисовать не сможем. Если мы нарисуем оранжевую линию по треугольнику или прямоугольнику , то наша линия не только зайдет за границы фигуры, но и сможет оставить свой след на шахматке (прозрачном фоне), т.к. на слое с треугольником или прямоугольником не установлен вид блокировки СОХРАНЯЕТ ПРОЗРАЧНОСТЬ ПИКСЕЛОВ .

Следующий вид блокировки — кнопочка с нарисованной кисточкой, которая СОХРАНЯЕТ ЦВЕТА ПИКСЕЛОВ в Photoshop . Если мы применим данный вид блокировки к какому нибудь слою, то рисовать мы сможем только на шахматке — наша фигурка останется не тронутой — выскочит табличка «не удается использовать инструмент кисть, т.к. слой закреплен».

Следующий вид блокировки — кнопочка с крестиком, которая ЗАКРЕПЛЯЕТ ПОЛОЖЕНИЕ в Photoshop . Данная блокировка запрещает перемещать слой в Photoshop .

Следующий вид блокировки — кнопочка с замочком, которая СОХРАНЯЕТ ВСЕ в Photoshop . Этот вид блокировки включает в себя все три предыдущих вида блокировки, т.е. нельзя рисовать на прозрачных пикселях, нельзя перемещать слой, нельзя по нему рисовать.

Группировка слоев в Photoshop

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

Чтобы нам не запутаться с нашими слоями лучше объединить их в группы. Как это сделать? Нажимаем кнопочку в самом низу палитры СЛОИ в Photoshop , которая называется СОЗДАТЬ НОВУЮ ГРУППУ . У нас создастся папочка, которой будет присвоено имя — группа 1 .

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

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

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

В самом низу палитры СЛОИ в Photoshop осталось еще несколько кнопочек, котрые мы постараемся подробно рассмотреть на следующем уроке.

Добрый день. Сегодня я расскажу Вам как перенести объект на другой фон с помощью инструментов Adobe Photoshop.

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

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

Шаг 1. Открываем фотографию моря, в нашем случае. И открываем фотографию чайки в другой вкладке.

Вырезаем фотографию чайки (Ctrl+A -> Ctrl+X) переходим на фото моря и вставляет фотографию чайки (Ctrl+V) .

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

Для этого я использую Edit -> Free Transform (Редактировать -> Свободное трансформирование) для слоя с чайкой.

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

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

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

Когда выделили, вырезаем чайку (Ctrl+X) , скрываем слой с фоном чайки и вставляем чайку в новый слой. Выйдет что-то подобное.

Обратите внимание на слои

В уроке мы будем использовать новую возможность Photoshop CS5 - Инструмент «Уточнить край».

Пример изображение девушки:

1. Откройте изображение, с которым вы собираетесь работать.

2. Продублируйте слой Background (Фон), нажав сочетание клавиш Ctrl+J . Также на уберите глазик с нижнего слоя.

3. Первым делом нужно выделить девушку максимально быстро (можно не очень точно).
Я буду пользоваться инструментом (). Выберите его на панели инструментов или просто нажмите на клавиатуре клавишу W .

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

Если что-то получается не так:

Сочетание клавиш Ctlr+Z отменяет одно последнее действие;

Сочетание клавиш Ctlr+Alt+Z отменяет несколько последних действий.

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

У меня, например, получилось так:

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

Увеличение масштаба – сочетание клавиш Ctrl и «+» ;

Уменьшение масштаба – сочетание клавиш Ctrl и «-» ;

Сделать изображение на весь экран – сочетание клавиш Ctrl и 0 (ноль);

Инструмент (Инструмент «Рука» / Клавиша «H») удобен, когда изображение не помещается на весь экран. Позволяет сдвигать картинку.
Нажмите на пробел и сдвигайте изображение, удерживая левую клавишу мыши и перемещая мышь по столу.
Меняйте размер кисти, которой выделяете, нажатием на клавишу «[ » для уменьшения размера кисти и «] » для увеличения.

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

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

Если к выделению нужно еще что-то добавить, то вернитесь к инструменту добавления выделения:

Итак, вот что получилось у меня:

6. На панели слоев (F7) нажмите на кнопочку маски, чтобы скрыть фон:

Скрылся фон, а не девушка. Все правильно, мы ведь выделяли фон. Чтобы поменять выделение в нашей , нам понадобится палитра «Mask ». Открыть ее можно через меню Windows – Mask (Окно – Маска). В этой палитре нажмите кнопочку Invert (Интвертировать).

Все отлично получилось:

У меня на все это ушло 2 минуты.

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

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

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

У меня получилось так:

Да, волосы выделены не идеально, торчат куски белого фона, а также, в некоторым местах, волосы обрезаны:

Отлично, есть над чем поработать. Кстати у меня осталось 2 минуты.

10. Вначале на палитре слоев щелкните на маску, находящуюся на верхнем слое:

11. Для редактирования маски на палитре Mask (Маска) щелкните на кнопочку Mask Edge (Край маски).

12. В списке View (Просмотр) выберите On Black (На чёрном). Это делается для удобства обработки контуров.

Если вы выделяете черные волосы, то, конечно, выбирать черный фон не стоит. Вы можете выбрать вариант On White (На белом).

Сразу стало видно, какое неточное было выделение:

Инструментом Refine Radius Tool (Уточнить радиус), который вы сможете найти в этом же окне, поводите по контуру волос.

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

Вот что получилось пока:

Теперь, чтобы получилось более естественно, в этом же окне выставляю (методом тыка) такие настройки:

Feather (Растушёвка) – делает весь контур девушки немного размытым;

Contrast (Контраст)– добавляет четкости краям выделения;

Shift Edge (Сместить край) – срезает контур (если двигать ползунок влево);

Последняя галочка Decontaminate Colors (Очистить цвета) и ползунок Amount (Количество) позволили мне еще больше убрать белый ореол вокруг волос.