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

Эффекты и стили слоя в Adobe Photoshop

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

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

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

Использование масок слоя для корректировки частей фотографии

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

Добавьте корректирующий слой

1. Выберите слой изображения на панели «Слои».
2. Нажмите кнопку «Создать новый слой заливки или корректирующего слоя» в нижней части панели «Слои».Выберите Hue / Saturation во всплывающем меню. На панели «Слои» над выбранным слоем появится корректирующий слой «Цветовой тон / насыщенность» с миниатюрой маски белого слоя. На панели «Свойства» отображаются элементы управления оттенком / насыщенностью для этого корректирующего слоя.
3. На панели «Свойства» перетащите ползунок «Насыщенность» вправо, чтобы увеличить насыщенность цвета. Эта настройка теперь влияет на всю фотографию на слое ниже.

Добавьте градиент от черного к белому к маске корректирующего слоя

Черный на маске корректирующего слоя скрывает коррекцию; серый частично показывает регулировку; а белым — корректировка.Один из способов добавить черный, серый и белый к любой маске слоя, включая маску корректирующего слоя, — использовать градиент от черного к белому.

1. На панели «Слои» убедитесь, что вокруг миниатюры маски слоя есть белая рамка. Если белая граница отсутствует, щелкните миниатюру маски слоя.
2. Нажмите кнопку D на клавиатуре, чтобы установить цвета по умолчанию белый и черный на панели инструментов. Нажмите X, чтобы переключить цветовые рамки, чтобы черный был цветом переднего плана, а белый — цветом фона.
3. На панели инструментов выберите инструмент «Градиент».
4. На панели параметров убедитесь, что параметр «Градиент» отображает градиент от черного к белому. Если это не так, щелкните этот параметр, чтобы открыть редактор градиентов, выберите предустановку градиента от переднего плана к фону и нажмите кнопку «ОК».
   
   Совет: Если вы хотите добавить несколько градиентов к одной и той же маске слоя, выберите предустановку градиента от черного к прозрачному в редакторе градиентов.
5. На панели параметров выберите параметр «Линейный градиент».
   
   Совет: Вы можете использовать формы градиента, отличные от линейного градиента, на маске слоя, выбрав другой тип градиента, например радиальный градиент, на панели параметров для инструмента «Градиент».
6. В окне документа щелкните область, в которой вы не хотите применять корректировку, и перетащите ее в сторону области, где вы хотите применить корректировку, создавая градиент от черного к белому на маске слоя.

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

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

Сохраните свою работу со слоями

• Сохраните изображение в формате .PSD или.Формат TIFF для сохранения слоев и масок слоев для будущего редактирования.

Создайте маску первого слоя

Что такое маска слоя?

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

К маске слоя можно добавить черный, белый или серый цвет. Один из способов сделать это — нарисовать маску слоя.Черный цвет на маске слоя скрывает слой, содержащий маску, поэтому вы можете видеть, что находится под этим слоем. Серый цвет на маске слоя частично скрывает слой, содержащий маску. Белый цвет на маске слоя показывает слой, содержащий маску.

Создать маску слоя

1. Выберите слой на панели «Слои».
2. Нажмите кнопку «Добавить маску слоя» в нижней части панели «Слои». На выбранном слое появится белая миниатюра маски слоя, открывающая все на выбранном слое.

Добавить черный к маске слоя, чтобы скрыть

Добавление черного к маске слоя скрывает слой, содержащий маску.

1. На панели «Слои» убедитесь, что вокруг миниатюры маски слоя есть белая рамка. Если белая граница отсутствует, щелкните миниатюру маски слоя.
2. Выберите инструмент «Кисть» на панели инструментов. На панели параметров откройте палитру кистей и выберите размер и жесткость кисти.
3. Нажмите D, чтобы установить белый и черный цвета по умолчанию на панели инструментов.Затем нажмите X, чтобы переключить цвета, чтобы черный стал цветом переднего плана.
4. Закрасьте изображение, добавив черный цвет к маске слоя. Черный цвет на маске слоя скрывает слой с маской, поэтому вы можете видеть слой ниже или узор шахматной доски, который представляет прозрачность.

Добавьте белый цвет к маске слоя, чтобы открыть

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

1. Нажмите X, чтобы переключить цвета переднего плана и фона на панели инструментов, чтобы белый стал цветом переднего плана.
2. Закрасьте скрытые области изображения. Это добавляет белый цвет к маске слоя, возвращая в поле зрения соответствующие области замаскированного слоя.

Тонкая настройка маски слоя с использованием черного, белого и серого

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

Сохраните свою работу со слоями

• Сохраните изображение в формате .PSD или .TIFF, чтобы сохранить слои и маски слоев для будущего редактирования.

Используйте маски слоя для объединения изображений

Добавить маску слоя

1. Начните с документа, который содержит как минимум два изображения, каждое на отдельном слое. Выберите верхний слой изображения на панели «Слои».
2. Нажмите кнопку «Добавить маску слоя» на панели «Слои». Это добавляет маску белого слоя к выбранному слою. Вы все еще можете видеть все на слое с маской, потому что маска белая.

Закрасьте маску слоя черным, белым и серым

1. На панели «Слои» убедитесь, что вокруг эскиза маски слоя есть белая рамка.Если белая граница отсутствует, щелкните миниатюру маски слоя.
2. Выберите инструмент «Кисть» на панели инструментов. На панели параметров откройте средство выбора кистей, чтобы установить размер и жесткость кисти. Перетащите ползунок «Жесткость» влево, чтобы создать мягкий кончик кисти.
3. Нажмите D, а затем X на клавиатуре, чтобы установить черный цвет переднего плана и белый цвет фона.
4. Закрасьте изображение в окне документа, чтобы добавить черный цвет к части маски слоя. Черный цвет скрывает соответствующую часть слоя, содержащего маску, поэтому изображение на слое ниже видно сквозь нее.Мягкими краями кисти примените серый к маске слоя, создав постепенный переход между слоями изображений.
5. Если вы скрываете большую часть слоя, чем планировали, нажмите X на клавиатуре, чтобы переключить цвет переднего плана на белый. Затем закрасьте скрытые области слоя, содержащего маску. Это добавляет белый цвет к маске, возвращая эти области в поле зрения.

Совет: Быстрый способ изменить размер кисти во время рисования — это нажать клавишу правой скобки на клавиатуре, чтобы увеличить размер кисти, или клавишу левой скобки, чтобы уменьшить размер кисти.

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

Сохраните свою работу со слоями

• Сохраните изображение в формате .PSD или .TIFF, чтобы сохранить слои и маски слоев для будущего редактирования.

Как вставить фотографию в фотошоп

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

Здравствуйте, дорогие посетители сайта 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, задайте имя файлы и нажмите Сохранить.

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

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

Добавление картинок

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

Вариант 1: Простое открытие документа

Выполняется данное действие следующими способами:

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

Переходим в меню «Файл – Открыть». После этого действия откроется такое же окно Проводника для поиска файла. Точно такой же результат принесет нажатие комбинации клавиш CTRL+O на клавиатуре.

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

Вариант 2: Перетаскивание

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

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

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

Вариант 3: Помещение из буфера обмена

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

Фотошоп успешно работает с буфером обмена. После нажатия Print Screen достаточно создать новый документ нажатием сочетания клавиш CTRL+N и откроется диалоговое окно с уже подставленными размерами картинки. Нажимаем «ОК».

После создания документа необходимо вставить картинку из буфера, нажав CTRL+V.

Поместить изображение из буфера обмена можно и на уже открытый документ. Для этого нажимаем на открытом документе сочетание клавиш CTRL+V. Размеры скриншота при этом останутся оригинальными.

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

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

