Сайт ищет новых владельцев. Пишите на e2network@yandex.ru с темой "Покупка psd.by"

Создаем микс-медиа дизайн в фотошопе

Категория: Работа с фотографиями|Работа с эффектами|Рисование в Photoshop|Создание коллажей|Уроки Photoshop

8 Окт 2012

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

Вот, что у нас должно получиться:

clip_image002[1]

Создаём микс-медиа дизайн в фотошопе

Для урока нам понадобится:
Шаг 1

Создаем новый документ с параметрами как на рисунке.

clip_image004[1]

Шаг 2

Текстурированный фон выглядит лучше, чем обычный. Поэтому выбираем из наших ресурсов текстуру краски (Paint texture ) и располагаем ее в фотошопе.

clip_image006[1]

Шаг 3

Сейчас обесцветим нашу текстуру (Ctrl+Shift+U). Вам понадобится изменить размеры текстуры для соответствия размерам документа.

clip_image008[1]

Шаг 4

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

clip_image010[1]

Шаг 5

Сейчас нам необходимо создать несколько фигур, которые определят общий дизайн и будут содержать графические элементы. Устанавливаем цвет #000000. Начнем с середины, для этого нарисуем круг с помощью Ellipse Tool (Эллипс) в режиме Shape layers (Слой-фигуры). Работа с векторными фигурами очень продуктивна и сохраняет время. Разрешение векторных фигур не страдает от изменения их размеров.

clip_image012[1]

Рисуем прямоугольник с помощью Rectangle Tool (Прямоугольник). Изменяем угол прямоугольника с помощью Direct Selection Tool (Стрелка).

clip_image014[1]

Шаг 6

Нажимаем Ctrl+T и поворачиваем фигуру на -45 градусов. Используем палитру Info (Инфо), чтобы посмотреть изменения.

clip_image016[1]

Шаг 7

Передвигаем нашу фигуру. Потом дублируем слой с ней несколько раз. Располагаем слои как показано на рисунке.

clip_image018[1]

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

clip_image020[1]

Шаг 8

Создаем еще один круг, больше предыдущего. Копируем круг (Ctrl+J) и изменяем масштаб на 145%. Или зажимаем Alt+Shift во время масштабирования, чтобы следить за изменениями размера.

clip_image022[1]

Шаг 10

Сейчас нам необходимо сделать отверстие в круге. Нажимаем на Vector Mask (Векторная маска слоя) копируем путь Ctrl+C и вставляем Ctrl+V. Нажимаем Ctrl+T и уменьшаем масштаб до 80%.

clip_image024[1]

Выбираем внутренний круг, в верхнем меню нажимаем опцию "Exclude overlapping shape areas" (Вычесть опцию пересечения фигур), чтобы сделать отверстие в круге.

clip_image026[1]

Шаг 11

Нам не нужен весь круг, а только его часть. Спрячем ненужную часть с помощью маски слоя.

clip_image028[1]

Шаг 12

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

clip_image030[1]

Делаем отверстие в круге.

clip_image032[1]

Шаг 13

Я хочу использовать только эту часть круга, остальные части спрячем.

clip_image034[1]

Шаг 14

Создаем слой над обрезанным кругом. Воспользуемся Pencil Tool (Карандаш) с диаметром 1px , чтобы нарисовать узор. Выбираем его с помощью Marquee Tool. Переходим Edit > Define Pattern (Редактирование — Определить узор).

clip_image036[1]

Шаг 15

Присоединим слой с узором к слою с кругом с помощью Ctrl+Alt+G.

clip_image038[1]

Шаг 16

Дублируем слой с кругом и удаляем маску слоя. Удаляем внутренний круг.

clip_image040[1]

clip_image042[1]

Шаг 17

Уменьшаем непрозрачность дубликата круга до 0%. Потом добавляем обводку.

clip_image044[1]

Шаг 19

Спрячем часть круга с помощью маски слоя.

clip_image046[1]

Шаг 20

Открываем изображение Model в фотошопе. Извлекаем изображение с фона с помощью Pen Tool (Перо). Будьте внимательны при выделении волос.

clip_image048[1]

Шаг 21

