-Рубрики

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

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

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

 

 -Статистика

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


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

Понедельник, 01 Апреля 2013 г. 01:32 + в цитатник
Цитата сообщения Lidia52 Создание сборной композиции в медиа-стиле


 

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

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

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

-водяные брызги
-мужская голова
-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

__________________________________________________________________________________________________________ Фотограф на свадьбу Киев. Свадебный фотограф Киев. Фотосъемка LoveStory. Создание свадебного слайд-шоу. Создание свадебной фотокниги. Свадебная фотосессия. Фотосъемка Киев. Фотосессия беременных Киев. Студийная фотосессия. Фотосессия в студии. Детская фотосессия. Фотосъемка детских утренников. Фотосъемка детских праздников. Фотосъемка детских дней рождений. Фотограф на детский день рождения. Создание детской фотокниги. Фотосъемка выпускных детских садов. Фотосъемка школьных выпускных. Фотосъемка выпускных института. Создание выпускных фотоальбомов для детского сада, школы и института.
+38-067-422-95-73 Николай fotoimage.com.ua
Рубрики:  Фотошоп/Коллаж в Photoshop
Метки:  

 

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

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

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

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