Отблагодарите автора, поделитесь статьей в социальных сетях.

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

Из этой статьи узнаете, как вставить картинку в Фотошопе. Это можно сделать с помощью буфера обмена или 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»:

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

Совмещение изображений

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

Рамку для оформления возьмем вот такую:

Итак, запускаем Фотошоп и выполняем действия: «Файл» — «Открыть..» и загружаем первую картинку. Также поступаем и со второй. Два изображения должны быть открыты в разных вкладках рабочей области программы.

Подробнее: Загружаем картинку в Фотошоп

Шаг 1: Размещение изображений на холсте

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

1. Переходим на вкладку со второй фотографией, причем не важно, какой именно из них — любая фотография будет совмещаться с другой с помощью слоев. Позже можно будет любой слой переместить на передний план относительно другого. Нажимаем клавиши CTRL+A («Выделить всё»). После того, как у фото по краям образовалось выделение в виде пунктирной линии, идём в меню «Редактирование» — «Вырезать». Данной действие также можно выполнить с помощью сочетания клавиш CTRL+X.

2. Вырезая фото, мы «помещаем» его в буфер обмена. Теперь переходим на вкладку с другой фотографией и нажимаем сочетание клавиш CTRL+V (или «Редактирование» — «Вставить»). После вставки в боковом окне с названием вкладки «Слои» мы должны увидеть появление нового слоя. Всего их там будет два — первое и второе фото.

3. Далее, если у первого слоя (фото, которое мы ещё не трогали и на которое вставили второе фото в виде слоя) имеется небольшой значок в виде замочка — его нужно убрать, иначе программа не позволит изменять этот слой в дальнейшем. Чтобы убрать замочек со слоя, наводим на слой указатель и щёлкаем правой кнопкой мышки. В появившемся диалоговом меню выбираем самый первый пункт «Слой из заднего плана..»

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

Шаг 2: Подгонка размеров

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

1. В окне выбора слоёв щелкаем левой кнопкой мышки по одному из них: так мы указываем программе, что редактировать будем именно этот слой. Переходим в раздел «Редактирование» — «Трансформирование» — «Масштабирование», либо зажимаем комбинацию CTRL+T.

2. Теперь вокруг фото (как слоя) появилась рамка, позволяющая изменить его размер.

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

Шаг 3: Совмещение картинок

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

1. Для начала поменяем порядок слоев в палитре. Нажимаем левой кнопкой мышки на этом слое и, удерживая нажатой левую кнопку, перемещаем его ниже второго слоя.

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

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

3. После выделения слоя для его редактирования переходим к боковой панели инструментов и выбираем инструмент «Волшебная палочка».

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

4. Далее нажимаем клавишу DEL, тем самым удаляя участок внутри выделения. Снимаем выделение комбинацией клавиш CTRL+D.

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

Помогла ли вам эта статья?

Как в фотошопе на шаблон наложить фото

❶ Как вставить фотографию в шаблон

Вам понадобится

• — программа Photoshop;
• — фотография.

Инструкция

Откройте папку с файлами шаблона и фотографии. Зажмите клавишу Ctrl, выделите мышкой оба файла и той же мышкой переместите иконки в открытое окно программы Photoshop.

В панели инструментов кликните по Move Tool, инструменту, который позволяет перемещать детали изображения. Используя Move Tool, перетащите свою фотографию в окно шаблона. Тот же результат получится, если вы выделите все изображение на своей фотографии командой All, которая находится в меню Select, скопируете его командой Copy из меню Edit, переключитесь на окно с шаблоном, кликнув по нему мышкой, и вставите скопированное изображение командой Paste из меню Edit.

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

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

Для изменения размера примените к выделенным слоям команду Scale, которую можно увидеть в группе Transform меню Edit. Вокруг изображения появится рамка, передвигая угловые маркеры которой, вы можете уменьшить выделенные изображения. Для того чтобы шаблон или фотография уменьшались без искажений, зажмите клавишу Shift. Уменьшив размер картинки, нажмите клавишу Enter.

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

Инструментом Move Tool передвиньте фотографию, чтобы в прозрачной части шаблона оказалась именно та ее часть, которая должна быть видна на итоговом изображении. Может оказаться, что фотографию надо повернуть. Это несложно сделать командой Free Transform из меню Edit. Поместив указатель курсора над любым угловым маркером появившейся рамки, вы заметите, что указатель изменил форму. Зажмите левую кнопку мыши и поверните изображение. Для применения трансформации снова нажмите на клавишу Enter.

Сохраните полученную картинку в файл jpg командой Save As из меню File.

Источники:

• Описание процесса вставки фото в шаблон в 2018

Наложение изображений

Наложить картинку на картинку тремя способами: в онлайн фотошопе

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

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

Лучший способ для новичков

Любому начинающему дизайнеру хочется творить, создавать что-то свое. Это вполне логично и понятно. Именно для реализации своего собственного потенциала люди и подаются в творчество.  Хотя, сказать откровенно, это не совсем верный подход к делу.

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

С дизайном, по-хорошему, все точно также. Первый способ создания своего коллажа идеально подойдет для новичков. Этот онлайн сервис поможет разобраться в структуре изображения, но и оставит небольшой разбег для фантазии. Его преимущество в том, что напортачить довольно сложно. Я говорю сейчас о сайте ru.photofacefun.com.

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

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

Сейчас нас все это не интересует. Заходите на сайт и сразу же переходите в раздел «Инструменты» и находите в перечне коллаж.

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

В разделе Layout (макет, шаблон) вы можете выбрать метод расположения картинок. В зависимости от их количества.

При наведении на любой из квадратов на нем появляется синий крест. Щелкаете и добавляете иллюстрацию из файлов на компьютере.

При помощи настроек Spacing (расстояние) определяете ширину рамки вокруг картинки. Color (цвет) определяет ее оттенок. Для работы с цветом я предлагаю на первых порах пользоваться сервисом Color Scheme. Он поможет подобрать наиболее выгодные сочетания.

Roundness – скругление прямоугольных форм. Поможет сделать объект обтекаемым.

С такой настройкой как Proportions (пропорции) все и так понятно. Оно определяет ширину и высоту изображения.

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

Для усовершенствования помогут схемы сочетаний цвета.

Онлайн Фотошоп – сложный и не очень

Наложить картинку на картинку легко и просто можно в фотошопе (делаем коллаж своими руками). Про работу с программой я уже рассказывал, можете прочитать об этом мои предыдущие статьи в рубрике Веб дизайн и Photoshop. Сегодня просто поработаем в онлайн версии этой программы. Приложение есть и на ru.photofacefun.com, и на официальном сайте Pixlr.com. Обратите внимание, что если вы пользуетесь первым вариантом, нужно зайти в раздел «Редактор» и выбрать именно эту версию. Другие для создания коллажа не подойдут.

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

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

На передний план выставляете картинку, которую будете добавлять на другую. Далее пользуетесь сочетанием клавиш – Ctrl+A выделит изображение, а Ctrl+C скопирует в буфер обмена.

Теперь щелкаете по второй фотографии, на которую хотите добавить рисунок и нажимаете Ctrl+V — вставить.

В моем случае картинка перекрыла нижнюю. О том, что их две свидетельствует только вкладка «Слои».

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

К сожалению, в онлайн версии излюбленное сочетание клавиш Ctrl+T (трансформирование) не работает. Зайдите в раздел «Редактировать» и выберите Free transform.

Можете спокойно работать с размером.

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

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

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

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

Простой вариант — Paint

Если вам просто надо наложить одно фото на другое, то можно воспользоваться и стандартным приложением от windows — paint.net. Мне не очень нравится этот вариант, так как возможностей для работы и редактирования мало. Решение нужно принимать сразу, но зато все произойдет быстро и безболезненно.

