Эффект текста в виде аппетитных бейджелс

Бейджелс — это тип мучного печенья, изготовленного в форме пончика. Когда они хорошо запечены до блеска, то выглядят просто удивительно!

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

Конечный результат

Техническая информация

  • Используемое программное обеспечение: Photoshop;
  • Версия: CS6 Extended.

Ресурсы

  • Шрифт Franks;
  • Узор Floral Patterns;
  • Узор Wood Patterns;
  • Paper_2;
  • White Texture;
  • Concrete wall.

Шаг 1

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

Выберите инструмент «Прямоугольник», установите цвет переднего плана #d4d0c9, и нарисуйте прямоугольник, который по ширине немного выходит за пределы документа:


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

— Тиснение

  • Размер: 3;
  • Установите флажок напротив опции «Сглаживание»;
  • Режим тени — Цвет: #a89a86:


— Контур

  • Установите флажок напротив опции «Сглаживание»:


— Текстура

  • Узор: paper_2;
  • Глубина: 318%.


— Наложение градиента

  • Режим наложения: Умножение;
  • Стиль: Радиальный;
  • Масштаб: 150%;
  • Кликните по полю «Градиент», чтобы создать градиент:


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

Мы будем создавать градиент с переходом от цвета #FFFFFF слева с непрозрачностью 0% до цвета #6e3c32 справа с непрозрачностью 100%:


— Наложение узора:

  • Режим смешивания: Умножение;
  • Узор: 1181556893.gif:


Таким образом, мы создадим основной фон:

Шаг 2

Установите цвет переднего плана на #d8d1b9, выберите инструмент «Эллипс», затем нажмите и удерживайте клавишу Shift, кликните и переместите курсор мыши, чтобы создать круг, который вписывается в размеры документа:


Дважды щелкните на слое фигуры эллипс, чтобы применить следующие стили слоя:

— Тиснение:

  • Метод: Жесткая огранка;
  • Размер: 95;
  • Контур глянца: Cove – Deep;
  • Установите флажок напротив опции «Сглаживание»;
  • Режим подсветки: Мягкий свет;
  • Непрозрачность: 50%:


— Контур

  • Контур: Конус – асимметричный;
  • Установите флажок напротив опции «Сглаживание»:


— Текстура

  • Узор: White Texture;
  • Глубина: 10%:


— Глянец

  • Режим наложения: Линейный свет;
  • Цвет: #767676;
  • Смещение: 73;
  • Размер: 250;
  • Контур: Двойное кольцо:


— Наложение узора

  • Режим наложения: Умножение;
  • Узор: Wood 411.jpeg:


— Тень

  • Непрозрачность: 24%;
  • Смещение: 55:


Таким образом, мы создадим материал тарелки/блюда/подноса. Вы можете поэкспериментировать со значениями «Тиснение» или использовать различные цвета и текстуры, если захотите:

Шаг 3

Создайте первую букву слова, которое вы хотите написать, заглавными буквами, шрифт Franks, цвет #e3d1ab, размер шрифта 570.

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


Если буква содержит замкнутые контуры (отверстия), нужно преобразовать ее в фигуру, чтобы убрать острые углы.
Для этого щелкните правой кнопкой мыши по слою с текстом, затем выберите пункт «Преобразовать в фигуру»:


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


После этого вам, возможно, нужно будет выбрать инструмент «Выделение узла». Кликните и перетащите точки или кликните опорную точку рычага, чтобы расширить или сузить кривую:


Конечный результат не должен выглядеть идеально; в жизни ведь это не так:


Скопируйте слой с фигурой, измените значение «Заливки» дублированного слоя на 0, затем продублируйте эту копию два раза. Таким образом, вы будете иметь оригинальный текстовый слой и слои копии, копию 2 и копию 3:

Шаг 4

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

— Тиснение

  • Размер: 65;
  • Смягчение: 16;
  • Режим тени — Цвет: #a98f59:


— Тень

  • Снимите флажок напротив опции «Использовать глобальное освещение»;
  • Угол: 80;
  • Смещение: 20;
  • Размер: 25:


Таким образом, мы создадим основную 3D-форму бейджелс:

Шаг 5

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

— Внутренняя тень

  • Цвет: # 533416;
  • Смещение: 0;
  • Размер: 7:


— Внутреннее свечение

  • Режим наложения: Умножение;
  • Непрозрачность: 85%;
  • Заливка: Выберите градиентную заливку — мы создадим градиент чуть позже;
  • Метод: Точный;
  • Источник: Центр;
  • Размер: 43;
  • Контур: По Гауссу;
  • Диапазон: 80:


Нажмите на панели градиента, чтобы создать градиент.

Мы используем три цвета и расположим их следующим образом:

# — Цвет — Расположение

  • 1 — # d17a34 — 0%;
  • 2 — # ecd8ad — 45%;
  • 3 — # e0c09a — 88%.

# — Непрозрачность — Расположение

  • 1 — 100% — 0;
  • 2 — 100% — 45%;
  • 3 — 0% — 100%:


Использование для освещения градиента поможет нам создать более темные оттенки в центре и более светлые по краям:

Шаг 6

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

— Тиснение

  • Размер: 62;
  • Уберите флажок напротив опции «Использовать глобальное освещение»;
  • Угол: 68;
  • Высота: 64;
  • Контур глянца: Полукруглый;
  • Установите флажок напротив опции «Сглаживание»;
  • Режим подсветки;
  • Цвет: # ffe4bd;
  • Непрозрачность: 25%;
  • Режим тени – Умножение;
  • Непрозрачность: 0%:


— Текстура

  • Узор: White Texture:


