Главная Регистрация Вход
Приветствую Вас Гость!


Главная » 2019 » Апрель » 2 » Создаём сырный текст в Adobe Photoshop
19:57
Создаём сырный текст в Adobe Photoshop

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

Создаём сырный текст в Adobe Photoshop



Детали:
Программа: Photoshop CS6 и выше
Время выполнения: ~30 мин.
Сложность: средние

Материалы урока:
Шрифт: Poplar Std
Фон: Хлеб
Действия и кисти: Скачать архив
 

Этап 1. Создаем фон.

Откройте Photoshop и перейдите в меню File / Файл > New / Новый, установив размер для нового документа Width / Ширина 850px, а Height / Высота500px и задайте Resolution / Разрешение 72 Pixels/Inch.
Затем перейдите в меню File / Файл > Place Embedded / Поместить встроенные... чтоб вставить изображение «Хлеб» в качестве фона. Поверните слой на 180° и уменьшите размер если это необходимо подгоняя его под размер документа.
Создаём сырный текст в Adobe Photoshop

Этап 2. Инсталлируем кисти и действия в Photoshop/

Шаг 1.

Перейдите в меню Edit / Редактирование > Presets / Наборы > Preset Manager / Управление наборами в Preset Type / Тип набора выберите Brushes и затем нажмите кнопку Load / Загрузить. Из списка файлов выберите скаченную кисть Cheese-brush.abr.
Создаём сырный текст в Adobe Photoshop

Шаг 2.

Инсталлируем действие. Перейдем в меню File / Файл > Open / Открыть чтоб добавить желаемое действие в список действий и из списка файлов выберите действие Layer Duplicator.atn.
Затем перейдите в панель Actions / Операции и убедитесь, что оно появилось в списке.
Создаём сырный текст в Adobe Photoshop

Этап 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 /Преобразовать в смарт-объект. 
Создаём сырный текст в Adobe Photoshop

Этап 4. Создаем внешние отверстия в сыре.

Шаг 1.

Создайте новый слой и назовите его «Отверстия» . Загрузите область выделения текстового слоя и перейдите в панель Paths / Контуры и нажмите иконку Make work path from selection, чтоб создать рабочий контур и области выделения.
Создаём сырный текст в Adobe Photoshop

Шаг 2.

Выберите загруженную кисть перейдите на слой «Отверстия» затем в панели Paths / Контуры выберите созданный рабочий контур, ПКМ по нему и из списка выберите Stroke Path / Выполнить обводку контура. В появившемся окне для обводки установите инструмент - кисть и выключите Simulate Pressure / Имитировать нажим после нажмите OK.
Создаём сырный текст в Adobe Photoshop

Шаг 3.

Загрузите область выделения слоя «Отверстия» , затем выберите текстовый слой «Сыр» и перейдите в меню Layer / Слои > Layer Mask / Слой-маска >Hide Selection / Скрыть выделенную область. В завершении удалите слой «Отверстия» .
Создаём сырный текст в Adobe Photoshop

Этап 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%
Создаём сырный текст в Adobe Photoshop

Шаг 2.

Далее перейдите в меню Filter / Фильтр > Distort / Искажение > ZigZag / Зигзаг и установите следующие значения настроек:

Amount / Эффект: 2
Ridges / Складки: 5
Style / Стиль: Pond Ripples

После всего снова конвертируйте слой в Smart Objects / Смарт-объекты, перейдя в меню Layer / Слои > Smart Objects / Смарт-объекты > Convert to Smart Object / Преобразовать в смарт-объект.
Создаём сырный текст в Adobe Photoshop

Этап 6. Создаем 3D эффект.

Шаг 1.

Эффект 3D достигается путем дублирования исходного текстового слоя, затем перемещения его на 1px в низ и перемещением ниже слоя оригинала. Проделайте это 15 раз., чтоб сэкономить ваше время я создал автоматически действие для вас.
Для проигрывания действия выберите текстовый слой и перейдите в меню Window / Окно > Actions / Операции, выберите папку «Layer Duplicator» , а затем выберите действие “Make 15 layers”.Нажмите кнопку Play Selection в нижней части панели Actions / Операции.
Создаём сырный текст в Adobe Photoshop

Шаг 2.

После окончания действия выберите слой «Сыр объем» и продублируйте его. Слой копию переименуйте на «Тень» и переместите ниже всех текстовых слоев в панели Layers / Слои.
Создаём сырный текст в Adobe Photoshop

Этап 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%
Создаём сырный текст в Adobe Photoshop

Шаг 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 / Сглаживание
Создаём сырный текст в Adobe Photoshop

Шаг 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%
Создаём сырный текст в Adobe Photoshop

Шаг 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 чтоб применить все стили.
Создаём сырный текст в Adobe Photoshop

