Графика компьютерная Мастер-класс Photoshop выделение по контуру и составление коллажей. Фотошоп выделение контура


Уроки фотошоп. Тема 2. Выделение в Adobe Photoshop. Часть 5. Выделение с помощью контуров или путей (Path).

О программе Adobe Photoshop

Adobe Photoshop – один из наиболее популярных пакетов для обработки растровой графики. Несмотря на высокую цену, программой пользуются до 80% профессиональных дизайнеров, фотографов, художников компьютерной графики. Благодаря огромным функциональным возможностям и простоте использования Adobe Photoshop занимает доминирующее положение на рынке графических редакторов.

Тема 2.5 Выделение объектов. Использование контуров или путей (Path).

Четыре первые статьи на тему «выделение объектов» были посвящены явным способам выделения части изображения. Данный урок курса фотошоп посвящён контурам или путям. Автор даёт двойное название, поскольку в английской версии программы используется термин Path – путь. В русской локализации – Контур.

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

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

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

Где это применяется?

В практике любого дизайнера случаются работы, когда сразу не решишь, стоит использовать фрагмент фотографии или весь кадр. Или, когда необходимо совместить вырезанный фрагмент с прямоугольником, подчеркнуть динамику, сделать «выбегающий» макет. Прямое выделение не удобно. Вы или делаете два отдельных снимка и пытаетесь их совместить. Или работаете со слоями. Если вся работа ограничивается Adobe Photoshop, хватит обычного выделения. А если предполагается вёрстка в «сторонней программе» - увы. В таких случаях пути являются одним из немногих вариантов. Кроме того, очертить путь зачастую получается быстрее, чем выделять относительно сложный контур.

Немного теории

Пути в Adobe Photoshop (или контуры фотошопа) представляют собой Кривые Безье. Не будем утомлять читателя математическими выкладками, описывающими алгоритм построения. Более правильным будет дать следующее определение. Пусть не совсем точное, но отражающее прикладную суть.

Итак, путь или контур в Adobe Photoshop – непрерывная кривая, образованная одной или несколькими кривыми Безье (линия, вписанная в выпуклую оболочку из произвольных точек, называемых «опорными»). Если проще – то точка кривой имеет 2 касательные (векторы). И результаты умножения размера каждого из них на углы прилегания к кривой должны быть равны.

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

Желающие получить точное определение могут обратиться к соответствующему разделу Википедии или учебнику Математического анализа за второй курс мехмата.

Практическая часть

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

Рисунок 1: Пример области применения выделений через путь

 

Подобные примеры – частые. Например, мужчина в деловом костюме на тёмном фоне з отделение изображения одного человека из толпы.

Для этих целей используется путь. Он создаётся с помощью инструмента «Перо». 

Создание пути

Есть несколько правил создания пути, пригодного для дальнейшего выделения:

  • Контур (путь) должен быть замкнут. То есть образовывать область.
  • Контур желательно проводить по внутренней поверхности выделяемого объекта (как можно ближе к краю, но внутри) – так избегаем появления муара постороннего цвета при образовании выделения.

Рисунок 2: Группа инструментов "перо"

 

Оговорив условия, перейдём к рисованию контура. Он создаётся инструментом «Перо» либо «Свободное перо» в панели инструментов. Для создания контура «Свободным пером» необходимо:

  • Выбрать инструмент.
  • Нажать левую клавишу мыши. Удерживая её в таком положении, очертить контур аналогично выделению «Лассо».
  • Подведя указатель мыши к начальной точке (указатель изменится – появится значок «О» возле края пера), отпустить левую клавишу мыши.

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

Способ создания контура «Пером». Он несколько отличается от первого. Основное отличие – вы щелчком мыши ставите опорные точки. А траектория очерчивается автоматически. Для создания контура этим способом:

  • Выберите инструмент «Перо».
  • Нажмите левую клавишу мыши и, не отпуская её, отведите мышку в сторону. Возле точки появятся 2 вектора-указателя.
  • Выберите место второй точки и поставьте её аналогично п.2. В результате имеем две точки и три вектора, кроме крайнего, доступных для коррекции.
  • Можно скорректировать угол изгиба кривой. Для этого необходимо зажать клавишу CTRL, навести указатель мыши на край одного из векторов. Нажав левую клавишу, изменить его наклон или величину. В результате изменится и кривая.
  • Завершаем выделение, подведя указатель мыши к первой точке пути и нажав левую клавишу.

Рисунок 3: Опорные точки и направляющие

 

 

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

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

 

 

 

Проверить полученный контур можно на палитре «Контуры». Для её подключения в меню «Окно» выберите пункт «Контуры» (window-path). Правильно очерченный контур внутри содержит «белую» область. Это значит, что путь замкнут. Если такого не видно – удалите контур (щелчок на пиктограмме правой клавишей мыши и выбор «Удалить») и начертите его заново.

Рисунок 3: "черновой" путь в Фотошоп. Перед коррекцией

Коррекция контуров

Именно возможности коррекции делают контуры таким удобным инструментом.

Для исправления контуров:

  • Перейдите на вкладку «Контуры» (Path) и щелчком мыши выделите нужный контур.
  • Вернитесь на вкладку «Слои».
  • На панели инструментов выберите инструмент «Добавить точку».
  • Наведите мышью на контур и щёлкните левой клавишей. Все точки и кривые стали доступными для редактирования (появились направляющие, точки).
  • Для коррекции линии изгиба – работайте с векторами-направляющими (как описано в алгоритме создания контура).
  • Чтобы переместить точку, наведите на неё курсор мыши и, нажав левую клавишу, перетяните в нужное место. Путь изменится автоматически.
  • Чтобы добавить точку – щёлкните на пути. Точка добавляется с направляющими.
  • Чтобы удалить точку – выберите инструмент «Удалить точку», наведите и щёлкните левой клавишей мыши.

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

Обратное преобразование аналогично: тот же инструмент, нажатие на точке – направляющие исчезают.

Маленькие хитрости

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

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

Рисунок 5: Коррекция путей в Фотошоп

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

Совет: не оставляйте прямых линий. В природе прямые – редкость. Соответственно выделение «многоугольника» смотрится очень не естественно.

Сохранение, преобразование контура в выделение и наоборот

Мы создали рабочий контур. Чтобы он был доступен постоянно и сохранялся как часть файла, ему необходимо дать имя. Для этого достаточно дважды щёлкнуть на пиктограмме контура и в окне имени ввести «то_что_вам_нравится».

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

  • Выделите контур.
  • Наведите указатель мыши на пиктограмму контура и нажмите правой клавишей.
  • В выпадающем меню выберите пункт «Образовать выделенную область».
  • В возникшем меню задайте радиус растушёвки (даже минимальный – он избавит от посторонней подсветки), выберите «Новое выделение» и нажмите ОК.
  • Перейдите на вкладку «Слои» и нажмите левой клавишей мыши на пиктограмме нужного слоя. 
  • Выделение части изображения на данном слое готово.

Что с ним делать – описано в предыдущих уроках.

 Рисунок 6: выделение из контура (пути) в Фотошоп

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

  1. В режиме выделения (с выбранным инструментом выделения) переставьте курсор мыши в центр выделенной области
  2. Нажмите правой клавишей и в выпадающем меню выберите «Образовать рабочий контур»
  3. Перейдите на вкладку контуры, задайте имя.
  4. Далее можете трансформировать или дорабатывать контур, используя описанные в уроке методы.

После нескольких манипуляций можно получить, например, такое изображение:

 Пример результата

 

И, наконец, сохранять контуры очень просто. Они записываются как часть большинства графических файлов. В том числе и JPG. Просто выберите «Файл» - «Сохранить». И, в случае вопроса «Сохранять контуры?», отвечайте «Да».

cadelta.ru

Photoshop: выделение по контуру и составление коллажей

 В избранных: 288В избранных: 288

Поделиться:

Photoshop: выделение по контуру и составление коллажей

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

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

Волшебная палочка фотошопа

Один из самых быстрых способов вырезать по контуру — это выделить все ненужное и удалить. Взгляните на нашу иллюстрацию. Фотограф очевидно последовал совету, изложенному в наших советах по фотосъемке поделок, и позаботился о простом однотонном фоне при фотографировании — подложил изогнутый лист белой бумаги. Это облегчит нам работу на данном этапе, ведь однородный по цвету фон можно легко выделить с помощью инструмента Magic Wand (волшебная палочка). Найдите его в палитре инструментов. Выглядит он так:

Взяв в руки волшебную палочку, не торопитесь сразу же использовать её магические способности. Сначала убедитесь, что она у вас правильно настроена. Любой мастер фотошопа знает, что нет ничего хуже, чем неправильно настроенная волшебная палочка. :)