Так что, давайте я расскажу и о том, как вставлять картинки в Paint. Открываете меню «Пуск» и во вкладке «Стандартные» находите это приложение. Далее выбираете «Вставить из».

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

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

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

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

Все проще, чем вы думаете. До новых встреч и удачи в ваших начинаниях.

❶ Как накладывать шаблон на фото

Инструкция

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

Откройте шаблон и фотографию в графическом редакторе Аdobe Photoshop. Вам понадобится палитра «Layers». Она откроется, если нажать клавишу F7.Разместите в рабочем пространстве рядом два окна — с фотографией и с рамкой. Сделайте активным окно с рамкой, щелкнув по нему мышкой.

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

Посмотрите, устраивает ли вас результат. Может быть, вы хотите сделать фотографию меньше? Для этого, прежде чем масштабировать фото, нужно превратить фоновый слой (Background) в обычный. Для этого щелкните два раза мышью на названии слоя. Появится диалоговое окно, в которое вы можете ввести новое имя слоя — по умолчанию «Layer 0». Остальные параметры — цвет, которым будет обозначен слой в палитре, режим наложения слоя и прозрачность менять не нужно.

Измените, если нужно, размер фото под рамкой. Выберите в панели инструментов «Move Tool» (Перемещение). Иконка этого инструмента представляет собой маленькую черную стрелку с крестиком рядом. Она первая сверху в панели инструментов. Её также можно вызвать, нажав клавишу «V». Обратите внимание: в панели настройки инструмента, которая находится в верхней части рабочего пространства программы, должна быть выставлена галочка «Show transform controls» (Показать управляющие масштабом).

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

Если результат вас устраивает, сохраните фото под новым именем при помощи пункта меню «File — Save As» в формате jpg.

Обратите внимание

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

базовых слоев Photoshop | Уроки Adobe Photoshop

Узнайте, как использовать слои на панели «Слои», изменять размер содержимого слоя, добавлять изображения в многослойный файл и работать с фоновым слоем в Adobe Photoshop.

Узнайте, что такое слои и почему они так полезны.

Слои — это строительные блоки любого изображения в Photoshop. Итак, важно понимать, что такое слои и зачем их использовать — мы рассмотрим это в этом видео.Если вы следуете инструкциям, откройте это многослойное изображение из загружаемых файлов практики для этого руководства. Вы можете представить слои как отдельные плоские пинты стекла, уложенные друг на друга. Каждый слой содержит отдельные фрагменты контента. Чтобы получить представление о том, как создаются слои, давайте взглянем на эту панель «Слои». Я закрыл остальные панели, чтобы мы могли сосредоточиться на панели «Слои». Но вы можете пропустить это. Кстати: если ваша панель «Слои» не отображается, перейдите в меню «Окно» и выберите оттуда «Слои».Панель «Слои» — это то место, куда вы переходите, чтобы выбирать слои и работать со слоями. На этом изображении 4 слоя, каждый с отдельным содержимым. Если вы щелкните значок глаза слева от слоя, вы можете включить или выключить видимость этого слоя. Итак, я собираюсь отключить видимость слоя портного. И следите за изображением, чтобы вы могли видеть, что находится на этом слое. Я сделаю то же самое для слоя ткани и слоя с узором. Вы можете видеть, что нижний слой, фоновый слой, заполнен белым, потому что это изображение начинается с нового пустого изображения с предустановкой на белом фоне.Давайте снова включим все остальные слои, щелкнув пустое поле слева от каждого слоя, чтобы снова добавить значок глаза. Теперь давайте взглянем только на один слой, слой портного. Быстрый способ отключить все слои, кроме слоя портного, — удерживать клавишу Option на Mac или клавишу ALT на ПК и щелкнуть значок глаза слева от слоя портного. В окне документа вы можете увидеть, что этот слой содержит только одну маленькую фотографию, окруженную серо-белым узором в виде шахматной доски.Этот шаблон представляет собой прозрачные пиксели, которые позволяют нам видеть сквозь соответствующую часть этого слоя содержимое нижележащих слоев. Итак, давайте снова включим этот контент, вернувшись на панель «Слои», снова удерживая клавишу Option на Mac или клавишу ALT на ПК и щелкнув значок глаза слева от слоя портного. И все остальные слои и их значки с глазами снова появятся в поле зрения. Итак, еще раз: вы можете думать о слоях как о стопке пинт стекла, каждый со своим собственным изображением и в некоторых случаях прозрачными областями, которые позволяют вам видеть сквозь слои ниже.Самым большим преимуществом наличия таких элементов на отдельных слоях является то, что вы сможете редактировать части изображения независимо, не затрагивая остальную часть изображения. Следуйте этому примеру, чтобы понять, что я имею в виду. Допустим, вы хотели отредактировать или переместить только маленькую фотографию разрезаемой ткани. Для этого вам нужно выбрать слой, содержащий эту фотографию. Перейдите на панель «Слои» и щелкните слой ткани справа от имени слоя. Теперь, когда слой ткани выбран, любое редактирование, которое вы делаете, повлияет только на этот слой.Например, перейдите на панель «Инструменты» и выберите инструмент «Перемещение», затем щелкните фотографию ткани и перетащите ее — и перемещается только эта фотография, потому что выбран только этот слой. То же относится и к другим видам правок. Например, если вы нарисовали изображение или применили фильтр, как вы сделаете позже в этой серии руководств, эти изменения повлияют только на выбранный слой ткани, а не на остальную часть изображения. Кстати: есть некоторые действия по редактированию, такие как перемещение слоев, которые вы можете делать более чем с одним слоем за раз.И для этого вам нужно выбрать более одного слоя. На панели Layers у нас уже выделен слой ткани. Если нет, щелкните этот слой. Чтобы также выбрать слой портного, удерживайте нажатой клавишу Command на Mac или клавишу Ctrl на ПК и щелкните слой портного. Выбрав оба слоя, вы можете щелкнуть и перетащить любую из этих фотографий, и они переместятся вместе. А теперь бонусный совет: с выбранным инструментом «Перемещение» взгляните на его панель параметров. И вы увидите эту опцию, Auto-Select: Layer отмечен.Если этот параметр отмечен, щелчок в любом месте изображения автоматически выберет верхний слой в этом месте, который содержит контент. Например, посмотрите на панель «Слои», когда я щелкну здесь на фотографии узора, и вы увидите, что слой узора был автоматически выбран для вас на панели «Слои». Иногда это действительно полезно, но иногда это может привести к непреднамеренному выбору слоя, который вы не хотели. Чтобы избежать этого, вы можете снять флажок «Автовыбор: слой» на панели параметров инструмента «Перемещение» и вместо этого выбирать слои вручную, щелкая по ним на панели «Слои», как мы это делали в этом уроке.Итак, резюмируем: возможность работать с выбранными фрагментами контента независимо — это самое большое преимущество использования слоев. О слоях можно узнать гораздо больше, так что следите за обновлениями до конца этого урока.

Что вы узнали: для просмотра и выбора слоев на панели «Слои»

• Слои содержат изображения, текст или объекты, составляющие многоуровневый файл. Они позволяют перемещать, редактировать и работать с содержимым на одном слое, не затрагивая содержимое других слоев.
Слои
• расположены в виде стопки на панели «Слои » , которая обычно расположена в правом нижнем углу рабочей области. Если панель «Слои» не отображается, выберите «Окно »> «Слои».
• На панели «Слои» щелкните значок глаза слева от слоя, чтобы скрыть его содержимое. Щелкните еще раз в том же месте, чтобы открыть содержимое. Это полезный способ напомнить себе, что находится на определенном слое.
• Слой должен быть выбран для внесения в него изменений.На панели «Слои » щелкните один раз справа от имени слоя, чтобы выбрать этот слой. Чтобы добавить больше слоев к вашему выбору, удерживайте Control (Windows) или Command (macOS) при щелчке по другим слоям.

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