Этап 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, чтоб применить стиль.
Создаём сырный текст в Adobe Photoshop

Шаг 2.

Выберите слой «Тень» и понизьте значение Opacity / Непрозрачность до 0%.
Создаём сырный текст в Adobe Photoshop

Шаг 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, чтоб применить стиль.
Создаём сырный текст в Adobe Photoshop

У вас получится следующий результат.
Создаём сырный текст в Adobe Photoshop

Этап 9. Создаем слой для кисти.

Шаг 1.

Создайте новый слой и назовите его «Большие отверстия» . Затем загрузите область выделения слоя «Сыр объем» , а затем добавьте к слою «Большие отверстия» маску, перейдя в меню Layer / Слои > Layer Mask / Слой-маска > Reveal Selection / Показать выделенную область.
Создаём сырный текст в Adobe Photoshop

Шаг 2.

Продублируйте слой «Большие отверстия» и переименуйте его на «Малые отверстия» .
Создаём сырный текст в Adobe Photoshop

Этап 10. Создаем отверстия в сыре.

Шаг 1.

Выберите слой «Большие отверстия» выберите кисть, загруженную в начале урока, установите ее диаметр на 50px и создайте большие точки на тексте. Цвет кисти не имеет значения.
Создаём сырный текст в Adobe Photoshop

Шаг 2.

Выберите слой «Маленькие отверстия» и используя туже кисть, но на этот раз с диаметром 6px создайте много маленьких отверстий на поверхности сыра.
Создаём сырный текст в Adobe Photoshop

Этап 11. Стилизуем большие отверстия.

Выберите слой «Большие отверстия» и примените следующие стили слоя.

Шаг 1.

Для начала мы выберем пункт Layer Mask Hides Effects.
Создаём сырный текст в Adobe Photoshop

Шаг 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%
Создаём сырный текст в Adobe Photoshop

Шаг 3.

Добавим стиль слоя Color Overlay / Наложение цвета:

Blend Mode / Режим наложения: Normal / Обычный
Color / Цвет: #fcc14e
Создаём сырный текст в Adobe Photoshop

Шаг 4.

Добавим стиль слоя Outer Glow / Внешнее свечение:

Blend Mode / Режим наложения: Overlay / Перекрытие
Opacity / Непрозрачность: 23%
Color / Цвет: #ffffff
Technique / Метод: Softer / Мягкий
Spread / Размах: 0%
Size / Размер: 7 px
Включите Anti-aliased / Сглаживание.

Нажмите OK, чтоб применить стили.
Создаём сырный текст в Adobe Photoshop

Вот такой у вас получится результат.
Создаём сырный текст в Adobe Photoshop

Этап 12. Стилизуем маленькие отверстия.

Выберите слой «Маленькие отверстия» и примените следующие стили слоя.

Шаг 1.

Для начала мы выберем пункт Layer Mask Hides Effects.
Создаём сырный текст в Adobe Photoshop

Шаг 2.

Затем добавим стиль слоя Bevel and Emboss / Тиснение со следующими настройками:

Style / Стиль: Inner Bevel / Внутренний скос
Technique / Метод: Smooth / Плавное
Depth / Глубина: 594%
Direction / Направление: Up / Вверх
Size / Размер: 3 px
Soften / Смягчение: 5 px
Выключите Use Global Light / Глобальное освещение
Angle / Угол: -104º
Altitude / Высота: 48º
Включите Anti-aliased / Сглаживание
Highlight Mode / Режим подсветки: Linear Dodge / Линейный осветлитель (Add / Добавить) цвет: #ffffff Opacity: 0%
Shadow Mode / Режим тени: Soft Light / Мягкий свет цвет: #000000 Opacity: 63%
Создаём сырный текст в Adobe Photoshop

Шаг 3.

Применим стиль слоя Inner Shadow / Внутренняя тень:

Blend Mode / Режим наложения: Linear Dodge / Линейный осветлитель (Add / Добавить)
Color / Цвет: #ffffff
Opacity / Непрозрачность: 13%
Выключите Use Global Light / Глобальное освещение
Angle / Угол: -90º
Distance / Смещение: 1 px
Choke / Стягивание: 0%
Size / Размер: 0 px
Включите Anti-aliased / Сглаживание
Создаём сырный текст в Adobe Photoshop

Шаг 4.

Добавим стиль слоя Color Overlay / Наложение цвета:

Blend Mode / Режим наложения: Normal / Обычный
Color / Цвет: #fcc14e

Нажмите OK, чтоб применить стили.
Создаём сырный текст в Adobe Photoshop

Вот и все...
Поздравляю вы выполнили урок
Создаём сырный текст в Adobe Photoshop


Автор: Jan Stverak
Источник: Tutsplus
Переводчик: 2 fingers

