В настоящее время очень популярным направлением считается делиться в социальных сетях своими наилучшими кадрами моментов из жизни. Иногда хочется похвастаться перед своими друзьями местами, о посещении новых мест, а иногда редактирование фото это хобби или профессия.
Часто задаваемые вопросы: «Как вставить фото в фото в Фотошопе?» или «Как наложить картинку на картинку в Photoshop». Ответы на них рассмотрим с пошаговым алгоритмом действий. К тому же эта информация будет полезна не только новичкам, но и опытным пользователям Фотошопа.
Перечислим заданный алгоритм действий:
- через папку «Файлы» открываем требуемые изображения (названия папок можно увидеть на панели сверху);
- в первую очередь берется в обработку фото, которое будет вставляться на фото-фон. Так как размер вставляемого фрагмента будет меньше, то его предварительно уменьшают. Заходим в меню «Изображение» далее «размер изображения» в ячейке ширина выставляем требуемое значение пикселей (высота и другие параметры устанавливаются автоматически симметрично).
- выделяем зону фрагмента с помощью инструментов типа «лассо» или «рамка» и жмем клавиши CTRL+C, либо в папке «Изображение» выбираем «копировать»;
- переключаемся на основное фото и вставляем нашу картинку клавишами CNTRL+V. Несмотря на ранее уменьшенный фрагмент, может понадобиться его дальнейшее редактирование. Для этого жмем клавиши CNTRL+T, фрагмент можно уменьшать и поворачивать под нужным углом (для сохранения всех исходных форм при перемещении или корректировки изображения, жмутся одновременно клавиши SHIFT+ALT), сохраняем клавишей ENTER. Также перемещать выделенный фрагмент можно использовать с помощью инструмента «перемещение» на панели слева.
- для дальнейшего редактирования, основной фон увеличивают до размеров максимально удобных для корректировки. Жмем клавишу ALT и с помощью колесика мыши увеличиваем до требуемого размера;
- чтобы исправить наслоение двух изображений используют «инструмент» ластик, при этом возможно его уменьшение или увеличение в зависимости от требуемых параметров очистки.
- сохраняем получившееся фото через инструкцию «сохранить как» в папке «Файлы».
Как наложить несколько слоев в Фотошопе?
Алгоритм действий практически тот же, что при накладывании картинки или фото на другую фотографию, но сложность выполнения заключается в наслоении одного слоя на другой. Поэтому загружать фотографии следует в той же последовательности, в которой будут накладываться слои. Во-первых, выбираем функцию «вставлять фон» и выбираем требуемое изображение. Далее открываем фотографию, которая должна быть первым слоем (в панели слоев видимой будет только первая фотография), притягиваем её на основное фон, делаем активным основной фон (в панели слоев будет уже два изображения – основной фон и слой над ним) и так же точно производим с другими изображениями.
Корректировать фотослои можно с помощью клавиш CNTRL+T. Также происходит процесс объединения двух фотографий в одну и т.д. Чтобы лучше разобраться во всех тонкостях работы, воспользуйтесь нашими видео-уроками на teachvideo.
(8)| Начало работы | |||||
|---|---|---|---|---|---|
| 1. | Знакомство с растровой и векторной графикой | 3:18 | 0 | 52332 | |
| 2. | Интерфейс программы | 2:34 | 1 | 27166 | |
| Изображение своими руками | |||||
| 3. | Знакомство с инструментом «кисть», рисуем полянку | 4:25 | 4 | 45724 | |
| 4. | Работа с меню «Фильтр» (Деревянная поверхность) | 4:42 | 0 | 21029 | |
| 5. | Ледяная колючка - рисуем заставку на компьютер | 2:21 | 0 | 23152 | |
| 6. | Перевоплощение - меняем картинку | 3:50 | 2 | 20191 | |
| 7. | Одуванчик - рисуем цветок | 5:01 | 0 | 23513 | |
| 8. | Забавный пушистик, урок 1: учимся рисовать с нуля | 3:23 | 1 | 63498 | |
| 9. | Забавный пушистик, урок 2: рисуем глазки | 5:45 | 0 | 20341 | |
| 10. | Забавный пушистик, урок 3: рисуем нос и ротик | 2:43 | 1 | 14432 | |
| 11. | Солнечная опушка, урок 1: как создать слой | 3:56 | 0 | 25266 | |
| 12. | Солнечная опушка, урок 2: рисуем дерево | 4:03 | 0 | 13119 | |
| 13. | Солнечная опушка, урок 3: рисуем траву и лучи Солнца | 4:36 | 0 | 22743 | |
| Текст | |||||
| 14. | Заливка текста рисунком | 2:41 | 0 | 33175 | |
| 15. | Прозрачный текст | 3:56 | 3 | 25099 | |
| 16. | Зеленый текст | 2:58 | 0 | 5489 | |
| 17. | Раскрашивание, объемный текст | 3:07 | 0 | 28437 | |
| 18. | Огненный текст, урок 1 | 3:36 | 0 | 19711 | |
| 19. | Огненный текст, урок 2 | 2:43 | 0 | 17565 | |
| Обработка фотографий | |||||
| 20. | Устранение дефектов кожи | 3:13 | 3 | 112266 | |
| 21. | Устранение эффекта красных глаз | 2:29 | 2 | 14560 | |
| 22. | Изменение цвета глаз | 2:09 | 0 | 44450 | |
| 23. | Отбеливание зубов | 3:56 | 1 | 50916 | |
| 24. | Создание рамки, кадрирование | 2:42 | 0 | 14735 | |
| 25. | Пластическая хирургия в Фотошоп | 2:45 | 0 | 52341 | |
| 26. | Совмещение двух изображений | 3:28 | 8 | 238009 | |
| 27. | Превращаем цветную фотографию в черно-белую | 1:58 | 1 | 24081 | |
| 28. | Раскрашивание фрагментов черно-белой фотографии | 3:11 | 1 | 12219 | |
| 29. | Обработка фотографии под старину | 1:58 | 0 | 21981 | |
Этот урок Фотошопа будет на редкость простым, а на его выполнение вам даже в первый раз понадобится не более 5 минут. В нем мы научимся гармонично совмещать вместе две фотографии.
1. Как обычно, первым дело, подбираем подходящие снимки (или просто картинки, совершенно необязательно, чтобы это были именно «живые» фотографии). Свое предпочтение мы отдали вот этим изображениям.
Лучше если они будут одинакового размера.
2. Обе картинки открываем в Фотошопе одновременно, каждую в своем окне.
3. Теперь с помощью инструмента «Перемещение» (его, кстати, можно не только выбрать на панели инструментов, но и вызвать нажатием клавиши «V» на клавиатуре) накладываем один снимок на другой. Просто подцепляем курсором картинку, которая будет поверх, и тащим ее, не отпуская левую кнопку мыши, на ту, что будет снизу.
Перемещенную картинку устанавливаем точно в границы нижней.
4. Вызываем окно слоев (кнопка F7). Слой наложенного фото (с лесным домиком в нашем случае) должно оказать сверху. Добавляем ему слой-маску нажатием соответствующей кнопки.
Вариант 1: IMGonline
На сайте можно работать с картинками любого формата. Обе картинки, следует загрузить на сервер, а затем выбрать, каким способом будет осуществлено наложение, и подождать выполнения.
1. Заходим на сайт IMGonline . Осуществляем загрузку необходимых файлов на сайт, нажав на кнопку «Обзор».
2. Затем определяемся с параметрами наложения и производим настройку прозрачности второй картинки. Если нужно, чтобы изображение просто были сверху другого, то прозрачность ставим на «0».
3. Подгоняем по параметрам одну картинку под другую.
4. Определяемся с местом расположения второго изображения относительного первого.
5. Полученный файл настраиваем по параметрам (формат и процент прозрачности).
6. Нажимаем на кнопочку «Ок», чтобы осуществить автоматическую обработку.
7. Преобразованную картинку можно посмотреть прямо в браузере или сохранить ее себе на компьютер.
Вариант 2: Фотоулица
Онлайн-сервис на русском языке. Интерфейс приятный и простой. Накладывать одно фото на другое можно не только скачанные, но и просто из Интернета (указав на них ссылку).
1. Заходим на сайт Фотоулица . Нажимаем на «Открыть фоторедактор» (кнопка размещена на главной странице сайта).
2. Открывается окно редактора.
3. Клацаем на кнопку «Загрузить фото», а затем на «Загрузить с компьютера».
4. На боковой панели, которая появится, можно изменить размеры первого изображения.
5. Затем снова нажимаем на «Загрузить фото», чтобы добавить вторую картинку.
6. Сверху первой картинки будет наложена вторая. Следует подогнать ее под размеры первой на левом боковом меню (описано в пункте 4). Отправляемся на вкладку «Добавить эффекты».
9. Нажимаем на необходимый вариант и клацаем на кнопку «ОК».
10. Определяемся с размером картинки, убираем или же оставляем логотип сервиса. Дальше начнется процесс монтирования и сохранения картинки. При выборе «Высокого качества» придется подождать. Пока загрузка не закончится, не стоит закрывать окно браузера.
Вариант 3: Фотошоп Онлайн
Есть возможность соединять только отдельные элементы картинки. Функционал сервера напоминает приложение Фотошоп.
1. Заходим на сайт Фотошоп Онлайн . В окне, которое появится, нажимаем на кнопку «Загрузить фото с компьютера».
2. Добавляем вторую картинку – заходим в меню «Файл», клацаем на «Отрыть изображение».
3. На появившейся левой боковой панели выбираем инструмент «Выделение». На второй картинке определяемся с областью наложения. Переходим в меню «Редактировать» и нажимаем на «Копировать».
4. Второе окно теперь можно закрыть (сохранять изменения не нужно). Переходим на главную картинку через «Редактирование» и «Вставить». Добавляем на изображение второе фото. Затем в меню «Слои» нажимаем на тот, который будем делать прозрачным.
5. Нажимаем на «Параметры» в меню «Слои» и выбираем необходимую прозрачность второй картинки.
6. Получившийся результат сохраняем. Нажимаем на «Файл» и «Сохранить».
Как объединить две фотографии или вставить вырезанную часть одного изображения в другое задача простая для всех, кто немного знаком с фотошопом. Но, во-первых, не все умеют работать в программе Adobe Photoshop, во-вторых, и опытные пользователи не всегда умеют наложить одно изображение на другое хорошо. Рассмотрим несколько вариантов соединения нескольких картинок в одно изображение.
В этом примере картинки маленького размера наложены целиком, как они есть, на изображении побольше, которое служит фоном. Каждая маленькая картинка расположена в отдельном слое и частично перекрывает слои, которые располагаются ниже.
Как это делается? Нужно открыть в фотошопе все нужные фотографии. В зависимости от версии Photoshop у вас будут видны в окне программы несколько окон с картинками, несколько вкладок или в верхней части окна рядом с меню вот такая кнопка с открывающимся меню.
В меню выбираете кнопку с изображением 2, 3, 4 горизонтальных или вертикальных окон и видите сразу выбранное Вами количество картинок.
Изображения накладываются полностью, поэтому переходите в окно с той маленькой фотографией, которую первой будете накладывать на фон. В панели слоев видите один только фоновый слой с этой картинкой. Мышкой тянете этот слой в другое окно на картинку с фоном. Щелкаете на изображении с фоном, оно становится активным, и в панели слоев вы видите уже два слоя – фоновый и над ним слой с маленькой картинкой. Точно так же перетягиваете на фоновый слой другие картинки и располагаете их в нужном порядке.
Что делать, если вставляемое изображение слишком большое или слишком маленькое? Нужно его увеличить или уменьшить. Для этого щелкаете на слое с вставленной картинкой, выбираете в меню Edit (Редактирование) > Free Transform (Свободная трансформация) или нажимаете сочетание клавиш CTRL+T и тянете за маркеры или поворачиваете вставленное изображение.
Вставка в изображение фрагмента из другой картинки
Гораздо чаще нужно вырезать только часть одной фотографии и наложить этот фрагмент на другую фотографию. Такие композиции из частей разных изображений называют фотомонтаж или фотоколлаж.
Открываете изображение, из которого будете вырезать, выделяете любым подходящим инструментом выделения требуемый фрагмент, копируете Edit (Редактирование)> Copy (Копировать), затем переходите в основной документ и вставляете скопированную часть изображения Edit (Редактирование)> Paste (Вставить). Вставленный фрагмент располагается в отдельном слое и размеры его можно изменить так, как вам нужно.
Основная сложность в этом случае состоит в том, чтобы качественно выделить нужную часть из картинки. Чтобы избежать проблем с выделением часто используют изображения из коллекций клипарта – картинки на прозрачном фоне, или изоляты – предметы на белом или черном фоне. Однородный фон легко выделить волшебной палочкой и удалить.
Не забывайте, что фотомонтаж должен выглядеть реалистично, поэтому выполняйте
Плавный переход одного изображения в другое
В некоторых случаях нужно сделать так, чтобы одно изображение плавно переходило в другое или какая-то часть картинки становилась прозрачной, и сквозь нее был виден фон.
Чтобы наложить одну картинку на другую в программе Photoshop открывают обе исходные фотографии и перетягивают слой из одного открытого изображения в другой документ. Верхний слой делают полупрозрачным (на панели Layers (Слои) параметр Opacity (Непрозрачность) уменьшают до 50-60%) чтобы видеть сквозь него нижний и перемещают на каждом слое изображение так, чтобы части будущего вашего творения хорошо компоновались друг с другом.
Если нужно сделать быстро и высокого качества не требуется, можно использовать мягкую резинку – инструмент Eraser (Ластик) для быстрого стирания части слоя. Инструмент Brush (Кисть) задает размер, форму, плотность, жесткость для резинки, поэтому в настройках кисти обязательно должен быть установлен параметр Hardness (Жесткость) равным 0, на панели параметров кисти Opacity (Непрозрачность) установите значение 20-30%.
Резинкой сотрите в нужных местах части верхнего изображения и, когда закончите, для этого слоя верните параметр Opacity (Непрозрачность) 100%. Слой станет непрозрачным, но те места, где прошлись резинкой будут полностью или частично прозрачными.
Если нужно хорошее качество, лучше применить маску слоя. В отличие от резинки, маска не изменяет основного изображения, а только скрывает некоторые его части. Маску можно отключить или удалить без всякого ущерба для основного фото.
Чтобы добавить маску перейдите в слой с верхней картинкой и внизу панели Layers (Слои) нажмите кнопку Add Leyer Mask (Добавить маску слоя).
На панели инструментов Photoshop установите цвета черный и белый (основной и фоновый). Выберите инструмент градиент, в настройках градиента установите переход от черного к белому. Кликните мышкой на маске, чтобы сделать ее активной, и создайте градиентный переход в области, где перекрываются ваши картинки. Край верхней картинки станет прозрачным. Ближе к середине прозрачность уменьшится.
Чтобы добавить реалистичности изображению выберите мягкую кисть, убедитесь, что маска активна и дорисуйте в маске черные и белые области. Помните, что в маске черным цветом следует рисовать там, где нужно скрыть часть слоя, а белым там, где открыть какую-то область.
Напоследок два простых способа плавного перехода изображения в фон.
1 способ. Картинку разместить поверх фона и добавить к этому слою маску. В этом примере маска создана с помощью градиентной радиальной заливки. Важно, чтобы маска полностью скрывала края картинки, тогда не будет виден переход от изображения к фону.
2 способ. Выделяем нужную область в изображении, выполняем команду меню Select (Выделение) > Modify (Изменение) > Feather (Растушевка).В открывшемся окне нужно установить в поле Feather (Растушевка) ширину области растушевки. Эта величина зависит от размера изображения и подбирается для каждого фото отдельно – экспериментируйте!
После этого скопируйте выделенную растушеванную область и вставьте на подходящий фон. Края вставленного фрагмента будут полупрозрачными, причем прозрачность у края будет больше.
