Pozitive Girl | Форум для девочек и девушек всех возрастов

Вы хотите отреагировать на этот пост ? Создайте аккаунт всего в несколько кликов или войдите на форум.

Участников: 2

    Создаём яркий коллаж в Фотошоп

    Cerulean
    Cerulean
    Salvatore


    Создаём яркий коллаж в Фотошоп Empty Создаём яркий коллаж в Фотошоп

    Сообщение автор Cerulean Ср Янв 04, 2012 8:43 pm

    Создаём яркий коллаж в Фотошоп

    Сегодня мы представляем ещё один потрясающий урок для наших читателей. Если вы хотите узнать, как совместить в одном дизайне различные векторные изображения, кисти и стоковое изображение в программе Adobe Photoshop CS5, то этот урок для вас. Давайте приступим к уроку!
    Итоговый результат

    Создаём яркий коллаж в Фотошоп 1

    В начале создайте новый документ Ctrl+N в программе Adobe Photoshop CS5, размерами 800 px на 1024 px, цветовой режим (color mode) RGB, при разрешении (resolution) 72 px /дюйм. Выберите инструмент Заливка (Paint Bucket Tool (G), чтобы залить цветовым оттенком # 05A4B9 новый слой, который будет фоновым слоем.

    Создаём яркий коллаж в Фотошоп 2

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

    Создаём яркий коллаж в Фотошоп 3

    Удалите задний фон с помощью вашего любимого инструмента, как Перо (Pen Tool (P), Волшебная палочка (Magic Wand Tool (W), Магнитное лассо (Magnetic Lasso (L) или проще через Фильтр – Извлечь (Filter>Extract) и вставьте в наш основной документ на новый слой.

    Создаём яркий коллаж в Фотошоп 4

    Нажмите иконку Добавить стиль слоя (Add a layer style) в нижней части панели инструментов и выберите опцию Тиснение (Bevel and Emboss).

    Создаём яркий коллаж в Фотошоп 5

    Мы получим следующий результат:

    Создаём яркий коллаж в Фотошоп 6

    Создайте новый слой и выберите Мягкую круглую кисть (Soft Round brush).

    Создаём яркий коллаж в Фотошоп 7

    Прокрасьте кистью, как показано на скриншоте ниже. Цветовой оттенок установите #143648, в настройках кисти, установите Непрозрачность (Opacity) кисти на 20%. Слой должен быть расположен ниже слоя с девушкой.

    Создаём яркий коллаж в Фотошоп 8

    Создайте ещё один новый слой и на нём также примените Мягкую круглую кисть, такую же, как и в предыдущем шаге и продолжите прокрашивать кистью. Цветовой оттенок кисти установите на #143648, непрозрачность кисти – 10%. Этот слой также должен быть расположен ниже слоя с девушкой.

    Создаём яркий коллаж в Фотошоп 9

    Создайте новый слой, залейте новый слой чёрным цветом с помощью инструмента Заливка (Paint Bucket Tool (G). Далее, к слою примените фильтр, идём Фильтр – Рендеринг – Облака (Filter > Render > Clouds). Этот слой необходимо поместить ниже слоя с девушкой.

    Создаём яркий коллаж в Фотошоп 10

    К созданному слою примените уровни, нажав клавиши CTRL+L , чтобы появилось диалоговое окно Уровни (Levels). Установите Выходные значения (Output Levels): 0/85:

    Создаём яркий коллаж в Фотошоп 11

    Мы получим следующий результат:

    Создаём яркий коллаж в Фотошоп 12

    Далее, нам понадобится инструмент Свободная Трансформация (Free Transform) Ctrl+T, мы масштабируем слой, создав подобие плоскости.

    Создаём яркий коллаж в Фотошоп 13

    К слою добавьте слой- маску, нажав кнопку в нижней панели инструментов Добавить слой-маску (Add layer mask), далее, выберите мягкую круглую кисть чёрного цвета, установите непрозрачность кисти на 15%.

    Создаём яркий коллаж в Фотошоп 14

    С помощью чёрной кисти начните прорисовывать на слой –маске, чтобы спрятать некоторую часть слоя, как показано на скриншоте ниже.

    Создаём яркий коллаж в Фотошоп 15

    Ещё раз создайте новый слой и к этому слою, мы применим ту же самую мягкую круглую кисть, которую мы использовали в предыдущем шаге.

    Создаём яркий коллаж в Фотошоп 16

    Примените кисть на новом слое, как показано на скринщоте ниже. Цвет кисти выберите #006BA3, непрозрачность кисти – 20%. Поместите этот слой ниже слоя с девушкой.

    Создаём яркий коллаж в Фотошоп 17

    На следующем новом слое, мы применим ту же самую мягкую круглую кисть белого цвета, непрозрачность кисти – 20%, чтобы нарисовать белую область позади модели.

    Создаём яркий коллаж в Фотошоп 18

    Поменяйте режим наложения этого слоя на Жёсткий микс (Hard Mix).

    Создаём яркий коллаж в Фотошоп 19

    Продублируйте слой с изображением модели (удалите стили слоя Тиснение (Bevel and Emboss) и примените к дубликату слоя Наложение цвета (Color Overlay):

    Создаём яркий коллаж в Фотошоп 20

    Мы получили следующий результат:

    Создаём яркий коллаж в Фотошоп 21

    Поместите слой ниже, чем основной слой с моделью. Далее, выберите инструмент Свободная Трансформация (Free Transform (Ctrl+T), выберите опцию Искажение (Warp) и наклоните изображение, чтобы создать тень девушки. Поместите слой ниже основного слоя с моделью.

    Создаём яркий коллаж в Фотошоп 22

    К слою с тенью примените слой-маску, нажав кнопку Добавить слой- маску (Add layer mask) в нижней палитре инструментов, далее, выберите мягкую круглую кисть чёрного цвета, непрозрачность кисти установите на 15% .

    Создаём яркий коллаж в Фотошоп 24

    Примените кисть на слой-маске, чтобы скрыть часть тени, как показано на скриншоте ниже.

    Создаём яркий коллаж в Фотошоп 24

    Выберите кисть «Star 33 px» и зайдите в закладку Кисти (Brushes), чтобы настроить кисть. Выберите опцию Форма отпечатка кисти (Brush Tip Shape). Измените угол, размер, интервал, как показано на скриншоте ниже. В окне предварительного просмотра, вы можете увидеть настроенную кисть.

    Создаём яркий коллаж в Фотошоп 25

    Далее, идём в опцию Динамика формы (Shape Dynamics):

    Создаём яркий коллаж в Фотошоп 26

    Далее, идём в опцию Рассеивание (Scattering):

    Создаём яркий коллаж в Фотошоп 27

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

    Создаём яркий коллаж в Фотошоп 28

    Продублируйте последний слой, который вы создали:

    Создаём яркий коллаж в Фотошоп 29

    Создайте новый слой и нарисуйте кистью ещё больше точек, на этот раз более мелких.

    Создаём яркий коллаж в Фотошоп 30

    Давайте создадим лучи, которые будут направлены снизу вверх. Создайте новый документ Файл – Новый (File>New) размерами 500 px на 500 px, цветовой режим (color mode) RGB при разрешении 72 px/дюйм. Выберите инструмент Градиент (Gradient Tool (G) и откройте Редактор градиентов (Gradient Editor), щёлкнув по градиенту в верхней панели инструментов. Выберите чёрно- белый градиент и примените градиент к нашему новому документу, который мы создали, снизу вверх.

    Создаём яркий коллаж в Фотошоп 31

    К слою, который мы создали, примените следующий фильтр Фильтр – Искажение – Волна (Filter>Distort>Wave):

    Создаём яркий коллаж в Фотошоп 32

    Мы получим следующий результат:

    Создаём яркий коллаж в Фотошоп 33

    Далее, переместите этот слой на наш основной документ и примените инструмент Свободная Трансформация (Free Transform (Ctrl+T), выберите опцию Искажение (Warp), чтобы изменить форму, как на скриншоте ниже.

    Создаём яркий коллаж в Фотошоп 34

    Уменьшите Заливку (Fill) для этого слоя до 42% и поменяйте режим наложения на Линейный осветлитель (Linear Dodge).

    Создаём яркий коллаж в Фотошоп 35

    К слою добавьте слой- маску, нажав кнопку в нижней панели инструментов Добавить слой- маску (Add layer mask), далее, выберите мягкую круглую кисть чёрного цвета, установите непрозрачность кисти на 20 %.

    Создаём яркий коллаж в Фотошоп 36

    Примените кисть на слой- маске, чтобы скрыть верхнюю часть лучей.

    Создаём яркий коллаж в Фотошоп 37

    Продублируйте слой с лучами и уменьшите Заливку (Fill) до 9%.

    Создаём яркий коллаж в Фотошоп 38

    Создайте ещё одну копию слоя с лучами и выберите инструмент свободная трансформация Ctrl+T, чтобы немного приподнять лучи в левую часть изображения и немного уменьшить их. Нам необходимо также уменьшить заливку слоя до 29%. Слой будет располагаться ниже, чем слой с моделью.

    Создаём яркий коллаж в Фотошоп 39

    Далее, выберите инструмент Многоугольник (Polygon Tool (U), в верхней панели инструментов в окне Стороны (Sides), установите значение – 5 и нарисуйте несколько многоугольников белого цвета. Расположите слои с многоугольниками ниже, чем слой с моделью.

    Создаём яркий коллаж в Фотошоп 40

    Уменьшите Заливку (Fill) для этих слоёв до 24%.

    Создаём яркий коллаж в Фотошоп 41

    Соедините слои с многоугольниками в два растрированных слоя (многоугольники, которые расположены слева от модели объедините в один слой, а многоугольники справа от модели объедините во второй слой). Для этого, вы можете выделить слои, удерживая клавишу CTRL + кнопкой мыши выделять слои, затем нажать клавиши CTRL+E, чтобы слить слои вместе. Для растрированных слоёв, выберите следующий фильтр Фильтр - (Размытие – Размытие по Гауссу) (Filter>Blur>Gaussian blur).

    Создаём яркий коллаж в Фотошоп 42

    Выберите инструмент свободная трансформация Ctrl+T, чтобы расположить слои точно так же, как показано на скриншоте ниже:

    Создаём яркий коллаж в Фотошоп 43

    Поменяйте режим наложения для этого слоя на Перекрытие (Overlay).

    Создаём яркий коллаж в Фотошоп 44

    Далее, перейдите в программу Adobe Illustrator и выберите инструмент Спираль (Spiral Tool), чтобы нарисовать спираль чёрного цвета.

    Создаём яркий коллаж в Фотошоп 45

    Примечание переводчика: те, у кого не установлена программа Adobe Illustrator, могут пропустить следующие шаги. Я могу предложить вам несколько других вариантов создания спирали 1. Вы можете сами поискать на стоковых ресурсах уже готовые кисти «Спирали» 2. Или использовать те, которые я для вас нашёл кисти Спираль 3. Вы можете создать спираль в программе Adobe Photoshop с помощью инструмента произвольная фигура, в стандартном наборе фигур выберите фигуру Спираль, потом не забудьте растрировать слой.

    Нажмите левой кнопкой мыши по документу и в появившемся диалоговом окне инструмента спираль примените следующие значения.

    Создаём яркий коллаж в Фотошоп 46

    В панели настроек установите Шаг (Stroke) – 0.5pt, стиль кисти можно выбрать в опции Стиль (Style), Библиотека кистей – Границы – Пунктир (Brush Library > Borders > Borders_Dashed).

    Создаём яркий коллаж в Фотошоп 47

    У нас получится спираль, как на скриншоте ниже:

    Создаём яркий коллаж в Фотошоп 48

    Выделите спираль и нажмите клавиши CTRL+C, чтобы скопировать спираль. Возвращаемся обратно в программу Adobe Photoshop на наш документ. Нажимаем клавиши CTRL+V, чтобы вклеить как Смарт- объект (Smart Object). Выберите инструмент свободная трансформация Ctrl+T и поверните спираль, как показано на скринщоте ниже. Слой со спиралью расположите ниже, чем слой с моделью.

    Создаём яркий коллаж в Фотошоп 49

    Нажмите клавиши CTRL+I, чтобы инвертировать цвет. Уменьшите Заливку (Fill) до 64% для этого слоя и поменяйте режим наложения на Свечение (Luminosity).

    Создаём яркий коллаж в Фотошоп 50

    Продублируйте слой со спиралью, выберите инструмент свободная трансформация Ctrl+T, чтобы развернуть спираль и уменьшить её размер. Уменьшите заливку этого слоя до 59%. Слой с копией спирали расположите ниже, чем слой с моделью.

    Создаём яркий коллаж в Фотошоп 51

    Сейчас мы используем ранее созданные многоугольники, продублируйте слои с многоугольниками. Объедините их в один растрированный слой, а затем примените инструмент свободная трансформация Ctrl+T, чтобы расположить многоугольники, как показано на скриншоте ниже. Также к этому слою, примените фильтр Фильтр – Размытие – Размытие по Гауссу (Filter>Blur>Gaussian blur).

    Создаём яркий коллаж в Фотошоп 52

    У нас получится следующий результат.

    Создаём яркий коллаж в Фотошоп 53

    Поменяйте режим наложения для этого слоя на Перекрытие (Overlay).

    Создаём яркий коллаж в Фотошоп 54

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

    Создаём яркий коллаж в Фотошоп 55

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

    Создаём яркий коллаж в Фотошоп 56

    Нажмите кнопку в нижней панели инструментов Создать новый корректирующий слой или слой- заливку (Create new fill or adjustment layer) и выберите опцию Кривые (Curves), чтобы откорректировать форму кривой, как показано на скриншоте ниже, для того, чтобы провести небольшую цветовую коррекцию.

    Создаём яркий коллаж в Фотошоп 57

    Поместите корректирующий слой под слой с моделью.

    Создаём яркий коллаж в Фотошоп 58

    Создайте новый слой и выберите кисть Star 33 px, которую вы ранее уже применяли, установите цветовой оттенок для кисти #F069F4 для создания множества точек в центральной части документа. Поместите этот слой ниже слоя с моделью.

    Создаём яркий коллаж в Фотошоп 59

    К слою, который вы создали в предыдущем шаге, добавьте стили слоя, в нижней панели инструментов нажмите кнопку Добавить стили слоя (Add a layer style) и выберите опцию Внешнее свечение (Outer Glow).

    Создаём яркий коллаж в Фотошоп 60

    Поменяйте режим наложения на Жёсткий микс (Hard Mix).

    Создаём яркий коллаж в Фотошоп 61

    Создайте новый слой и выберите мягкую круглую кисть, установите цветовой оттенок кисти #FF00CB, непрозрачность кисти – 20%.

    Создаём яркий коллаж в Фотошоп 62

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

    Создаём яркий коллаж в Фотошоп 63

    В следующем шаге мы будем использовать следующие векторные изображения – WG Funny Swirls . Скачайте векторные изображения и поместите на наш документ. Поместите слой с векторными изображениями ниже слоя с моделью.

    Создаём яркий коллаж в Фотошоп 64

    К слою с векторным изображением, примените стили слоя, выберите опцию Тиснение (Bevel and Emboss).

    Создаём яркий коллаж в Фотошоп 65

    Мы получим следующий результат:

    Создаём яркий коллаж в Фотошоп 66

    Нажмите кнопку в нижней панели инструментов Создать новый корректирующий слой или слой- заливку (Create new fill or adjustment layer) и выберите опцию Цветовой тон / Насыщенность (Hue/Saturation).

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

    Создаём яркий коллаж в Фотошоп 67

    Потяните бегунок в левую сторону, чтобы приглушить цветовой ряд Цветового тона (Hue).

    Создаём яркий коллаж в Фотошоп 68

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

    Создаём яркий коллаж в Фотошоп 69

    Мы получим следующий результат:

    Создаём яркий коллаж в Фотошоп 70

    Сейчас мы попробуем растрировать слой с модель. В этом случае, создайте новый слой поверх слоя с моделью, выделите два слоя с помощью клавиши CTRL+ щёлкнуть по каждому слою, а затем нажмите клавиши CTRL+E, чтобы слить эти два слоя. Также добавьте слой- маску к нашему объединённому слою, нажав в нижней палитре инструментов кнопку Добавить слой- маску (Add layer mask). Далее, выберите жёсткую круглую кисть чёрного цвета.

    Создаём яркий коллаж в Фотошоп 71

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

    Создаём яркий коллаж в Фотошоп 72

    Нажмите кнопку в нижней панели инструментов Создать новый корректирующий слой или слой- заливку (Create new fill or adjustment layer) и выберите опцию Цветовой тон / Насыщенность (Hue/Saturation).

    Создаём яркий коллаж в Фотошоп 73

    Потяните бегунок влево, чтобы уменьшить Насыщенность (Saturation).

    Примечание переводчика: корректирующий слой применяем к слою с моделью.

    Создаём яркий коллаж в Фотошоп 74

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

    Создаём яркий коллаж в Фотошоп 75

    Мы получим следующий результат:

    Создаём яркий коллаж в Фотошоп 76

    Нажмите кнопку в нижней панели инструментов Создать новый корректирующий слой или слой- заливку (Create new fill or adjustment layer) и выберите опцию Кривые (Curves), чтобы откорректировать форму кривой, как показано на скриншоте ниже, для того, чтобы провести небольшую цветовую коррекцию.

    Создаём яркий коллаж в Фотошоп 77

    Мы получим следующий результат:

    Создаём яркий коллаж в Фотошоп 78

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

    Создаём яркий коллаж в Фотошоп 79

    Мы получим следующий результат:

    Создаём яркий коллаж в Фотошоп 80

    Нажмите кнопку в нижней панели инструментов Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) и выберите опцию Кривые (Curves), чтобы откорректировать форму кривой, как показано на скриншоте ниже, для того, чтобы провести небольшую цветовую коррекцию.

    Создаём яркий коллаж в Фотошоп 81

    Мы получим следующий результат:

    Создаём яркий коллаж в Фотошоп 82

    Создайте новый слой, выберите инструмент Заливка (Paint Bucket Tool (G), чтобы залить слой цветовым оттенком #397688.

    Создаём яркий коллаж в Фотошоп 83

    Уменьшите Заливку (Fill) этого слоя до 24% и поменяйте режим наложения на Жёсткий микс (Hard Mix).

    Создаём яркий коллаж в Фотошоп 1

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

    Создаём яркий коллаж в Фотошоп 1

    Источник
    001101
    001101
    Звезда мирового масштаба


    Создаём яркий коллаж в Фотошоп Empty Re: Создаём яркий коллаж в Фотошоп

    Сообщение автор 001101 Ср Янв 04, 2012 8:48 pm

    ТигрёнокЧо, какая красота *__*
    Обязательно попробую, и выложу результат)
    Cerulean
    Cerulean
    Salvatore


    Создаём яркий коллаж в Фотошоп Empty Re: Создаём яркий коллаж в Фотошоп

    Сообщение автор Cerulean Ср Янв 04, 2012 8:56 pm

    Systemik@, буду ждать)))
    001101
    001101
    Звезда мирового масштаба


    Создаём яркий коллаж в Фотошоп Empty Re: Создаём яркий коллаж в Фотошоп

    Сообщение автор 001101 Ср Янв 04, 2012 9:17 pm

    Подождать придётся до завтра.)
    001101
    001101
    Звезда мирового масштаба


    Создаём яркий коллаж в Фотошоп Empty Re: Создаём яркий коллаж в Фотошоп

    Сообщение автор 001101 Чт Янв 05, 2012 10:52 am

    Иииии... я сделала это! Конечно, "это" несравнимо с результатом автора урока, но всё не так ужасно, как ожидалось.
    Спойлер:
    Cerulean
    Cerulean
    Salvatore


    Создаём яркий коллаж в Фотошоп Empty Re: Создаём яркий коллаж в Фотошоп

    Сообщение автор Cerulean Чт Янв 05, 2012 2:28 pm

    Как я уже сказала в твоей арт-теме, очень красиво!!!
    Молодец!!))) + тебе в репу за старания!!!)))
    001101
    001101
    Звезда мирового масштаба


    Создаём яркий коллаж в Фотошоп Empty Re: Создаём яркий коллаж в Фотошоп

    Сообщение автор 001101 Чт Янв 05, 2012 6:50 pm

    ТигрёнокЧо, спасибо Чмок!
    Спойлер:
    Cerulean
    Cerulean
    Salvatore


    Создаём яркий коллаж в Фотошоп Empty Re: Создаём яркий коллаж в Фотошоп

    Сообщение автор Cerulean Чт Янв 05, 2012 6:51 pm

    Systemik@, не за что)
    Спойлер:
    001101
    001101
    Звезда мирового масштаба


    Создаём яркий коллаж в Фотошоп Empty Re: Создаём яркий коллаж в Фотошоп

    Сообщение автор 001101 Чт Янв 05, 2012 6:53 pm

    ТигрёнокЧо,
    Спойлер:
    Cerulean
    Cerulean
    Salvatore


    Создаём яркий коллаж в Фотошоп Empty Re: Создаём яркий коллаж в Фотошоп

    Сообщение автор Cerulean Чт Янв 05, 2012 6:57 pm

    Systemik@,
    Спойлер:
    001101
    001101
    Звезда мирового масштаба


    Создаём яркий коллаж в Фотошоп Empty Re: Создаём яркий коллаж в Фотошоп

    Сообщение автор 001101 Чт Янв 05, 2012 6:59 pm

    ТигрёнокЧо,
    Спойлер:
    001101
    001101
    Звезда мирового масштаба


    Создаём яркий коллаж в Фотошоп Empty Re: Создаём яркий коллаж в Фотошоп

    Сообщение автор 001101 Чт Янв 05, 2012 7:00 pm

    ТигрёнокЧо,
    Спойлер:
    Прекращаем флудить, топаем в чат.
    Cerulean
    Cerulean
    Salvatore


    Создаём яркий коллаж в Фотошоп Empty Re: Создаём яркий коллаж в Фотошоп

    Сообщение автор Cerulean Чт Янв 05, 2012 7:18 pm

    Спойлер:
    001101
    001101
    Звезда мирового масштаба


    Создаём яркий коллаж в Фотошоп Empty Re: Создаём яркий коллаж в Фотошоп

    Сообщение автор 001101 Чт Янв 05, 2012 7:19 pm

    ТигрёнокЧо, да.

      Текущее время Пт Апр 19, 2024 10:03 am