Давайте рассмотрим функции, которые вы будете чаще всего использовать при работе со слоями на панели «Слои».Вы можете следовать этому изображению из файлов практики для этого урока или с вашим собственным многослойным изображением. Справа на панели «Слои» порядок, в котором слои располагаются сверху вниз, определяет расположение содержимого в изображении спереди и сзади. Например, на этом изображении слой портного находится над слоем рисунка на панели «Слои». Итак, на изображении фотография портного с мужчиной в красной шляпе находится поверх фотографии выкройки, где эти две фотографии накладываются друг на друга.А что, если вы хотите, чтобы фотография портного находилась позади фотографии выкройки на изображении? В этом случае перейдите на панель «Слои» и выберите фотографию портного, щелкнув по ней. Затем щелкните, удерживайте и перетащите слой портного под слой с узором. Теперь это может быть сложно. Вам нужно подождать, пока вы не увидите двойную линию под слоем узора, а затем убрать палец с мыши или трекпада. И это перемещает слой портного под слой с узором на панели «Слои». И посмотрите, что получилось на картинке: фото портного находится позади фото выкройки.Еще одна вещь, о которой вы, вероятно, задаетесь вопросом, — это как создать новый слой. Допустим, мне нужен новый пустой слой, на который я мог бы добавить пиксели, возможно, нарисовав кистью. Сначала подумайте, где вы хотите добавить слой в порядке наложения слоев, и выберите слой чуть ниже этого. В этом примере я хотел бы добавить новый слой над слоем с узором, потому что я хочу рисовать поверх этого узора. Итак, я перейду на панель «Слои» и выберу слой с узором. А затем я создам свой новый слой, перейдя в нижнюю часть панели «Слои» и щелкнув этот значок с поднятым углом страницы.Это создает новый слой над слоем с узором. Добавление слоя таким образом создает слой на основе пикселей, на котором вы можете делать такие вещи, как добавление цвета. Если вы используете другой инструмент, например инструмент «Текст» или «Фигура», или если вы используете команду «Поместить внедренное» для добавления новой фотографии или другого изображения в композицию — все это мы сделаем позже в этой серии руководств — Photoshop автоматически создаст для вас новый слой. Поэтому не удивляйтесь, если вы увидите дополнительные слои на панели «Слои» при использовании любой из этих функций.Когда вы действительно создаете новый слой, рекомендуется дать ему имя, которое будет иметь для вас значение, чтобы его было легче найти позже. Чтобы переименовать любой слой, дважды щелкните правой кнопкой мыши имя слоя и напечатайте поверх него, чтобы ввести свое имя. Я набираю «рисовать». Затем нажмите Enter или Return на клавиатуре. Теперь давайте применим этот новый слой, добавив к нему немного цвета. Я перейду к панели Swatches. Если панель «Образцы» не открыта, откройте ее из меню «Окно» в верхней части экрана. На панели «Образцы» я собираюсь щелкнуть цвет.Вы можете использовать любой понравившийся цвет. Затем я перейду на панель «Инструменты», где выберу инструмент «Кисть». Я подхожу к панели параметров для инструмента «Кисть» и нажимаю на «Палитру кистей», где у меня есть ползунок «Размер», который я могу перетащить вправо, чтобы изменить размер этой кисти. Затем я перехожу к изображению и начинаю рисовать, и инструмент выбора кистей закрывается, пока я рисую узор. Поскольку краска находится на отдельном слое на панели «Слои», у вас есть много возможностей для редактирования этого образца краски, не затрагивая остальную часть изображения.В качестве всего лишь одного примера вы можете изменить непрозрачность слоя краски. Выбрав слой с краской, я поднимусь к верхней части панели «Слои» и щелкну стрелку справа от «Непрозрачности». А затем перетащу ползунок «Непрозрачность» влево. Следите за образцом краски, пока я это делаю, и вы увидите, что он становится все менее и менее непрозрачным или более прозрачным. Я отключу ползунок «Непрозрачность» в пустой области, чтобы закрыть этот ползунок. Это простой способ смешать содержимое двух слоев вместе. Наконец: что, если вы решите, что вам вообще не нужно содержимое нового слоя? Вы можете удалить этот слой или любой слой, выбрав его, а затем нажав клавишу Delete на клавиатуре Mac или клавишу Backspace на клавиатуре Windows.И не волнуйтесь: вы можете отменить это, нажав Command + Z на Mac или Ctrl + Z на клавиатуре Windows. И вот бонусный совет: есть еще больше команд, связанных со слоями, расположенных в меню панели, к которому вы можете получить доступ, щелкнув этот маленький значок меню в правом верхнем углу панели слоев. Итак, если вы когда-нибудь захотите сделать что-то еще со своими слоями — например, возможно, скопировать слой — загляните в это меню. Вот как можно использовать некоторые из наиболее распространенных функций слоев: изменение порядка наложения слоев, создание нового слоя на основе пикселей, изменение непрозрачности слоя и удаление слоя.

Что вы узнали: Работа со слоями на панели «Слои»

• Перетащите слой вверх или вниз на панели «Слои», чтобы изменить порядок слоев объектов в изображении.
• Щелкните значок Create a New Layer внизу панели слоев, чтобы создать новый слой. Этот слой прозрачен, пока к нему что-нибудь не добавят.
• Чтобы назвать слой, дважды щелкните имя текущего слоя.Введите новое имя для слоя. Нажмите Enter (Windows) или Return (macOS).
• Чтобы изменить непрозрачность слоя, выберите слой на панели «Слои» и перетащите ползунок «Непрозрачность», расположенный в верхней части панели «Слои», чтобы сделать слой более или менее прозрачным.
• Чтобы удалить слой, выберите его на панели «Слои» и нажмите Backspace (Windows) или Delete (macOS).

Изменить размер содержимого выбранных слоев.

Когда вы создаете многослойный дизайн, вам может потребоваться изменить размер содержимого слоя вместо изменения размера всего изображения. Для этого вы воспользуетесь командой Transform. Если вы следуете инструкциям, вы можете использовать это изображение из файлов практики для этого урока или вы можете использовать свое собственное многослойное изображение. Допустим, мы хотим уменьшить это фото швейных инструментов. Первый шаг — перейти на панель «Слои» и выбрать слой, содержащий эту фотографию, то есть слой с фотографиями инструментов.Я нажимаю на этот слой, чтобы выбрать его. Затем перейдите в меню «Правка» и выберите «Свободное преобразование». Это помещает эту границу вокруг всего содержимого выбранного слоя. Таким образом, если бы на одном слое было больше иллюстраций, все они были бы заключены в эту границу, и все они были бы изменены вместе. Обычно вы не хотите искажать изображение при изменении его размера. Чтобы этого избежать, удерживайте нажатой клавишу Shift, чтобы ограничить пропорции при щелчке по любому краю или любому углу, и перетащите, чтобы уменьшить эту фотографию, или растяните, чтобы сделать ее больше.Кстати, можно уменьшить размер слоя, но в большинстве случаев лучше не делать контент на основе пикселей — например, фотографию — намного больше оригинала, иначе он может выглядеть размытым. Последний шаг — принять изменение, внесенное с помощью команды «Преобразовать». Один из способов сделать это — подняться на панель параметров и щелкнуть большую галочку, которая появляется там всякий раз, когда вы используете Free Transform. Вот и все. Еще вы можете изменить размер содержимого более чем одного слоя за раз.Это поможет сэкономить время и поможет изменить размер нескольких изображений на одинаковую величину. Итак, предположим, что мы хотим одновременно уменьшить и фотографию швейных инструментов, и фотографию портного. Они расположены на 2 разных уровнях. Итак, мы должны перейти на панель «Слои» и убедиться, что оба этих слоя выбраны. Слой с фотографиями инструментов уже выбран. Если у вас нет, просто нажмите на этот слой. Чтобы добавить слой с фотографией портного к выделенной области, удерживайте нажатой клавишу Command на Mac или клавишу Ctrl в Windows и щелкните слой с фотографией портного.Затем, как и раньше, перейдите в меню «Правка» и выберите «Свободное преобразование». Удерживая нажатой клавишу Shift, щелкните любой край или любой угол границы, окружающей оба изображения на обоих выбранных слоях. Перетащите внутрь, чтобы уменьшить размер обеих фотографий одновременно. И когда вы закончите, перейдите на панель параметров и нажмите большую галочку, чтобы принять это изменение. Вот как изменить размер слоев с помощью Free Transform. Пожалуйста, не путайте эту технику с изменением размера всего изображения, которое выполняется с помощью команды «Размер изображения» в меню «Изображение», как вы узнали в другом руководстве из этой серии.

