Создаем удивительный эффект текста в стиле британского скона
С помощью различных кистей, текстур и стилей слоя можно создавать детализированные текстовые эффекты. В этой статье я расскажу, как использовать эти три элемента, а также некоторые другие инструменты и настройки, чтобы создать текстовый эффект с содержимым вкусных британских булочек.
Ресурсы
- Шрифт Rockin Record G;
- Текстура: Деревянный пол;
- Текстура мрамора в высоком разрешении;
- Набор кистей текстового эффекта скон;
- Бесшовная текстура хлеба (самая маленькая);
- Бейджелс и джем (small).
1. Создание фона
Шаг 1
Создайте новый документ размером 838 на 530 пикселей. Поместите изображение «Текстура: Деревянный пол» поверх фонового слоя и измените соответственно его размер:
Шаг 2
Добавьте корректирующий слой «Цветовой тон/Насыщенность» и измените значение «Насыщенности» на -83:
Шаг 3
Добавьте корректирующий слой «Уровни» и измените значения «Входного уровня средних тонов» на 1,17, «Входного уровня светов» на 238:
Шаг 4
Поместите изображение «Текстура мрамора» поверх всех слоев, измените соответственно его размер, а затем измените режим наложения слоя на «Затемнение основы», «Непрозрачность» - 30%:
2. Создание текста и рабочего контура
Шаг 1
Введите заглавными буквами текст, используйте шрифт Rockin Record G, Размер - 235 пунктов, цвет - #f2ece6. Установите значение «Трекинга» - 100:
Шаг 2
Кликните правой кнопкой мыши по тексту и выберите «Создать рабочий контур», а затем отключите видимость текстового слоя:
3. Обводка рабочего контура с помощью кистей 1 и 2
Шаг 1
Установите цвет переднего плана на #f1ece6, создайте поверх всех слоев новый слой и назовите его 1. Затем обведите контур с помощью кисти 1 из набора кистей текстового эффекта скон:
Шаг 2
Создайте новый слой поверх слоя 1, назовите его 2 и обведите контур с помощью кисти 2.
Продублируйте слой 2, и измените значение «Заливки» копии на 0:
Шаг 3
Продублируйте копию 2 слоя, удерживая Ctrl, кликните по миниатюре текстового слоя, чтобы создать выделение, а затем удалите выделенную часть из копии 2 слоя:
4. Обводка внутреннего рабочего контура
Шаг 1
Сожмите выделение на 10 пикселей:
Шаг 2
Преобразуйте выделение в рабочий контур, нажав на иконку «Сделать из выделенной области рабочий контур» в нижней части палитры «Контуры»:
Шаг 3
Создайте поверх всех слоев новый слой и назовите его 3, обведите контур кистью 3, продублируйте слой 3 и измените значение «Заливки» для копии на 0:
Шаг 4
Опять создайте выделение из оригинального текста и сожмите это выделение на 15 пикселей.
Создайте поверх всех слоев новый слой и назовите его 4, залейте выделение цветом переднего плана:
Шаг 5
Преобразуйте выделения в рабочий контур и обведите его кистью 3:
5. Стили слоя 1
Шаг 1
Откройте изображение «Бесшовной текстуры хлеба» и задайте для него размеры 295 на 275 пикселей. Затем перейдите в Редактирование> Определить узор и задайте название узора Bread Texture:
Дважды кликните по слою 1, чтобы применить следующие стили слоя.
Шаг 2
Добавьте «Тиснение» со следующими значениями параметров:
- Глубина: 275;
- Контур глянца: «По Гауссу»;
- Установите флажок для опции «Сглаживание»;
- Режим тени: «Линейный затемнитель»;
- Цвет: #e6d6bf:
Шаг 3
Добавьте стиль «Контур» со следующими значениями параметров:
- Контур: «Полукруг»;
- Установите флажок для опции «Сглаживание»:
Шаг 4
Добавьте стиль «Текстура» со следующими значениями параметров:
- Узор: «Bread Texture»;
- Глубина: 50%;
- Установите флажок для опции «Инвертировать»:
Шаг 5
Добавьте стиль «Наложение узора» со следующими значениями параметров:
- Узор: «Bread Texture»:
Шаг 6
Добавьте стиль «Тень» со следующими значениями параметров:
- Непрозрачность: 12%;
- Уберите флажок для опции «Глобальное освещение»;
- Угол: 99;
- Смещение: 18;
- Размер: 6:
Стили крайней части:
6. Стили слоев 2 и копии слоя 2
Шаг 1
Измените режим смешивания слоя 2 на «Умножение»:
Шаг 2
Дважды кликните по копии слоя 2 и примените к нему стиль «Тень» со следующими значениями параметров:
- Цвет: # 6e6355;
- Непрозрачность: 50%;
- Смещение: 5;
- Размер: 10;
Таким образом, мы добавили тень по краям:
7. Стили второй копии слоя 2
Дважды кликните по второй копии слоя 2 и примените к нему следующие стили:
Шаг 1
Добавьте стиль «Тиснение» со следующими значениями параметров:
- Размер: 10;
- Режим подсветки: цвет: #695041, непрозрачность: 50%;
- Режим тени: цвет: #aa998b, непрозрачность: 30%:
Шаг 2
Добавьте стиль «Контур» со следующими значениями параметров:
Шаг 3
Добавьте стиль «Текстура» со следующими значениями параметров:
- Узор: «Bread Texture»;
- Глубина: 50%.
Так выглядят стили второй копии слоя 2:
8. Стили слоя 3
Дважды кликните по слою 3, чтобы применить следующие стили:
Шаг 1
Добавьте стиль «Тиснение» со следующими значениями параметров:
- Стиль: «Внешний скос»;
- Установите флажок для опции «Сглаживание»;
- Режим подсветки: «Линейный свет»;
- Непрозрачность: 10%;
- Режим тени: цвет: #a47a54, непрозрачность: 15%:
Шаг 2
Добавьте стиль «Контур» со следующими значениями параметров:
- Контур: «Полукруг»;
- Установите флажок для опции «Сглаживание»:
Так выглядит слой 3 после применения стилей:
9. Стили копии слоя 3
Дважды кликните по копии слоя 3, чтобы применить следующие стили:
Шаг 1
Добавьте стиль «Тиснение» со следующими значениями параметров:
- Размер: 13;
- Уберите флажок для опции «Глобальное освещение»;
- Угол: 27;
- Высота: 69;
- Установите флажок для опции «Сглаживание»;
- Режим тени: цвет: #8d672c:
Шаг 2
Добавьте стиль «Текстура» со следующими значениями параметров:
- Узор: «Облака»:
Шаг 3
Добавьте стиль «Наложение цвета» со следующими значениями параметров:
Цвет: #e9e1d9:
Шаг 4
Добавьте стиль «Тень» со следующими значениями параметров:
- Непрозрачность: 94%;
- Смещение: 1;
- Размер: 10.
Так выглядят стили части взбитого крема под джемом:
10. Стили первого слоя джема
Шаг 1
Измените для слоя 4 значение «Заливки» на 0, а затем создайте 5 его копий:
Дважды кликните по слою 4, чтобы применить следующие стили:
Шаг 2
Добавьте стиль «Тиснение» со следующими значениями параметров:
- Размер: 32;
- Смягчение: 3;
- Уберите флажок для опции «Глобальное освещение»;
- Угол: 27;
- Высота: 69;
- Установите флажок для опции «Сглаживание»;
- Режим подсветки: «Линейный свет»;
- Непрозрачность: 20%:
Шаг 3
Добавьте стиль «Текстура» со следующими значениями параметров:
- Узор: «Облака»;
- Масштаб: 70%;
- Глубина: 20%:
Шаг 4
Добавьте стиль «Наложение цвета» со следующими значениями параметров:
- Цвет: #330417;
- Здесь вы можете выбрать цвет «джема». Вы сможете изменить его в любое время:
Шаг 5
Добавьте стиль «Тень» со следующими значениями параметров:
- Смещение: 0;
- Размер: 3:
Так выглядят стили первого слоя джема:
11. Стили второго слоя джема
Дважды кликните по копии слоя 4, чтобы применить следующие стили.
Шаг 1
Добавьте стиль «Тиснение» со следующими значениями параметров:
- Размер: 18;
- Смягчение: 1;
- Уберите флажок с опции «Глобальное освещение»;
- Угол: 166;
- Высота: 69;
- Контур блеска: «Перевернутый конус»;
- Установите флажок для опции «Сглаживание»;
- Режим подсветки: «Линейный свет»;
- Непрозрачность: 50%;
- Режим тени: непрозрачность: 0%:
Шаг 2
Добавьте стиль «Текстура» со следующими значениями параметров:
- Узор: «Облака»;
- Глубина: 20%:
Эти стили придали слою джема блеск:
12. Стили третьего слоя джема
Скопируйте и вставьте стили копии слоя 4 и вставьте их во вторую его копию. Измените несколько значений параметров.
Стиль «Тиснение»:
- Размер: 15;
- Угол: -14;
- Режим подсветки: непрозрачность: 30%:
Таким образом, мы немного увеличим блеск джема:
13. Стили четвертого слоя джема
Скопируйте и вставьте стили копии слоя 4 в третью его копию слоя 4. Измените несколько значений параметров:
Шаг 1
Стиль «Тиснение»:
- Размер: 29;
- Угол: 45;
- Режим подсветки: «Экран»;
- Непрозрачность: 90%:
Это стили последнего слоя блеска:
14. Стили краев джема
Дважды кликните по четвертой копии слоя 4, чтобы применить следующие стили слоя:
Шаг 1
Добавьте стиль «Тиснение» со следующими значениями параметров:
- Размер: 24;
- Смягчение: 9;
- Уберите флажок с опции «Глобальное освещение»;
- Угол: -22;
- Высота: 64;
- Контур блеска: «Перевернутый конус»;
- Установите флажок для опции «Сглаживание»;
- Режим подсветки: «Линейный свет»;
- Режим тени: непрозрачность: 0%:
Шаг 2
Добавьте стиль «Контур» со следующими значениями параметров:
- Контур: «Перевернутый конус»;
- Установите флажок для опции «Сглаживание»:
Шаг 3
Мы задали стили для правого и нижнего краев джема. Скопируйте и вставьте эти стили в пятую копию слоя 4:
Шаг 4
Дважды кликните по пятой копии слоя 4 и измените для стиля «Тиснение» значение «Угла» на 112:
Так выглядят стили левого и верхнего краев джема:
15. Добавление крошек
Шаг 1
Создайте из текста рабочий контур, создайте новый слой ниже слоя 1, назовите его Crumbs и обведите контур кистью «Крошки»:
Дважды кликните по слою крошек, чтобы применить к нему следующие стили.
Шаг 2
Добавьте стиль «Тиснение» со следующими значениями параметров:
- Глубина: 275;
- Размер: 3;
- Контур глянца: «По Гауссу»;
- Установите флажок для опции «Сглаживание»;
- Режим подсветки: цвет: #4f3e34;
- Режим тени: цвет: #aa998b:
Шаг 3
Добавьте стиль «Контур» со следующими значениями параметров:
- Установите флажок для опции «Сглаживание»:
Шаг 4
Добавьте стиль «Текстура» со следующими значениями параметров:
- Узор: «Bread Texture»:
Шаг 5
Добавьте стиль «Наложение текстуры» со следующими значениями параметров:
- Узор: «Bread Texture»:
Шаг 6
Добавьте стиль «Тень» со следующими значениями параметров:
- Непрозрачность: 30%;
- Уберите флажок для опции «Глобальное освещение»;
- Угол: 99:
Это стили крошек:
16. Создание 3D-части
Шаг 1
Создайте выделение из слоев 1, 2 и содержимого оригинального текстового слоя.
Создайте новый слой (Layer 1) под слоем крошек, залейте выделение цветом переднего плана, а затем снимите выделение:
Шаг 2
Перейдите в Редактирование>Трансформирование>Масштабирование и сожмите содержимое Layer 1 вниз, введя значение 99% для значений W и H (ширина и высота):
Шаг 3
Дважды нажмите Option-Command-Shift-T (Alt-Ctrl-Shift-T для Windows), чтобы создать копии уменьшенного слоя. Сгруппируйте все три слоя в группу с именем 3D:
17. Стили 3D-части
Скопируйте и вставьте стили слоя Crumbs в группу 3D, и измените значения нескольких параметров, как показано ниже:
Шаг 1
Стиль «Тиснение»:
- Размер: 5;
- Режим тени: «Линейный осветлитель»;
- Цвет: #bf9876:
Шаг 2
Стиль «Текстура»:
- Установите флажок для опции «Инвертировать»:
Шаг 3
Стиль «Тень»:
- Непрозрачность: 15%;
- Смещение: 12;
- Размер: 6:
Это стили 3D-части:
18. Усиление тени
Шаг 1
Опять создайте выделение из слоев 1, 2 и содержимого оригинального текстового слоя.
Создайте новый слой ниже группы 3D и назовите его Shadow.
Залейте выделение цветом #4b4845 и преобразуйте слой в смарт-объект:
Шаг 2
Перейдите в Фильтр> Размытие> Размытие по Гауссу и задайте для «Радиуса» значение 3,5:
Шаг 3
Измените для слоя Shadow режим наложения на «Линейный затемнитель» и значение непрозрачности на 25%. Затем немного сместите тень по своему усмотрению:
19. Усиление насыщенности цветов и добавление изображения
Шаг 1
Добавьте корректирующий слой «Градиента».
Создайте образец, чтобы заполнить цветовой градиент, используя цвет #f2ece6. Установите для «Стиля» значение «Радиальный», для масштаба значение 500.
Затем поместите корректирующий слой «Градиент» поверх всех слоев и измените его режим наложения на «Линейный осветлитель»:
Шаг 2
Откройте файл «Бейджелс и джем», и с помощью инструмента «Магнитное лассо» выделите нож и миску с джемом:
Шаг 3
Вы можете использовать коррекцию «Уточнить край», чтобы уточнить выделение:
Шаг 4
Скопируйте и вставьте выделенную часть в основной документ. Измените ее размеры, поверните и переместите, как посчитаете нужным:
Шаг 5
Добавьте корректирующий слой «Цветовой тон/Насыщенность» и подрежьте его в соответствии со вставленным изображением.
Для красных тонов измените значения цветового тона на -30, насыщенности на -20. Таким образом, мы пытаемся привести в соответствие тона джема и миски с тонами текста:
Шаг 6
Продублируйте слой изображения и поместите копию ниже него.
Перейдите в Изображение> Коррекция> Цветовой тон / Насыщенность и измените значение яркости на -100.
Преобразуйте слой в смарт-объект, примените «Размытие по Гауссу», «Радиус» - 3,5, а затем преобразуйте черную копию, чтобы создать тень, соответствующую другим теням, которые уже имеются в нашем документе:
Шаг 7
Используйте инструмент «Губка», чтобы обесцветить оранжевые части ножа:
Мы закончили
Мы сначала создали простой фон, используя несколько текстур, создали текст и изменили некоторые параметры, чтобы приступить к работе над эффектом.
Затем мы начали создавать выделения, рабочие контуры и слои, чтобы добавить различные обводки и заливки. После этого мы изменили стили каждого слоя.
Затем мы создали часть 3D-эффекта и изменили ее стили, усилили тени и добавили простое изображение, чтобы завершить эффект.
Пожалуйста, поделитесь своими предложениями и результатами в комментариях.