Для начала выделим ту область, в которую необходимо вставить другое изображение.
Во-первых, открываем изображение-акцептор и создаём в нём выделенную область, в которой будет размещено второе изображение. Выбор используемых инструментов, конечно, будет зависеть от формы области, которую вы должны выделить. В моём случае выделение будет иметь простую четырёхугольную форму, так что я буду использовать инструмент "Прямолинейное Лассо" (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. Перейти в меню «Файл – Открыть» . После этого действия откроется такое же окно Проводника для поиска файла. Точно такой же результат принесет нажатие комбинации клавиш CRTL+O на клавиатуре.
3. Кликнуть правой кнопкой мыши по файлу и в контекстном меню Проводника найти пункт «Открыть с помощью» . В выпадающем списке выбрать Фотошоп.
Перетаскивание
Самый простой способ, но имеющий пару нюансов.
Перетаскивая изображение в пустую рабочую область мы получаем результат, как при простом открытии.
Если перетащить файл на уже открытый документ, то открываемая картинка добавится в рабочую область в виде смарт-объекта и подгонится по размеру холста, если холст меньше картинки. В том случае, если картинка меньше холста, то размеры останутся прежними.
Еще один нюанс. Если разрешение (количество пикселей на дюйм) открытого документа и помещаемого отличается, например, картинка в рабочей области имеет 72 dpi, а изображение, которое мы открываем – 300 dpi, то размеры, при одинаковой ширине и высоте, не совпадут. Картинка с 300 dpi окажется меньше.
Для того чтобы поместить изображение не на открытый документ, а открыть его в новой вкладке, необходимо перетаскивать его в область вкладок (см. скриншот).
Помещение из буфера обмена
Многие пользователи используют в своей работе скриншоты, но не многие знают, что нажатие клавиши Print Screen автоматически помещает снимок экрана в буфер обмена.
Программы (не все) для создания скриншотов умеют делать то же самое (автоматически, либо по нажатию кнопки).
Картинки на сайтах также поддаются копированию.
Фотошоп успешно работает с буфером обмена. Достаточно создать новый документ нажатием сочетания клавиш CTRL+N и откроется диалоговое окно с уже подставленными размерами картинки.
Нажимаем «ОК» . После создания документа необходимо вставить картинку из буфера, нажав CTRL+V .
Поместить изображение из буфера обмена можно и на уже открытый документ. Для этого нажимаем на открытом документе сочетание клавиш CTRL+V . Размеры при этом остаются оригинальными.
Интересно, что если скопировать файл с изображением из папки проводника (через контекстное меню или сочетанием CTRL+C ), то ничего не получится.
Выберите свой, наиболее удобный для Вас, способ вставки изображения в Фотошоп и пользуйтесь им. Это значительно ускорит работу.
Здравствуйте, уважаемые читатели блога сайт. Сегодняшняя статья будет посвящена подготовке в программе Фотошоп () графических файлов для их публикации на сайте. У меня чаще всего , а затем прошедшие обработку (в основном в ).
Эта же публикация необычна тем, что основную ее часть написала моя горячо любимая и ненаглядная супруга, которая, собственно, и занимается подготовкой фоток для моего и своего проекта.
Сам я в 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, ее настройки и возможности
Если вы хотите сделать новый аватар для своего аккаунта в социальной сети или вставить картинку в картинку для коллажа из фото, то вы можете воспользоваться одной из популярных программ для обработки изображений или онлайн-сервисом в Интернете. Онлайн-сервисы - это специальные ресурсы, позволяющие прямо в браузере вставлять одно изображение в другое и выполнять другие операции с картинками и фото.
Сервисы, позволяющие вставить фото в картинку
На таких сайтах можно сделать билборд со своей фотографией, вставить фото в рамку или в предложенные шаблоны. Для этого нужно только загрузить нужное фото, указав к нему путь на вашем компьютере. Далее выбрать изображение, на которое вы хотите наложить своё фото, немного настроить и всё - коллаж готов. Вот пара таких сервисов:
- avazun.ru - на сайте представлено множество рамок и фоновых изображений на различные тематики, отдельный раздел для создания аватарки для Вконтакте;
- effectfree.ru - разнообразные варианты с билбордами и рамками, отдельные разделы посвящены созданию обложек для DVD и календарей с вашей фотографией.
Графические онлайн редакторы
На этих сервисах имеются практически все основные инструменты программ-редакторов изображений. Кроме того, премуществом онлайн редакторов перед оффлан редакторами является то, что работать со своими изображениями вы можете с любого компьютера. А в большинстве случаев ещё и есть возможность сохранить свою работу на сервере. Вот как можно совместить две картинки на примере графического редактора ресурса pixlr.com:
Используем Paint
Но, если у вас нет доступа в интернет, для вставки картинки в другую картинку можно воспользоваться графическими редакторами, устанавливаемыми на компьютер. Рассмотрим как это можно сделать на примере Paint. Этот редактор уже установлен на компьютере, он является стандартным для Windows.
- Запускаем Paint, в панели меню нажимаем Файл -> Открыть и выбираем ту картинку, которая послужит фоном.
- Кликаем правой кнопкой мыши и в выпадающем меню выбираем пункт Вставить из файла... (либо Правка -> Вставить из файла...). В открывшемся окне ищем вторую картинку, которая будет располагаться поверх фоновой.
- Сразу после вставки регулируем положение и размер верхней картинки, потянув за угол или сторону изображения.
Если ещё остались вопросы, то посмотрите подробное видео:
Используем Adobe Photoshop
Ещё один из наиболее известных графических редакторов - Adobe Photoshop. Функционал его значительно шире, чем у Paint. Вставка картинки в Фотошопе чуть сложнее, чем в Paint, но разобраться в этом вам поможет видеоурок:
Как вставить картинку в картинку в фотошопе
В этом уроке вы узнаете о том, как вставить картинку в картинку в фотошопе и научитесь этому популярному эффекту всего за несколько минут.
Данные способы позволят вам в дальнейшем создавать сложные и красивые коллажи с вашими фотографиями самостоятельно.
Кроме того, в этой же статье я покажу, как легко можно добавить дополнительных эффектов: тени, обводки, свечения и т.д. Данные эффекты добавят вашему коллажу “картинка в картинке” дополнительной живости и красоты.
Для начала – откройте пустой фотошоп, без создания нового документа. Откройте папку с фотографиями, которые вы будете добавлять в коллаж. Выберите первую фотографию и перетащите ее в окно фотошопа. Она откроется и из нее будет создан слой “Фон”. Первая фотография будет подложкой.
Затем из папки перетащите еще одну фотографию в фотошоп (см. видео если не получается). Вторая фотография будет расположена поверх первой и вокруг нее появится рамочка с угловыми маркерами. Чтобы расположить вторую фотографию в нужном месте – просто зажмите ее левой кнопкой и перетащите. Отпустите.
Изменение размеров и поворот картинок
Вы можете уменьшить второе фото с помощью угловых маркеров. Возьмите за правый-нижний маркер и перетащите его влево-вверх. Зажмите при этом клавишу Shift – это позволит вам менять размеры пропорционально, без искажений. Уменьшите до нужного вам размера. Далее вы можете изменять угол поворота вашей картинки. Для этого подведите указатель снова к правому-нижнему углу. Указатель примет вид угловой двунаправленной стрелки. Зажмите левую кнопку мыши и поворачивайте изображение на нужный угол.
Таким образом вы можете размещать сколько угодно фотографий на вашем коллаже, вставляя картинку в картинку в фотошопе. Вы можете менять порядок изображений, делать их полупрозрачными и так далее, все это было описано в работе со слоями в фотошопе и с помощью трюков, описанных в том уроке вы сделаете свой коллаж еще более привлекательным.
Добавление эффектов для красоты
А мы идем далее. Давайте теперь добавим нашему коллажу немного эффектов и красоты. Для этого кликните 2 раза на слое с фотографией (см.видео). Откроется окно “Стили слоя”. В этом окне мы можем добавлять много новых эффектов. К примеру давайте добавим тень. Поставьте галочку в пункте “Тень” и выделите его, он подсветится синим и справа откроются настройки данного эффекта. Покрутите ползунки “Смещение” и “Размер” – они позволят вам настраивать вам мягкость тени и ее расстояние от фото. После того, как мы вставили картинку в картинку в фотошопе и добавили несколько эффектов и если вам нравится результат, вы можете сохранить итоговое изображение. Но перед этим желательно все слои слить воедино. Если не знаете – читайте как объединить слои в фотошопе в этой статье. После этого – сохраняйте.
Если же вы считаете, что итоговый результат смотрится уныло – добавляйте дополнительные эффекты, такие как “обводка”, “внутреннее свечение”, “внешнее свечение” и т.д. Все эти эффекты находятся там же – в “стилях слоя”. Смотрите видеоурок, если что-то будет непонятно. Там все подробно показано.
**********************************************************************
После того, как вы сделали на одной фотографии тень, обводку, свечение и прочие эффекты и применили их (нажали ОК). Далее кликните на слое с данной фотографией правым щелчком мыши и выберите пункт “Скопировать стиль слоя”. Далее выберите новую фотографию и снова на ней правым щелчком и выберите “вклеить стиль слоя”. Таким образом у вас все эффекты из одной фотографии применяться ко второй фотографии