Что вы узнали: изменение размера слоев

1. На панели «Слои » выберите один или несколько слоев, содержащих изображения или объекты, размер которых нужно изменить.
2. Выберите Edit> Free Transform . Рамка преобразования появляется вокруг всего содержимого на выбранных слоях. Удерживайте клавишу Shift, чтобы не искажать содержимое, и перетаскивайте углы или края до нужного размера.Перетащите внутрь границы преобразования, чтобы переместить содержимое вокруг изображения. Перетащите за пределы границы преобразования, чтобы повернуть содержимое.
3. Щелкните галочку на панели параметров или нажмите Enter (Windows) или Return (macOS), чтобы подтвердить изменение.

Добавьте в дизайн больше изображений, каждое изображение на отдельном слое.

Из этого видео вы узнаете, как добавить несколько изображений в композицию, которую вы создаете в Photoshop.Как и многие другие вещи в Photoshop, это можно сделать несколькими способами. Мы собираемся использовать метод Place Embedded, который автоматически создает новый слой для каждого добавленного изображения, что дает вам гибкость в изменении размера и положения каждого добавленного изображения по своему усмотрению. Если вы следуете инструкциям, начните с открытия этого изображения из файлов практики для этого урока. Вы можете пока оставить закрытым другой файл практики с таким же названием. Когда мы используем команду «Поместить внедренное», чтобы добавить еще одно изображение в эту композицию, Photoshop автоматически создаст новый слой для добавленного изображения, над любым слоем, выбранным в данный момент.Итак, первый шаг — перейти на панель «Слои» и выбрать слой, над которым вы хотите создать новый слой. Я собираюсь выбрать фоновый слой. Затем перейдите в меню «Файл» и выберите «Поместить встроенный …». Откроется Finder или проводник, где вы перейдете к файлу, который хотите добавить. Если вы используете загружаемые файлы тренировок, перейдите к файлам тренировок на вашем компьютере и выберите этот файл. Затем нажмите кнопку «Поместить» в правом нижнем углу. Добавленная фотография появится в открытом изображении в окне документа.Эта фотография оказывается больше открытого изображения, но вам не о чем беспокоиться. Photoshop автоматически уменьшает добавленную фотографию, чтобы она соответствовала исходному изображению. Прежде чем завершить размещение, вы уменьшите масштаб фотографии и поместите ее в нужное место в композиции. Чтобы пропорционально уменьшить масштаб фотографии, не искажая ее, удерживайте клавишу Shift при перетаскивании из любого угла внутрь. Если вы хотите, чтобы добавленное фото было примерно того же размера, что и одна из других небольших фотографий в этой композиции, используйте одну из этих фотографий в качестве ориентира, чтобы помочь вам определить размер этой.Я уберу палец с мыши или трекпада и отпущу клавишу Shift. Я, удерживая клавишу Shift, подхожу к этому другому углу и перетаскиваю туда, чтобы добавить добавленную фотографию примерно того же размера, что и эта другая маленькая фотография. Затем вы хотите разместить добавленную фотографию в нужном месте композиции. Для этого щелкните внутри границы и перетащите. Эти розовые направляющие могут появиться — они называются умными направляющими — чтобы помочь вам выровнять добавленную фотографию с другими элементами в композиции.Когда вас устраивают размер и размещение добавленной фотографии, завершите размещение, поднявшись на панель параметров и щелкнув там большую галочку. Вот и все. Если позже вы решите переместить добавленную фотографию, вы можете сделать это, просто выбрав ее слой, получив инструмент «Перемещение» на панели «Инструменты» и перетащив добавленную фотографию в другое место в композиции. Или скажем, вы хотите изменить размер добавленной фотографии. Вы тоже можете это сделать. И для этого вы воспользуетесь командой Free Transform, о которой мы узнали в предыдущем видео в этом руководстве.Итак, скажем, я хотел, чтобы это среднее изображение было другого размера, я бы убедился, что его слой выбран на панели «Слои», я бы поднялся в меню «Правка» и выбрал «Свободное преобразование», удерживая клавишу Shift, чтобы ограничить пропорции. и перетащите из любого угла, чтобы изменить размер этой фотографии. Затем нажмите галочку на панели параметров, чтобы подтвердить это изменение. При использовании команды «Поместить внедренное» следует помнить об одном. И это значит, что есть некоторые правки, которые вы не можете вносить непосредственно в получившийся смарт-объект, созданный этой командой.Теперь есть еще много чего узнать об интеллектуальных объектах, но пока давайте просто поговорим о том, что делать, если вы столкнетесь с такой ситуацией. Допустим, я хотел раскрасить добавленную мной фотографию. Я выберу его слой на панели «Слои», перейду на панель «Инструменты» и выберу инструмент «Кисть». Когда я перехожу к изображению и нажимаю для рисования, я получаю сообщение о том, что «Этот объект необходимо растрировать, прежде чем продолжить». Это означает, что если я нажму «ОК», я конвертирую добавленный слой с фотографией в обычный пиксельный слой.И это нормально, поэтому я нажимаю ОК. И это простое решение, которое позволит мне рисовать на добавленной мной фотографии. Итак, теперь, когда вы знаете, как добавлять изображения в композицию, получайте удовольствие, создавая свой собственный уникальный дизайн с несколькими изображениями в Photoshop.

Что вы узнали: как добавлять изображения в дизайн

1. Выберите Файл> Поместить Embedded , перейдите к файлу изображения в проводнике (Windows) или Finder (macOS) и нажмите «Поместить».
2. Удерживайте клавишу Shift, чтобы не искажать изображение, и перетащите углы границы изображения, чтобы изменить размер добавленного изображения.
3. Перетащите курсор внутрь границы, чтобы расположить добавленное изображение в нужном месте.
4. Щелкните галочку на панели параметров, чтобы завершить размещение. Это автоматически создает новый слой, содержащий добавленное изображение.

Узнайте, как работает специальный фоновый слой.

