Создаём вкусный текст в Фотошоп

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

Скачать архив с материалами к уроку

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

1-2673937

1.  Создаём задний фон

Шаг 1

Создайте новый документ 838 x 530 px. Добавьте текстуру Деревянное покрытие на наш рабочий документ, расположив данную текстуру поверх слоя с задним фоном. Примените масштабирование по мере необходимости.

2-7185685

Шаг 2

Добавьте новый корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation). Уменьшите значение Насыщенности (Saturation) до -83.

3-3457134

Шаг 3

Далее, добавьте корректирующий слой Уровни (Levels). Установите значение Гаммы (Gamma) для средних тонов на 1.17, а входной уровень для Световых бликов (Highlights) на 238.

4-8525304

Шаг 4

Далее, добавьте текстуру Мрамора на наш рабочий документ, расположив слой с данной текстурой поверх всех остальных слоёв. Примените масштабирование по мере необходимости. Поменяйте режим наложения для слоя с текстурой мрамора на Затемнение основы(Color Burn), а также уменьшите значение Непрозрачности (Opacity) до 30%.

5-9008405

2.  Создаём Текст и Рабочие Контуры

Шаг 1

Добавьте текст, используя все заглавные буквы. Шрифт для текста Rockin Record G, размер шрифта 235 pt, цвет шрифта #f2ece6. Установите значение Трекинга (Tracking) на 100.

6-7870875

Шаг 2

Далее, щёлкните правой кнопкой мыши по слою с текстом и в появившемся окне, выберите опцию Создать рабочий контур (Create Work Path), а затем, отключите видимость слоя с текстом.

7-9883485

3.  Выполняем Обводку Рабочего Контура, используя Кисти 1 и 2

Шаг 1

Установите цвет переднего плана на #f1ece6, создайте новый слой поверх всех слоёв, назовите этот слой ‘1’. Далее, обведите рабочий контур с помощью кисти 1 из набора кистей для текста с эффектом пшеничного хлеба.

8-8746154

Шаг 2

Создайте новый слой поверх слоя ‘1’, назовите новый слой ‘2’. Теперь, выполните обводку рабочего контура с помощью кисти 2.

Продублируйте слой ‘2’, а также уменьшите значение Заливки (Fill) для дубликата слоя до 0.

Примечание переводчика: на скриншоте ниже, дубликат слоя обозначен как ‘2 copy’, в уроке он будет обозначаться, как дубликат слоя ‘2’.

9-9296162

Шаг 3

Далее, продублируйте дубликат ‘слоя 2’. Удерживая клавишу (Ctrl)+щёлкните по миниатюре слоя с текстом, чтобы загрузить активное выделение, а затем, удалите выделенную часть обводки со второго дубликата слоя ‘2′ (Прим.переводчика: на скриншоте ниже слой обозначен, как ‘2 copy 2’, в уроке он будет обозначаться, как второй дубликат слоя ‘2’.).

10-7985490

4.  Выполняем внутреннюю обводку рабочего контура

Шаг 1

Выполните Сжатие (Contract) активного выделения на 10 px.

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

11-9689961

Шаг 2

Преобразуйте активное выделение в рабочий контур, нажав значок Сделать из выделенной области рабочий контур (Make work path from selection) в нижней панели инструментов в закладке Контуры (Paths).

12-7806823

Шаг 3

Создайте новый слой поверх всех остальных слоёв, назовите этот слой ‘3’, выполните обводку контура с помощью кисти 3. Далее, продублируйте слой ‘3’, для дубликата слоя уменьшите значение Заливки (Fill) до 0.

13-4617715

Шаг 4

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

Создайте новый слой поверх всех остальных слоёв, назовите этот слой ‘4’, выполните заливку активной области цветом переднего плана.

14-9758107

Шаг 5

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

15-5002257

5.  Применяем Стилизацию к Слою ‘1’

Шаг 1

Откройте текстуру Мякоть хлеба в программе Photoshop, установите следующие размеры для данной текстуры 295 x 275 px. Далее, идёмРедактирование – Определить узор (Edit > Define Pattern) и в появившемся окне, дайте название текстуре ‘Мякоть хлеба’.

