Создание типографического коллажа в Фотошоп. Фотошоп создание коллажа


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

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

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

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

Создание задуманного коллажа начнем с выбора фона. Я сделала картинку с девушкой на фоне осеннего пейзажа.

1-Файл-открыть. Будем называть его фон.

fon

Кликните по картинке, она откроется в полном размере.

2-В окне слоев разблокировать слой "фон" (кликнуть два раза по замочку и "ok".

layer

3-Слой- новый-слой. На этом слое будет обводка.

layer0

Чтобы сделать обводку, нужно загрузить выделение картинки.

4-Выделение-все . Появится выделение по периметру картинки.

fon1

5-Редактирование-выполнить обводку. Выбрать цвет и размер.

obvodka1

obvodka

Выделение картинки пока не нужно.

6-Выделение-отменить.

fon2

7- Слой-стиль слоя-тиснение. Параметры по умолчанию.

stile

Получилось так.

fon3

Теперь,  для создания коллажа, откроем еще картинку .

8-Файл-открыть. (Как сделать портрет на мешковине, смотрите этот урок.)

girl

И для этой картинки в окне слоев разблокировать слой "фон", чтобы ее можно было перемещать и изменять.

9- Инструментом "перемещение" move  перетащить изображение девушки на фон.

collage

Для задуманного коллажа перемещенная картинка великовата. Уменьшим это изображение.

10-Редактирование-свободное трансформирование. Размер ширины и высоты 75%.

size

На картинке появится выделение для трансформирования.

collage1

Нажать "выполнить"

size0

Добавим и сюда обводку. Обводку делаем на новом слое.

11-Слой-новый-слой.

12-В окне слоев кликнуть по миниатюре слоя с девушкой, одновременно нажав Ctrl. Появится выделение по периметру маленькой картинки.

layer3

13-Редактирование-выполнить обводку. Цвет будет тот же, а размер возьмем  поменьше.

obvodka2

14-Выделение-отменить.

collage2

15-Слой-стиль слоя-тиснение.(Следите, чтобы в окне слоев был активен верхний слой 3 с обводкой.

collage3

16-Слой-объединить с предыдущим.

layer4

17-Слой-создать дубликат слоя.

layer4b

На коллаже передвинуть этот дубликат вправо.

collage4

18-Слой создать дубликат слоя. Этот слой передвинуть вниз.

collage5

19- Слой -создать дубликат слоя.  Передвинуть его влево.

collage6

Создание коллажа почти окончено, не хватает немного завершенности. Сделаем еще слой с фоном, на котором будет наш коллаж.

20-Слой-новый- слой.

21- В окне слоев переместить созданный слой вниз.

layer5

22-Изображение-размер холста. Увеличить размер ширины и высоты на 50 пик.

size1

На коллаже появится свободное пространство.

collage7

Это пространство заполним еще одним фоном.

Откроем текстуру с мешковиной .

23-Файл открыть. Не забудьте разблокировать слой "фон".

fon4

(Кликните по текстуре, картинка откроется в новом окне и можно будет сохранить себе на компьютер.)

24-Переместить изображение мешковины на коллаж.

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

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

25-Файл-сохранить и выбрать место, куда сохранить.

 

 

 

kalejdoskopphotoshopa.ru

Создаем коллаж ручной работы в Фотошоп

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

Итоговый результат:

Скачать архив с материалами к уроку

1. Создайте Сцену

Шаг 1

Вначале откройте исходное изображение "stock-crochet-01.jpg", скачав приложение по ссылке в начале этого урока. Далее, выберите один из вязаных крючком белых цветочков. 

  1. Создайте новый документ со следующими размерами 8 дюймов х 10 дюймов при разрешении 300 пикс / дюйм. Это будет наш рабочий документ, который мы используем для создания нашей картины с ручной вышивкой, а также для редактирования отсканированных элементов. С помощью инструмента Лассо (Lasso Tool (L)), выделите часть изображения, а затем Скопируйте (Ctrl+C) и Вклейте (Ctrl+V) выделенный вязаный цветочек на наш рабочий документ.
  2. С помощью инструмента Перо (Pen Tool (P)), аккуратно обведите контур вокруг изображения вязаного цветочка. В закладке Контуры (Paths), нажмите кнопку в нижней панели инструментов Загрузить контур как выделенную область (Load Path as a Selection).
  3. Проведите Инверсию (Shift+Ctrl+I), выделенной области, а затем нажмите клавишу Delete, чтобы удалить задний фон. Обработайте края контура с помощью инструмента Ластик (Eraser Tool (E)), настроив его на кисть.

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

Шаг 2

Откройте стоковое изображение с текстурой войлочного материала "stock-felt-01.jpg". Создайте новый слой в палитре слоёв.

Примечание переводчика: создайте новый слой поверх слоя с текстурой войлочного материала

  1. С помощью инструмента Перо ( Pen Tool), нарисуйте левую половинку изображения дерева. Я импровизировала, когда рисовала дерево, но вы можете держать перед собой фотографию с изображением дерева и срисовывать с неё или выгляньте в окно, чтобы подсмотреть формы деревьев (или нарисуйте деревья, которые вы видели, когда выезжали на природу).
  2. Залейте нарисованную фигуру дерева любым цветовым оттенком на свой выбор.
  3. Скопируйте / Вклейте (Copy / Paste) половинку нарисованного дерева, создав зеркальное отражение с помощью дубликата слоя. Находясь на дубликате слоя со второй половинкой дерева, идём Редактирование – Трансформация – Отразить по Горизонтали (Edit > Transform > Flip Horizontally). С помощью инструмента Перемещение (Move Tool (V)), выровняйте две половинки дерева, чтобы получить одно цельное дерево, а затем объедините слои (Ctrl+E), когда вас устроит результат. Если захотите, то нарисуйте дополнительно ветки с помощью инструмента Перо (Pen Tool), не забывайте заливать нарисованные фигуры. Объедините все слои с элементами дерева, чтобы получился силуэт дерева.

Выделите силуэт дерева с помощью инструмента Волшебная палочка (Magic Wand Tool (W), а затем Скопируйте (Copy) выделенную область. Далее, Вклейте (Paste) скопированное изображение войлочного дерева на наш рабочий документ, который мы создали в Шаге 1.

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

Шаг 3

Создайте новый слой ниже всех остальных слоёв. Залейте этот слой желтовато-коричневым, серо-коричневым или коричневым цветом. Далее, перейдите Фильтр – Шум – Добавить шум (Filter > Noise > Add Noise), установите количество шума 15.19%, поставьте галочку в окошке Монохромный (Monochromatic), а также выберите Распределение (Distribution) по Гауссу (Gaussian), чтобы задний фон выглядел, как текстурный материал.

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

Шаг 4

Далее, мы преобразуем вязаный цветочек из Шага 1 в узор. Для этого, Скопируйте / Вклейте (Copy / Paste) вязаный цветочек на новый документ (размеры документа должны определяться размерами скопированного вязаного цветочка). Далее, идём Изображение – Размер холста (Image > Canvas Size) и применяем значение ширины и высоты больше, чем размеры выбранного элемента с соотношением сторон, как у квадрата.

Дважды вклейте (Paste) вязаный цветочек. Находясь на дубликате слоя с вязаным цветочком, идём Фильтр – Другие – Сдвиг (Filter > Other > Offset) и в строке по Горизонтали (Horizontal) применяем значение 452, а в строке по Вертикали (Vertical) применяем значение 421, таким образом, ваш второй вязаный цветочек появится во всех четырёх углах вашего документа.

Чтобы создать узор, идём Редактирование – Определить узор (Edit > Define Pattern), сохраните свой узор, дав ему название. Также, вы можете изменить размеры вашего изображения для узора через меню Изображение – Размер изображения (Image > Image Size), если вы захотите использовать более маленькие элементы вязаных цветов в своём дизайне. Мы используем созданный узор в данном уроке позже.

2. Составьте Композицию

Шаг 1

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

Находясь на слое с войлочным деревом, щёлкните правой кнопкой мыши по данному слою и в появившемся меню выберите опцию Параметры наложения (Blending Options). Далее, выберите стиль слоя Тень (Drop Shadow). Примените следующие настройки:

  • Режим наложения (Blend Mode): Умножение (Multiply)
  • Непрозрачность (Opacity): 75%
  • Угол (Angle): 139°
  • Смещение (Distance): 17 px
  • Размах (Spread): 5%
  • Размер (Size): 24 px

Шаг 2

Создайте новый слой поверх слоя с задним фоном. С помощью инструмента Перо (Pen Tool), нарисуйте фигуру покатых холмов на заднем фоне. Залейте фигуру холмов любым цветом на свой выбор. Т.к. я решила использовать зернистость заднего фона, я залила нарисованную фигуру холмов тёмно-синим цветом. Далее, поменяйте режим наложения для данного слоя на Перекрытие (Overlay), таким образом, холмы приобретут оттенок зелёного цвета. Воздействие режимов наложения на выбранный слой также зависит от цветовых оттенков и настроек, которые были использованы в нижележащих слоях.

Шаг 3

Откройте исходное изображение "stock-crochet-01.jpg". Выделите / Скопируйте, а затем вклейте несколько связанных из шерсти листьев на наш рабочий документ. Примените масштабирование, поворот, смещение к вязаным листочкам, которые вы добавили к своей сцене, на своё усмотрение. Старайтесь, чтобы листочки были на отдельных слоях.

Откройте стоковое изображение "stock-drawing-01.jpg", повторите предыдущие действия только уже с нарисованными листьями. С помощью инструмента Лассо (Lasso Tool), выделите изображение листика на оригинальном изображении. Скопируйте / Вклейте (Copy / Paste) выделенный листочек на наш рабочий документ. Далее, с помощью инструмента Волшебная палочка (Magic Wand Tool), выделите, а затем удалите белый задний фон, на котором изображён листочек дерева (убедитесь, чтобы в настройках данного инструмента, в окошке Смежные пиксели (Contiguous) стояла галочка).

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

Шаг 4

Откройте второе исходное изображение с нарисованными элементами "stock-drawing-02.jpg", на этот раз выделите тыквы таким же образом, как вы выделяли листик в предыдущем шаге, скопировав / вклеив (Copy / Paste) на наш рабочий документ. Добавьте тыквы к нашей сцене, расположив их на своё усмотрение.

Откройте ещё раз исходное изображение "stock-drawing-02.jpg", чтобы добавить ещё элементов к нашей композиции: рожицы, различные каракули и т.д. Если есть желание, вы можете самостоятельно нарисовать свои тыквы, привидения и т.д., чтобы добавить к своей работе штрих индивидуальности.

3. Раскрашиваем Отсканированные Элементы

Шаг 1

Далее, мы раскрасим все отсканированные вязанные крючком листья. Создайте новый слой поверх каждого слоя с вязаным листочком. С помощью инструмента Кисть (Brush Tool (B)), прокрасьте поверх листьев, используя различные оттенки красного, оранжевого и желтого цвета (придумайте свои цвета урожая).

Поменяйте режим наложения для слоёв с раскраской на Затемнение основы (Color Burn), а затем откорректируйте выбранные цветовые оттенки по мере необходимости. Как только вас устроит коррекция цвета, выделите раскрашенный слой и соответствующий слой с вязаным листиком, чтобы объединить их (Ctrl+E). Повторите процесс с каждым вязаным листочком и элементом вашей композиции.

Шаг 2

Я решила добавить кружевной узор, который мы создали в Пункте 1, Шаг 4 в пределах нарисованного круга, этот круг будет представлять полную Луну в моём дизайне картины.

  1. С помощью инструмента Овальная область (Elliptical Marquee Tool (M)), нарисуйте круглое выделение на новом слое поверх слоя с задним фоном. Далее, с помощью инструмента Заливка (Paint Bucket Tool (G)), залейте активное выделение узором, который был создан ранее (размеры моего узора были уменьшены на 50%).
  2. Выберите узор для заливки, создайте Новый слой, залейте выделенную область оранжевым или жёлтым оттенком.
  3. Поменяйте режим наложения для слоя с оранжевой заливкой на Линейный затемнитель (Linear Burn). Как только вас устроит результат, объедините слой с цветной заливкой и слой с кружевным узором.

Шаг 3

Давайте создадим кружевное обрамление для нашей композиции.

  1. Откройте исходное изображение ‘stock-crochet-01.jpg’. Вырежьте небольшой кружевной цветочек. Вклейте выделенный вязаный узор на наш рабочий документ.
  2. С помощью инструмента Прямоугольная область (Rectangular Marquee Tool (M)), выделите нижнюю треть кружевного цветочка, а затем нажмите клавишу Delete.
  3. Поверните фрагмент на 180°, а затем, несколько раз продублируйте половинку вязаного цветочка. Расположите полученные элементы кружева в один ряд в верхней части нашей композиции. В общей сложности я использовала 5 кружевных обрамлений. Объедините все слои с элементами кружевного обрамления, таким образом, у вас получится цельный узор, который легко можно будет перемещать.

Шаг 4

Давайте сделаем короткий перерыв в уроке, чтобы посмотреть, как выглядит моя композиция на данный момент урока. Итак, мы создали композицию из отсканированных и нарисованных элементов, включая созданные фрагменты, к которым мы применили режимы наложения. К слою с вязаной Луной, а также к слою с кружевным обрамлением, я добавила стиль слоя Тень (Drop Shadow), используя те же самые настройки, которые мы применяли в Пункте 2, Шаг 1, единственное, я немного изменила угол тени.

Шаг 5

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

Шаг 6

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

4. Создайте Строчку / Шов

Шаг 1

Создайте новый слой поверх всех остальных слоёв. К данному слою примените стиль слоя Наложение градиента (Gradient Overlay) со следующими настройками:

  • Режим наложения (Blend Mode): Умножение (Multiply)
  • Непрозрачность (Opacity): 100%
  • Градиент (Gradient): от прозрачного к светло-коричневому, Непрозрачность (Opacity) 100%.
  • Стиль (Style): Линейный (Linear)
  • Угол (Angle): 90°
  • Масштаб (Scale): 100%

Дополнительно, примените стиль слоя Тень (Drop Shadow) к этому же слою. Установите следующие настройки:

  • Режим наложения (Blend Mode): Умножение (Multiply)
  • Непрозрачность (Opacity): 75%
  • Угол (Angle): 146°
  • Смещение (Distance): 5 px
  • Размах (Spread): 0%
  • Размер (Size): 5 px

Шаг 2

Создайте новый слой. Нарисуйте линию вдоль контура войлочного дерева в пределах изображения. Установите цвет обводки светло-коричневый или белый цвет. В настройках обводки, установите Толщину обводки (Weight) 1 pt, тип обводки Пунктирная линия (Dashed Line). Если вы нажмёте кнопку Дополнительные варианты (More Options) в настройках обводки, то вы можете самостоятельно создать свою пунктирную линию или линию из точек, путём изменения длины пунктирных линий и расстояния между ними.

Шаг 3

Используя пунктирные линии, а также стили слоя, которые вы создали в Шагах 1-2 данного пункта, нарисуйте строчку вдоль контура изображения войлочного дерева. Для меня проще всего использовать инструмент Перо (Pen Tool), чтобы выполнить обводку, но вы можете пропустить предыдущий шаг и просто нарисовать мелкие пунктиры стандартной кистью, если вам так будет проще.

Шаг 4

С помощью инструмента Эллипс (Ellipse Tool (U)), нарисуйте контур большого круга поверх изображения с оранжевой Луной. Выполните обводку контура пунктирной линией тем же образом, как вы это проделывали в Шаге 2 данного пункта. Установите цвет обводки белый, а затем, поменяйте режим наложения для слоя с обводкой на Перекрытие (Overlay). Также, я добавила стиль слоя Тень (Drop Shadow), добавив эффект едва заметной тени к данному слою.

Шаг 5        

Обведите контуром холмы, листья, а также вязаные элементы Луны либо пунктирной линией, либо самостоятельно нарисуйте мелкие чёрточки вдоль контура отсканированных элементов. Убедитесь, чтобы чёрточки были белого цвета, а режим наложения для слоёв со строчками был установлен на Перекрытие (Overlay), (Растрируйте слои с контурами, а затем объедините их в один слой, чтобы применить стиль слоя). Также, к объединённому слою с обводкой, добавьте едва заметную тень, для этого примените стиль слоя Тень (Drop Shadow), (я использовала те же самые настройки, что и в Пункте 2, Шаге 1).

Итак, мы завершили урок!

Ещё один урок на тему Хэллоуина подошёл к концу. Я надеюсь, вам понравилось использовать нарисованные и отсканированные элементы для создания красивой картины из вышивки. Поделитесь своими работами по данному уроку. Или придумайте и создайте свою картину из ручной вышивки с использованием вязаных элементов.

Итоговый результат:

Автор: Mary Winkler

photoshop-master.ru

Создание коллажа в фотошопе – от идеи до конечного изображения

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

Сложность: средняя

Время выполнения: 1-2 часа

Программное обеспечение: Photoshop CS3

 

Дополнительные материалы:

Текстура, цветы, листья, череп

 

Конечный результат

коллаж в фотошопе

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

Шаг 1

Зайдите в меню File> New .. и создайте документ размером 2600 x 3500 пикселей в режиме RGB с белым фоном.

коллаж в фотошопе

Шаг 2

Откройте изображение с черепом животного. В этом уроке мы будем довольно часто выполнять вырезание объекта в фотошопе. Не советую использовать для выделения волшебную палочку. Я использовал перо. Выберите инструмент  «Path Tool» (P),установите вариант «Paths» и выделите контур черепа. Хотя этот способ и займет много времени, зато позволит не пропустить мелкие детали, сделать выделение более точным.

выделение в фотошопе

Шаг 3

После того, как вы полностью выделите контур черепа, щелкните правой кнопкой мыши и выберите пункт Мakе Sеlection.Скопируйте выделение в буфер (Ctrl + С), вернитесь в основной документ (Сtrl + Tаb) и вставьте содержимое буфера (Сtrl + V). Нажмите Сtrl + T, измените размер изображения и поместите, как видите на скриншоте ниже. Нажмите Еnter, затем Сtrl + G. Переименуйте группу в «skull».

вырезание объекта в фотошопе

Шаг 4

Откройте изображение с цветами и сделайте то же самое: выделение в фотошопе по контуру, копирование и вставка в основной документ. Сделайте это для каждого цветка. Когда закончите, удерживая SHIFT, щелкните по первому, а потом по последнему слою с цветами, чтобы выбрать их все, и нажмите Сtrl + G, чтобы поместить в одну группу. Переименуйте эту группу в «flowers base».

вырезание объекта в фотошопе

Шаг 5

Перейдите в меню Lаyer > New Аdjustment Lаyer > Blаck & Whitе. Нажмите СTRL + SHIFТ +], чтобы поместить слой на самый верх, и нажмите на иконку с изображением замка на палитре слоев (F7).Все вставленные нами картинки имеют свои цвета, оттенки и контрастность. А этот корректирующий слой позволит отображать все в оттенках серого, поэтому мы сможем сосредоточиться только на тонах и контрастности.

коллаж в фотошопе

Шаг 6

Отключите видимость  «flowers base», скопируйте цветы (Ctrl + J), включите видимость дублированных слоев и разместите их на черепе. Начинайте работать с крупными цветами, переходя к более мелким.

коллаж в фотошопе

Шаг 7

Добавьте еще цветов, разместив их под группой слоев «skull». Вы можете изменять размер, вращать и отражать их.

коллаж в фотошопе

Шаг 8

Теперь наше изображение выглядит лучше, однако цветы пока особо не выделяются на общем фоне. Поэтому возьмите инструмент Mоve Tоol (V), удерживая СTRL, щелкните по цветку и перейдите в меню Imаge> Аdjustments> Lеvels (Сtrl + L). Используйте настройки, которые видите ниже или аналогичные.

коллаж в фотошопе

Шаг 9

После того, как вы добавили цветы, можно добавить несколько отдельных лепестков и листочков. Откройте изображение «leaves» и вырежьте так же, как вы делали это с цветами, вставьте один в наш документ. Сделайте копию, а оригинал поместите в группу слоев «flowers base».

коллаж в фотошопе

Шаг 10

Выберите копию, нажмите Сtrl + Т для перехода в режим свободной трансформации, поменяйте размер, поместите, как изображено ниже, и нажмите Еnter. Нажмите Сtrl + L, чтобы открыть окно уровней. Установив настройки, нажмите ОK.

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

Шаг 11

Удерживая клавишу Аlt, нажмите и перетащите копию листа, поместите так, как изображено ниже, около цветка. Повторите этот шаг для каждого цветочка. Листья придадут изображению контрастность.

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

Шаг 12

Откройте файл с изображением колючей проволоки (Barbed wire), выделите (СTRL + А), скопируйте (Сtrl + С) и вставьте в основной документ (Сtrl + V). Поместите, как показано ниже.

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

Шаг 13

Зайдите в меню Lаyer> Lаyer Mаsk> Reveаl Аll, выберите инструмент Вrush Tоol (B) и закрасьте область, показанную ниже. Дублируйте этот слой (Lаyer> Duplicаte Lаyer или Сtrl + J) и поместите его под группу слоев «skull».

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

Шаг 14

Выберите маску слоя и нажмите Сtrl + Вackspace, чтобы заполнить ее белым цветом. СTRL + Bаckspace заполняет ваш текущий слой цветом переднего плана, а Аlt + Bаckspace — цветом фона. Возьмите Вrush Tоol (В) и замаскируйте области, показанные ниже.

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

Шаг 15

Создайте слой (Сtrl + Shift + N или Lаyer> Nеw> Lаyer) и смените режим смешивания на «Мultiply». Теперь возьмите инструмент Вrush Tоol (В), установите жесткость 0%, снимите все дополнительные настройки и нарисуйте тени на черепе.

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

Шаг 16

Повторите шаг 15 для цветов. Выберите инструмент Мove Tоol (V), удерживая СTRL, щелкните по цветку, создайте слой и нажмите Сtrl + [, чтобы поместить на один слой ниже.

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

Сейчас череп не слишком заметен. Исправим это. Перейдите в Lаyer > New Аdjustment Lаyer > Brightnеss / Сontrast and Lеvels. Используйте настройки, указанные ниже.

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

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

Шаг 17

Зайдите в меню Lаyer > Nеw Fill Lаyer > Sоlid cоlor. Выберите темно-серый цвет, нажмите Сtrl + Shift + [, чтобы сместить слой в самый низ. Я использовал цвет с кодом # 424242. Это будет наш базовый тон фона.

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

Шаг 18

Создайте слой поверх фонового и смените режим смешивания на Lineаr Dodgе (Аdd).Теперь возьмите инструмент Вrush Tоol (В), нажмите D, затем Х, выберите кисть типа оblique ovаl и нарисуйте большое пятно, как показано ниже. Отрегулируйте непрозрачность слоя по вашему усмотрению.

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

Шаг 19

Создайте слой и смените режим смешивания на «Multiрly». Возьмите инструмент Вrush Tоol (В), установите цвет переднего плана на темно-серый и нарисуйте тени от черепа, цветов и листьев. Перейдите в меню Filtеr> Noisе> Аdd Noisе, установите значение 1%. Выберите слой с пятном посередине и нажмите СTRL + F.

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

Шаг 20

Откройте файл с текстурой, скопируйте и вставьте в наш документ. Нажмите СTRL + SНIFT + [, а затем нажмите СTRL +], чтобы поместить новый слой над фоновым. Смените режим смешивания на «Sоft Light». Убедитесь, что вы поместили этот слой под слоем с пятном в центре, так освещение будет выглядеть более естественно.

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

Шаг 21

Если присмотреться, то вы заметите, что свет на проволоку падает неправильно. Исправим это. Нажмите Сtrl + L и измените положение ползунков для регулировка света и тени. Участок проволоки, расположенный под черепом, нужно немного затемнить.

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

Шаг 22

Сделайте копию слоя с колючей проволокой, сместите немного вниз, как показано ниже, нажмите СTRL + U и установите значение Lightnеss -100. Нажмите OK. Зайдите в меню Filtеr> Вlur> Gаussian Вlur, установите значение 3 рх, нажмите кнопку ОК. Установите режим смешивания на «Multiрly».

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

Шаг 23

Тень колючей проволоки с левой стороны слишком интенсивна. Возьмите инструмент Erаser Tоol (Е), нажмите «1», чтобы установить непрозрачность 10%, и аккуратно закрасьте тень.

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

Шаг 24

Выберите самый верхний слой (корректирующий слой Blаck & Whitе) и перейдите в Lаyer > Nеw Аdjustment Lаyer > Grаdient Мap. Установите градиент, как показано ниже, и нажмите кнопку ОК.

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

Шаг 25

Выделите все слои (СTRL + А или Sеlect> Аll), перейдите в меню Еdit > Сopy Mеrged (Сtrl + Shift + С) и вставьте (Сtrl + V). Выполните команду Filtеr> Othеr> High Pаss. Установите значение 1,5 рх, нажмите ОК. Смените режим смешивания на «Ovеrlay».

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

Шаг 26

Создайте новый слой (Сtrl + Shift + N), возьмите инструмент Grаdient Toоl (G), установите настройки, как показано ниже, и примените его из верхнего левого угла в нижний правый угол. Установите режим смешивания на Sоft Light и непрозрачность 74%.

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

 

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

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

Шаг 27

Выберите инструмент Сrop Tоol (С), создайте выделение, как изображено ниже, и нажмите Еnter.

коллаж в фотошопе

Итак, создание коллажа в фотошопе закончено!

Конечный результат

коллаж в фотошопе

Источник: pixel77.com

arttopia.ru

Создание типографического коллажа в Фотошоп

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

1) Непредвзятое отношение. Вы должны легко перемещать объекты с места на место, пока не найдёте лучшее место для них в общей композиции. Не стоит зацикливаться на одном положении объектов.

2) Четкое представление композиции. Благодаря этому вы легко сможете себе представить, где должен располагаться тот или иной объект композиции, и что должно быть вокруг него.

3) Много-много качественных фотографий с бесплатных стоков. Вы же не собираетесь брать для своей работы изображения из Google.  Это всегда плохая затея. Автор изображения может разглядеть в вашем коллаже свою работу и подать иск против вас. Я бы посоветовал использовать сайты istockphoto или sxc.hu, они очень хорошо подойдут для начала. Также для этих целей очень неплохой сайт flickr (если вы будете спрашивать разрешение у фотографов на использование их работ).

4) Терпение. Для формирования типографического коллажа потребуется много времени. Главное не сдаваться и довести работу до ума.