Многие файлы имеют специальный фоновый слой.Давайте посмотрим, что такое фоновый слой и как с ним работать. Если вы следуете инструкциям, используйте этот файл из файлов практики для этого руководства. Давайте посмотрим на панель «Слои», где в нижней части этого стека слоев есть слой с надписью «Фон» с заглавной буквой B и символом замка. Вот как распознать специальный фоновый слой. Содержимое этого фонового слоя — большая фотография на заднем плане изображения в окне документа. Такой фоновый слой имеет особые свойства, отличные от обычного слоя.Например, вы не можете изменить порядок наложения фонового слоя на панели «Слои». Попробуйте переместить его вверх в стопке слоев, выбрав фоновый слой и перетащив его вверх. И вы просто не можете положить его поверх этих других слоев. Вместо этого вы получаете этот символ «ни в коем случае». А когда вы убираете палец с мыши или трекпада, фоновый слой возвращается в нижнюю часть стека слоев. Точно так же вы не можете перетащить другой слой под фоновым слоем на панели «Слои».Попробуйте выбрать другой слой, а затем перетащите его под фоновый слой, и вы получите тот же самый символ «ни в коем случае». Фоновый слой просто должен находиться внизу стека слоев, а его содержимое должно быть позади изображения, позади других элементов изображения. Вернемся к панели «Слои» и снова выберите фоновый слой, чтобы увидеть что-то еще, чего вы не можете сделать с фоновым слоем. И это чтобы переместить его с помощью инструмента «Перемещение». Я перейду и выберу инструмент «Перемещение» на панели «Инструменты».Я нажимаю на эту большую фоновую фотографию и пытаюсь переместить, и я просто получаю сообщение, что инструмент «Перемещение» не может переместить этот слой, потому что слой заблокирован. Я нажму ОК, чтобы отклонить это. Есть еще пара вещей, которые нельзя делать с фоновым слоем. Например, вы не можете изменять непрозрачность слоя и не можете иметь прозрачные пиксели на фоновом слое. Итак, что, если вы хотите сделать что-либо из этого со специальным фоновым слоем? В этом случае вам нужно преобразовать фоновый слой в обычный слой.И это так же просто, как один щелчок. Просто спуститесь к фоновому слою и нажмите на символ замка, и он исчезнет, ​​и этот слой станет обычным слоем под названием Layer 0. И теперь, поскольку это обычный слой, я мог бы делать все то, что я только что упомянул, что вы можете » Не делаю с фоновым слоем. Это всего лишь один пример, я могу переместить этот слой с помощью инструмента «Перемещение». У меня все еще выбран инструмент «Перемещение», я перехожу к изображению и перетаскиваю его вправо, и это действительно перемещает слой 0, и он показывает прозрачность позади него, потому что это самый нижний слой в стеке слоев.Теперь, что, если вы действительно хотите иметь специальный фоновый слой, а у вас его нет в вашем файле. Что ж, вы можете превратить любой слой в специальный фоновый слой, перейдя в меню «Слой» и выбрав «Новый», «Фон из слоя». В данном случае я действительно хочу создать новый слой и сделать его фоновым. Итак, я спущусь в нижнюю часть панели «Слои» и нажму кнопку «Создать новый слой». Это создает новый слой 1, который я перетащу в конец стопки слоев. Слой 1 в настоящее время пуст.Я залью его белым. Для этого я перейду в меню «Правка» и выберу «Заливка» … В открывшемся диалоговом окне «Заливка» я изменю первое раскрывающееся меню на «Белый». И я нажимаю ОК. И теперь у нас есть белый слой внизу стопки слоев. Чтобы превратить его в специальный фоновый слой, я перейду в меню «Слой» и выберу «Новый», «Фон из слоя». И теперь этот слой заблокирован, я не могу его перемещать или делать другие вещи, о которых я упоминал. И это обеспечивает стабильную основу для этой композиции.Итак, фоновые слои заслуживают упоминания, потому что вы столкнетесь с одним из них раньше, чем позже. И теперь вы знаете, что такое фоновый слой, каковы его ограничения и как с ним работать.

Что вы узнали: преобразование фонового слоя в обычный слой

• Поскольку слой Background заблокирован, его нельзя перемещать в окне Document или переставлять на панели Layers , и некоторые функции редактирования на нем не работают.
• Чтобы изменить слой Background на обычный слой, щелкните значок замка справа от имени слоя на панели Layers .

Наложение автомобиля на другое изображение в Photoshop

Предварительный просмотр

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

Учебные ресурсы

• Сток-фото: Дорога впереди (Julia Starr)
• · Сток-фото: Cars and Coffee (Charles Williams) ·
• Сток-фото: Honda S2000 4 (David Resseguie)
• Сток-фото: Bare Tree (Jami Gilstrap)
• Библиотека кистей: Птицы пера (midnightstouch)
• Шрифт: League Gothic (Лига подвижного шрифта)

Шаг 1. Поиск подходящих изображений

Обычно, когда мы начинаем урок, мы просим вас открыть Photoshop или Illustrator, и сразу приступаем к делу.Обычно вы получаете уже отобранные учебные ресурсы, вот и все.

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

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

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

Самой трудоемкой частью создания сцены в этом уроке был поиск изображений для объединения. Есть много разных мест, где можно найти изображения, от бесплатных вариантов, таких как стоковые.xchng, morgueFile и Flickr (обязательно ознакомьтесь с условиями использования изображений на этих сайтах) на сайты платных стоковых фотографий, такие как Thinkstock или pixmac.

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

После долгих поисков в Интернете я нашел свое фоновое изображение на stock.xchng. Мне пришлось спросить разрешения использовать его в этом руководстве в соответствии с инструкциями автора.

Шаг 2. В поисках хорошей машины Фотография

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

Чтобы проверить, соответствуют ли автомобили фону, создайте новый документ (Ctrl / Cmd + N) в Photoshop размером 1200×800 пикселей и перенесите в него фоновое изображение. Отрегулируйте размер изображения с помощью Free Transform (Ctrl / Cmd + T), чтобы оно было немного шире холста.

Привезите первую машину, которую мы хотим опробовать. Я получил эту машину от Чарльза Вильямса через Flickr.Убедитесь, что у вас выделен слой с автомобилем, а затем перейдите в меню «Слой»> «Слой-маска»> «Показать все», чтобы добавить маску слоя.

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

Как видите, эта машина выглядит неплохо, но задние углы немного отклоняются от угла дороги.

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

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

Шаг 3: Вырезание автомобиля

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

Щелкните правой кнопкой мыши путь и выберите Сделать выделение . Мы хотим перенести автомобиль в наш основной документ Photoshop, где находится фон, поэтому просто скопируйте и вставьте выделение автомобиля.

Используйте Edit> Transform> Scale, чтобы уменьшить автомобиль примерно до 97% от его исходного размера, потому что мы хотим убедиться, что масштаб автомобиля совпадает с фоном.

Шаг 4. Исправление отражений на поверхности

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

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

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

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

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

Шаг 5: Подготовка дерева для сцены

Откройте фотографию дерева в Photoshop. Мы хотим вырезать небо из дерева, чтобы мы могли легко использовать его в нашей сцене.

Сначала перейдите в Layer> Duplicate, чтобы продублировать слой дерева. С новым дублированным слоем мы перейдем в Image> Adjustments> Hue / Saturation и снизим насыщенность до -100.

Затем перейдите в Image> Adjustment> Curves и затемните изображение — это затемнит наши ветви, что упростит их вычитание из фона.

Выберите «Выделение»> «Цветовой диапазон». Измените параметр «Нечеткость» на 200 и нажмите «ОК».Это выбирает дерево.

На панели «Слои» щелкните исходный слой дерева и выберите «Слой»> «Создать»> «Слой через копирование», чтобы создать третий слой, состоящий только из дерева.

Затем на новом слое воспользуемся Layer> Matting> Remove White Matte. Это придаст телу более тонкие ветви.

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

Шаг 6. Ретуширование слоя дерева

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

Шаг 7. Создание четких изображений

Фон слишком размытый, поэтому выберите фоновый слой и перейдите в Image> Adjustment> Levels и переместите левый ползунок, чтобы увеличить черную точку слоя.

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

Шаг 8: Добавление теней от автомобилей

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

