Как вставить картинку в картинку в фотошопе – подробное руководство. Как вставить картинку в другое изображение в фотошопе
В этом уроке вы узнаете о том, как вставить картинку в картинку в фотошопе и научитесь этому популярному эффекту всего за несколько минут.
Данные способы позволят вам в дальнейшем создавать сложные и красивые коллажи с вашими фотографиями самостоятельно.
Кроме того, в этой же статье я покажу, как легко можно добавить дополнительных эффектов: тени, обводки, свечения и т.д. Данные эффекты добавят вашему коллажу “картинка в картинке” дополнительной живости и красоты.
Для начала – откройте пустой фотошоп, без создания нового документа. Откройте папку с фотографиями, которые вы будете добавлять в коллаж. Выберите первую фотографию и перетащите ее в окно фотошопа. Она откроется и из нее будет создан слой “Фон”. Первая фотография будет подложкой.
Затем из папки перетащите еще одну фотографию в фотошоп (см. видео если не получается). Вторая фотография будет расположена поверх первой и вокруг нее появится рамочка с угловыми маркерами. Чтобы расположить вторую фотографию в нужном месте – просто зажмите ее левой кнопкой и перетащите. Отпустите.
Изменение размеров и поворот картинок
Вы можете уменьшить второе фото с помощью угловых маркеров. Возьмите за правый-нижний маркер и перетащите его влево-вверх. Зажмите при этом клавишу Shift – это позволит вам менять размеры пропорционально, без искажений. Уменьшите до нужного вам размера. Далее вы можете изменять угол поворота вашей картинки. Для этого подведите указатель снова к правому-нижнему углу. Указатель примет вид угловой двунаправленной стрелки. Зажмите левую кнопку мыши и поворачивайте изображение на нужный угол.
Таким образом вы можете размещать сколько угодно фотографий на вашем коллаже, вставляя картинку в картинку в фотошопе. Вы можете менять порядок изображений, делать их полупрозрачными и так далее, все это было описано в работе со слоями в фотошопе и с помощью трюков, описанных в том уроке вы сделаете свой коллаж еще более привлекательным.
Добавление эффектов для красоты
А мы идем далее. Давайте теперь добавим нашему коллажу немного эффектов и красоты. Для этого кликните 2 раза на слое с фотографией (см.видео). Откроется окно “Стили слоя”. В этом окне мы можем добавлять много новых эффектов. К примеру давайте добавим тень. Поставьте галочку в пункте “Тень” и выделите его, он подсветится синим и справа откроются настройки данного эффекта. Покрутите ползунки “Смещение” и “Размер” – они позволят вам настраивать вам мягкость тени и ее расстояние от фото. После того, как мы вставили картинку в картинку в фотошопе и добавили несколько эффектов и если вам нравится результат, вы можете сохранить итоговое изображение. Но перед этим желательно все слои слить воедино. Если не знаете – читайте как объединить слои в фотошопе в этой статье. После этого – сохраняйте.
Если же вы считаете, что итоговый результат смотрится уныло – добавляйте дополнительные эффекты, такие как “обводка”, “внутреннее свечение”, “внешнее свечение” и т.д. Все эти эффекты находятся там же – в “стилях слоя”. Смотрите видеоурок, если что-то будет непонятно. Там все подробно показано.
**********************************************************************
После того, как вы сделали на одной фотографии тень, обводку, свечение и прочие эффекты и применили их (нажали ОК). Далее кликните на слое с данной фотографией правым щелчком мыши и выберите пункт “Скопировать стиль слоя”. Далее выберите новую фотографию и снова на ней правым щелчком и выберите “вклеить стиль слоя”. Таким образом у вас все эффекты из одной фотографии применяться ко второй фотографии
Так как подавляющее большинство всех случаев работы в Photoshop - обработка уже готовых изображений, для выполнения этой операции предназначена львиная часть инструментов программы.
Фильтры (о них читайте в предыдущем уроке) - это довольно маленькая и весьма простая в использовании их часть. В этой статье мы разберём функции посложнее.
Так как инструментов много, я не буду перечислять весь арсенал редактора, а просто разберу расхожий пример работы - вырезать фрагмент одной картинки и вставить её в другую.
У нас есть море.
Есть чайка.
И мы хотим, чтобы чайка парила над морем.
Приступим.
Подготовка
На этом этапе необходимо открыть исходные картинки и создать документ для их объединения.
1. Сначала откройте файл с изображением моря. Для этого нажмите сочетание клавиш Ctrl+O либо выполните команду Файл -> Открыть, в появившемся окне Проводника найдите файл с морем, щёлкните на нём и нажмите кнопку Открыть.
2. Точно так же откройте файл с чайкой.
3. Создайте новый документ размером 760x475 пикселей. Для этого нажмите сочетание клавиш Ctrl+N либо выполните команду Файл -> Создать, в полях Ширина и Высота задайте указанные значения и нажмите ОК.
4. Теперь в программе Photoshop у нас открыто три документа, перемещаться между которыми можно с помощью вкладок.
Перемещение
Картинки из открытых файлов нужно поместить на разные слои рабочего документа.
1. Перейдите к изображению с морем, щёлкнув на его заголовке.
2. Выделите всё изображение. Для этого либо выполните команду Выделение -> Все главного меню программы, либо просто нажмите сочетание клавиш Ctrl+A . В итоге картинка получит обрамление, означающее, что она выделена.
3. Скопируйте выделенное, нажав комбинацию клавиш Ctrl+C или в главном меню Photoshop выполнив команду Редактирование -> Копировать.
4. Перейдите к рабочему документу, щёлкнув кнопкой мыши на его заголовке.
5. Вставьте скопированный рисунок - или нажмите Ctrl+V , или выберите в главном меню пункт Редактирование -> Вставить.
6. Слой для нового материала программа создала автоматически. Переименуйте его в Море, на панели слоёв щёлкнув название слоя, введя новое имя и нажав Enter .
7. Аналогичным образом скопируйте и вставьте в рабочий документ изображение с чайкой: перейдите к картинке, щёлкнув на её заголовке, выделите всё изображение (Ctrl+A) , скопируйте его (Ctrl+C) , перейдите к рабочему документу и вставьте картинку (Ctrl+V) . Слой также создался автоматически, переименуйте его в Чайка.
В результате наш рабочий документ обзавёлся двумя новыми слоями, на которых размещены исходные изображения.
Трансформация
Подробнее о ней мы поговорим , а пока нам очень нужен лишь один её простой инструмент.
Как вы уже наверняка заметили, рисунок с чайкой по габаритам гораздо больше рисунка с морем. Да и сама чайка для выбранного пейзажа тоже чересчур крупна - она не впишется в масштаб.
Чтобы это исправить, нужно уменьшить всё изображение с чайкой до приемлемых размеров.
Для этого будем использовать инструмент Свободное трансформирование, который позволяет менять форму и размер картинки.
1. С помощью инструмента Перемещение переместите изображение с чайкой так, чтобы птица не оставалась за кадром и её было полностью видно.
3. Выделите слой с чайкой: убедитесь, что он является активным, и нажмите Ctrl+A .
4. В главном меню выполните команду Редактирование -> Свободная трансформация, либо нажмите комбинацию клавиш Ctrl+T .
5. Уменьшите размер картинки до приемлемого, обращая внимание на размер чайки - она должна гармонично вписываться в морской пейзаж. Для уменьшения тяните за появившиеся по углам рисунка прямоугольники. Чтобы размер менялся пропорционально, удерживайте при этом нажатой клавишу Shift .
6. Для завершения преобразования смените инструмент (например, выберите инструмент Перемещение) и в окне с вопросом нажмите кнопку Применить.
Выделение и вырезание
Теперь осталось самое главное - вырезать чайку, чтобы она парила над морем. Правда, фактически мы вырежем не чайку, а всё небо вокруг неё, то есть птица, наоборот, останется, а всё с её картинки будет удалено.
Чтобы вырезать, сначала нужно выделить, и сделать это сложнее всего. Для выделения в Photoshop есть много инструментов: разного рода лассо, Быстрое выделение, Выделение фрагмента и т. д. У каждого есть своя узкая специализация и свои тонкости.
Мы же воспользуемся инструментом Волшебная палочка, который в автоматическом режиме находит области со схожими по цвету пикселями и выделяет их.
1. На палитре инструментов щёлкните значок Волшебная палочка .
2. Обратите внимание на панель параметров.
Число в поле Допуск отвечает за ширину выделяемого цветового спектра. Например, при нулевом значении Волшебная палочка выделит на картинке только те пиксели, которые по цвету идентичны выбранному. Если установлено значение 16, то инструмент выберет пиксели на 8 единиц темнее и на 8 единиц светлее выбранного. В нашем случае (фон хорошо контрастирует с чайкой) значение может быть равным даже 100, лишнего выделено всё равно не будет.
Кнопка делает границы выделенной области более гладкими, она должна быть нажата.
Если нажата кнопка , то программа выделит пиксели только в смежных с выбранной областях, то есть исключит вероятность выделения похожей оттенками области в другой части картинки.
А вот кнопку лучше не нажимать, ведь тогда Волшебная палочка выделит область на всех слоях, а не только на одном.
3. Убедившись, что активен слой с чайкой, выбран инструмент Волшебная палочка, а предыдущие выделения отменены (Выделение -> Отменить выделение). Когда убедились, щёлкните на самой птице кнопкой мыши.
4. Она выделилась. Но нам нужно убрать не её, а всё вокруг, поэтому в главном меню выполните команду Выделение -> Инверсия, чтобы стало выделено всё, окружающее чайку.
5. Теперь просто удалите выделенное, нажав клавишу Delete . Над морем осталась одна чайка.
6. Выполните команду Выделение -> Отменить выделение.
7. Щёлкните на значке инструмента Перемещение и выделите слой с чайкой (Ctrl+A) .
8. Переместите чайку в любое место, если это необходимо или просто есть желание, и снимите выделение.
Сохранение
Осталось самое главное - сохранить результат в файл. Экспортируйте получившуюся картинку в любимый формат с помощью команды Файл -> Экспортировать (подробнее мы уже говорили об этом в самом первом уроке). На случай, если вы вдруг в будущем захотите вернуться к правке картинки, сохраните её в формате.PSD .
Как вставить фото в фото в Фотошопе быстро, несколькими способами.
Хотите узнать как стабильно зарабатывать в Интернете от 500 рублей в день?
Скачайте мою бесплатную книгу
=>>
Один из самых популярных редакторов на сегодняшний день — Фотошоп. Он обладает множеством функций и предоставляет пользователям различные возможности редактирования фотографий.
На моём блоге вы найдёте статьи, посвящённые и аналогичных онлайн сервисов. Сегодня мы подробно рассмотрим, как вставить фото в фото в Фотошопе.
Как вставить фото в фото в Фотошопе быстро и просто
Для того, чтобы вставить фотографию в другую фотографию, вам понадобится сама , которую можно скачать на официальном сайте Адобе. Установите её следуя инструкциям и подсказкам на сайте.
Выбор и загрузка фотографий
Подготовьте фотографии, которые необходимо обработать.
Откройте Фотошоп и загрузите подготовленные фотографии. Для этого нажмите «Файл» — «Открыть», отыщите папку с нужными фотографии и кликните еще раз «Открыть».
Определитесь, какая фотография будет основной. Это должна быть та фотография, в которую будет вставлена другая.
Возможно открыть изображение следующим образом:
- Клик по основной картинке правой кнопкой мыши;
- Из выпадающего окна выбрать строку «Открыть с помощью»;
- Из второго выпадающего окна выбрать программу Фотошоп.
Перенос фотографии
Перенесем одну фотографию в другую самым простым способом. Откройте фотографию, которую необходимо вставить. Для этого удобно использовать панель сверху, с вкладками загруженных фото.
Создайте дубликат фотографии, кликнув правой кнопкой мыши на слой и выбрав «Создать дубликат слоя». Откроется окно «Дубликат слоя». В пункте «Документ» выберите название основной фотографии, кликните «ок». После этого фотография перенесется в основную.
Если вы желаете несколько фотографий вставить в одну, сделайте с ними те же действия.
Есть еще несколько простых способов перенести изображение:
Перейдите к фотографии, которую необходимо скопировать, нажмите клавиши «Ctrl +А» и затем «Ctrl+С». Далее откройте основную фотографию и нажмите «вставить» в разделе «Редактирование» (Ctrl+V).
Загрузите две фотографии так, чтобы обе вам было видно сразу. Перетащите одну фотографию в другую, нажав клавишу V, либо, воспользовавшись инструментом «Перемещение».
Самый простой способ:
В принципе на этом можно закончить соединение двух изображений в одно, однако есть ещё некоторые нюансы, которые мы рассмотрим ниже.
Обработка
Вставить одну фотографию в другую недостаточно. Нужно перейти к обработке вставленной фотографии, чтобы она выглядела естественно и сочеталась с основной.
Открыв основную фотографию, вы увидите, что вставленное изображение смотрится нелепо и не соответствует нужному размеру.
Поэтому перейдите к масштабированию размера вставленной фотографии и перемещению ее в нужное место. Для этого выберите слой со вставленной фотографией, нажмите одновременно клавиши — Ctrl + T.
Это сочетание клавиш позволит установить нужный вам масштаб изображения.
Теперь перейдите к перемещению. Кликните в панели инструментов значок «Перемещение» и поместите изображение в предназначенное место.
Если просто переместить изображение — вид у фотографии будет неестественным. Потребуется добавить различные эффекты, такие как тень, оттенок, размытие.
Отредактировав фотографию, не забудьте ее сохранить. Обязательно правильно укажите формат сохраняемого изображения — jpg.
Итог
Переместить одну фотографию в другую достаточно просто, конечно, я имею в виду тех пользователей, которые хоть немного знаком с инструментами в программе. Эти знания пригодятся вам для дальнейшего освоения Фотошопа.
Однако, если вы совсем не владеете программой Фотошоп, и даже названия инструментов вас приводят в ступор, то можно заказать выполнение работ опытному специалисту, например мне).
Или же воспользоваться бесплатными курсами по , которых достаточно много на просторах Интернета и на моём блоге. Так как рассказать о всех функциях и инструментах программы Фотошоп в одной статье — не реально.
P.S. Прикладываю скриншот моих заработков в партнёрских программах. И напоминаю, что так зарабатывать может каждый, даже новичок! Главное — правильно это делать, а значит, научиться у тех, кто уже зарабатывает, то есть, у профессионалов Интернет бизнеса.
Здравствуйте, уважаемые читатели блога сайт. Сегодняшняя статья будет посвящена подготовке в программе Фотошоп () графических файлов для их публикации на сайте. У меня чаще всего , а затем прошедшие обработку (в основном в ).
Эта же публикация необычна тем, что основную ее часть написала моя горячо любимая и ненаглядная супруга, которая, собственно, и занимается подготовкой фоток для моего и своего проекта.
Сам я в Photoshop и даже в его упрощенной онлайн версии не силен (довольствуюсь возможностями и встроенного в него редактора), поэтому мне пришлось обратиться к любимой супруге с просьбой описать процесс подготовки моих фоток со всеми нюансами и тонкостями.
Создание изображения для сайта в Photoshop
В открывшемся окне, слева, будут отображены два варианта нашего созданного рисунка: вверху исходный вариант, а под ним то, что выйдет у нас в итоге при оптимизации для Web. Изменяя настройки сохранения, по нижнему варианту мы сможем добиться ухудшения качества результирующей картинки.
Здесь вы можете экспериментировать с форматами, в котором будет сохраняться графика для сайта (статью о них см. выше), качество или количество используемых в итоговом изображении цветов. Наша задача состоит в том, чтобы добиться минимального веса при минимальном ухудшения качества картинки. В общем, найти золотую середину.
Как вставить созданную картинку на сайт
Ну, вот изображение, оптимизированное для Web, мы создали при помощи редактора Фотошоп или его бесплатного онлайн аналога Pixlr. Теперь эту картинку нужно каким-либо образом вставить на сайт. Обычно для этих целей используют визуальные редакторы того движка, с которым вы работаете.
В этом случае графический файл загружается на сайт с помощью инструментов визуального редактора. Довольно удобно и просто. Но вот я, почему-то, всегда предпочитал другой способ вставки. Сначала подключаюсь к сайту по FTP c помощью моего любимого FTP клиента FileZilla, подробно описанного .
Загружаю графический файл на сайт в отведенную для этого папку, а затем вставляю в текст статьи уже заготовленный штамп с тегом Img и уже прописанными заготовками для атрибутов, а так же для его последующего позиционирования или же любого другого оформления.
10.png" />
Для класса img_center1 в моем стилевой файле (из папки с текущей темой оформления Вордпресс) прописано следующее правило:
Лично я пишу статьи в WordPress, используя только HTML редактор, в котором для удобства добавил кнопки, позволяющие быстро вставлять в текст штампы:
Таким образом можно очень быстро вставить фото на блог. Дополнительные кнопки в Html редактор можно добавить с помощью плагина Post Editor Buttons . Как нибудь опишу подробно работу с ним, а пока вы можете сами пробовать разобраться, тем более, что там ничего сложного нет.
Удачи вам! До скорых встреч на страницах блога сайт
посмотреть еще ролики можно перейдя на");">
Вам может быть интересно
Где можно бесплатно скачать Фотошоп - как получить и бесплатно активировать программу PhotoShop CS2 с официального сайта Adobe
Как получить быстрый сайт - оптимизация (сжатие) изображений и скриптов, а так же уменьшение числа Http запросов
Создание CSS спрайтов в онлайн генераторе Sprites Me для снижения числа запросов к серверу
Как сделать скриншот экрана с помощью Print Screen и в программе для снятия скринов Snagit, ее настройки и возможности
Иногда даже случайное совмещение в каком-нибудь графическом редакторе двух изображений, одно из которых, например, полупрозрачно, может привести к настолько неожиданным результатам, что даже самый невероятный плод богатого воображения покажется наивной детской фантазией. Если же изображения комбинировать осмысленно, можно создать массу интересных, красивых, забавных или просто полезных вещей, например заменить фон на фотографии, вставить новый объект или персонаж, совместить то, что в природе несовместимо, создать красочный фотомонтаж или фантастический коллаж, над кем-то пошутить, что-то подделать или приделать куда-нибудь и многое, многое другое.
Почему "Фотошоп"?
Всю эту "кучу" заманчивых возможностей можно в той или иной степени реализовать во многих графических редакторах, но наиболее простой, быстрой и эффективной представляется программа "Фотошоп", которая, обладая огромным арсеналом инструментов для всевозможных манипуляций с изображениями, включая глубокие преобразования их качественных параметров, позволит воплотить в жизнь любую прихоть творческой фантазии. Именно поэтому речь пойдет о том, как в "Фотошопе" вставить картинку в картинку.
Существует множество программ, в том числе и онлайн-сервисов, в которых можно за пару минут и несколько кликов или сделать фотомонтаж вполне приемлемого качества. Однако, несмотря на подкупающую простоту, оперативность и подчас не очень ограниченные возможности для творчества - это все-таки "ширпотреб", а вот возможности "Фотошопа" в этом смысле не ограничены. Конечно, бывает трудно прервать полет творческой мысли, но рано или поздно придется "приземлиться", потому что, прежде чем приступить к созданию любой фотоманипуляции, желательно иметь ясное представление о том, как будет или должна выглядеть будущая картина, если это не просто фотография, вставленная в рамку на другом изображении.
В зависимости от качественных характеристик и сюжетных образов исходных изображений, а также конечной цели наложение картинок в "Фотошопе" может выполняться различными способами и средствами, но все они в большинстве случаев включают обрезку изображений, выделение и вырезание фрагментов, масштабирование, трансформирование и общую коррекцию. Техническая часть создания обычного фотомонтажа в программе при условии заранее подготовленных компонентов не вызывает особых затруднений даже у начинающих пользователей, едва знакомых с ее интерфейсом.
Способы вставки изображений
Вставка картинки в "Фотошопе" гораздо проще, чем наклейка "живых" фотографий на основу композиции будущего фотомонтажа. Для этого можно использовать команду "Поместить" в меню "Файл" или, есликартинка уже загружена в программу, перенести ее из родного окна в целевое окно Делают это следующим образом: включив инструмент "Перемещение" (самый верхний на картинку захватывают левой кнопкой мыши и тащат вверх к имени файла целевого окна, открывая его таким образом. Затем, опустив объект в новое окно, кнопку отпускают, и картинка вставляется, "по-хозяйски" располагаясь на новом слое. Можно, конечно, использовать и традиционный, педантичный метод, выделив (Ctrl+A) и скопировав (Ctrl+C) изображение, а затем вставив его (Ctrl+C) в новом окне.
Часто возникает вопрос о том, как в "Фотошопе" вставить картинку в картинку с возможностью выбора из большого количества изображений для сравнения при создании различных комбинаций. Если изображений много, можно зайти в меню "Окно" и, кликнув по строке "Упорядочить", открыть все окна сразу, выбрав один из вариантов их расположения.
При таком наглядном раскладе можно просто перетаскивать мышкой объекты фотомонтажа из окна в окно или со всех окон в целевое окно основы композиции.
Выделение и вырезание фрагментов изображений
Все перечисленные способы указывают, как в "Фотошопе" вставить картинку в картинку, если речь идет только о простых фотоманипуляциях, выполняемых в технике фотомонтажа, где изображения используются целиком, но для более сложных комбинаций, например коллажей, схема обработки изображений несколько усложняется необходимостью выделения и вырезания объектов, изменения размеров, иногда трансформации и коррекции. Кроме того, нужно, конечно, уметь гармонично вписывать объекты в фоновую основу композиции. При создании коллажей чаще используются конкретные объекты или фрагменты изображений-компонентов, из которых создается художественная композиция, поэтому необходимо хорошо владеть приемами выделения и вырезания в "Фотошопе".
Инструмент "Перо"
В зависимости от характера вырезаемого объекта можно использовать любой из стандартных инструментов выделения, но когда требуется особая точность, конечно, незаменим инструмент "Перо". Контур объекта обводят, затем, щелкнув по нему правой кнопкой мыши, выбирают команду "Образовать выделенную область" и перетаскивают выделенный фрагмент в нужное окно.
Можно перенести изображение целиком, затем добавить слой-маску и, выбрав черный цвет, стереть кистью лишнее. При этом обычно временно уменьшают непрозрачность верхнего слоя, чтобы лучше контролировать точность размещения и гармоничность совмещения объекта с фоном. Жесткость кисти устанавливают в зависимости от требований к точности и степени выраженности границ компонентов коллажа.
"Быстрая маска"
Для выделения объектов часто используют инструмент "Быстрая маска", позволяющий буквально нарисовать (закрасить) на изображении полупрозрачным красным цветом область выделения, которая, по сути, является черно-белым изображением. Там, где маска красная, ничего не выделено, а прозрачные участки соответствуют полному выделению.
Таким образом, рисование на маске черным цветом расширяет область выделения, а рисование белым исключает участки из выделения. Частичное выделение можно получить, рисуя маску различными оттенками серого цвета или меняя непрозрачность кисти. Повторный щелчок по кнопке быстрой маски на панели инструментов переводит в стандартный режим редактирования, в котором маска исчезает и появляется выделение в форме нарисованной маски. Теперь остается удалить лишнее (Delete), и вырезанный фрагмент - в вашем распоряжении.
Совмещение изображений
Владея самыми общими принципами работы нетрудно понять, как в "Фотошопе" вставить картинку в картинку, но для того, чтобы красиво "приладить" изображения друг к другу, нужно научиться делать незаметные, плавные переходы между ними и фоновой основой композиций. Они обеспечиваются степенью растушевки контуров при выделении фрагментов, а также непрозрачностью и жесткостью кистей в режимах быстрой и обычной масок. Кроме того, можно использовать частичное выделение и градиентные заливки (от черного к белому или наоборот) на масках, позволяющие эффектно растворять границы между изображениями.
Гармоничность слияния картинок в коллажах зависит и от корректности выбора режимов наложения слоев. Наиболее часто используют режимы смешивания "Мягкий свет" и "Перекрытие" в совокупности с непрозрачностью, а в режиме "Яркость" можно совместить несовместимое, взяв изображения с абсолютно разными цветами.