16-3194357

Дважды щёлкните по слою ‘1’, чтобы применить следующие стили слоя:

Шаг 2

Примените стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля слоя:

  • Глубина (Depth): 275
  • Контур глянца (Gloss Contour): Gaussian
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode) – Осветление (Screen) Цвет (Color): #4f3e34
  • Режим тени (Shadow Mode): Линейный затемнитель (Linear Burn) Цвет (Color): #e6d6bf

17-3194690

Шаг 3

Далее, примените стиль слоя Контур (Contour) со следующими настройками:

  • Контур (Contour): Half Round
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)

18-6056210

Шаг 4

Далее, примените стиль слоя Текстура (Texture) со следующими настройками:

  • Узор (Pattern): Текстура Мякоть Хлеба
  • Глубина (Depth): 50%
  • Поставьте галочку в окошке Инверсия (Invert)

19-7028424

Шаг 5

Далее, примените стиль слоя Перекрытие узора (Pattern Overlay) со следующими настройками:

Узор (Pattern): Текстура Мякоть Хлеба

20-1265047

Шаг 6

Далее, примените стиль слоя Тень (Drop Shadow) со следующими настройками:

  • Непрозрачность (Opacity): 12%
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 99
  • Смещение (Distance): 18
  • Размер (Size): 6

21-9046511

Итак, мы применили стилизацию к краям.

22-9694396

6.  Применяем Стилизацию к слою ‘2’, а также к дубликату слоя ‘2’ (‘2 copy’)

Шаг 1

Поменяйте режим наложения для слоя ‘2’ на Умножение (Multiply).

23-5214734

Шаг 2

Дважды щёлкните по дубликату слоя ‘2’, чтобы применить стиль слоя Тень (Drop Shadow). Установите следующие настройки для данного стиля слоя:

  • Цвет (Color): #6e6355
  • Непрозрачность (Opacity): 50%
  • Смещение (Distance): 5
  • Размер (Size): 10

24-8023398

Итак, мы добавили обычные тени на края.

25-2219003

7.  Применяем Стилизацию ко второму дубликату слоя ‘2’ (‘2 copy 2’)

Дважды щёлкните по второму дубликату слоя ‘2’, чтобы применить следующие стили слоя:

Шаг 1

Примените стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля слоя:

  • Размер (Size): 10
  • Режим подсветки (Highlight Mode) – Осветление (Screen) Цвет (Color): #695041
  • Непрозрачность (Opacity): 50%
  • Режим тени (Shadow Mode): Умножение (Multiply) Цвет (Color): #aa998b
  • Непрозрачность (Opacity): 30%

26-5640153

Шаг 2

Далее, примените стиль слоя Контур (Contour), используя настройки по умолчанию.

27-3121633

Шаг 3

Далее, добавьте стиль слоя Текстура (Texture), установив следующие настройки:

  • Узор (Pattern): Текстура Мякоть Хлеба
  • Глубина (Depth): 50%

28-2198196

Итак, мы применили стилизацию ко второму дубликату слоя ‘2’ (‘2 copy 2’).

29-4165526

8.  Применяем Стилизацию к слою ‘3’

Дважды щёлкните по слою ‘3’, чтобы применить следующие стили слоя:

Шаг 1

Примените стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля слоя:

  • Стиль (Style): Внешний скос (Outer Bevel)
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Линейный свет (Linear Light)
  • Непрозрачность (Opacity): 10%
  • Режим тени (Shadow Mode): Умножение (Multiply) Цвет (Color): #a47a54
  • Непрозрачность (Opacity): 15%

30-1743251

Шаг 2

Далее, примените стиль слоя Контур (Contour), установив следующие настройки:

  • Контур (Contour): Half Round
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)

31-7561782

Итак, мы применили стилизацию к слою ‘3’.

32-6533674

9.  Применяем Стилизацию к дубликату слоя ‘3’

