Надпись и Текст CSS-спрайты Видеокурсы Photoshop

С оздание коллажа

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

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

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

Для выделения объекта воспользуемся удобным инструментом «Быстрое выделение» (Рис.1-1), который идеально подходит для вырезания не слишком контрастных объектов:

Рис.1. Вырезание объекта:
1 — Инструмент «Быстрое выделение»;
2 — Добавить к выделенному; 3 — Вычитание из выделенного;
4 — Установка размера кисти; 5 — Указатель кисти;
6 — Инструмент «Перемещение».

Устанавливаем размер кисти покрупнее (Рис.1-4,5) и кликаем по объекту, пока не получим желаемый контур. Для этого задействуем режим «Добавить к выделенному» (Рис.1-2), а если выделение захватило лишнюю область — то удаляем её, используя режим «Вычитание из выделенного» (Рис.1-3).

Для включения в область выделения мелких деталей объекта — уменьшаем размер кисти. После завершения операции, копируем выделенный объект — жмём Ctrl+C (Редактирование — Скопировать), а затем вклеиваем его на фотографию — жмём Ctrl+V (Редактирование — Вставить).

Но изначально наш Фукс, в отличие от коллектива, смотрит в противоположную сторону. Необходимо заменить объект его же зеркальным отражением (Редактирование — Трансформирование — Отразить по горизонтали).

Но и размер объекта, как правило, не совпадает с нужным. Если его увеличить, то пострадает качество. А вот уменьшить его просто: жмём Ctrl+T (Редактирование — Свободное трансформирование), и тянем за углы рамки, подгоняя объект под нужный размер. Если при этом зажать клавишу Shift , то сохранятся пропорции:

Чтобы объект хорошо «вписывался» в окружающую среду, возможно, потребуется сделать его бледнее, или наоборот увеличить насыщенность его цвета. Для чего жмём клавиши Ctrl+U (Изображение — Коррекция — Цветовой тон/Насыщенность), а затем бегунком регулируем параметр «Насыщенность»:

А чтобы точно расположить объект в нужном месте фотографии, используем инструмент «Перемещение» (Рис.1-6), а это результат:

В Photoshop имеется несколько инструментов для вырезания объектов. Продемонстрируем применение инструмента «Прямолинейное Лассо» (Рис.2-1), а в качестве подопечного на этот раз выступит лемур, некстати оказавшийся крайним:

Рис.2. Вырезание объекта (2-ой способ):
1 — Инструмент «Прямолинейное Лассо»;
2 — «Ластик».

Думаю, что затруднений с обводкой объекта ни у кого не будет — точность здесь не критична. Главное, не обрезать лишнее. Затем в панели «Слои» нужно разблокировать слой, просто совершив двойной клик по его названию «Фон» и нажав Enter:

Теперь наш лемур остался в одиночестве. А мы инструментом «Ластик» (Рис.2-2), с кистью белого цвета, аккуратно стираем лишнее вокруг него. Для чего вообще понадобилась маска? Она защищает невидимые пиксели от безвозвратной потери. Если вы случайно что-нибудь стёрли, то просто поменяйте цвет кисти на чёрный и восстановите утраченное!

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

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

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

1. Разрешение: приличный размер и качество исходных изображений и фотографий, из которых монтируется коллаж.
2. Композиция: намеренное выделение главного объекта — композиционного центра.
3. Реалистичность: свет и тени должны смотреться естественно.
4. Цветокоррекция: все составляющие коллажа должны быть приведены к единообразной цветовой гамме.
5. Сюжет: оригинальная идея коллажа и ваша фантазия — залог потрясающего впечатления, который окажет коллаж на зрителей.

А теперь взгляните на профессиональные коллажи, которые созданы в программе Photoshop с соблюдением этих правил.

Исходные материалы:

А это готовые коллажи:

Объём знаний, который требуется для создания коллажей такого профессионального уровня, не может умещаться в один или даже несколько уроков. Но вы можете научиться делать коллажи подобного уровня, освоив видеокурс, где они используются в качестве учебных примеров.

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

Как сделать коллаж в Фотошопе

Самый простой вариант коллажирования в Photoshop:

Переносить и размещать фотографии можно по своему вкусу, желательно оставлять между ними немного места, так смотрится более эстетично. Размер так же подбирают на свой взгляд. Для того чтобы изменить масштабы и положение фотографии нужно выбрать «Free Transform », или воспользоваться сочетанием клавиш Ctrl+ T . Также в трансформации есть возможность растянуть фотографию, или перевернуть ее.

Создание коллажа с эффектами

Когда простые коллажи надоели, и хочется чего-то более яркого в ход идут эффекты. За основу можно брать готовый коллаж или создать новый из нескольких фотографий. Мы возьмем уже готовый для примера.

Самым простым и аккуратным способом создания коллажа в Фотошопе является использование фильтров, или наложение эффектов.

Как наложить эффект на картинку

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

Возле слоев в «Layers », можно обнаружить список возможных вариантов изменений изображения, так называемых mode . На скриншоте показано, что выбранный эффект «Divide », сделал коллаж более холодным.

Работа с фильтрами

Находятся фильтры в верхней части экрана приложения. В совокупности их около 50, иногда больше.

Все эффекты можно посмотреть в галерее фильтров заранее, прежде чем использовать. Поэтому для начала нужно выбрать слой на котором находится коллаж и нажать «Filter Gallery ». Затем можно спокойно пробовать все имеющееся. Имеется возможность настройки мягкости, резкости и т.д. с правой стороны экрана. Например, фильтр «Cutout ».

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

Сделать коллаж из одного фото

Хорошим вариантом является добавление стикеров , или картинок в формате png. Также можно использовать то, что было изучено выше — фильтры и эффекты. Можно скачать и использовать рамки. Можно добиться абстрактного фотоэффекта, а еще воспользоваться кистями, которые есть в приложении.

Пример создания фотоколлажа:

Шаблоны для коллажа в Фотошопе

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

1. « ». Время так быстротечно, а сохранить важные моменты очень хочется. Изящный шаблон в приятной цветовой гамме подойдет для особенно-важных фото.
   
2. . Подойдет для фотографий торжеств, прогулок, красивых мест и даже свадьбы.
   
3. . Яркий и жизнерадостный шаблон для Фотошопа. Подойдет для фото детей, или приятного отдыха.
4. . Изящный шаблон, прекрасно подойдет для фото тематической вечеринки.
   

В качестве основы фотоколлажа послужит чистый лист, созданный в Фотошопе. Яркими украшениями станут клипарты (картинки с прозрачным фоном) и шаблоны, которые легко найти и скачать в интернете. Ну а дальше, вы слой за слоем «приклеиваете» иллюстрации и фотографии на фон, раскрашиваете, подправляете, обрезаете, добавляете оригинальные штрихи. А результатом вашей кропотливой работы станет уникальный фотоколлаж - отличный подарок для близких людей.

На примере этого фотоколлажа я расскажу вам, как сделать коллаж в Фотошопе, об основных приемах работы.

В программе Photoshop (у меня Adobe Photoshop CS5) создаем новый документ (Файл - Создать). Размер я выбрала А4 горизонтальный (297х210 мм). Диапазон разрешения от 70 до 300 пикселей/дюйм. Я выбрала 300 пикселей, чтобы при распечатывании в большом формате изображение было более четкое. Цветовой режим: RGB.

Создав новый документ, открываем иллюстрацию, которая станет фоном коллажа. Можно также выбрать фоновый узор из предложенных Фотошопом шаблонов (Редактирование – Выполнить заливку – Использовать: регулярный). Но мы откроем свою фоновую картинку (Файл - Открыть).

Как вы видите, новый документ, названный «коллаж», и фоновая картинка (назовем ее «радуга») открылись в двух смежных вкладках. Чтобы одновременно работать с ними, нужно по-другому расположить эти две вкладки. Зайдем в верхнюю панель управления (Окно – Упорядочить – Свободно перемещать все окна).

В итоге получаем:

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

После того как красочная иллюстрация оказалась в новом документе, сразу закрываем окно «радуга», оно нам больше не понадобится.

Получилось следующее:

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

Далее открываем два файла с изображениями, которые послужат нам рамочками для фотографий (Файл - Открыть). Потом, как мы уже делали ранее, упорядочиваем окна (Окно – Упорядочить – Свободно перемещать все окна).

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

При желании можно трансформировать, повернуть изображение. В этом коллаже мы слегка повернем левую рамочку против часовой стрелки. Выделим необходимый слой (инструмент «Перемещение» плюс CTRL). В верхней панели управления выбираем Редактирование – Трансформирование – Поворот и левой кнопкой мыши поворачиваем фото. Сохраняем изменения, нажав ENTER. На данном этапе у нас получилось:

Вы можете сами регулировать порядок слоев, какой слой будет «над» или «под». Есть два способа. В правой панели управления слой, который будет «над», просто перетащите мышью в верхнюю строчку. Либо выделите слой и в верхней панели выберите Слои – Упорядочить и далее подберите нужное положение слоя.

Теперь открываем две фотографии прелестных малышей, переносим в общее окно и трансформируем до нужных размеров. Затем накладываем фотографии на рамки. Одну фотографию поворачиваем против часовой стрелки и следим, чтобы она оставалась на заднем фоне. При необходимости: Слои – Упорядочить – Переложить назад.

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

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

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

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

Ну а дальше самое приятное – украшательство! Я скачала клипарты (изображения с прозрачным слоем) бантиков, пуговичек, цветочков и т. д. В интернете предложено великое множество заготовок на разные темы и скачать их можно быстро и бесплатно. Открываем наши клипарты и копируем в основной документ так же, как и обычные иллюстрации. Уменьшаем до небольших размеров и располагаем в творческом беспорядке, выставив на передний план. Не забывайте, что выделить слой можно кнопкой CTRL плюс левая кнопка мыши, а сохранить трансформирование слоя - кнопкой ENTER (без сохранения изменений в изображении дальше работать вы не сможете). У меня получилось так:

Осталось сохранить изображение: Файл – Сохранить как. Если это окончательная работа, то сохраняйте в формате jpg. А если вы еще будете вносить поправки, то выберите расширение psd. С таким расширением в дальнейшем вы сможете открыть вашу работу в Фотошопе с сохранением всех слоев.

Что ж, на этой позитивной и красочной ноте откланиваюсь. Творите добро и радость своими руками! И да поможет вам в этом Фотошоп!

12.04.2016 27.01.2018

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

Коллаж который Вы научитесь делать будет выглядеть так:

Что необходимо для создания коллажа в :

• 5 различных фотографий
• Фотография или изображение для фона

Что такое коллаж из фотографий и зачем он нужен

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

Как сделать коллаж

Чтобы сделать коллаж Вам необходимо:

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

Краткая карта урока

Пункты которые Вы должны будете выполнить в данном уроке:

1. Открыть отдельно каждую фотографию в фотошопе.
2. Открыть фон для коллажа, в этом документе мы будет создавать коллаж.
3. В фотошопе открыть вкладку с 1-ой фотографией, выделить её и скопировать
4. Перейти на вкладку с фоном для коллажа, вставить фотографию на отдельный слой.
5. Повторить операцию со всеми фотографиями. Таким образом скопировать и вставить все фотографии.
6. Разместить фотографии на коллаже и изменить масштаб для каждой фотографии. Добавить стили.

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

Создание коллажа в фотошопе

Откройте в фотошопе 6.jpg — это будет фоном для нашего коллажа.

Если вы не успели сделать нужный масштаб для фотки или необходимо скорректировать:

• Выберите в списке слоях нужную фотографию
• Нажмите CTRL+T
• Отмасштабируйте заново.

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

Отключите пока видимость слоев с фотографиями. Для этого нажмите на иконку с глазом напротив слоя с фото.

С помощью инструмента Эллипс (Ellipse Tool ), можно любого цвета, нарисуйте круг где будет предполагаемая фотография.

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

Вы можете переместить фотографию на нужную позицию и скорректировать её масштаб.

Повторите эту схему со остальными фотографиями:

1. Включить видимость фотографии
2. Сделать из нее обтравочну маску
3. Переместить на нужную позицию и изменить масштаб

После этого Вам коллаж в фотошопе будет готов!)

Помните, что Вы можете играться с фонами, расположением и количеством фотографий. Делайте самые разные композиции в фотошопе!

Например кому-то нравится, более спокойной фон и квадратные рамки)

Если у вас есть желание посмотреть как это устроено в Фотошопе или вы хотите вставить свои фотографии —

Вступление

Этот урок от нашего любимого иллюстратора Ciara Phelan о совмещении аналогового процесса и цифровой фотографии, в результате которого мы получим яркий и кокетливый коллаж.

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

Вы научитесь использовать разные инструменты, чтоб совместить сканированные элементы с фото и сделанными вручную текстурами; использовать корректирующие слои и маски, чтоб объединить цветовую палитру и композицию иллюстрации.

Я использовала фото модели с iStock, но его легко можно заменить одним из ваших фото. Это же касается и винтажных цветов, которые я взяла из моей коллекции. Вы также можете загрузить текстуры акварели и туши, хотя я предпочла создать их сама.