по материалам

***

бухой раздень мою подружку
БУХОЙ SUPERMEN СЕНСАЦИОННОЕ видео в сети РАЗДЕНЬ мою подружку БРАКОНЬЕРЫ Электронный паспорт
         
военный целюлит
Скульптура из цепей Новая страшная история существ Неповторимое шоу Victoria’s Secret АРМИЯ СНОВА В МОДЕ

Борьба с целлюлитом


[02.04.2019][DesiGn bLOg]
Как узнать - ты дизайнер или нет? (0)
[02.04.2019][Lessons PHOTOSHOP]
Создаём сырный текст в Adobe Photoshop (0)
[03.04.2019][Lessons PHOTOSHOP]
Создаем текстурированную дымящуюся птицу (0)
[09.12.2015][Lessons PHOTOSHOP]
Основы фотографии. Cветофильтры в современной фотографии (2015) (0)
[19.11.2015][Lessons PHOTOSHOP]
Повышение практики мастерства в фотошоп (2015) (0)
[19.11.2015][Lessons PHOTOSHOP]
Ретушь и цветокоррекция от Гавра (2015) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс по съемке и обработке цифровых фотографий (2015) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Портретная ретушь интенсив (2014) (0)
[03.12.2014][Lessons PHOTOSHOP]
Панорамная Фаст-моушен съемка своими руками (0)
[04.12.2015][Lessons PHOTOSHOP]
Tuts+ Premium - Creative Photo Effects in Adobe Photoshop (2015) (0)
[22.10.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Beauty (0)
[09.12.2015][Lessons PHOTOSHOP]
Создаем белый фон в Photoshop (2015) (0)
[12.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Beautiful Vintage (2015) (0)
[09.12.2015][Lessons PHOTOSHOP]
Рисуем анимацию в Photoshop и After Effects (2015) (0)
[21.11.2015][Brushes Photoshop]
Rons Deviney Cyborg Parts (0)
[01.12.2015][DesiGN SofT]
CST Studio Suite 2015 SP1 (x86-x64) (0)
[22.10.2015][Lessons PHOTOSHOP]
Мастер-класс photoshop Oil Retouch (0)
[12.02.2015][DesiGN SofT]
ACDSee Pro 7.1 Build 165 RePack 2014 (RU/EN) (0)
[12.02.2015][DesiGN SofT]
Ashampoo Snap 7.0.2 Rus (0)
[18.11.2015][Brushes Photoshop]
Rons Deviney Cyborg Circuitry 75 Brushes (0)
 

Прикрепления:
Категория: Lessons PHOTOSHOP | Просмотров: 23 | Добавил: zanchi | Теги: фотошоп, урок
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]


Поиск







Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0
Яндекс цитирования
Rambler's Top100




[31.05.2010][Lessons PHOTOSHOP]
Создание кистей для рисования волос, меха, бород, комп.графика (7)
[11.06.2010][Lessons PHOTOSHOP]
Трехмерная надпись (8)
[17.06.2010][Lessons PHOTOSHOP]
Текст охваченный огнём, Stunning Text on Wild Fire Effect (6)
[03.12.2015][DesiGN SofT]
Sentaurus TCAD 2012 SP2 G-2012.06 SP2 на VMWare (1)
[29.05.2010][Lessons PHOTOSHOP]
Ночной город, спецэффект (2)
[13.02.2015][video futage]
VideoHive - Futuristic Logo Reveal 8351362 (0)
[12.02.2015][video futage]
Dark Circles Logo Reveal - Project for After Effects (Videohive) (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки фотошоп Композиция Шубека (0)
[30.12.2012][DesiGn bLOg]
Маленькой ёлочке холодно зимой! (0)
[24.01.2013][vectOR KLipardy]
Black Vintage Cards Vector 2 (0)
[01.09.2013][vectOR KLipardy]
Stock: Website Template (0)
[29.05.2010][Lessons PHOTOSHOP]
судорга (абстракционная фантазия) (4)
[29.05.2010][Lessons PHOTOSHOP]
Металлические трубки и провода (2)
[13.12.2015][Lessons PHOTOSHOP]
Вырезание объемных предметов в фотошоп (2015) (1)
[29.05.2010][rastER KLipardy]
Stock Photo: Drops, Splashes (1)
[07.10.2012][vectOR KLipardy]
Винтажные этикетки часть 21 | Vintage styled label collection vector set 21 (2)
[09.11.2010][Styles Photoshop]
Более 150-ти стилей WEB 2.0 (1)
[30.12.2012][DesiGn bLOg]
Кофейные фантазии by Tomoko Shintani (0)



Воскресенье
26.05.2019
02:20


Copyright artpost and semantic product zanchi 2010-2011 © 2019