-Рубрики

 -Поиск по дневнику

Поиск сообщений в Lidia52

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 02.06.2011
Записей: 13971
Комментариев: 1909
Написано: 17481


Создание сборной композиции в медиа-стиле

Пятница, 29 Июня 2012 г. 20:57 + в цитатник


 

Создание сборной композиции в медиа-стиле

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

Ресурсы урока

-водяные брызги
-мужская голова
-Paint Splatter
-лепестки
-кисти со звездами
-грязные кисти
-сферы с узорами
-воздушные шары
-голова оленя
-текстура окрашенной поверхности
-модель
-пламя


Шаг 1

Начнем с создания нового документа вот такого размера:



Создание сборной композиции в медиа-стиле



Шаг 2

Слегка текстурированный фон всегда смотрится лучше, чем совсем пустой. Откройте текстуру с окрашенной


поверхностью в Photoshop и перетащите ее на свою композицию.



Создание сборной композиции в медиа-стиле



Шаг 3

Обесцветьте тектуру (Ctrl+Shift+U). Возможно, вам придется подкорректировать ее размер в соответствии с


размерами холста.



Создание сборной композиции в медиа-стиле



Шаг 4

Подкорректируйте Непрозрачность (Opacity) и режим Наложения слоя, так, чтобы текстура едва


просматривалась. Откройте окно Параметров наложения (Blending Options), дважды кликнув по иконке слоя.



Создание сборной композиции в медиа-стиле



Шаг 5

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


себе остальные графические элементы. Задайте цвет #000000. Начнем с рисования круга в центре холста, при


помощи инструмента Эллипс (Ellipse Tool). На панели опций выберите режим Слой-фигура (Shape layers). Работа


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


могут быть трансформированы без потери качества.



Создание сборной композиции в медиа-стиле



При помощи инструмента Прямоугольник (Rectangle Tool) нарисуйте вот такую фигуру. При помощи инструмента


Стрелка (Direct Selection Tool) измените положение угла фигуры.



Создание сборной композиции в медиа-стиле



Шаг 6

Нажав Ctrl+T, поверните эту фигуру на 45 градусов. Контролируйте параметры по Информационной панели.



Создание сборной композиции в медиа-стиле



Шаг 7

Переместите фигуру. Продублируйте слой несколько раз. Распределите дубликаты по холсту следующим


образом:



Создание сборной композиции в медиа-стиле



Теперь создадим нижнюю часть:



Создание сборной композиции в медиа-стиле



Шаг 8

Создайте еще один круг снаружи основного круга. Продублируйте его (Ctrl+J). Увеличьте его масштаб примерно


до 145%. Чтобы сохранить центровку в процессе масштабирования, удерживайте Alt+Shift.



Создание сборной композиции в медиа-стиле



Шаг 9

Теперь давайте создадим отверстие внутри круга. Кликните по иконке векторной маски. Скопируйте контур


путем нажатия Ctrl+C и вставьте его на холст - Ctrl+V. Нажатием Ctrl+T инициируйте свободную трансформацию и


уменьшите масштаб до 80%.



Создание сборной композиции в медиа-стиле



Выберите внутренний круг, на верхней панели опций выберите пункт “Вычесть область пересечения фигур”


(Exclude overlapping shape areas), чтобы образовать отверстие.



Создание сборной композиции в медиа-стиле



Шаг 10

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



Создание сборной композиции в медиа-стиле



Шаг 11


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


продублируйте серединный слой и расположите его под остальными.



Создание сборной композиции в медиа-стиле



Проделайте в круге отверстие.



Создание сборной композиции в медиа-стиле



Шаг 12

Будем работать с вот этой частью круга. Скройте ненужные участки.



Создание сборной композиции в медиа-стиле



Шаг 13

Создайте новый слой над обрезанным кругом. При помощи Карандаша (Pencil Tool) диаметром 1 пикс.


нарисуйте следующий узор. Выделите его при помощи Прямоугольной области (Marquee Tool). Пройдите в меню