Используемые материалы:

Шаг 1

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

Откройте фото с моделью в Photoshop и, используя инструмент Перо (Pen tool), (P), создайте контур вокруг модели.

Шаг 2

Когда закончите, сохраните этот контур. Для этого на панели контуров (paths) вызываем выпадающее меню и выбираем Сохранить контур (Save path).

Сохранять контуры - хорошая привычка, ведь они могут пригодиться в следующих шагах.

Шаг 3

На панели слоев выберите слой с моделью и дублируйте его (Cmd/ Ctrl+ J ). Свяжите эти слои вместе, для этого выделите одновременно два слоя и кликните на первой иконке внизу панели слоев Связать слои (Link layers).

Перейдите на верхний слой и активируйте сохраненный контур на панели контуров (paths). Кликните по выпадающему меню и выберите Создать выделение (Make selection).

Установите радиус растушевки (feather) 0.3 и нажмите OK. На панели слоев внизу нажмите иконку Маски (Mask).

Шаг 4

Теперь у нас два слоя: модель с маской слоя и модель с фоном.

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

Шаг 5

Откройте изображение, которое вы хотите добавить в коллаж, и возьмите инструмент Волшебная палочка (Magic Wand tool) (W). В верхней панели установите Допуск (Tolerance) 20, чтоб захватить большую часть пикселей. Уберите галочку с параметра Смежные пиксели (Contiguous), чтоб Волшебная палочка выделила весь одноцветный фон.

Теперь кликните по фону, чтоб выделить его (на нашем изображении он белый). Элементы, которые мы будем использовать, вне выделения. Инвертируйте выделение, чтоб выделенными были цветы (Cmd/ Ctrl+ I ). Скопируйте выделенную область и вставьте в рабочий документ.

Повторите этот шаг и с остальными элементами, которые хотите добавить в коллаж.

Шаг 6

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

Я сконцентрировала цветы вокруг модели, будто она стоит в небольшом цветущем участке.

Шаг 7

Так как коллажи обычно содержат в себе несколько элементов из разных источников, важно каждый из этих элементов подкорректировать при помощи Уровней (Levels), чтоб все они имели одинаковый контраст и насыщенность.

Вы можете сделать это, добавив к слою, который вам нужно изменить, Уровни (Levels) в панели коррекции (adjustment panel). Вы можете откорректировать тени и света, если это необходимо.

Шаг 8

Мне нравится добавлять цветовые пятна, чтоб связать элементы композиции вместе.

Чтоб сделать это, откройте Illustrator и нарисуйте растекшиеся формы, используя инструмент Перо ( Pen tool) (N).

Примечание: для этой же цели в Photoshop вы можете использовать инструмент Перо и/или Произвольная фигура.

Шаг 9

Скопируйте эти формы и вставьте их в рабочий документ в Photoshop. В панели коррекции (adjustment panel) выберите Цвет/Насыщенность (Hue/Saturation) и измените цвет на такой, который вписывался бы в ваш коллаж.

Шаг 10

Всегда неплохо смотрится какая-то текстура на изображении, особенно если вы добавляете в коллаж вектор, как я в этой работе.

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

Шаг 11

Используя инструмент Область выделения (Marquee tool) (M), выделите область текстуры, которую вы хотите использовать. Вставьте ее в рабочий документ над слоем с векторными фигурами.

Шаг 12

Удерживая клавишу Alt на клавиатуре, наведите курсор на место между двумя слоями: с текстурой и векторными фигурами. Когда курсор изменит свою форму, кликните, чтоб создать обтравочную маску. Таким образом текстура будет видна только там, где находятся векторные фигуры на слое ниже.

Шаг 13

Чтоб сделать это, повторите шаг 10, но вместо того, чтоб добавлять слою текстуру, установите слою с краской режим наложения Умножение (Multiply). Вы можете изменить цвет краски, повторив шаг 8 и добавив корректирующий слой Цвет/Насыщенность (Hue/Saturation).

Шаг 14

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

Чтоб их создать, я использовала инструмент Перо (Pen tool) (N) в Illustrator, с помощью которого нарисовала завитые стебли. Далее скопировала и вставила их в Photoshop.

Примечание: эти завитушки вы также можете нарисовать в Photoshop, используя инструмент Перо или Кисть.

Я использовала для этого графический планшет, это легче, чем рисовать мышкой.