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


Главная » 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)
[09.12.2015][Lessons PHOTOSHOP]
Рисуем анимацию в Photoshop и After Effects (2015) (0)
[13.02.2015][Plugins Photoshop]
AKVIS AirBrush 2.5.300.11214 (x86/x64) (0)
[03.12.2014][Lessons PHOTOSHOP]
Панорамная Фаст-моушен съемка своими руками (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[12.02.2015][DesiGN SofT]
The Logo Creator 6.6 Final (0)
[12.02.2015][DesiGN SofT]
GraphiSoft ArchiCAD 18 Build 4020 (x64) + Add-Ons (0)
[12.02.2015][DesiGN SofT]
CorelDRAW Graphics Suite X6 v16.4.0.1280 SP4 Portable by Punsh (0)
[22.10.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Beauty (0)
[12.02.2015][DesiGN SofT]
Photomizer Retro 2.0.14.106 Portable by Valx (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс по съемке и обработке цифровых фотографий (2015) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Womans Retouch (2015) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Портретная ретушь интенсив (2014) (0)
[12.02.2015][DesiGN SofT]
PT Photo Editor 1.7.1 Standard Edition Rus Portable by SamDel (0)
[12.02.2015][DesiGN SofT]
TechSmith Snagit 12.2.1 Build 1968 Final (2014/RUS/ENG) (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеокурс удаление объектов в фотошопе (0)
[16.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Retouch Man (2015) (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки photoshop Выборочная коррекция (2014) (0)
[12.02.2015][DesiGN SofT]
Room Arranger 7.5.0.421 (2014) Rus/Eng (0)
[12.02.2015][DesiGN SofT]
ACDSee Pro 7.1 Build 165 RePack 2014 (RU/EN) (0)
 

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


Поиск






[12.02.2015][video futage]
Broadcast Shapes Package - Project for After Effects (Videohive) (0)
[10.01.2011][Lessons PHOTOSHOP]
Как рисовался «Сломленный Линк» (0)
[29.05.2010][Lessons PHOTOSHOP]
Металлическое кольцо (5)
[12.01.2011][Lessons PHOTOSHOP]
Синее металлическое меню (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоурок photoshop Мгновенное изумление (0)
[31.05.2010][Lessons PHOTOSHOP]
Механический лягушонок, спецэффект (7)
[12.02.2015][DesiGN SofT]
Adobe Photoshop CC 14.2.0.515 Portable (x32-x64) Rus/Eng/Ukr + Plugins (0)
[01.04.2011][PSD-files, исходники]
PSD source material - advertising (0)
[10.11.2010][vectOR KLipardy]
Stock Vector - Grunge Banners (0)
[12.03.2013][Lessons PHOTOSHOP]
Стальной текст \ Create a Steel Text Effect in Photoshop (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)
[13.12.2015][Lessons PHOTOSHOP]
Вырезание объемных предметов в фотошоп (2015) (1)
[29.05.2010][rastER KLipardy]
Stock Photo: Drops, Splashes (1)
[29.05.2010][Lessons PHOTOSHOP]
Металлические трубки и провода (2)
[10.09.2011][Veb DeSiGn]
Template Monster – 11925 – Flash Template (0)
[30.12.2012][DesiGn bLOg]
Кофейные фантазии by Tomoko Shintani (0)
[09.11.2010][Styles Photoshop]
Более 150-ти стилей WEB 2.0 (1)



Воскресенье
04.12.2022
11:33


Copyright artpost and semantic product zanchi 2010-2011 © 2022