Главная — Фотошкола ЮУрГУ

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

Содержание

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

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

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

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

Обо всех этих приемахи будет рассказано в статье.

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

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

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

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

По краям картинки увидим мерцающую пунктирную линию. Теперь копируем выделенную картинку с помощью команды Редактирование Копировать.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как добавить фото на слой в фотошопе

Содержание

  • Как разместить рядом две фотографии
  • Шаг 1: выбираем команду «Загрузить файлы в стек»
  • Шаг 2: выбираем изображения
  • Шаг 3: загружаем изображения в Photoshop
  • Просмотр двух изображений
  • Шаг 4: Используем инструмент «Перемещение»
  • Шаг 5: Убедитесь, что «Привязка» (Snap) и «Привязать к границам документа» (Snap To Document Bounds) активны
  • Шаг 6: выбираем верхний слой
  • Шаг 7: перетаскиваем изображение к краю другого изображения
  • Привязка изображения к краю документа
  • Шаг 8: выбираем опцию «Показать все»
  • Как поменять изображения местами
  • Шаг 1: Активируем инструмент «Перемещение»
  • Шаг 2: Выделяем весь холст
  • Шаг 3: Выбираем верхнее изображение
  • Шаг 4: Кликаем по иконке «Выравнивание по левому краю» или «Выравнивание по правому краю»
  • Шаг 5: Выбираем нижнее изображение
  • Шаг 6: Кликаем по иконке «Выровнять края»
  • Предварительная подготовка
  • Как вставить картинку в Adobe Photoshop
  • Перетаскивание картинки из вкладки
  • Копировать – вставить
  • Команда меню «Поместить»
  • Перетаскивание фото из папки Windows
  • Как в Adobe Photoshop вставить картинку на картинку

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

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

Как разместить рядом две фотографии

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

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

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

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

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

Шаг 2: выбираем изображения

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

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

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

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

Шаг 3: загружаем изображения в Photoshop

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

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

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

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

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

Просмотр двух изображений

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

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

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

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

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

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

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

Шаг 4: Используем инструмент «Перемещение»

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

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

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

Шаг 5: Убедитесь, что «Привязка» (Snap) и «Привязать к границам документа» (Snap To Document Bounds) активны

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

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

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

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

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

Шаг 6: выбираем верхний слой

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

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

Шаг 7: перетаскиваем изображение к краю другого изображения

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

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

Привязка изображения к краю документа

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

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

Шаг 8: выбираем опцию «Показать все»

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

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

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

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

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

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

Шаг 1: Активируем инструмент «Перемещение»

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

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

Шаг 2: Выделяем весь холст

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

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

Шаг 3: Выбираем верхнее изображение

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

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

Шаг 4: Кликаем по иконке «Выравнивание по левому краю» или «Выравнивание по правому краю»

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

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

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

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

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

Шаг 5: Выбираем нижнее изображение

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

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

Шаг 6: Кликаем по иконке «Выровнять края»

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

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

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

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

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

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

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

Из этой статьи узнаете, как вставить картинку в Фотошопе. Это можно сделать с помощью буфера обмена или drag-n-drop, но сначала необходимо провести подготовку.

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

Предварительная подготовка


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

  1. Нажмите кнопку «Файл» в верхнем левом углу экрана.
  2. Из выпадающего списка выберите «Вставить».
  3. Найдите изображение, с которым хотите работать, выберите его, и нажмите «ОК».

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

Как вставить картинку в Adobe Photoshop


Есть 4 способа как вставить картинку в Фотошопе:

  • перетаскивание изображения из вкладки на вкладку;
  • копирование и вставка через буфер обмена;
  • команда меню «Поместить»;
  • перетаскивание файла из папки компьютера.

По очереди рассмотрим каждый из них.

Перетаскивание картинки из вкладки


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

  1. Выберите вкладку с изображением, которое нужно переместить.
  2. Зажмите название левой клавишей мыши.
  3. Двигайте мышь вниз, не отпуская кнопку.
  4. После того, как вкладка превратилась в окно, расположенное поверх другого изображения, отпустите кнопку.
  5. На панели инструментов выберите «Перемещение», или нажмите клавишу «V».
  6. Перетяните картинку на фон, используя ЛКМ (не отпускайте до окончания переноса).

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

Копировать – вставить


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

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

  • Выделите, нажав комбинацию клавиш Ctrl+A, либо с помощью лассо или другого инструмента вырезания, если нужна только часть рисунка.
  • Используйте кнопки Ctrl+C для копирования содержимого выделенной области.
  • Перейдите на вкладку фона, кликнув по ней ЛКМ, и нажмите Ctrl+V для вставки.

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

Команда меню «Поместить»


Так как вставить картинку в Фотошопе не всегда бывает возможно из-за размера, команда «Поместить» при добавлении изображения создает смарт-объект. Это слой, в котором рисунок будет после вставки. Он позволяет изменять размеры без потери качества изображения. Поможет при работе с надписями или фото в малом разрешении.

  • Перейдите на вкладку фона.
  • Откройте меню «Файл» в верхнем левом углу страницы.
  • В выпадающем списке найдите пункт «Поместить. ».

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

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

Перетаскивание фото из папки Windows


Последний способ – drag-n-drop файла из интерфейса окна Windows. Это упрощенная версия предыдущего способа переноса. Результатом также будет смарт-объект, но не понадобится заходить в меню.

  • Откройте вкладку с фоновым изображением.
  • Нажмите клавишу «Пуск».
  • В открывшемся меню выберите «Проводник».

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

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

Как в Adobe Photoshop вставить картинку на картинку


Чтобы понять, как добавить картинку на картинку в Фотошопе, откройте оба изображения во вкладках. Перетащите, как в первых двух способах, либо с помощью команды «Поместить». Способы похожи: используйте одно из изображений как фон, а второе – как объект, который нужно добавить.

Видео-урок «Как вставить картинку в Adobe Photoshop»:

Подскажите, пожалуйста, почему в Photoshop CS6 не вставляется ни одно изображение? Нужно открыть картинку так, чтобы создать новый слой в уже открытом документе PSD, а программа открывает только новым файлом (документом).

Если Вы открываете файл изображения JPG или с другим расширением в Photoshop, то он и должен открываться как новый документ, в отдельном окне или вкладке (в зависимости от настроек программы). После того, как Вы его открыли, можете использовать этот файл как слой в другом документе, для этого перетащите открытый новый файл инструментом «Перемещение» (Move Tool) на этот другой документ, и файл JPG будет открыт как отдельный слой.

Но можно и сразу открыть файл как отдельный слой в документе Photoshop, эта опция появилась в Photoshop, начиная с версии CS5. Для этого надо открыть папку с этим файлом и просто перетащить его мышкой прямо на открытый документ:

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

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

Если Вам не надо, чтобы встраиваемое в стек слоёв внешнее изображение подгонялось под размер документа и конвертировалось в смарт-объект, Вы можете изменить настройки Photoshop, нажав Ctrl+K. Откроется окно, где снимите галку у опции «Изменить размер изображения при размещении» (Resize Image During Place) и/или «Всегда создавать смарт-объекты при размещении» (Place or Drag Raster Images as Smart):

Кроме того, можно загружать несколько изображений как слои, но только в новый документ. Это можно делать двумя способами, при помощи Adobe Bridge, подробнее здесь, и через вкладку главного меню Файл —> Сценарии —> Загрузить файлы в стек. (Load Files into Stack).

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

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

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

Заранее благодарен, Дмитрий.

QR-код для установки:

Если Вам понравился материал, скажите свое «спасибо», поделитесь ссылками с друзьями в социальных сетях! Спасибо!

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

Skip to content

Выберите рубрику блога

1 голос

Автор: Андрей ЗенковВеб дизайн и Фотошоп

Содержание:

  • Каждый охотник желает знать…
  • Как соединить два и больше изображений
    • С помощью вкладок
    • Через меню программы
    • Через проводник Windows
    • С помощью горячих клавиш
  • На финишной прямой

Доброго времени суток, уважаемые читатели блога Start-Luck! Я, Андрей Зенков – человек, который делится с вами практическими советами по веб-дизайну и созданию сайтов для успешной монетизации. В этой статье я расскажу о том, как вставить изображение в фотошопе, тем самым совместив его с другим.

Если вы думаете, что можно выйти в топ-позиции за счет полезного контента, спешу добавить: он работает только в обрамлении дизайна, который радует глаз. Поместите эффектный логотип в шапку сайта – и тот заиграет новыми красками. Дополните текст необычными изображениями – и пользователь задержится на вашем сайте как можно дольше!

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

Каждый охотник желает знать…

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

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

Открываем сайт и вводим в строку поиска нужное слово:

Жмём клавишу Enter и наслаждаемся огромным количеством изображений высокого качества:

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

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

Незаменимым помощником в этом деле станет редактор Adobe Photoshop. Он позволяет совмещать графические элементы четырьмя способами.

С помощью вкладок

Этот вариант подойдёт тем, кто привык работать с несколькими изображениями одновременно в панели вкладок:

Для совмещения картинок придётся разгруппировать их. Для этого наводим курсор мыши на активное окно:

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

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

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

Через меню программы

Совместить картинки можно и через команды меню. Для этого открываем любое изображение и нажимаем «Файл — Поместить»:

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

После трансформации не забудьте сохранить результат, нажав кнопку Enter.

Через проводник Windows

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

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

С помощью горячих клавиш

Я бы назвал этот вариант ленивым: он и вправду занимает меньше времени в сравнении с предыдущими. Открываем в фотошопе выбранные изображения, кликаем на одном из них и нажимаем комбинацию клавиш Ctrl+A для выделения всего слоя.

Вырезаем картинку в буфер обмена при помощи Ctrl+X и, кликнув на другом изображении, жмём Ctrl+V. Количество слоёв при этом увеличивается:

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

На финишной прямой

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

Напоследок хочу порекомендовать вам впечатляющую подборку видеоуроков от настоящих виртуозов, знающих графический редактор как свои пять пальцев. Речь идёт о представителях интернет-проекта «Фотошоп-мастер». Они предлагают 88 уроков в формате видео высокого качества. Даже я (человек, который давно занимается созданием изображений для сайтов) почерпнул много полезного. Попробуйте и вы!

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

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