Самая важная настройка волшебной палочки это её чувствительность к изменениям цвета. Значение параметра Tolerance (допуск) в нашем случае не больше 30. Если выбрать большее значение, то при применении инструмента к фону будет выделяться не только фон, но и части васиного наряда (он у него местами близок к фону по цвету). Если же взять Tolerance меньше 30, то нам придется много раз «взмахивать» волшебной палочкой, объясняя фотошопу: «и это, и это тоже фон».

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

Вы сразу же увидите сделанную область выделения в виде «бегающих муравьев».

Как вы можете видеть выделилась довольно существенная часть фона, сам Вася остался незатронутым. Давайте продолжим применять этот прием, но только теперь будем держать клавишу Shift нажатой. Зачем? А затем, чтобы новые выделенные области прибавлялись к уже выделенным, а не заменяли их. 

Обратите внимание: при нажатой клавише Shift, волшебную палочку сопровождает маленький знак «+». Он показывает, что все новые выделения будут добавляться к уже сделанным раннее.

Продолжайте в том же духе. Не забудьте выделить области внутри контура. В нашем примере: между локтями и туловищем Васи. Если вы случайно ошиблись и выделили лишнее — не беда, нажмите Ctrl-Z — это команда Undo (отмена последнего действия).

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

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

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

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

Область выделения не всегда изображается «бегущими муравьями». Можно включить/отключить показ «муравьев» с помощью клавиш Ctrl-H. Это бывает полезно, если вы уже выделили все, что нужно, и приступили к работе с выделенным. В этом случае муравьи могут отвлекать внимание и их лучше отключить.

Не забудьте по окончании работы с выделенной областью вновь включить показ «бегущих муравьев» нажав Сtrl-H еще раз.

Теперь можно просто нажать клавишу Delete. При этом вся выделенная область закрасится цветом фона выбранным в фотошопе в палитре инструментов как цвет фона.

Нажав мышкой на квадрат основного или фонового цвета можно поменять эти цвета в специальном окне фотошопа.

Или нажмите Alt-Delete — это закрасит выделенную область основным (рабочим) цветом.

Или можно поработать ластиком по выделенной области, стерев весь фон, но оставив основные тени.

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

Ластик

Инструмент ластик (Eraser tool) в палитре инструментов выглядит так:

Ластик закрашивает области цветом фона, выбранным в фотошопе в палитре инструментов.

Интенсивность закрашивания (или стирания) определяется параметром Opacity (0 — ничего не стирается, 100 — стирается все).

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

Параметр Master Diameter определяет размер ластика в пикселях.

Параметр Hardness задает жесткость ластика (0% — мягкие края, 100% жесткие).

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

Еще можно изменять размер ластика и жесткость «на лету» с клавиатуры. Для этого используются следующие клавиши:

[ (левая квадратная скобка) — уменьшить размер.

] (правая квадратная скобка) — увеличить размер.

Shift-[ — уменьшает жесткость.

Shift-] — увеличивает жесткость.

 

 

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

Выделение с помощью лассо

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

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

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

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

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

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

Поделки из бумаги хороши тем, что их контур напоминает ломанную линию, поэтому давайте теперь попробуем использовать многоугольное лассо (Polygonal Lasso Tool). В палитре инструментов оно выглядит так: Если у вас в палитре инструментов установлен другой вид лассо, его нужно поменять, нажав на него левой кнопкой мыши и удерживая кнопку нажатой 1 сек — появится меню:

Из этого меню выберите мышкой

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

Перемещать область обзора в окне фотошопа можно не прерывая процесса выделения. Для этого нажмите клавишу Пробел (курсор измениться на руку ), нажмите левую кнопку мыши и, не отпуская её, двигайте мышь — изображение в окне будет сдвигаться.

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

Если вы случайно нажмете не там, для отмены установленной точки нажмите Delete.

Внимание: если в процессе выделения вы по ошибке нажмете кнопку мыши дважды, область выделения сразу же замкнется, и вы получите недоделанный контур. (Команда Undo не поможет.) Поэтому, главное при работе с лассо — не торопитесь.

В результате наш ананас окажется выделенным целиком.

Если внутри выделенной области нужно вырезать кусочек, используйте лассо удерживая кнопку Alt при постановке первой точки контура. В этом случае изображение инструмента лассо будет сопровождать знак «−».

Если мы хотим сделать что-то с фоном, а не с ананасом, то следует обратить (Inverse) выделение. Для этого применяется команда Shift-Ctr-I или из меню Select → Inverse (Выделение → Инвертировать). В результате применения этой команды все, что было выделено, становится невыделенным, а, что было невыделенным, становится выделенным.

