Цветы и текст 3

Вернуться к списку
2018
Типографика
28.07.2018

Третий урок о типографике и цветах  — коллаж «Горный цветок». Его буду выполнять, используя  изображения цветов и текстуру:

горные лилии.jpg
ирис.jpg
текстура плита.jpg

исходники-коллажа-Горный-цветок

Бесплатный шрифт: Sangha.

Результат вы видите в начале статьи.

В этом уроке снова будем выделять и вырезать, но в этот раз — с помощью альфа-канала; заниматься цветовой коррекцией изображения, используя различные корректирующие слои — Вибрации (Vibrance), Градиен-й Карты, Уровней, Выборочн._коррекции_цвета.

Урок можно выполнять в версиях Фотошоп, начиная с CS5.


Содержание:

1. Фон и текстурирование
2. Текст
3. Цветы: вырезка с белого фона и цветокоррецция:

  1. Лилии
  2. Ирис

4. Размещение и трансформация элементов

 

1. Фон и текстурирование

1. Создаю новый документ размером 2700*2700 пикселей к с белым фоном.
Двойным кликом левой кнопкой мыши по значку разблокировать напротив названия слоя в Панели_Слои образую из него слой.
2. Выбираю инструмент Круг (Ellipse) Инструмент Эллипси создаю шейп с диаметром 2650 пикселей.
3. Применяю стиль слоя:

Градиент (Gradient_Overlay):
Линейный (Linear) от #dad9e0 к  #ece4e7
Режим: Обычный (Normal)
Угол: 132 град
Scale: 100%

Фон и стиль


4. Растрирую стиль.
5. Перехожу на фоновый слой, выделяю содержимое (Ctrl + A), выделяю слой с кругом.
Центрирую круг относительно фона, нажав поочередно в панели Параметров соответствующие кнопки , .
Отменяю выделение Ctrl+D.

6. Открываю Текстуру.
Перетаскиваю ее выше круга и обрезаю по кругу:
На вкладке Слои выбрать операцию Созд. Обтравочную Маску (Create_Clipping_Mask)

Обтравочная маска

(Хоткей Ctrl+Alt+G).

Применится режим Обтравочной_маски (Clipping_Mask) — видимая область текстуры будет ограничена нижележащим кругом.

Меняю реж.налож-я на Затемн-е Основы (Color_Burn)

Текстура


к содержанию

2. Текст

1. Активирую инструмент Текст Инструмент Текст, цвет #f4f0e4
Пишу слово. Если это необходимо, трансформирую (Ctrl + T).

Применяю стиль: Тень (Drop_Shadow) с параметрами:

Режим: Умножение (Multiply), #8c949a
Прзрачн.(Opacity) 40%, (Angle) 75 град.
Сдвиг (Distance) 60 px
Размер (Size) 24 px


2. Дублирую текст на новый слой Ctrl + J , перемещаю (V), и заменяю надпись.
Создаю столько дублей, сколько нужно слов.

Текст и стиль текста



к содержанию

3. Удаление фона и цветокоррекция цветов

1. Лилии

1. Удаление белого фона

Открываю изображение с цветами.
Копирую слой Ctrl+J.
Чтобы удалить фоновый белый, нужно максимально разделить границу между цветами и фоном. Воспользуюсь возможностью создания программой альфа-каналов путем сложения имеющихся.

Открываю Панель Каналы Панель Каналыи выбираю тот, в котором самый сильный контраст.
В данном случае это Синий.

Сравнение контрастности в каналах

На вкладке Изображение выбираю операцию Вычисление (Image-Calculations).

Открывается панель выбора:

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

Мне надо усилить контраст, поэтому в качестве источников выбираю один и тот же документ, слой и канал (здесь — Синий).
Режим выбираю из затемняющих — тот который даст самое сильное затемнение (в уроке — Лин. Затемн-е).

Степень 100%, результат — в новом канале.

Вычисления

После выполнения вычислений в каналах появится новый альфа-канал.


Его можно редактировать: с помощью Уровней (Ctrl + L) еще больше усиливаю контраст:

Усиление контраста с помощью Уровней


Белый цвет в альфа-канале — это область выделения, черный — пустые пиксели, поэтому инвертирую изображение и (Ctrl + I) загружаю выделение, нажав снизу Панели Каналов значокЗагрузать выделение из канала.

Перехожу к Панели Слоев и с помощью опции Уточнить край (Refine_Edge) корректирую границу:

Уточнить край


Копирую выделенную область на новый слой, исходные с фоном — удаляю.

 

2. Цветокоррекция

Снова открываю Синий канал и выделяю его содержимое:

Выделение Синего канала

Активирую RGB-канал, перехожу в Панель Слои.
Вставляю скопированный канал Ctrl+V:

Создаю обтравочную маску,
режим наложения Мягк_свет (Soft_Light), Заливка 65%

Вставить скопированный канал


Добавляю корректирующий слой Уровни:

Уровни дубля канала


Немного снижаю насыщенность цветов Вибрацией (Vibrance):

Вибрация


Тонирую корректир.слоем Градиентная карта (Gradient_Map):
тени #3c4b46, света #deced1 в режиме Мягкий свет (Soft_Light).

Тонировка Градиентной картой


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

Выборочная коррекция цвета


Объединяю все слои и перетаскиваю лилии в рабочий документ под текст.



к содержанию

2. Ирис

1. Открываю фото Ирис.jpg

Инструментом Волшебная палочка (Magic_Wand) выделяю все участки белого цвета.  Иинвертирую выделение (Shift + Ctrl + I).

Уточняю границу выделения:
Радиус 0.1
Сглаживание 1
Смещение края -10

Ирис удаление фона


3. Ctrl + J – скопировать область выделения на новый слой.

4. Добавляю коррект. слой Выборочная коррекция цвета:

Ирис цветокоррекция

Объединяю слои и перетаскиваю ирис в рабочий документ.
Отключаю пока его видимость.



к содержанию

4. Размещение цветов

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

Трансформация цветов


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

Деформация стебля


Выделив круг (Ctrl+клик по слою), инвертирую выделение (Shift+Ctrl+I).
Ластиком (E) стираю стебель, расположенный вне круга.

Урок закончен, надеюсь, в этом уроке вы узнали для себя что-то новое.


Обратите внимание, что отдельные компьютерные мониторы могут отображать цвета и тональные значения по-разному.
читайте также:

Типографика Цветы и текст 5 11 Августа 2018 Коллаж "Август" - пятый из серии уроков о цветочной типографике
Типографика Цветы и текст 2 22 Июля 2018 В продолжение темы о цветах и тексте — эффект прорезанных букв в Photoshop. Он прост в исполнении, с ним справится даже начинающий, но при этом эффектно смотрится. Единственное «но»: в работе надо использовать фотографии высокого качества...
Типографика Цветы и текст 1 15 Июля 2018 В рекламной графике 2018 года один из популярных трендов — цветочная типографика — всевозможные сочетания цветов и текста. Сегодня разберу как делать бумажные буквы и сочетать их с цветами в Photoshop...
Комментарии ()
    Ваш комментарий: