Если вы хотите сделать новый аватар для своего аккаунта в социальной сети или вставить картинку в картинку для коллажа из фото, то вы можете воспользоваться одной из популярных программ для обработки изображений или онлайн-сервисом в Интернете. Онлайн-сервисы - это специальные ресурсы, позволяющие прямо в браузере вставлять одно изображение в другое и выполнять другие операции с картинками и фото.
Сервисы, позволяющие вставить фото в картинку
На таких сайтах можно сделать билборд со своей фотографией, вставить фото в рамку или в предложенные шаблоны. Для этого нужно только загрузить нужное фото, указав к нему путь на вашем компьютере. Далее выбрать изображение, на которое вы хотите наложить своё фото, немного настроить и всё - коллаж готов. Вот пара таких сервисов:
- avazun.ru - на сайте представлено множество рамок и фоновых изображений на различные тематики, отдельный раздел для создания аватарки для Вконтакте;
- effectfree.ru - разнообразные варианты с билбордами и рамками, отдельные разделы посвящены созданию обложек для DVD и календарей с вашей фотографией.
Графические онлайн редакторы
На этих сервисах имеются практически все основные инструменты программ-редакторов изображений. Кроме того, премуществом онлайн редакторов перед оффлан редакторами является то, что работать со своими изображениями вы можете с любого компьютера. А в большинстве случаев ещё и есть возможность сохранить свою работу на сервере. Вот как можно совместить две картинки на примере графического редактора ресурса pixlr.com:
Используем Paint
Но, если у вас нет доступа в интернет, для вставки картинки в другую картинку можно воспользоваться графическими редакторами, устанавливаемыми на компьютер. Рассмотрим как это можно сделать на примере Paint. Этот редактор уже установлен на компьютере, он является стандартным для Windows.
- Запускаем Paint, в панели меню нажимаем Файл -> Открыть и выбираем ту картинку, которая послужит фоном.
- Кликаем правой кнопкой мыши и в выпадающем меню выбираем пункт Вставить из файла... (либо Правка -> Вставить из файла...). В открывшемся окне ищем вторую картинку, которая будет располагаться поверх фоновой.
- Сразу после вставки регулируем положение и размер верхней картинки, потянув за угол или сторону изображения.
Если ещё остались вопросы, то посмотрите подробное видео:
Используем Adobe Photoshop
Ещё один из наиболее известных графических редакторов - Adobe Photoshop. Функционал его значительно шире, чем у Paint. Вставка картинки в Фотошопе чуть сложнее, чем в Paint, но разобраться в этом вам поможет видеоурок:
Существует несколько способов как в фотошопе вставить картинку в другое изображение . В этой статье я очень подробно опишу их все.
Предварительная подготовка
Для начала нужно открыть в фотошопе основное изображение, в которое требуется вставить другое. Это очень просто, если даже тут есть затруднение, то как это нужно делать.
Затем аналогичным образом откройте вторую картинку.
Таким образом, открыли два изображения в программе. Они должны находиться на разных . Задача перенести одно из них в другое. То есть в своем примере, я хочу поместить логотип сериала к портрету персонажа, чтобы получилось так:
Способ №1: перетаскивание картинки из вкладки
Чаще всего я пользуюсь именно этим способом. Он заключается в обыкновенном перетаскивании картинки из одной вкладки в другую.
По умолчанию фотошоп показывает панель с вкладками в одну строку:
Нам же нужно сделать так, чтобы все изображения было видно. Для этого потяните вкладку с логотипом вниз:
- наведите курсор мыши на вкладку с логотипом;
- нажмите левой клавишей мыши и, не отпуская ее, двигаете мышь вниз;
- Вы увидите, что вкладка примет форму окна, как окно у ОС Windows, — значит можно отпустить клавишу мыши.
В результате поверх основной картинки должно красоваться окно с другой картинкой, вот так:
Вы можете перемещать это окно в любое место в пределах программы. Для этого наведите курсор мыши на верхнюю часть окна, содержащую наименование данной картинки и с зажатой клавишей мыши перемещайте окно в любом направлении.
Вы также можете смело изменить размер этого окна, если оно слишком большое или маленькое. Для этого наведите курсор мыши на нижний правый угол. Когда он примет форму двухсторонней стрелочки потяните этот уголок в сторону. Окно будет изменяться вслед за движением вашей руки.
Теперь нужно соединить два изображения!
Картинка появилась совсем не в том размере, что хотелось бы. Нужно ее подкорректировать. Для этого потяните за концы черной рамочки в сторону уменьшения или увеличения. Когда закончите, нажмите на кнопку в виде галочки, расположенную на .
Чтобы картинка изменялась в пропорциональных размерах, удерживайте нажатой клавишу Shift .
Чтобы вновь вызвать редактируемую рамочку, нажмите Ctrl+T .
Способ №4: перетаскивание фото из папки OC Windows
Логично было бы говорить об этом способе после первого, когда вы учились перетаскивать картинку из вкладки. По большому счету, действия похожи, а вот результат отличается. Результат будет в точности такой же, как если бы использовали команду «Поместить» , то есть в итоге мы добавляем картинку .
Этот способ подходит если картинка, которую нужно вставить у вас сохранена где-то на компьютере.
Откройте папку с картинкой и разместите окно поудобней.
После этого изображение будет добавлено как смарт-объект, то есть повторится то, о чем я .
Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter . Спасибо!
Для начала выделим ту область, в которую необходимо вставить другое изображение.
Во-первых, открываем изображение-акцептор и создаём в нём выделенную область, в которой будет размещено второе изображение. Выбор используемых инструментов, конечно, будет зависеть от формы области, которую вы должны выделить. В моём случае выделение будет иметь простую четырёхугольную форму, так что я буду использовать инструмент "Прямолинейное Лассо" (Polygonal Lasso Tool), который по умолчанию расположен за стандартным лассо в панели инструментов:
Делается выделение примерно так:
Откройте второе изображение. т.е. то, которое Вы хотите вставить, и нажмите Ctrl+A для его полного выделения. Вокруг всего изображения появится рамка "марширующие муравьи":
Теперь нажмите Ctrl+C для его копирования в буфер обмена.
Вставляем второе изображение в выделенную область
Сейчас нам не подойдёт стандартная комбинация Ctrl+V, она же Paste, т.к. нам нужно не просто вставить изображение, а вставить в заданную выделенную область. Мы пойдём другим путём.
Для вставки изображения в область в Photoshop CS6 имеется специальная команда "Вставить в" (Paste Into), открывается она через вкладку главного меню Редактирование --> Специальная вставка (Edit --> PasteSpecial):
Кроме того, запустить эту команду можно с помощью комбинации горячих клавиш Alt+Shift+Ctrl+V.
Примечание. В Photoshop CS5 и ниже команда "Вставить в" расположена сразу в меню "Редактирование", без промежуточных подпунктов, и имеет комбинацию горячих клавиш Shift+Ctrl+V
После применения команды "Вставить в" происходят три вещи:
- Photoshop добавляет новый слой выше фонового слоя в панель слоёв
- он размещает второе изображение на новом слое
- и он использует выделение для создания маски слоя, которая скроет все области вставленного изображения, выходящие за рамки выделенной области, оставляя видимыми только участки в границах выделения
Давайте посмотрим на панель слоёв , чтобы понять, что у нас получилось. Мы видим, что у меня теперь имеются два слоя - фоновый слой внизу, содержащий изображение телевизора, и новый слой "Слой 1", расположенный над ним, который содержит спортивное изображение. Мы также видим миниатюру слой-маски, отображающую созданную слой-маску . нам маску слоя, которая была создана. Белая область в центре миниатюры - это область выделения, т.е экран телевизора, а черная область вокруг белой - это то, что в выделение не входило:
И вот как выглядит теперь само изображение:
Заметьте, Photoshop даже создал перспективу для перенесённой картинки! Кстати, это относится только к версии CS6, ранние версии перспективу бы не создали, но, всё-таки давайте немного усилим эффект перспективы, для этого воспользуемся инструментом "Свободная трансформация", зажмём клавиши Shift+Ctrl+Alt и опустим вниз левый верхний угол. Т.к. клавиши зажаты, противоположный угол изображения будет двигаться в противоположную сторону:
По завершению трансформации нажмите Enter. Вот что получилось в итоге:
Ну и завершающий эффект, добавление к маске стиля слоя "Внутренняя тень" (Inner Shadow) для придания объёма изображению. Параметры стиля слоя Вы можете посмотреть в готовом файле PSD, выполненным по материалам этого урока, скачать который можно по ссылкам внизу страницы.
Вот что у нас получилось в итоге:
Вам понадобится
- 1. Графический редактор Фотошоп (любой версии)
- 2. Файл с изображением, которое нужно вставить на слой
- 3. Файл, в который нужно вставить изображение
Инструкция
Открыть документ, в который нужно вставить изображение и файл, содержащий изображение , которое мы будем вставлять на новый слой . Выбираем меню File (Файл), пункт Open (Открыть). Можно использовать сочетание клавиш Ctrl+O. Такие сочетания называются «горячие клавиши», они очень полезны для быстрой работы в Фотошопе.
В открытом файле выделить часть изображения, которую нужно вставить на новый слой в нашем документе. Если нужно вставить все изображение , выбираем меню Select (Выделение), пункт All (Все). Можно использовать сочетание клавиш Ctrl+A. В случае, если нам нужно вставить на слой в нашем документе только часть изображения, в панели «Инструменты» (по умолчанию располагается в левой части окна) выбираем инструмент Rectangular Marquee Tool (Прямоугольное выделение). Зажав левую кнопку мыши, выделяем часть изображения, которую нужно вставить на слой .
Скопировать выделенное изображение . Выбираем меню Edit (Редактирование), пункт Copy (Копировать). Можно использовать сочетание клавиш Ctrl+C.
Вставить скопированное изображение
. Для этого идем в меню Edit (Редактирование), пункт Past (Вставить) или используем сочетание клавиш Ctrl+V.
В документе, с которым мы работаем, автоматически создается новый слой
, на который и изображение
.
Не забываем сохранить результат. В Фотошопе нет функции , и лучше сохранить проделанную работу, чтобы не пришлось все заново. Для того, чтобы сохранить наш файл выбираем меню File (Файл), пункт Save (Сохранить) или используем сочетание клавиш Ctrl+S.
Полезный совет
Слой, на который вставляется скопированное в Фотошопе изображение, автоматически создается над активным слоем. Если документ уже содержит больше одного слоя, активизируйте слой, выше которого должно находиться скопированное изображение. Для этого нужно поместить указатель курсора на нужный слой в палитре Layers/Слои и щелкнуть левой кнопкой мыши. Палитра Layers/Слои по умолчанию находится в правом нижнем углу окна.
Источники:
- Операции со слоями в Фотошопе
- как в меню вставить картинку
Программа Adobe Photoshop, являющаяся мощнейшим графическим редактором, позволяет в процессе работы создавать слои. Слой - отдельный пласт, помогающий не испортить изображение, а редактировать его постепенно, чтобы впоследствии можно было внести изменения. Умение создавать слои - первейший навык для работы в Photoshop.
Инструкция
Откройте графический редактор и создайте новый документ. Для этого нажмите вкладку File (Файл) и в ней New (Новый) либо нажмите сочетание Ctrl+N. Задайте изображению точные размеры, если это необходимо, нажмите Enter. Чтобы открыть уже существующий документ, нажмите Ctrl+Щ. Включите панель слоев клавишей F7, если в рабочей области Photoshop нет палитры слоев.
Создайте слой с помощью вкладки Layer (Слои). Нажмите надпись New (Новый) в этой вкладке и затем Layer (Слой ). В открывшемся диалоговом окошке дайте слою название в поле Name (Имя), измените непрозрачность (Opacity) или режим наложения (Mode). Если надо выделить какой-либо слой, определите его цвет в поле Color (Цвет). Нажмите ОK. Слой появится в палитре слоев.
Нажмите на стрелочку/стрелочку с полосками в окне работы со слоями. Стрелка/стрелка с полосками находится в правом верхнем углу. В открывшемся меню выберите New Layer (Новый слой). В палитре слоев нажмите на вторую справа кнопку, слева от маленького изображения мусорной корзины. Кнопка выглядит как лист бумаги с загнутым уголком.
В данном случае диалоговое окно не появится, но слой создастся и будет иметь настройки по умолчанию. Фон слоя будет прозрачным, а режим наложения будет установлен на Normal (Обычный). Чтобы переименовать слой, дважды кликните на Layer 1 (Слой 1). Впечатайте новое название.
Чтобы создать пустой слой без наполнения, нажмите сочетание клавиш Shift+Ctrl+N,. Выберите в диалоговом окне необходимые параметры и нажмите ОK.
Чтобы вставить копию слоя (например, фона), кликните на слой правой кнопкой мыши и нажмите Duplicate Layer (Дублировать слой). В поле Destination (Назначение) вы можете выбрать файл, открытый в Photoshop, в который вы хотите вставить слой. Нажмите ОK.
Чтобы вставить слой из одного документа на другой, расположите окна с документами рядом. Кликните на слой одного документа, чтобы активировать его. Не отпускайте левую кнопку мыши. Перетащите на второй документ и отрегулируйте положение слоя.
Источники:
- Слои и работа с ними в фотошопе в 2019
Html – популярный язык разметки, который до сих пор с успехом используется для создания сайтов. Его средствами можно загрузить на страницу музыку, видеофайл или обычную фотографию.
В этом уроке вы узнаете о том, как вставить картинку в картинку в фотошопе и научитесь этому популярному эффекту всего за несколько минут.
Данные способы позволят вам в дальнейшем создавать сложные и красивые коллажи с вашими фотографиями самостоятельно.
Кроме того, в этой же статье я покажу, как легко можно добавить дополнительных эффектов: тени, обводки, свечения и т.д. Данные эффекты добавят вашему коллажу “картинка в картинке” дополнительной живости и красоты.
Для начала – откройте пустой фотошоп, без создания нового документа. Откройте папку с фотографиями, которые вы будете добавлять в коллаж. Выберите первую фотографию и перетащите ее в окно фотошопа. Она откроется и из нее будет создан слой “Фон”. Первая фотография будет подложкой.
Затем из папки перетащите еще одну фотографию в фотошоп (см. видео если не получается). Вторая фотография будет расположена поверх первой и вокруг нее появится рамочка с угловыми маркерами. Чтобы расположить вторую фотографию в нужном месте – просто зажмите ее левой кнопкой и перетащите. Отпустите.
Изменение размеров и поворот картинок
Вы можете уменьшить второе фото с помощью угловых маркеров. Возьмите за правый-нижний маркер и перетащите его влево-вверх. Зажмите при этом клавишу Shift – это позволит вам менять размеры пропорционально, без искажений. Уменьшите до нужного вам размера. Далее вы можете изменять угол поворота вашей картинки. Для этого подведите указатель снова к правому-нижнему углу. Указатель примет вид угловой двунаправленной стрелки. Зажмите левую кнопку мыши и поворачивайте изображение на нужный угол.
Таким образом вы можете размещать сколько угодно фотографий на вашем коллаже, вставляя картинку в картинку в фотошопе. Вы можете менять порядок изображений, делать их полупрозрачными и так далее, все это было описано в работе со слоями в фотошопе и с помощью трюков, описанных в том уроке вы сделаете свой коллаж еще более привлекательным.
Добавление эффектов для красоты
А мы идем далее. Давайте теперь добавим нашему коллажу немного эффектов и красоты. Для этого кликните 2 раза на слое с фотографией (см.видео). Откроется окно “Стили слоя”. В этом окне мы можем добавлять много новых эффектов. К примеру давайте добавим тень. Поставьте галочку в пункте “Тень” и выделите его, он подсветится синим и справа откроются настройки данного эффекта. Покрутите ползунки “Смещение” и “Размер” – они позволят вам настраивать вам мягкость тени и ее расстояние от фото. После того, как мы вставили картинку в картинку в фотошопе и добавили несколько эффектов и если вам нравится результат, вы можете сохранить итоговое изображение. Но перед этим желательно все слои слить воедино. Если не знаете – читайте как объединить слои в фотошопе в этой статье. После этого – сохраняйте.
Если же вы считаете, что итоговый результат смотрится уныло – добавляйте дополнительные эффекты, такие как “обводка”, “внутреннее свечение”, “внешнее свечение” и т.д. Все эти эффекты находятся там же – в “стилях слоя”. Смотрите видеоурок, если что-то будет непонятно. Там все подробно показано.
**********************************************************************
После того, как вы сделали на одной фотографии тень, обводку, свечение и прочие эффекты и применили их (нажали ОК). Далее кликните на слое с данной фотографией правым щелчком мыши и выберите пункт “Скопировать стиль слоя”. Далее выберите новую фотографию и снова на ней правым щелчком и выберите “вклеить стиль слоя”. Таким образом у вас все эффекты из одной фотографии применяться ко второй фотографии
