Совет 1: Как вставить один рисунок в другой

При работе с картинками или фотографиями операция наложения одного изображения на другое используется чаще, чем любая другая. Удобнее всего делать это с помощью специализированных программ - графических редакторов. Сама процедура совмещения картинок сложности не представляет, но в зависимости от используемого приложения последовательность действий может различаться.
Инструкция
1
Воспользуйтесь, например, стандартным графическим редактором Paint, входящим в состав программных средств Windows. Запустите приложение, нажмите сочетание клавиш Ctrl + O, найдите и откройте ту картинку, которая в результате должна оказаться на заднем плане.
2
Раскройте в меню Paint выпадающий список с надписью «Вставить» и выберите строку «Вставить из» - графический редактор вновь запустит диалог загрузки файла. С его помощью отыщите и откройте вторую картинку - Paint поместит ее поверх первой. У вас будет возможность отрегулировать положение и размеры этой картинки - делайте это, перемещая узловые точки, размещенные на контуре вставленного изображения. Эта операция возможна только непосредственно после вставки, позже вернуть рамку с узловыми точками будет нельзя.
3
Сохраните совмещенную картинку, нажав сочетание клавиш Сtrl + S.
4
Если у вас есть возможность использовать графический редактор Adobe Photoshop, это значительно расширит диапазон параметров совмещения двух изображений. Запустив это приложение, откройте фоновую картинку тем же способом, который используется в редакторе Paint - диалог открытия файла и здесь вызывается сочетанием клавиш Ctrl + O.
5
Откройте таким же способом и вторую картинку. Затем поместите ее на отдельный слой поверх фоновой картинки. Если у вас открыты обе картинки в отдельных окнах, то просто перетащите мышкой строку из панели слоев в другое окно. Можно сделать это и иначе - выделите все изображение (Ctrl + A), скопируйте выделенное (Ctrl + C), перейдите в другое окно и вставьте скопированное (Ctrl + V). Новый слой для вставленного изображения в обоих случаях будет создан редактором автоматически.
6
Отрегулируйте положение и размеры вставленной картинки - нажмите сочетание клавиш Ctrl + T, а затем действуйте так же, как и в редакторе Paint. Если перемещать узловые точки при нажатой клавише Ctrl, то размеры вставленной картинки будут изменяться пропорционально, без искажения соотношения ширины и высоты.
7
Установите параметры наложения картинки переднего плана на фоновое изображение. Регулировать ее прозрачность можно с помощью ползунка, появляющегося при раскрытии выпадающего списка «Непрозрачность» в панели слоев. Левее этого элемента управления помещен другой список, в котором можно выбрать один из более чем двух десятков способов наложения изображений.

Совет 2: Как на сайте вставить рисунок в рисунок

Возможности языка разметки страниц - HTML - и каскадных таблиц стилей - CSS - позволяют поместить одно изображение в другое многими способами. Разумеется, это требует некоторых навыков верстки веб-страниц, а выбирать конкретный способ нужно исходя из уже существующего кода. Однако в некоторых случаях можно обойтись и без редактирования исходного кода.
Инструкция
1
Существует способ поместить одно изображение в другое без каких-либо изменений в страницах сайта. Для этого достаточно отредактировать хранящуюся на сервере фоновую картинку - с помощью любого графического редактора поместить на нее изображение переднего плана. Если этот способ вам подходит, начните с определения места хранения и названия файла с фоновой картинкой. Это можно сделать, найдя ее в исходном коде страницы или открыв в отдельной вкладке и посмотрев полный путь в адресной строке браузера.
2
С использованием файл-менеджера системы управления сайтом или ФТП-клиента скачайте нужный файл в компьютер и откройте в любом графическом редакторе - например, в устанавливаемом вместе с ОС Windows приложении Paint.
3
Поместите поверх фона картинку переднего плана - в Paint для этого надо из выпадающего списка «Вставить» на вкладке «Главная» выбрать пункт «Вставить из» и в открывшемся диалоге найти нужный файл. Затем отрегулируйте положение вставленного изображения на существующем фоне (потаскайте его мышкой) и сохраните результат (Ctrl + S).
4
Загрузите обратно отредактированную картинку, перезаписав старую. На этом процедура будет завершена.
5
Описанный способ неудобен в том случае, когда вставляемые картинки требуется время от времени менять. Тогда используйте возможности языка HTML - например, сделайте картинку заднего плана фоном того элемента страницы, в который будет помещено изображение переднего плана. Таким элементом-контейнером может служить, скажем, слой (div). Сделать большую из картинок его фоном нужно с использованием описания стилей - атрибута style тега div. Пустой контейнер в HTML-коде может выглядеть так:

<div style="background: url(http://kakprosto.ru/bg.jpg)"></div>

