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

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

В этой статье мы расскажем вам, как используя стили слоя 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

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

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