Редактирование > Определить узор (Choose Edit > Define Pattern)



Создание сборной композиции в медиа-стиле



Шаг 14

Наложите узор на подготовленный участок круга. Для этого выделите оба эти слоя и нажмите Ctrl+Alt+G.



Создание сборной композиции в медиа-стиле



Шаг 15

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



Создание сборной композиции в медиа-стиле

Создание сборной композиции в медиа-стиле



Шаг 16

Уменьшите непрозрачность заливки (fill) до 0% и примените стиль слоя Обводка (stroke).



Создание сборной композиции в медиа-стиле



Шаг 17

При помощи слоя-маски скройте часть круга.



Создание сборной композиции в медиа-стиле



Шаг 18

Откройте в Photoshop стоковое изображение модели. Отделите ее от фона. Для выделения модели по ее контуру


используйте инструмент Перо (Pen Tool). Будьте аккуратны при выделении области волос.



Создание сборной композиции в медиа-стиле



Шаг 19

Скопируйте модель и вставьте ее на свой основной документ. Конвертируйте слой в Смарт-объект (Smart


Object): Слои > Смарт-объекты > Конвертировать в смарт-объект (Layer > Smart Objects > Convert to Smart Object).


Измените размер модели.



Создание сборной композиции в медиа-стиле



Шаг 20

Размойте маску: Фильтр > Размытие > Умное размытие (Filter > Blur > Smart Blur).



Создание сборной композиции в медиа-стиле



Шаг 21

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


создания слоя-маски (Add layer mask).



Создание сборной композиции в медиа-стиле



Шаг 22

Проявите дополнительные области слоя с моделью.



Создание сборной композиции в медиа-стиле



Шаг 23

Проявите остальную часть изображения.



Создание сборной композиции в медиа-стиле



Шаг 24

Подкорректируйте цвета изображения при помощи корректирующих слоев - Кривые (Curves) и Вибрация


(Vibrance):



Создание сборной композиции в медиа-стиле



Шаг 25

Откройте в Photoshop изображение с головой оленя. Далее нужно изменить цветовую схему: Редактирование >


Режим > RGB. После этого, перетащите голову на свою композицию. Инвертируйте изображение: Ctrl+I.



Создание сборной композиции в медиа-стиле



Расположите слой с головой оленя под слоем с девушкой. Измените режим наложения на Яркость (Lighten).



Создание сборной композиции в медиа-стиле



Шаг 26

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


команды Кривые (Curves).



Создание сборной композиции в медиа-стиле



Шаг 27

Перетащите изображение на свой холст. Измените его размер и отразите горизонтально.



Создание сборной композиции в медиа-стиле



Шаг 28

Измените режим наложения на Умножение (Multiply).



Создание сборной композиции в медиа-стиле



Шаг 29

Продублируйте слой с головой и инвертируйте его.



Создание сборной композиции в медиа-стиле



Шаг 30

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


оставляя ту, что внутри круга.



Создание сборной композиции в медиа-стиле



Шаг 31

Наложите градиент на внешний круг.



Создание сборной композиции в медиа-стиле



Шаг 32

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


над внешним кругом.



Создание сборной композиции в медиа-стиле



Шаг 33

Интегрируйте пламя внутрь круга. Замаскируйте его при помощи выделенной области круга.



Создание сборной композиции в медиа-стиле



Шаг 34

Измените режим наложения слоя на Экран (Screen). Уменьшите насыщенность этого слоя при помощи окна


настроек Цветового тона/Насыщенности: Ctrl+U.



Создание сборной композиции в медиа-стиле



Шаг 35

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


Кликните по маске слоя с пламенем и откройте окно настроек Уровней: Ctrl+L. В поле средних тонов (mid tones)


введите максимальное значение.



Создание сборной композиции в медиа-стиле



Шаг 36

Теперь интегрируем различные графические элементы в слои-фигуры. Сначала откройте в Photoshop


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


Скопируйте и вставьте его на свой холст.



Создание сборной композиции в медиа-стиле



Шаг 37

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