На новом слое выберите «Фильтр»> «Размытие»> «Размытие по Гауссу», установите Радиус на 12 пикселей, затем нажмите «ОК», чтобы запустить фильтр.

Используйте инструмент «Перемещение» (V), чтобы переместить размытый слой немного вниз и влево, чтобы немного сместить его от машины.

Добавьте маску слоя к размытому слою, выбрав «Слой»> «Добавить маску слоя»> «Показать все». С помощью черной кисти начните маскировать все черные области по внешнему краю, чтобы на этой области не было тени.

Создайте еще одно выделение автомобиля с черной заливкой («Выделение»> «Загрузить выделение» и заполните выделенную область черным цветом). На этот раз мы воспользуемся Filter> Blur> Motion Blur.

Добавьте маску слоя на этот новый размытый слой (Layer> Add Layer Mask> Reveal All) и снова замаскируйте черные области на внешнем крае автомобиля.

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

Шаг 9: затемнение шин

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

Шаг 10: ретуширование лобового стекла

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

Затем создайте новый слой над слоем с автомобилем и используйте кисть с жесткостью 0%, чтобы начать маскировать область лобового стекла. Уменьшите непрозрачность слоя до 80%. Это, по сути, позволяет просвечивать фон нашей сцены.

Шаг 11. Смешивание цветов композиции

Чтобы цвета автомобиля и фона совпадали, мы собираемся добавить корректирующий слой Gradient Map поверх всех слоев. На панели слоев щелкните самый верхний слой, чтобы убедиться, что новый корректирующий слой добавлен в верхнюю часть стека слоев.Затем перейдите в Layer> New Adjustment Layer> Gradient Map. Используйте предустановку градиента Violet, Orange .

Затем уменьшите непрозрачность корректирующего слоя до 15%.

Дублируйте корректирующий слой «Карта градиента», выбрав «Слой»> «Дублировать», а затем измените режим наложения дубликата на Overlay . На панели слоев переместите копию корректирующего слоя Gradient Map ниже исходного корректирующего слоя Gradient Map.

Шаг 12: Добавление стиля заката

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

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

Выберите инструмент «Градиент» (G), установите для него предустановку градиента от переднего плана до прозрачного и выберите параметр «Отраженный градиент » на панели параметров.

Создайте градиент цвета, начиная с линии горизонта фонового изображения и заканчивая верхом переднего колеса.

Измените режим наложения слоя на Soft Light и уменьшите непрозрачность до 20%.

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