В скобках укажите адрес и название файла фонового изображения на вашем сайте.
6
Составьте тег изображения переднего плана (img), задав в нем с помощью того же атрибута style величины отступов от краев контейнера с фоном. Например:

<img src="http://kakprosto.ru/pic.jpg" width="200" height="100" style="padding: 50px 60px 70px 80px " />

Здесь атрибуты width и height задают размеры изображения, а четыре числа после padding указывают отступы от краев контейнера в пикселах, начиная с верхнего (50) и далее по часовой стрелке (60 - справа, 70 - снизу, 80 - слева).
7
Поместите тег img в контейнер:

<div style="background: url(http://kakprosto.ru/bg.jpg)">
<img src="http://kakprosto.ru/pic.jpg" width="200" height="100" style="padding: 50 60 70 80" />
</div>
8
Добавьте созданные строки в исходный код страницы, а затем, изменяя отступы, отрегулируйте положение вставленной картинки на фоне изображения заднего плана.
Обратите внимание
Можно применить несколько способов, чтобы вставить картинку на сайт. Рассмотрим эти способы. 1. Меню админпанели Медиафайлы=>Добавить новый; 2. Непосредственно в Записи=>редактор админпанели блога WordPress (режим Визуально); наведите курсор на нужное место в тексте  Затем она заменяется изображением. Если загрузка изображений в браузере отключена, атрибут alt дает текстовую информацию о рисунке.
Полезный совет
Как вставить изображение на сайт? Изображения в вашей web странице могут быть условно двух типов «для вида» или «для дела».  Если вставлять рисунок из какой-либо другой папки, то это нужно указывать, например: < img src="risunki/kartinka.gif" width="100" height="100" border="0" alt="альтернативный текст"> - команда для вставки картинки с именем kartinka.gif, которая находится в папке risunki, с размерами вставки 100 на 100 (ширина и высота).

Совет 3: Как вставить картинку в слой

Для того чтобы совместить в одном изображении фрагменты нескольких исходных картинок, нужно вставить часть изображения на новый слой в обрабатываемом файле. В программе Photoshop эту операцию можно выполнить довольно просто и быстро.
Вам понадобится
  • - программа Photoshop;
  • - фоновое изображение;
  • - картинка для вставки на новый слой.
Инструкция
1
Откройте в графическом редакторе файлы, с которыми собираетесь работать при помощи команды Open («Открыть») меню File («Файл»). Выделите оба файла при зажатой клавише Ctrl и нажмите на кнопку «Открыть».
2
Выделите картинку, которую вам нужно вставить на новый слой. Для этого щелкните левой кнопкой мыши по окну, в котором открыто это изображение и выделите его при помощи горячих клавиш Ctrl+A. Если вам привычнее работать через меню, используйте команду All («Все») из меню Select («Выделение»).
3
Скопируйте выделенное изображение при помощи комбинации клавиш Ctrl+C. Можете воспользоваться командой Copy («Копировать») из меню Edit («Редактирование»).
4
Перейдите к картинке, поверх которой вы вставляете новый слой. Для этого левой кнопкой мыши щелкните по окну, в котором открыто фоновое изображение. Вставьте скопированную картинку сочетанием клавиш Ctrl+V или командой Paste («Вставить») из меню Edit («Редактирование»).
5
При необходимости отредактируйте вставленное изображение так, чтобы оно сочеталось с фоном по цвету и размеру. Для этого измените размер изображения при помощи команды Scale («Размер») из группы Transform («Трансформировать») меню Edit («Редактирование»).Подгоните цвет наложенного изображения при помощи команды Hue/Saturation («Оттенок/Насыщенность») из группы Adjustment («Коррекция») меню Image («Изображение»).
6
Уберите ненужные части изображения, вставленного на новый слой, если это необходимо. Существует много способов это сделать, но безопаснее всего выполнять эту операцию при помощи маски слоя. Для того чтобы создать маску, щелкните по кнопке Add layer mask («Добавить маску слоя»). Ее можно увидеть в самой нижней части палитры слоев. Рядом с пиктограммой слоя появится прямоугольник, изображающий маску. При помощи инструмента Brush Tool («Кисть») из палитры инструментов отредактируйте маску. Для этого сделайте черный цветом переднего плана, щелкните по прямоугольнику маски и закрасьте части изображения, которые вы хотите скрыть, при помощи кисти.
7
Сохраните картинку командой Save As («Сохранить как») меню File («Файл»). При сохранении укажите новое имя файла, не совпадающее с именем исходного изображения.
Видео по теме
Источники:
  • Работа со слоями в Photoshop
Поиск
Совет полезен?
Добавить комментарий к статье
Осталось символов: 500
к
Honor 6X Premium
новая премиальная версия
узнать больше