После применения команды Inverse, все команды (например, Delete или Alt-Delete) будут действовать на фон, а не ананас.

Составление коллажа

Выделенный ананас можно скопировать в карман нажав Ctrl-С. А затем вставить его в другое изображение. Для этого нужно открыть нужное изображение или перейти в его окно, если оно уже открыто, и нажать Ctrl-V.

Обратите внимание, ананас вставился отдельным слоем, поэтому любые операции с ананасом не повлияют на фоновое изображение.

В окне Layers фотошопа вы увидите новый слой Layer 1 — это и есть слой с ананасом. Слой Background (фон) содержит исходное изображение.

 

 

 

Если нажать Ctrl-V несколько раз, то мы получим несколько слоев с ананасами. Переключаться между слоями просто — достаточно щелкнуть мышкой по нужному слою в окошке Layers (Слои). Выбранный слой в окне помечается более темным цветом.

Примечание: работа со слоями — тема отдельной статьи, здесь мы рассматриваем только самые основы.

Трансформация отдельного слоя

Давайте теперь изменим размер нашего ананаса. Для этого нажмем Ctrl-T.

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

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

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

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

Точно также на отдельный слой действует большинство команд фотошопа, будь то уже изученные нами ранее Levels (Уровни) или Unsharp Mask (Нерезкая маска).

А вот команды Crop (кадрирование) и Image Size (размер изображения), напротив, действуют на все слои сразу.

Сохранение изображения

Два наших слоя теперь можно объединить в один с помощью команды Ctrl-E. Это нужно сделать перед сохранением файла в формате JPG. Поскольку формат JPG не предназначен для хранения файлов со слоями.

Если вы предпочитаете сохранить файл вместе со всеми слоями (например, чтобы позднее вернуться к его редактированию), то сохраните файл в формате PSD. Правда, файлы типа PSD не подходят для загрузки на сайты.

stranamasterov.ru

Инструменты фотошопа для редактирования контуров

Инструменты фотошопа для редактирования контуров

Вызываются горячей клавишей A.

Path Selection Tool (Выделение контура)

Инструмент Path Selection Tool (Выделение контура)

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

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

Чтобы переместить контур, нужно зажать кнопку мыши и перетащить указатель, затем отпустить кнопку мыши (схоже с использованием инструмента Перемещение).

Параметры:

  • Show Bounding Box (Показать ограничивающую рамку) — включает отображение рамки, обрамляющей активный контур. Перемещая узловые точки этой рамки, можно изменять размеры, форму и поворачивать активный контур.
  • Взаимодействие контуров:
    • Add to shape area (+) (Добавление к фигуре)Add to shape area (+) (Добавление к фигуре) — область контура будет добавляться к перекрывающимся областям контуров.
    • Subtruct from shape area (–) (Исключение из фигуры)Subtruct from  shape area (–) (Исключение из фигуры) — область контура будет исключаться из  перекрывающихся областей контуров.
    • Intersect shape areas (Пересечение фигур) Intersect  shape areas (Пересечение фигур) — область контура будет ограничиваться до пересечения области выделенного контура и перекрывающихся областей контуров.
    • Exclude overlapping shape areas (Исключение пересечения фигур)Exclude overlapping shape areas (Исключение пересечения фигур) —  область перекрытия контуров будет исключаться.
  • Combine (Объединить) — кнопка позволяет объединить существующие контуры в один.

Direct Selection Tool (Стрелка)

Инструмент Direct Selection Tool (Стрелка)

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

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

Работа инструментом Стрелка осуществляется следующим образом: Чтобы выделить контур и увидеть нахождение опорных точек и направляющих, нужно щелкнуть мышью по контуру. Затем можно приступать с выделению опорных точек. Для этого нужно кликнуть по нужной опорной точке. Чтобы выделить несколько опорных точек, нужно удерживать нажатой клавишу Shift либо обвести нужные опорные точки рамкой (схоже с работой инструментом Прямоугольное выделение). После выделения опорных точек можно их перемещать. Для этого нужно зажать кнопку мыши и перетащить указатель, затем отпустить кнопку мыши (схоже с использованием инструмента Перемещение).

Чтобы изменить направление и размер направляющей, нужно зажать клавишу мыши на конце направляющей и, не отпуская кнопку мыши, перемещать направляющую. 

 

Также читайте о работе с контурами с статье работа с контурами.

photoshop4u.ru


Смотрите также