5) Базовые знания Photoshop. В этом уроке используется инструмент Перо (Pen), Режимы смешивания (Blending modes), инструменты Трансформации (Transform) и другие фильтры и эффекты.

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

Шаг 1. Подготовка: Печать текста и редактирование фото

Итак, начнём. Первое, что нам нужно сделать – определить композицию, иными словами, нужно написать текст, который будет выступать у нас в роли основы. В данном случае я использую шрифт Sign Painter предоставленный  House Industries. Напишем что-нибудь короткое. Fly (Летать) – довольно простое слово, всего три буквы. Его отлично подчеркнут изображения птиц, так что будем работать с их образами.

Шаг 2

Следующее, что необходимо сделать – найти изображение и удалить фон. Я покажу, как это делать на одном примере, но на весь коллаж мне понадобилось, в целом, около 30-40 изображений. Для изображения с пеликаном я применил технику вырезания инструментом Перо (Pen) (создал обводку по контуру пеликана).

Шаг 3

Теперь, когда контур завершён, я кликаю правой кнопкой мыши и из выпадающего меню выбираю пункт Создать выделение (Make Selection), чтобы создать выделение пеликана.

Шаг 4

Затем я перехожу в меню Выделение (Select) – Уточнить край (Refine Edge). Мне нужно быть уверенным, что края у птицы чистые и ровные, что на них нет ничего постороннего.

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