Создание сборной композиции в медиа-стиле



Шаг 38

При помощи инструмента Лассо (Lasso Tool) скопируйте брызги. Расположите их поверх другого слоя-фигуры на


своем холсте. Уменьшите масштаб брызг и отразите их горизонтально (flip horizontally).



Создание сборной композиции в медиа-стиле



Шаг 39

Примените Умное размытие (Unsharp Mask) и усильте резкость деталей. Далее, наложите брызги на фигуру,


содержащуюся в нижележащем слое.



Создание сборной композиции в медиа-стиле



Шаг 40

Загрузите в свою палитру слое “грязные” кисти. Выберите одну из них и наложите на холст один мазок.



Создание сборной композиции в медиа-стиле



Шаг 41

Наложите этот мазок на слой-фигуру.



Создание сборной композиции в медиа-стиле



Шаг 42

Добавляем элементы. Например, сферу из набора в разделе ресурсов урока.



Создание сборной композиции в медиа-стиле



Затем, воздушный шар.



Создание сборной композиции в медиа-стиле



Шаг 43

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


бабочку на основе стокового изображения.



Создание сборной композиции в медиа-стиле

Создание сборной композиции в медиа-стиле



Шаг 44

Создайте в Illustrator вот такой завиток. Выделите линии и нажмите Ctrl+Alt+B.



Создание сборной композиции в медиа-стиле

Создание сборной композиции в медиа-стиле




Шаг 45

Примените стиль слоя Наложение цвета (color overlay).



Создание сборной композиции в медиа-стиле




Шаг 46

Перетащите этот эскиз на свой холст. Он сделает композицию более органичной. Расположите его под слоями-


фигурами. Подкорректируйте размер завитка в соответствии с размерами холста.



Создание сборной композиции в медиа-стиле




Шаг 47

Продолжаем украшать композицию. Загрузите в палитру кистей кисти со звездами. Активируйте кисть и


выставьте следующие параметры:



Создание сборной композиции в медиа-стиле


Пройдитесь по композиции этой кистью.



Создание сборной композиции в медиа-стиле



Шаг 48

Теперь создадим пятно света. Создайте новый слой. Выберите мягкую круглую кисть. Задайте размер – 500 пикс.


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



Создание сборной композиции в медиа-стиле



Шаг 49

Расположите полоску над звездочками и инвертируйте ее.



Создание сборной композиции в медиа-стиле



Шаг 50

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



Создание сборной композиции в медиа-стиле



Шаг 51

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



Создание сборной композиции в медиа-стиле



Шаг 52

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



Создание сборной композиции в медиа-стиле



Шаг 53

Добавьте цвета:



Создание сборной композиции в медиа-стиле



Шаг 54

Измените режим наложения слоя на Экран (Screen).



Создание сборной композиции в медиа-стиле



Шаг 55

Обработайте модель.



Создание сборной композиции в медиа-стиле



Шаг 56

Создайте новый документ размером 350 X 350 пикселей. Залейте слой черным цветом. Примените эффект


бликов: Фильтр > Рендринг > Блик (Filter > Render > Lens Flare):



Создание сборной композиции в медиа-стиле



Шаг 57

Перетащите наше изображение с бликами на основной холст. Расположите его над слоем с бабочкой. Измените


режим наложения слоя на Экран (Screen).



Создание сборной композиции в медиа-стиле



Шаг 58

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



Создание сборной композиции в медиа-стиле




Шаг 59

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



Создание сборной композиции в медиа-стиле


Шаг 60

Прочертите при помощи инструмента Линия (Line Tool) несколько линий. Поверните их на 45 градусов.



Создание сборной композиции в медиа-стиле



Шаг 61

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


вам покажется, что на композиции следует что-то изменить, улучшить – экспериментируйте! Постарайтесь


проявить креативность.


Создание сборной композиции в медиа-стиле

http://zerolayer.ru

Рубрики:  ФОТОШОП И ДР./Уроки ФШ и др.


Процитировано 3 раз
Понравилось: 1 пользователю

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку