Как поставить на задний план картинку в фотошопе – Как переместить в фотошопе картинку на задний план — Фотошоп: видео уроки для начинающих

Как в фотошопе вставить картинку на фон, слой или в другую картинку?

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

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

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

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

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

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

Открываем это окно, выбираем инструмент «Прямоугольная область», обводим картинку.

По краям картинки увидим мерцающую пунктирную линию. Теперь копируем выделенную картинку с помощью команды «Редактирование» — «Копировать». Открываем фоновую картинку и через пункт верхнего меню «Редактировать»- «Вставить» вставляем. Изображение появится на переднем плане.

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

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

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

Второй вариант, как можно вставить картинку не используя команду меню «Файл — «Открыть» – это сразу перетащить картинку из места расположения на фон.

Здесь, заметьте, на картинке появились направляющие, по которым можно отредактировать вставленную картинку. Растянуть, ужать, изменить размеры, повернуть.

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

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

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

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

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

Не забываем после изменений нажать «Enter», чтобы линии исчезли и картинка приняла изменения. Если же вы картинку вставляли из самой программы путем копирования, то ее размеры изменяются через меню «Редактирование — «Трансформирование» — «Масштабирование».

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

Как в фотошопе вставить картинку в картинку и покрасить ее в цвет фона?

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

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

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

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

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

Вставляем картинку в картинку и делаем ее прозрачной, без фона

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

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

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

Далее, кликаем этим инструментом по белому фону и получим пунктирное выделение объекта.

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

Этим инструментом выделяем по контуру объект, после чего выбираем «Выделение» => «Инверсия» и уже потом «delete». Фон удалится. Эти способы хороши при однотонном фоне. Если же фон по цвету неоднороден, то необходимо воспользоваться режимом «Быстрая маска».

Выбираем режим, выбираем инструмент кисть и проводим ею по объекту.

По окончании работы кистью снова нажимаем на инструмент «Быстрая маска», а после — «Delete». Объект остался без фона.

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

Вставка изображения в слой (выделенную область)

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

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

Таким образом мы выделим сам объект а не фон вокруг него. Теперь делаем копию («Редактирование» — «Копирование»), открываем нужный рисунок и   через «Редактирование» — «Вставить» завершаем операцию.

Выделяем лицо человека и вставляем  в другую фотографию (картинку)

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

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

Автор публикации

0 Комментарии: 1Публикации: 129Регистрация: 02-12-2017

fast-wolker.ru

Как быстро вставить другой фон в фотошопе

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

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

План выполнения урока

  • Открыть в фотошопе фотографии на которой будет замена фона и открыть фотографию нового фона
  • Вырезать старый фон на фото
  • Скопировать новый фон и вставить в фото
  • Подкорректировать цвета, уровни

Посмотрите на результат работы после замены фона. Фотография до и после.

как вставить другой фон в фотошопе

Подготовка к выполнению

Если вы хотите потренироваться на этих же фотографиях, скачайте их:

Вы также можете использовать свои фотографии или найти другие в интернете.

Шаг 1

Откройте в фотошопе фотографии. Перейдите к фото на котором будем заменять фон.

фото замена фона шаг 1

Шаг 2

Создаем копию слоя.

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

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

работаем с фоном в фотошопе

Шаг 3

Теперь нам необходимо выделить людей, а именно влюбленную парочку на фотографии.

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

инструмент быстрое выделение в фотошопе

Принцип его действия прост. Вы как кистью показывается где выделять и фотошоп создает выделение.

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

выделяем людей на фото

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

Совет: Чтобы выделение объектов получалось более ровным — необходимо менять размер кисти в процессе работы.

В конце концов вы полностью должны выделить парочку.

парочка выделена в фотошопе

Шаг 4

Теперь избавляемся от старого фона. Для этого инвертируйте выделение которое у вас получилось, нажав SHIFT+CTRL+I (или меню Выделение — Инверсия). После этого выделится все, что вокруг людей или фон. Нажмите Del (Delete) на клавиатуре чтобы фон удалился.

Сейчас люди получились на прозрачном фоне.

люди на прозрачном фоне фотошоп

Шаг 5

Вставляем новый фон. Откройте изображение с новым фоном. Выделите всю область изображения, можно нажать CTRL+A и скопируйте, нажав CTRL+C.

новый фон для фотографии

Перейдите на фотографию.

Создайте новый слой под фото. SHIFT+CTRL+N или просто щелкните по иконке создания слоя.

как вставить другой фон в фотошопе

Теперь когда новый слой создан, нажмите CTRL+V чтобы вставить изображение нового фона.

Фоновое изображение вставилось, но оно может быть слишком большое по отношению к фотографии.

как вставить другой фон в фотошопе

Поэтому нажмите CTRL+T чтобы корректировать масштаб и уменьшите изображение до нужных размером.

уменьшаем фон

В итоге получится примерно так:

вставили фон

Шаг 6

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

Для этого выберите слой с людьми и нажмите CTRL+L чтобы вызвать функцию Уровни.

Затемните немного изображение.

уровни в фотошопе

Теперь фотография с новым фоном выглядит реалистичнее:

как вставить другой фон в изображение используя фотошоп

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

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

Автор — pixelbox.ru

pixelbox.ru

Работа со слоями в фотошопе, перемещение

Вы уже знаете, что в программе Adobe Photoshop CS5 можно создавать на одном изображении различные слои, и затем с каждым слоем работать в фотошопе отдельно.

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

Откройте в программе Adobe Photoshop CS5 какое-либо изображение, и напишите на нем текст. Текст у Вас разместится на новом слое, и Вы сможете его инструментом Перемещение разместить там, где Вам нужно.

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

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

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

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

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

Обратите внимание: фон является одновременно задним планом изображения, его невозможно передвинуть, или изменить размеры. На палитре слоев напротив этого слоя Вы увидите значок навесного замка. Чтобы иметь возможность изменить этот слой, необходимо сделать дубликат слоя, а заблокированный слой удалить. Любой слой можно сделать задним планом, с помощью меню Слои — Новый — Преобразовать в задний план.

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

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

Откройте в программе фотошоп картинку с прозрачным фоном. Или сделайте такую: сначала откройте изображение с белым фоном, преобразуйте его в формат GIF, и откройте преобразованное изображение, с расширением GIF. Затем выберите инструмент Волшебная палочка, и выделите белый цвет. Затем нажмите Delete. Фон станет прозрачным.

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

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

Блокировка по перемещениям позволяет нам изменять цвет пикселей, но не позволяет перемещать слой, или изменять его размеры.

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

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

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

Слои можно помещать в группы. Группы — что-то вроде папки для слоев. Выделите несколько слоев, затем нажмите на значок в верхнем правом углу палитры, и выберите пункт Новая группа из слоев. Слои переместятся в группу, и с ними можно работать, как с единым целым. Можно раскрыть и закрыть группу, нажимая на треугольник слева от названия группы. Можно создать пустую группу, с помощью значка в нижней части палитры слоев, а затем перетащить в нее нужные слои. Также можно поместить слои в группу, выбрав их, и нажав горячие клавиши  Ctrl + G. А удалить группу и вытащить из нее слои можно, нажав горячие клавиши Shift + Ctrl + G.

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

Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
    Подписаться на блог: Дорога к Бизнесу за Компьютером

Проголосуйте и поделитесь с друзьями анонсом статьи на Facebook:  

pro444.ru

Как в Photoshop разместить два изображения рядом

Научитесь объединять две фотографии в одно изображение с помощью Photoshop. Пошаговое руководство для Photoshop CC и CS6.

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

Я использую последнюю версию Photoshop CC . Но описанные ниже действия верны и для версии программы CS6.

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

Поэтому идем в меню Файл, выбираем пункт «Сценарии», «Загрузить файлы в стек»:

Путь: Файл (File) > Сценарии (Scripts) > Загрузить файлы в стек (Load Files into Stack).

В диалоговом окне «Загрузить слои» выбираем пункт «Применить к файлам» и затем кликаем по кнопке «Обзор»:

Диалоговое окно «Загрузить слои» (Load Layers).

Указываем фотографии, которые хотим открыть. Далее кликаем по кнопке «Открыть».

Выбираем изображения и кликаем «Открыть» (Open).

Возвращаемся к диалоговому окну «Загрузить слои».

Две опции внизу «Попытка автоматически выровнять исходные изображения» и «Создать смарт-объект после загрузки слоев» оставляем неотмеченными. Затем загружаем изображения в Photoshop, кликнув по кнопке OK:

Кликаем «OK» для загрузки изображений в Photoshop.

Photoshop загружает оба изображения в один документ. В панели слоев каждое изображение расположено на отдельном слое. При этом имена файлов используются в названии слоев:

Панель «Слои» показывает каждое изображение на отдельном слое.

Изображение, расположенное на верхнем слое (фотография мамы и дочки из фото-банка Adobe Stock):

Первое из двух изображений.

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

Прячем изображение верхнего слоя.

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

Второе изображение.

Включим видимость верхнего слоя:

Включаем видимость верхнего слоя. 

Сейчас два изображения находятся в одном документе. Но как разместить их рядом друг с другом?

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

Выбираем инструмент «Перемещение» (Move Tool).

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

Переходим в меню «Просмотр» и проверяем, активна ли опция «Привязка»:

Проверяем активность опции «Привязка» (Snap).

Ниже включаем параметр «Привязать к» и проверяем активность опции «Границы документа»:

Убедитесь, что опция «Привязать к границам документа» активна.

В панели «Слои» выделяем верхний слой:

Кликаем по верхнему слою, чтобы выбрать его.

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

Перетаскивание верхнего изображения вправо от нижнего изображения.

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

Верхнее изображение скрыто за краем холста.

Чтобы активировать видимость обоих изображений, в меню «Изображение» выбираем опцию «Показать все».

Идем в меню «Изображение» (Image) > «Показать все» (Reveal All).

При этом Photoshop изменяет размер холста, чтобы разместить два изображения:

Результат после использования опции «Показать все» (Reveal All).

Но что делать, если нужно поменять изображения местами?

Убедитесь, что инструмент «Перемещение» все еще активен:

Проверяем, активен ли инструмент «Перемещение» (Move Tool).

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

Идем в «Выделение» (Select) > «Все» (All).

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

Выбираем верхний слой.

После этого в панели параметров кликаем по иконке «Выравнивание по левому краю» или «Выравнивание по правому краю».

Мне нужно переместить изображение справа налево, поэтому я кликаю по иконке «Выравнивание по левому краю»:

Кликаем по иконке «Выравнивание по левому краю» (Align Left Edges).

После этого Photoshop выровняет левый край изображения по левому краю холста:

Результат после перемещения верхнего изображения справа налево.

Выделите нижний слой:

Для выделения нижнего изображения кликаем по нижнему слою.

Чтобы переместить нижнее изображение вправо, я кликаю по иконке  «Выравнивание по правому краю»:

Кликаем по иконке «Выравнивание по правому краю» (Align Right Edges).

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

Результат после перемещения нижнего изображения слева направо.

Мы научились загружать два изображения в один документ Photoshop, размещать изображения рядом и менять их местами!

Данная публикация представляет собой перевод статьи «Photoshop Quick Tip: How to Place Two Images Side by Side» , подготовленной дружной командой проекта Интернет-технологии.ру

www.internet-technologies.ru

Добавить комментарий

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