Шаг 5

Итак, после того, как я уточнил края выделения, мне нужно отделить пеликана от фона. Нажмите сочетание клавиш Cmd/Ctrl+J, чтобы создать новый слой для выделения. Теперь пеликан располагается на отдельном слое. Посмотрите, какие чистые у него края.

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

Шаг 6. Формирование букв

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

Теперь начните формировать буквы, используя изображения. Проанализируйте фотографии, посмотрите, какое изображение лучше подойдёт для формирования первой буквы. Например, используем крыло для «ручки» буквы F. Опять же, не ограничивайтесь тем, что именно это определенное изображение, должно быть именно в этом месте. Вы можете найти что-то лучше.

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

Шаг 7

Как я уже отметил в предыдущем шаге, не бойтесь редактировать изображения. Инструмент деформации отлично подойдет для того, чтобы подогнать какую-то часть птицы под форму буквы. В данном случае я воспользовался инструментом Деформация (Warp) (Редактирование (Edit) – Трансформация (Transform) – Деформация (Warp)), чтобы выгнуть перо по форме буквы L.

Шаг 8

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

Шаг 9

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

Шаг 10

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

Я также постоянно думаю о том, все ли объекты расположены на своём месте. Некоторые из них я переместил в другое место, некоторые – удалил, какие-то сделал больше размером и т.д.