Таким образом, мы задаем текстуру для текста:

Шаг 7

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

— Тиснение

  • Размер: 75;
  • Уберите флажок напротив опции «Использовать глобальное освещение»;
  • Угол: 54;
  • Высота: 42;
  • Контур глянца: Log;
  • Установите флажок напротив опции «Сглаживание»;
  • Режим тени – Умножение;
  • Непрозрачность: 0%:


— Контур

  • Контур: Полукруг;
  • Установите флажок напротив опции «Сглаживание»;
  • Диапазон: 40%:


— Текстура

  • Узор: Concrete wall:


Это позволит добавить нам блеск. Далее мы немного изменим этот блеск, сделаем его более динамичным:

Шаг 8

Нажмите Ctrl / Cmd и кликните на иконке слоя любой буквы, чтобы создать выделение:


Перейдите в Выделение> Модификация> Сжать и введите значение 50. Таким образом, мы сожмем выделенную область на 50 пикселей внутрь:


Перейдите в Выделение >Модификация >Растушевка и введите значение 15. Это смягчит края выделенной области:


Установите цвет переднего плана на #994b0d, выберите инструмент «Заливка», создайте новый слой поверх всех остальных слоев, назовите его «Brown», и заполните выделение цветом переднего плана:

Шаг 9

Нажмите и удерживайте Ctrl / Cmd, а затем кликните на иконке слоя любой буквы, чтобы создать выделение еще раз. Создайте новый слой и назовите его «Texture». Установите цвет переднего плана #e4c8a0, цвет фона #936d2f.

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


Сначала перейдите в Фильтр> Рендеринг> Облака. Затем перейдите в Выделение> Отменить (Ctrl / Cmd + D), чтобы убрать выделения:


Перейдите в Фильтр > Галерея фильтров > Эскиз> Рельеф и измените значения на приведенные ниже:


Вот, что должно получиться:


Перейти в Фильтр > Галерея фильтров> Штрихи> Акцент на краях и также измените значения на приведенные на рисунке:


Это все, что касается текстуры. Очень просто:


Измените режим наложения слоя текстуры на «Мягкий свет». На рисунке теперь вы можете увидеть, что получилось:

Шаг 10

Выберите инструмент «Кисть» и откройте панель кистей (Окно> Кисть).

Выберите мягкую круглую кисть и измените ее настройки, как показано на рисунке:

Форма отпечатка кисти:


Динамика формы:

Создайте новый слой поверх всех остальных слоев и назовите его Color Burn Brush, поменяйте режим смешивания слоя на «Затемнение», непрозрачность — 45% и установите цвет переднего плана на #cac2b7:


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

Шаг 11

Создайте новый слой, назовите его Inner Shadow и измените режим смешивания слоя на «Умножение». Установите цвет переднего плана на #e7cf93 и уменьшите размер кисти до 45 пикселей:


В панели «Кисть», для «Отпечатка кисти» установите значение «Интервала» 25%:


Выделите текст, как вы делали это ранее, затем закрасьте его по контуру, чтобы добавить тени:


Создайте новый слой, назовите его Outer Shadow, измените режим смешивания на «Умножение», установите цвет переднего плана на #e3b96d и увеличьте размер кисти до 175 пикселей.

Кликните и проведите кистью чуть подальше (с внешней стороны) от выделения буквы, чтобы затемнить края:


После этого снимите выделение (Ctrl/ Cmd + D):

Это в целом все, что касается бейджелс. Следующие шаги являются простым дополнением:

Шаг 12

Выберите инструмент «Кисть» и откройте панель кистей. Выберите круглую кисть и измените ее настройки, как показано ниже:

Форма отпечатка кисти:


Динамика формы:


Рассеивание:


Это будет основа кисти для семян.

Шаг 13

Создайте новый слой поверх всех слоев и назовите его Sesame:


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

— Тиснение

  • Установите флажок напротив опции «Сглаживание»;
  • Режим подсветки — Цвет: #ecbe8e;
  • Режим тени: — Цвет: # c1803a.


— Контур

  • Контур: Конус;
  • Установите флажок напротив опции «Сглаживание»:


— Тень
• Непрозрачность: 60%;
• Смещение: 1;
• Размер: 2:


Продублируйте слой Sesame и переименуйте копию в Poppy Seed:


Дважды кликните на слое Poppy Seed, чтобы измените значение цвета параметра «Режим тени» (панель «Тиснение») на черный:


Установите цвет переднего плана на #d4ad6c, выберите слой Sesame. Затем перетащите на плоскость буквы элементы семян кунжута. Разместите их по поверхности буквы.

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


Измените цвет переднего плана на #372f2d, уменьшите размер кисти до 7, выберите слой Poppy Seed и разместите на поверхности буквы зернышки мака:

Шаг 14

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

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


Нажмите иконку «Создать новую заливку или корректирующий слой» и выберите «Градиентная карта»:


Измените режим смешивания корректирующего слоя на «Умножение», а непрозрачность на 10%:


Градиент мы создаем с использованием трех цветов:

# — Цвет — Расположение

  • 1 — # 7b2800 — 0%;
  • 2 — # ffb211 — 60%;
  • 3 — # ffffc7 — 100%:


Наконец, вы можете добавить еще по одному отдельному слою семян кунжута и мака прямо поверх слоя подноса:


Наши аппетитные бенджелс готовы!

Надеюсь, вам понравилась эта статья, и вы нашли ее полезной для себя:

Данная публикация представляет собой перевод статьи «Delicious Bagels Text Effect» , подготовленной дружной командой проекта Интернет-технологии.ру

Меню