Дважды щёлкните по дубликату слоя ‘3’, чтобы применить следующие стили слоя:

Шаг 1

Примените стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля слоя:

  • Размер (Size): 13
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 27
  • Высота (Altitude): 69
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим тени (Shadow Mode) – Цвет (Color): #8d672c

33-8182784

Шаг 2

Далее, выберите стиль слоя Текстура (Texture), применив следующие настройки:

  • Узор (Pattern): Облака (Clouds)

34-4662401

Шаг 3

Далее, примените стиль слоя Наложение цвета (Color Overlay), применив следующие настройки:

35-8214944

Шаг 4

Далее, примените стиль слоя Тень (Drop Shadow). Примените следующие настройки:

  • Непрозрачность (Opacity): 94%
  • Смещение (Distance): 1
  • Размер (Size): 10

36-1349412

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

37-9733270

10.  Применяем Стилизацию к первому слою с джемом

Шаг 1

Уменьшите значение Заливки (Fill) для слоя ‘4’ до 0, а затем 5 раз продублируйте этот слой.

38-5979829

Дважды щёлкните по слою ‘4’, чтобы применить следующие стили слоя:

Шаг 2

Примените стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля слоя:

  • Размер (Size): 32
  • Смягчение (Soften): 3
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 27
  • Высота (Altitude): 69
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Линейный свет (Linear Light)
  • Непрозрачность (Opacity): 20%
  • Режим тени (Shadow Mode) – Прим.переводчика: по умолчанию.

39-4318711

Шаг 3

Добавьте стиль слоя Текстура (Texture), применив следующие настройки:

  • Узор (Pattern): Облака (Clouds)
  • Масштаб (Scale): 70%
  • Глубина (Depth): 20%

40-4473104

Шаг 4

Далее, добавьте стиль слоя Наложение цвета (Color Overlay), применив следующие настройки:

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

41-9860443

Шаг 5

Далее, добавьте стиль слоя Тень (Drop Shadow) со следующими настройками:

  • Смещение (Distance): 0
  • Размер (Size): 3

42-1305720

Итак, мы применили стилизацию к первому слою с джемом. Далее, мы добавим слои с глянцем и блеском.

43-3018100

11.  Применяем Стилизацию ко второму слою с джемом

Дважды щёлкните по дубликату слоя ‘4’, чтобы применить следующие стили слоя:

Примечание переводчика: это будет первый дубликат слоя ‘4’ из созданных 5ти дубликатов.

Шаг 1

Примените стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля слоя:

  • Размер (Size): 18
  • Смягчение (Soften): 1
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 166
  • Высота (Altitude): 69
  • Контур глянца (Gloss Contour): Cone — Inverted
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Линейный свет (Linear Light)
  • Непрозрачность (Opacity): 50%
  • Режим тени (Shadow Mode) — Непрозрачность (Opacity): 0%

44-5225910

Шаг 2

Далее, добавьте стиль слоя Текстура (Texture) со следующими настройками:

  • Узор (Pattern): Облака (Clouds)
  • Глубина (Depth): 20%

45-6618296

Итак, мы добавили световые  блики / глянец на джем.

46-3042352

12.  Применяем Стилизацию к третьему слою с джемом

Скопируйте стили слоя, которые вы применили к дубликату слоя ‘4’, а затем вклейте эти стили слоя ко второму дубликату слоя ‘4’ . Дважды щёлкните по второму дубликату слоя ‘4’, чтобы изменить несколько настроек, которые указаны на скриншоте ниже:

Стиль слоя Тиснение (Bevel and Emboss):

  • Размер (Size): 15
  • Угол (Angle): -14
  • Режим подсветки (Highlight Mode): Непрозрачность (Opacity): 30%

47-7374768

Итак, мы добавили блеска к джему.

48-5107692

13.  Применяем стилизацию к четвёртому слою с джемом

Далее, вклейте стили слоя, которые вы применили к дубликату слоя ‘4’, к третьему дубликату слоя ‘4’. Дважды щёлкните по третьему дубликату слоя ‘4’, чтобы изменить несколько настроек, которые указаны на скриншоте ниже:

Шаг 1

Стиль слоя Тиснение (Bevel and Emboss):

  • Размер (Size): 29
  • Угол (Angle): 45
  • Режим подсветки (Highlight Mode): Осветление (Screen)
  • Непрозрачность (Opacity): 90%

49-4082917

Итак, мы применили стилизацию к последнему слою с блеском.

50-7881315

14.  Применяем Стилизацию на края джема

Дважды щёлкните по четвёртому дубликату слоя ‘4’, чтобы применить следующие стили слоя:

Шаг 1

Примените стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля слоя:

  • Размер (Size): 24
  • Смягчение (Soften): 9
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): -22
  • Высота (Altitude): 64
  • Контур глянца (Gloss Contour): Cone — Inverted
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Линейный свет (Linear Light)
  • Режим тени (Shadow Mode) — Непрозрачность (Opacity): 0%

51-9963487

Шаг 2

Далее, добавьте стиль слоя Контур (Contour) со следующими настройками:

  • Контур (Contour): Cone — Inverted
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)

52-9842453

Шаг 3

Итак, мы применили стилизацию на нижние правые края джема. Скопируйте / вклейте стили слоя для пятого дубликата слоя ‘4’.

53-9131006

Шаг 4

Дважды щёлкните по пятому дубликату слоя ‘4’, чтобы изменить настройки для стиля слоя Тиснение (Bevel and Emboss), поменяйте Угол(Angle) на 112.

54-9914026

Таким образом, мы применили стилизацию на верхние левые края джема.

55-5674844

15.  Добавляем Хлебные Крошки

Шаг 1

Создайте рабочий контур, щёлкнув по слою с текстом, далее, создайте новый слой ниже слоя ‘1’, назовите этот слой ‘Хлебные крошки’. Выполните обводку контура с помощью кисти ‘Хлебные крошки’.

Примечание переводчика: вы можете применить кисти Частицы или мелкие фрагменты, а потом применить к ним стили слоя.

56-7837433

Дважды щёлкните по слою ‘Хлебные крошки’, чтобы применить следующие стили слоя:

Шаг 2

Примените стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля слоя:

  • Глубина (Depth): 275
  • Размер (Size): 3
  • Контур глянца (Gloss Contour): Gaussian
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode) – Осветление (Screen) Цвет (Color): #4f3e34
  • Непрозрачность (Opacity): 75%
  • Режим тени (Shadow Mode): Умножение (Multiply) Цвет (Color): #aa998b
  • Непрозрачность (Opacity): 75%

57-5827335

Шаг 3

Далее, добавьте стиль слоя Контур (Contour) со следующими настройками:

Поставьте галочку в окошке Сглаживание (Anti-aliased)

58-4220179

Шаг 4

Далее, добавьте стиль слоя Текстура (Texture) со следующими настройками:

  • Узор (Pattern): Текстура Мякоть Хлеба

59-6415620

Шаг 5

Добавьте стиль слоя Перекрытие узора (Pattern Overlay) со следующими настройками:

  • Узор (Pattern): Текстура Мякоть Хлеба

60-7102625

Шаг 6

Добавьте стиль слоя Тень (Drop Shadow) со следующими настройками:

  • Непрозрачность (Opacity): 30%
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 99

61-1211553

Итак, мы применили стилизацию к хлебным крошкам.

62-5690254

16.  Создаём 3D Часть

Шаг 1

Создайте выделение вокруг содержимого слоёв ‘1’, ‘2’ и оригинального слоя с текстом.

Создайте новый слой (Layer 1) ниже слоя ‘Хлебные крошки’. Залейте выделенную область цветом переднего плана, а затем, отмените активное выделение.

63-8057367

Шаг 2

Далее, войдите в режим масштабирования. Уменьшите масштаб содержимого слоя Layer 1 до значения 99% по высоте В (H) и ширине Ш (W).

Примечание переводчика: примените трансформацию (Ctrl+T), уменьшите масштаб на 1%.

64-4487069

Шаг 3

Дважды нажмите клавиши (Alt+Ctrl+Shift+T), чтобы создать два уменьшенных дубликата слоя. Сгруппируйте все три слоя в одну группу, новую группу назовите ‘3D’.

65-2465599

17.  Применяем Стилизацию к 3D Части

Скопируйте / вклейте стили слоя, которые мы применили к слою с хлебными крошками, к слою с группой ‘3D’. Дважды щёлкните по слою с группой ‘3D’, чтобы изменить некоторые настройки, которые указаны на скриншоте ниже:

Шаг 1

  • Тиснение (Bevel and Emboss)
  • Размер (Size): 5
  • Режим тени (Shadow Mode): Линейный затемнитель (Linear Burn) Цвет (Color): #bf9876

66-3071767

Шаг 2

Текстура (Texture)

  • Поставьте галочку в окошке Инверсия (Invert)

67-5377064

Шаг 3

Тень (Drop Shadow)

  • Непрозрачность (Opacity): 15%
  • Смещение (Distance): 12
  • Размер (Size): 6

68-2142859

Таким образом, мы применили стилизацию к 3D части.

69-4652409

18.  Усиливаем Тени

Шаг 1

Ещё раз создайте выделение вокруг содержимого слоёв ‘1’, ‘2’ и оригинального слоя с текстом. Создайте новый слой ниже слоя с группой ‘3D’. Назовите новый слой ‘Тени’. Залейте выделенную область цветовым оттенком #4b4845, преобразуйте данный слой в Смарт-объект.

70-2707303

Шаг 2

Далее, идём Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите радиус размытия 3.5рх.

71-9689281

Шаг 3

Поменяйте режим наложения для слоя с тенью на Линейный затемнитель (Linear Burn), а также уменьшите непрозрачность слоя до 25%. Далее, немного сместите тень, как вам нравится.

72-1610051

19.  Усиливаем Цвет и Добавляем Дополнительный Объект

Шаг 1

Добавьте корректирующий слой Градиент (Gradient).

Цвет градиента от прозрачного к цвету заливки, цвет заливки #f2ece6. Тип (Style) градиента Радиальный (Radial), а также установитеМасштаб (Scale) 500.

Далее, расположите корректирующий слой Градиент (Gradient) поверх всех остальных слоёв. Поменяйте режим наложения для данного корректирующего слоя на Линейный затемнитель (Linear Burn).

73-9687996

Шаг 2

Откройте исходное изображение ‘Баранки и джем’. С помощью инструмента Магнитное лассо (Magnetic Lasso Tool) или воспользуйтесь любым другим инструментом выделения на своё усмотрение, выделите нож и чашку с джемом.

74-4258140

Шаг 3

Вы можете воспользоваться инструментом Уточнить край (Refine Edge) для улучшения качества выделенной области.

75-4345883

Шаг 4

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

76-5678514

Шаг 5

К слою с ножом и чашкой джема, добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) в качестве обтравочной маски.

Для Красных (Reds) оттенков, поменяйте значение Цветового тона (Hue) на -30, а значение Насыщенности (Saturation) до -20. В основном, мы пытаемся совместить цвет чашки с джемом с текстом.

77-7933403

Шаг 6

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

Находясь на дубликате слоя, идём Изображение – Коррекция  — Цветовой тон / Насыщенность (Image > Adjustments > Hue/Saturation). В окне настроек, уменьшите значение Яркости (Lightness) до -100.

Преобразуйте данный дубликат слоя в Смарт-объект, а затем примените фильтр Размытие по Гауссу (Gaussian Blur), радиус размытия 3.5 рх. Теперь, трансформируйте дубликат слоя, чтобы создать тень в соответствии с направлением тени текста.

78-4252906

Шаг 7

В заключение, с помощью инструмента Губка (Sponge Tool), скройте оранжевый оттенки на ноже.

79-733222280-1058111

Поздравляю! Мы завершили урок.

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

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

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

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

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

81-6717213

Автор: Rose

728x90-6695881

photoshop4you