Шаг 11. Постобработка: добавление элементов и винтажного эффекта

Итак, я завершил работу над коллажем. Теперь нужно почистить и упорядочить файл. Удаляем все слои, которые не используются в коллаже и группируем объекты для каждой буквы в отдельную папку. Итак, теперь, когда у меня все приведено в порядок, сохраняю файл и перехожу к постобработке. Я хочу добавить на фон облака. Для этого создадим слой под нашим текстом и заполним его ярко-синим цветом. Затем, находим изображение с облаками.

Теперь отделим облака от фона. Будет издевательством вырезать облака инструментом Перо (Pen), воспользуемся вместо этого каналами (channels). Для начала необходимо обесцветить изображение – Cmd/ctrl+Shift+U. Затем перейдите в меню Изображение (Image) – Коррекции (Adjustments) - Уровни (Levels) или нажмите сочетание клавиш Cmd/Ctrl+L. Убедитесь, что между небом и облаками очень высокий контраст. Должно получиться вот так:

Шаг 12

Затем перейдите к панели Каналы (Channels). Cmd/Ctrl+клик по миниатюре канала RGB. Это действие выделит самые яркие участки изображения, в данном случае, это будут облака.

Шаг 13

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

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

Шаг 14

Чтобы цвета гармонировали между собой, добавим цветовую коррекцию Баланс цвета (Color Balance). Поскольку фон синий, я добавлю легкий синий цвет ко всем предметам коллажа. Не в смысле, чтобы всё залить синим, а лишь придать легкую дымку, чтобы все цвета немного уходили в синеву.

