В этом уроке я расскажу вам, как используя стили слоя, фильтры, действия и кисти создать сырный текстовый эффект.
В завершении урока у вас получится вот такой результат, который представлен на главном первью этого урока. Теперь у вас ещё один приём в копилке дизайнера.
Детали: Программа:Photoshop CS6 и выше Время выполнения:~30 мин. Сложность:средние
Откройте Photoshop и перейдите в меню File / Файл > New / Новый, установив размер для нового документа Width / Ширина 850px, а Height / Высота500px и задайте Resolution / Разрешение 72 Pixels/Inch.
Затем перейдите в меню File / Файл > Place Embedded / Поместить встроенные... чтоб вставить изображение «Хлеб» в качестве фона. Поверните слой на 180° и уменьшите размер если это необходимо подгоняя его под размер документа.
Этап 2. Инсталлируем кисти и действия в Photoshop/
Шаг 1.
Перейдите в меню Edit / Редактирование > Presets / Наборы > Preset Manager / Управление наборами в Preset Type / Тип набора выберите Brushes и затем нажмите кнопку Load / Загрузить. Из списка файлов выберите скаченную кисть Cheese-brush.abr.
Шаг 2.
Инсталлируем действие. Перейдем в меню File / Файл > Open / Открыть чтоб добавить желаемое действие в список действий и из списка файлов выберите действие Layer Duplicator.atn.
Затем перейдите в панель Actions / Операции и убедитесь, что оно появилось в списке.
Этап 3. Создаем текстовый слой.
Выберите инструмент Type Tool / Инструмент "Tекст" (T) из списка шрифтов выберите «Poplar Std font» установите значение Size / Размер на 241pt и напишите желаемое слово.
Далее перейдите в меню Type / Шрифт > Warp Text / Деформировать текст установите Style / Стиль на Arc и задайте значение Bend 7% нажмите OK. После конвертируйте слов в Smart Objects / Смарт-объекты перейдя в меню Layer / Слои > Smart Objects / Смарт-объекты > Convert to Smart Object /Преобразовать в смарт-объект.
Этап 4. Создаем внешние отверстия в сыре.
Шаг 1.
Создайте новый слой и назовите его «Отверстия» . Загрузите область выделения текстового слоя и перейдите в панель Paths / Контуры и нажмите иконку Make work path from selection, чтоб создать рабочий контур и области выделения.
Шаг 2.
Выберите загруженную кисть перейдите на слой «Отверстия» затем в панели Paths / Контуры выберите созданный рабочий контур, ПКМ по нему и из списка выберите Stroke Path / Выполнить обводку контура. В появившемся окне для обводки установите инструмент - кисть и выключите Simulate Pressure / Имитировать нажим после нажмите OK.
Шаг 3.
Загрузите область выделения слоя «Отверстия» , затем выберите текстовый слой «Сыр» и перейдите в меню Layer / Слои > Layer Mask / Слой-маска >Hide Selection / Скрыть выделенную область. В завершении удалите слой «Отверстия» .
Этап 5. Стилизуем текстовый слой.
Шаг 1.
Выберите текстовый слой и примените к нему стили слоя Gradient Overlay / Наложение градиента со следующими значениями настроек:
Blend Mode / Режим наложения: Normal / Обычный
Вулючите пункт Dither / Дизеринг
Opacity / Непрозрачность: 100%
Style / Стиль: Linear / Линейный
Angle / Угол: 90º
Задайте градиенту следующие контрольные точки:
1 контрольная точка цвет: #feca50, позиция: 6%
2 контрольная точка цвет: #fdc542, позиция: 39%
3 контрольная точка цвет: #ffd269, позиция: 82%
4 контрольная точка цвет: #feca50, позиция: 100%
Шаг 2.
Далее перейдите в меню Filter / Фильтр > Distort / Искажение > ZigZag / Зигзаг и установите следующие значения настроек:
После всего снова конвертируйте слой в Smart Objects / Смарт-объекты, перейдя в меню Layer / Слои > Smart Objects / Смарт-объекты > Convert to Smart Object / Преобразовать в смарт-объект.
Этап 6. Создаем 3D эффект.
Шаг 1.
Эффект 3D достигается путем дублирования исходного текстового слоя, затем перемещения его на 1px в низ и перемещением ниже слоя оригинала. Проделайте это 15 раз., чтоб сэкономить ваше время я создал автоматически действие для вас.
Для проигрывания действия выберите текстовый слой и перейдите в меню Window / Окно > Actions / Операции, выберите папку «Layer Duplicator» , а затем выберите действие “Make 15 layers”.Нажмите кнопку Play Selection в нижней части панели Actions / Операции.
Шаг 2.
После окончания действия выберите слой «Сыр объем» и продублируйте его. Слой копию переименуйте на «Тень» и переместите ниже всех текстовых слоев в панели Layers / Слои.
Этап 7. Стилизуем 3D текстовые слои.
Выберите слой «Сыр объем» и примените к нему следующие стили слоя:
Шаг 1.
Добавьте стиль слоя Bevel and Emboss / Тиснение со следующими настройками:
Style / Стиль: Inner Bevel / Внутренний скос
Technique / Метод: Smooth / Плавное
Depth / Глубина: 594%
Direction / Направление: Up / Вверх
Size / Размер: 8 px
Soften / Смягчение: 12 px
Выключите Use Global Light / Глобальное освещение
Angle / Угол: -79º
Altitude / Высота: 37º
Включите Anti-aliased / Сглаживание
Highlight Mode / Режим подсветки: Screen / Осветление цвет: #ffffff и Opacity / Непрозрачность: 38%
Shadow Mode / Режим тени: Soft Light / Мягкий свет цвет: #000000 и Opacity / Непрозрачность: 24%
Шаг 2.
Добавляем стиль слоя Inner Shadow / Внутренняя тень со следующим настройками:
Blend Mode / Режим наложения: Color Burn / Затемнение основы
Color / Цвет: #000000
Opacity / Непрозрачность: 27%
Выключите Use Global Light / Глобальное освещение
Angle / Угол: -90º
Distance / Смещение: 3 px
Choke / Стягивание: 0%
Size / Размер: 8 px
Включите Anti-aliased / Сглаживание
Шаг 3.
Добавьте стиль слоя Gradient Overlay / Наложение градиента со следующим настройками:
Blend Mode / Режим наложения: Multiply / Умножение
Выберите Dither / Дизеринг
Opacity / Непрозрачность: 40%
Style / Стиль: Angle / Угол
Angle / Угол: 0º
Scale / Масштабирование: 150%
Задайте градиенту следующие контрольные точки:
1 контрольная точка цвет: #fbaf3a, позиция: 0%
2 контрольная точка цвет: #fdc747, позиция: 20%
3 контрольная точка цвет: #fbaf3a, позиция: 47%
4 контрольная точка цвет: #fdc747, позиция: 75%
5 контрольная точка цвет: #fbaf3a, позиция: 100%
Шаг 4.
Добавьте стиль слоя Drop Shadow / Тень со следующим настройками:
Blend Mode / Режим наложения: Multiply / Умножение
цвет: #dca423
Opacity / Непрозрачность: 60%
Выключите Use Global Light / Глобальное освещение
Angle / Угол: 86°
Distance / Смещение: 1 px
Spread / Размах: 0%
Size / Размер: 1 px
Включите Anti-aliased / Сглаживание
Нажмите Ok чтоб применить все стили.
Этап 8. Стилизуем остальные слои и слой тень.
Шаг 1.
Выберите основной текстовый слой в поем случае это «Сыр» и примените стиль слоя Inner Shadow / Внутренняя тень установив следующие значения настроек:
Blend Mode / Режим наложения: Linear Dodge / Линейный осветлитель (Add)
Color / Цвет: #ffffff
Opacity / Непрозрачность: 4%
Выключите Use Global Light / Глобальное освещение
Angle / Угол: -90º
Distance / Смещение: 2 px
Choke / Стягивание: 0%
Size / Размер: 3 px
Выберите Anti-aliased / Сглаживание
Нажмите OK, чтоб применить стиль.
Шаг 2.
Выберите слой «Тень» и понизьте значение Opacity / Непрозрачность до 0%.
Шаг 3.
Добавьте стиль слоя Drop Shadow / Тень, установив следующие настройки:
Blend Mode / Режим наложения: Multiply / Умножение
Pick the color #000000
Opacity / Непрозрачность: 20%
Выключите Use Global Light box
Angle / Угол: 90°
Distance / Смещение: 3 px
Spread / Размах: 0%
Size / Размер: 6 px
Включите Anti-aliased / Сглаживание
Нажмите OK, чтоб применить стиль.
У вас получится следующий результат.
Этап 9. Создаем слой для кисти.
Шаг 1.
Создайте новый слой и назовите его «Большие отверстия» . Затем загрузите область выделения слоя «Сыр объем» , а затем добавьте к слою «Большие отверстия» маску, перейдя в меню Layer / Слои > Layer Mask / Слой-маска > Reveal Selection / Показать выделенную область.
Шаг 2.
Продублируйте слой «Большие отверстия» и переименуйте его на «Малые отверстия» .
Этап 10. Создаем отверстия в сыре.
Шаг 1.
Выберите слой «Большие отверстия» выберите кисть, загруженную в начале урока, установите ее диаметр на 50px и создайте большие точки на тексте. Цвет кисти не имеет значения.
Шаг 2.
Выберите слой «Маленькие отверстия» и используя туже кисть, но на этот раз с диаметром 6px создайте много маленьких отверстий на поверхности сыра.
Этап 11. Стилизуем большие отверстия.
Выберите слой «Большие отверстия» и примените следующие стили слоя.
Шаг 1.
Для начала мы выберем пункт Layer Mask Hides Effects.
Шаг 2.
Затем добавим стиль слоя Bevel and Emboss / Тиснение со следующими настройками:
Style / Стиль: Inner Bevel / Внутренний скос
Technique / Метод: Smooth / Плавное
Depth / Глубина: 115%
Direction / Направление: Up / Вверх
Size / Размер: 9 px
Soften / Смягчение: 8 px
Выключите Use Global Light / Глобальное освещение
Angle / Угол: -111º
Altitude / Высота: 42º
Включите Anti-aliased / Сглаживание
Highlight Mode / Режим подсветки: Linear Dodge / Линейный осветлитель (Add / Добавить) цвет: #ffffff Opacity: 14%
Shadow Mode / Режим тени: Soft Light / Мягкий свет цвет: #000000 Opacity: 54%
Шаг 3.
Добавим стиль слоя Color Overlay / Наложение цвета:
Blend Mode / Режим наложения: Normal / Обычный
Color / Цвет: #fcc14e