Этот блог читают 6597 ребят и девчат. Читай и ты

Наверх

Как вставить фото в фото в фотошопе

Содержание

  • Подготовка фотографий. Загружаем в фотошоп.
  • Вставляем фотографии
  • Обработка вставленных фото
  • Сохраняем фото

На интересном примере мы рассмотрим вопрос вставки фото в фото, используя фотошоп.

Здравствуйте, дорогие посетители сайта Pixelbox.ru!

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

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

Как во всех остальных уроках фотошопа, мы будем работать поэтапно.

Подготовка фотографий. Загружаем в фотошоп.

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

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

Работать мы будем с основной фотографией – комната. Именно в это фото мы вставим другие фото. На стол мы вставим фото кота и рядом летающую бабочку.

Вставляем фотографии

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

Перейдите к изображению с котом – cat.png, выбрав на панели сверху нужное окошко с изображением в фотошопе.

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

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

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

Жмем OK. После этого слой с котом окажется в документе с изображением комнаты.

Этим же способом перенести изображение бабочки в изображение с комнатой.

Обработка вставленных фото

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

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

Перейдите к изображению с комнатой – room.jpg

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

Что нужно сделать в первую очередь:

  1. Уменьшить изображения
  2. Правильно расположить изображения

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

Выберите этот слой, щелкнув на него один раз мышкой. Нажмите CTRL+T чтобы масштабировать изображение слоя. Чтобы уменьшить изображение бабочки – тяните уголок, с зажатыми клавишами SHIFT+ALT, по диагонали вниз вправо.

Когда нужный размер будет достигнут – нажмите ENTER.

Перейдите на слой с котом и проделайте тоже самое.

Найдите инструмент Перемещение на панели инструментов.

Переместите кота на стол, а бабочку расположите на котом.

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

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

Выберите изображение с котом, нажмите CTRL+L чтобы вызвать функцию Уровни. Эта функция поможет настроить правильный оттенок.

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

Изображение с бабочкой я также высветлил – используя настройки “на глаз”.

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

Для этого перейдите на слой с фоном (комната) и нажмите на кнопку создания слоя (нарисовано стрелкой) и появиться новый слой (Слой 3).

Выберите и настройте кисть в фотошопе (по ссылке целый обзор посвященный настройке кисти)

  1. Выберите цвет черный
  2. Найдите кисть на панели инструментом
  3. Настройте нажим – 1%

 

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

Совет: ориентируйтесь на уже существующие тени на фото, например, на тени от горшков.

Для реалистичности движения бабочки можно добавить фильтр “Размытие в движении” на бабочку.

Перейдите на слой с бабочкой и примените фильтр:

Угол я выбрал 0%,а смещение – 3. Чем больше вы задаете смещение, тем больше размывается изображение.

Результат нашей работы:

Сохраняем фото

Осталось сохранить вашу фотографию. Выполните пункт меню Файл – Сохранить Как

Выберите формат JPG, задайте имя файлы и нажмите Сохранить.

Спасибо за внимание! Задавайте вопросы в комментариях.

Как в фотошопе переместить на передний план слой

Главная » Разное » Как в фотошопе переместить на передний план слой

Как выделить, переместить слой в фотошопе

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

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

Совет

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

Как выделить два и более слоя

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

Способ 1 Последовательно расположенные слои

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

Способ 2 Непоследовательно расположенные слои

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

Способ 3 Все слои

Команда меню Выделение — Все слои выберет абсолютно их все на палитре. Горячая клавиша для быстрого использования функции: Alt+Ctrl+A.

Примечание

Противоположная команда Выделение — Отменить выделение слоев скинет созданное выделение.

Способ 4 Подобные слои

В этой статье я упоминал, что слои делятся на виды: обыкновенные, текстовые, корректирующие, смарт-объекты и так далее. Если использоваться команду меню Выделение — Подобные слои (Similar Layers), то фотошоп выделит все слои одного вида с активным. Например, если был активным текстовый слой, то фотошоп выберет все текстовые.

Способ 3 Связанные слои

Связанные слои, помимо всех прочих особенностей, также вынесены в отдельную команду, чтобы парой кликов можно было найти и выделить их все. Команда Слои — Выделить связанные слои (Select Linked Layers).

Перемещение слоев по палитре

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

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

Способ 1 С помощью перетаскивания

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

Способ 2 Команда Упорядочить

Выберите один или более слоев, а затем перейдите в меню Слои — Упорядочить (Arrange). Появится окно выбора, как именно вы хотите это сделать. Доступны следующие варианты:

  • На передний план (Bring to front) — перемещение на первое место в списке.
  • Переложить вперед (Bring Forward) — перемещение на один шаг выше.
  • Переложить назад (Send Backward) — перемещение на один шаг ниже.
  • На задний план (Send to Back) — перемещение на последнее место в списке.
  • Инверсия (Reverse) — активна для выделения двух и более слоев; команда зеркально меняет их порядок.