Добавим немного шума и частиц, чтобы придать легкий винтажный эффект. Да, на сегодняшний день этот эффект является супер трендом, но мы не будем совсем на нем зацикливаться. Добавим лишь легкое напоминание этого эффекта. Для начала необходимо скопировать все слои и слить их в  один. Это будет ваш слой-фильтр. Затем добавьте шум. Фильтр (Filter) – Шум (Noise) – Добавить шум (Add Noise). Вот какие настройки применил я, вы же выставляйте на свое усмотрение:

Шаг 15

Затем примените Размытие по Гауссу (Gaussian Blur). Фильтр (Filter)  - Размытие (Blur) – Размытие по Гауссу (Gaussian Blur).

Шаг 16

Переходим к умной резкости. Фильтр (Filter)  - Резкость (Sharpen) – Умная резкость (Smart Sharpen). Опять же, здесь указаны параметры, которые применил я. Экспериментируйте со своим изображением. Убедитесь, что для параметра Remove (Удалить) выбрано Размытие по Гауссу (Gaussian Blur).

А вот и результат.

Слишком сильный эффект, как мне кажется, поэтому я уменьшаю Непрозрачность (Opacity) до 40%.

Шаг 17

Создаю еще один слой, заливаю его бледно-желтым цветом, устанавливаю Режим смешивания (Blending mode) на Умножение (Multiply) и устанавливаю Непрозрачность (Opacity) на 60%.

Вот и все. А вот еще примеры типографического коллажа:

Автор: Oliver Barrett 

photoshop-master.ru


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