Копируем и вставляем модель в основной документ. Конвертируем слой в Smart Object (Смарт-объект) ( Layer > Smart Objects > Convert to Smart Object) и изменяем его размер.

clip_image050[1]

Шаг 22

Наносим Unsharp Mask (Filter > Blur > Smart Blur).

clip_image052[1]

Шаг 23

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

clip_image054[1]

Шаг 24

Приоткроем некоторые области изображения модели. Выбираем цвет переднего плана — (#ffffff) и заполняем выделение (Alt+Backspace) на маске слоя с моделью.

clip_image056[1]

Шаг 25

Открываем остальную часть изображения.

clip_image058[1]

Шаг 26

Добавляем корректирующие слои – Curves(Кривые) и Vibrance (Вибрация).

clip_image060[1]

Располагаем их над моделью. Меняем режим смешивания на Lighten.

clip_image062[1]

Шаг 28

Открываем изображение мужчины (Male Head). Обесцвечиваем изображение. Регулируем яркость и контраст, используя команду Curves (Кривые).

clip_image064[1]

Шаг 29

Располагаем мужчину в композиции. Изменяем его размеры и отражаем его горизонтально  (Edit-Transform-Flip to Horizontally).

clip_image066[1]

Шаг 30

Меняем режим смешивания на Multiply

clip_image068[1]

Шаг 31

Дублируем слой с мужской головой и инвертируем его.

clip_image070[1]

Шаг 32

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

clip_image072[1]

Шаг 33

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

clip_image074[1]

Шаг 34

Загружаем изображение пламени (Flames). Копируем одно и вставляем над внешним кругом.

clip_image076[1]

Шаг 35

Вставим пламя в кольцо. Выделяем слой с кольцом и на слое с пламенем скрываем лишнее с помощью маски.

clip_image078[1]

Шаг 36

Меняем режим смешивания на Screen. Увеличим насыщенность пламени с помощью Hue/Saturation (Ctrl+U).

clip_image080[1]

Шаг 37

Сократим немного маску, чтобы удалить искажения по краям пламени, вызванные полупрозрачными пикселями. Щелкаем по маске слоя с пламенем и применяем коррекцию Levels (Уровни) (Ctrl + L). Увеличиваем значение полутонов до максимума.

clip_image082[1]

Шаг 38

Сейчас добавим к нашим фигурам различные графические элементы. Для начала загрузите лепестки (Tulip Petals) в фотошоп. Выбираем лепесток, копируем его и переносим в наш файл.

clip_image084[1]

Шаг 39

Располагаем лепесток над тем слоем с фигурами, который хотим украсить

clip_image086[1]

Step 40

Копируем (the splash) изображение всплеска, используя Lasso Tool. Вставляем его над следующей фигурой. Уменьшаем его и отражаем по горизонтали.

clip_image088[1]

Шаг 41

Применяем к всплеску фильтр Unsharp Mask (Контурная резкость) для выделения деталей. Потом добавляем обтравочную маску (Ctrl+Alt+G).

clip_image090[1]

Шаг 42

Загружаем кисти Grunge из материалов урока и добавляем их в набор кистей. Выбираем из набора кисть и наносим штрих.

clip_image092[1]

Шаг 43

Добавляем на слой с рисунком обтравочную маску (Ctrl+Alt+G).

clip_image094[1]

Шаг 44

Добавляем больше элементов. Добавим из материалов урока сферу.

clip_image096[1]

Выбираем одно изображение из набора воздушных шаров в материалах урока.

clip_image098[1]

Шаг 45

Добавим бабочек из набора произвольных. Вы можете нарисовать и свою бабочку.

clip_image100[1]

clip_image102[1]

Шаг 46

Теперь создадим изогнутый переход в Иллюстраторе. Двойным кликом по иконке инструмента «Blend» (Переход) открываем окно его настроек. Вводим нужное кол-во шагов. Выбираем линии и нажимаем Ctrl+Alt+B. Вставляем нашу фигуру в фотошоп. Добавляем маску слоя (Layer Mask) на слой с сеткой и скрываем верхнюю и нижнюю части фигуры.

clip_image104[1]

clip_image106[1]

Шаг 47

Добавляем наложение цвета.

clip_image108[1]

Шаг 48

Открываем изображение брызг краски из материалов урока и переносим его в документ. Размещаем брызги под слоями с фигурами и изменяем размер под нашукомпозицию.

clip_image110[1]

Шаг 49

Добавим несколько улучшений. Загрузите star brushes из материалов урока в набор кистей. Выберите необходимую кисть и установите параметры как на картинке.

clip_image112[1]

Добавляем блик как на картинке.

clip_image114[1]

Шаг 50.

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

clip_image116[1]

Шаг 51

Расположите линию над звездой и инвертируйте цвета (Ctrl+I).

clip_image118[1]

Шаг 52

Поверните линию на -45 градусов.

clip_image120[1]

Шаг 53

Добавим несколько звездочек из набора кистей и с помощью мягкой кисти. Для кисти выбираем белый цвет.

clip_image122[1]

Шаг 54

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

clip_image124[1]

Шаг 55

Добавим немного цвета.

clip_image126[1]

Шаг 56

Изменим режим смешивания слоя на Screen.

clip_image128[1]

Шаг 57

Сделаем дополнительную обработку девушки.

clip_image130[1]

Шаг 58

Создаем новый документ 350 X 350 pixels. Фон делаем черный. Переходим в меню Filter > Render > Lens Flare(Фильтр-Рендеринг-Блик).

clip_image132[1]

Шаг 59

Переносим блик в нашу композицию. Расположите его над бабочкой, измените режим смешивания на Screen.

clip_image134[1]

Шаг 60

Добавляем несколько цветных пятен с помощью кисти.

clip_image136[1]

Шаг 61

Ниже добавляем узор из набора фигур. Преобразуем его.

clip_image138[1]

Шаг 62

Добавим несколько линий с помощью Line Tool. Рисуем их под углом 45 градусов по всему холсту.

clip_image140[1]

Шаг 63

В конце добавляем текст из материалов урока. Нажимаем Ctrl+0 и смотрим на весь дизайн. Если вы чувствуете, что нужно что-то исправить или добавить в композицию, не стесняйтесь делать это, и старайтесь подойти к этому творчески.

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

clip_image141[1]

Источник: http://photoshoptutorials.ws/photoshop-tutorials/photo-manipulation/create-a-mixed-media-style-design-in-photoshop/all-pages.html

Написать комментарий

О PSD.by

PSD.by - это сайт, полностью посвященный работе с Adobe Photoshop. Не важно кто вы - матерый волк Фотошопа или начинающий дизайнер, который только делает свои первый шаги. На нашем сайте вы найдете для себе много полезного - от простых до сложных уроков, большой каталог дополений для Photoshop.
Если Фотошоп для вас - это не просто название софта, то вы попали по адресу!

  • Pavel: Добрый день! Прошу прислать Бесплатный макет футболок [...]
  • Андрей: Добрый день! Прошу прислать Бесплатный макет футболок [...]
  • Лидия: Добрый день! Прошу прислать Бесплатный макет футболок [...]
  • andrey: Добрый день! Прошу прислать Бесплатный макет футболок [...]
  • Ваграм: Просто офигенно :) [...]
Creative Suite 5 Patterns для фотошопа Примеры работ дизайнеров Работа с фотографиями Рисование в Photoshop Создание обоев для рабочего стола Уроки Photoshop гламурные кисти для фотошопа дизайн сайтов дизайн сайтоы кисти для Photoshop новогодние стили для фотошопа обработка фото в фотошопе отделение объекта от фона в фотошопе паттерны для фотошопа пример креативных дизайнов работа с текстов в фотошоп работа с текстом работа с текстом в photoshop работа с текстурами работа с эффектами в фотошоп рамки для фото в psd релиз Photoshop скачать дополнения для photoshop скачать иконки в psd скачать иконки для фотошопа скачать кисти для фотошопа скачать паттерны для Photoshop скачать стили для Photoshop скачать тени для фотошопа скачать шаблон фото скачать шрифты для фотошопа создание баннеров в фотошопе создание коллажей в фотошопе создание макетов рекламы создание макетов сайта в фотошопе создание сайтов в фотошопе стили для фотошопа стили фотошоп тени для фотошопа травяная текстура уроки фотошоп шаблоны для коллажей шаблоны фото для фотошоп шаблоны фото для фотошопа

Это интересно!