Создайте новый слой над слоем с автомобилем и, используя тот же желто-оранжевый цвет переднего плана (# FFAE00), начните закрашивать края и блики автомобиля. После этого уменьшите непрозрачность слоя до 20% и измените режим наложения на Soft Light .

Затем нам нужно избавиться от бликов, которых нет на машине. Сначала щелкните слой с автомобилем на панели слоев, а затем выберите «Выделение»> «Загрузить выделение», чтобы выделить вокруг автомобиля. Щелкните слой с ветровым стеклом и снова выберите Select> Load Selection, и на этот раз убедитесь, что вы выбрали Add to Selection . Перейдите в Select> Inverse, нажмите на оранжевый слой выделения и удалите.

Шаг 13: Добавление текста

Теперь мы можем разместить текст на нашем изображении.

Начнем с заголовка: «УКРУЧИВАЙ ДОРОГУ». с использованием League Gothic красного цвета (# CC3333). Кроме того, поместите снизу слоган черным шрифтом и используйте более мелкий шрифт.

Шаг 14: Создание простого логотипа

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

Сначала используйте инструмент Horizontal Type Tool (T), чтобы создать текст внутри логотипа; Я использовал текст «ИНСТРУКЦИЯ ПО ПРОЕКТИРОВАНИЮ ДВИГАТЕЛЕЙ» с каждым словом в отдельной строке.

Используя инструмент «Эллипс», обведите текст кружком того же красного цвета (# CC3333), который мы использовали в тексте заголовка.

Затем перейдите в Layer> Duplicate Layer, чтобы продублировать круг. Залейте новый круг светло-серым цветом (#CCCCCC).

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

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

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

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

Свяжите два круга вместе, выбрав их оба на панели слоев, щелкнув правой кнопкой мыши один из них и выбрав Link Layers в контекстном меню.

Перейти к свободному преобразованию (Ctrl / Cmd + T). Удерживая Alt, нажмите и перетащите вниз верхний центральный элемент управления преобразованием, чтобы круги стали овалом.

На панели слоев выберите два овала и текст, затем щелкните один из них правой кнопкой мыши и выберите Link Layers в контекстном меню. Затем выберите «Слой»> «Объединить связанные», чтобы мы могли настроить размер логотипа, не изменяя стили слоя.

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

Шаг 15: Добавление птиц в сцену

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

Шаг 16. Повышение резкости изображения

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

На дублированном слое используйте «Фильтр»> «Другой»> «Высокий проход», установите Радиус примерно на 10 пикселей и затем нажмите «ОК», чтобы применить фильтр.

Наконец, измените режим наложения слоя на Soft Light .

Краткое содержание руководства

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

Скачать исходные файлы

Как из Photoshop кого-то превратить в картинку

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

Пошаговое руководство

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

1. Найдите свои изображения

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

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

Совет. Фигуры проще вырезать из фотографий с чистым фоном.

2. Дублируйте фоновый слой

Используйте сочетание клавиш Cmd + J (для Mac) / Ctrl + J (для Windows), чтобы продублировать фоновый слой.

3. Сделайте выбор

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

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

4. Создайте маску слоя

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

5. Уточнить выделение

Нажмите «\». Появится красная маска, чтобы проверить точность краев маски.

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

Не нужно торопиться. Работайте аккуратно и только когда все будет готово нажмите «\» — маска исчезнет.

6. Перенесите маску на новое изображение

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

7. Измените размер извлеченного человека

Размер и положение человека должны соответствовать изображению, к которому вы его добавляете. На этом этапе вам пригодится инструмент Free Transform. Нажмите «Свободное преобразование» в меню «Правка».

Вы также можете использовать комбинацию Cmd / Ctrl + T. Вы увидите рамку снаружи слоя. Перетащите угол поля, чтобы изменить размер объекта. Следите за тем, чтобы пропорции фигуры не искажались. Удерживайте клавишу Shift, чтобы управлять им.Уменьшайте размер, пока фигура не совпадет с картинкой.

8. Создание теней

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

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

9. Отрегулируйте цвета

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

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

Совет: убедитесь, что изменен только необходимый слой. Удерживая Alt / Option, выберите слой.

10. Готово! Наслаждайтесь результатом

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

Бесплатные программы для Photoshop

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

Черно-белое

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

Цвет

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

Фон движения

Этот экшен для PS добавляет к вашим фотографиям разноцветные маленькие огоньки.Он создает особую загадочную атмосферу и выделяет фотографию среди других снимков.

Энн Янг

Привет, я Энн Янг — профессиональный блоггер, прочитайте больше

Поместите графику в файл Photoshop

Часто бывает необходимо импортировать существующую графику и иллюстрации в документ Photoshop.Проблема для фотошопа? Вовсе нет — на самом деле есть несколько способов сделать это!

Внешняя графика может быть размещена в Photoshop как растровые слои или смарт-объекты. И в этом решении, которое было адаптировано из второй главы моей книги Антология Photoshop: 101 совет, приемы и методы веб-дизайна , я покажу вам, как разместить эту графику, а затем мы поговорим о разница между растровыми слоями и смарт-объектами.

Решение

Размещение иллюстраций с веб-страницы

Скопируйте иллюстрацию с веб-страницы, затем выберите «Правка»> «Вставить» или нажмите Ctrl-V (Command-V на Mac), чтобы вставить ее в документ Photoshop.Photoshop создаст новый слой, содержащий иллюстрацию, или поместит его в выбранный пустой слой. Изображение будет на растровом слое.

Размещение иллюстраций из файлов сглаженных изображений

Файл плоского изображения — например, GIF, JPEG или PNG — содержит иллюстрацию на одном слое. Откройте файл в Photoshop и используйте «Выделение»> «Все» или нажмите Ctrl-A (Command-A), чтобы выделить весь документ. Щелкните свой документ Photoshop, затем выберите «Правка»> «Вставить» или нажмите Ctrl-V (Command-V), чтобы вставить его.Photoshop вставит документ в новый или выбранный пустой слой, как это происходит при вставке иллюстраций с веб-страницы. Изображение будет на растровом слое.

Размещение слоев из другого документа Photoshop

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

Размещение иллюстраций из Illustrator

Откройте Illustrator и выберите иллюстрацию, которую хотите экспортировать в Photoshop. Скопируйте иллюстрацию с помощью Ctrl-C (Command-Con на Mac). Переключитесь в Photoshop, пока Illustrator все еще открыт, и вставьте скопированное изображение с помощью Ctrl-V (Command-V). Появится диалоговое окно, в котором вас спросят, хотите ли вы вставить изображение как смарт-объект, пиксели, контур или слой формы.

Размещение произведения искусства как смарт-объекта

Выберите «Файл»> «Поместить» и выберите файл, который нужно импортировать. Нажмите «Поместить», чтобы импортировать файл в документ Photoshop как смарт-объект. Для файлов PDF и Illustrator Photoshop отобразит диалоговое окно, в котором вас попросят выбрать страницы, которые вы хотите разместить. Выберите нужные страницы и нажмите ОК.

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

Обсуждение

Смарт-объекты

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

отличаются от других слоев, поскольку они связаны с исходным файлом (например, файлом Illustrator, JPEG, GIF или другим файлом Photoshop). Если вы внесете изменения в исходный файл, слой смарт-объекта также будет обновлен с этими изменениями.

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

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

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

Растеризация

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

Использовать фотографию как маску слоя в Photoshop: Урок

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

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

Первое, что следует учитывать, это тот факт, что изображения с низкой контрастностью не будут хорошо работать в качестве масок, поскольку они будут преобразованы в оттенки серого при помещении на маску слоя. Убедитесь, что черный цвет на вашем изображении полностью черный, а белый — полностью белый.Мне нравится немного повозиться с этим, выбрав слой, который я хочу использовать в качестве маски, щелкнув «Изображение» вверху, затем наведя курсор на «Корректировки» и выбрав «Уровни». Ctrl / Cmd + L тоже работает. Мне нравится растягивать белый цвет немного вниз, а черный — немного вверх, в зависимости от изображения, до тех пор, пока хороший кусок изображения не станет сплошным черно-белым. Это позволяет лучше маскировать.

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

Примечание. Я использую Photoshop CS5

1. Выберите слой, который вы хотите превратить в маску.

2. Нажмите Ctrl + a (Mac: Cmd + a), чтобы полностью выделить содержимое фотографии.

3. Нажмите Ctrl / Cmd + c, чтобы скопировать это содержимое.

4. Создайте маску слоя на слое, который будет замаскирован, выбрав слой, а затем нажав кнопку «Добавить маску слоя» в нижней части палитры слоев.

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

6. Нажмите Ctrl / Cmd + v, чтобы скопировать изображение в маску. Кроме того, вы можете нажать Ctrl / Cmd + Shift + v, чтобы скопировать изображение на место, сохранив его исходное местоположение в документе.

7. Скройте слой с исходным изображением.

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

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

О Брайане Джонсоне

Брайан Джонсон — разработчик и дизайнер веб-сайтов, живущий в Миннеаполисе, Миннесота, страстно увлекающийся кодом и WordPress. Он тратит свои дни на создание веб-сайтов WordPress для малого бизнеса, разработку нового кода вместе с онлайн-сообществом и живую жизнь.

Как наложить два изображения в Photoshop? — Информация

Adobe Photoshop — лучшее приложение для редактирования и дизайна фотографий. Он предоставляет различные цветовые режимы, альфа-каналы и другие свойства для создания и изменения изображений для веб-страниц. Это приложение используется профессиональными фотографами и графическими дизайнерами и отлично работает как на Mac, так и на Windows. Кроме того, он доступен во многих версиях, таких как 5.5, 6.0, 7.0, CS1, CS2, CS3, CS4, CS5 и CS6.Одним из дополнительных преимуществ использования Photoshop является то, что он позволяет накладывать две фотографии. Большинство пользователей Photoshop не подозревают об этом факте; Если вы один из таких пользователей и беспокоитесь о том, как наложить две фотографии в Photoshop, то вот простые шаги, которые помогут вам легко совместить две фотографии в Photoshop.

Примечание: Многие пользователи Mac также сталкиваются с поврежденными файлами PSD. Если вы один из них и не знаете, как исправить поврежденный файл PSD на Mac, щелкните по указанной ссылке.

Шаги по наложению двух фотографий в Photoshop

• Шаг 1: Сначала откройте Adobe Photoshop, а затем запустите диалоговое окно Открыть изображение (для этого нажмите и удерживайте клавиши Ctrl и O ). Щелкните фотографию, которую вы хотите использовать, и щелкните вторую фотографию, удерживая Ctrl , которую вы хотите открыть. Нажмите кнопку Открыть в правом нижнем углу клавиши окна Открыть .
• Шаг 2: Создайте новый слой для вашего изображения, одновременно нажав клавиши Ctrl и J .В палитре слоев появится новый слой, обозначенный как Layer 1 . Теперь щелкните изображение в верхнем меню навигации и щелкните Применить изображение … в раскрывающемся меню.
• Шаг 3: Теперь перейдите в раскрывающееся меню Source и выберите второе изображение, которое должно быть перекрыто. В раскрывающемся меню Blending щелкните параметр Overlay , чтобы использовать эффект наложения. Вы можете выбрать любые эффекты смешивания, просто прокрутив меню Blending .После этого просмотрите эффекты изображения в рабочем пространстве Photoshop и нажмите OK , чтобы сохранить изменения.

• Шаг 4: Перейдите в Файл из верхнего меню навигации и выберите Сохранить как. .. и введите overlayed_file в поле Filename .
• Шаг 5: Затем просто щелкните раскрывающееся меню Формат и выберите JPEG или любой формат файла, чтобы сохранить файл в более распространенном графическом формате.Нажмите кнопку Сохранить .

ПРИМЕЧАНИЕ: Убедитесь, что оба изображения имеют одинаковый размер

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

Лучший способ исправить поврежденные файлы PSD — это использовать профессиональный инструмент; Программное обеспечение Remo Repair PSD.Интегрированный с эффективным алгоритмом восстановления Remo — это профессионально предлагаемый инструмент для восстановления файлов Photoshop. Загрузите инструмент сейчас.

Часто бывает, что файлы фотошопа недоступны. Это происходит, когда файлы PSD повреждены. Вы можете столкнуться с сообщением об ошибке под названием «Рабочий диск заполнен». Рекомендуется сделать резервную копию файлов PSD во время работы с ними. В случае, если вы получите поврежденный или поврежденный файл PSD, используйте Remo PSD Инструмент для ремонта.

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

Как создать увеличенную вставку в Photoshop • PhotographingSpace.com

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

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

Видеоурок

Начало работы: предварительные требования

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

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

Шаг 1. Откройте изображение

Выберите интересующее вас изображение в Photoshop [PS]. Это откроет изображение и создаст его как слой в палитре слоев справа под названием B ackground .

Шаг 2: переименуйте