ФорумPhotoshopУроки Photoshop
Демиарт Поиск Новые сообщения
ОтветитьНовая темаНовое голосование
 Страница 1 из 2  » следующая ОтветитьНовая темаНовое голосование
19 ответов. 4731 просмотр.
   
 мужчина  2 fingers 20 Ноября 2018, 00:59
Пост №1 * 20 Ноября 2018, 00:59
Ответ с цитированием этого сообщения
модератор

Мастера
гильдия «Фотоарта»
10 229 постов
809°
Возраст: 37
Регистрация: 29.05.2008
Проживает: Харьков
В этом уроке я расскажу вам, как используя стили слоя, фильтры, действия и кисти создать сырный текстовый эффект.
В завершении урока у вас получится вот такой результат.

Создаём сырный текст в 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) из списка шрифтов выберите «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
Авторские уроки: Ps >>>
Авторские уроки: Ai >>>
  Google

Группа: Робот
1 пост
Возраст: скрывает
Регистрация: 26.11.2003

 мужчина  z_ivan 20 Ноября 2018, 12:16 (спустя 11 часов 16 мин.)
Пост №2 * 20 Ноября 2018, 12:16 (спустя 11 часов 16 мин.)
Ответ с цитированием этого сообщения

Размышляющие
3 003 поста
274°
Возраст: 48
Регистрация: 5.02.2008
Проживает: скрывает
2 fingers, спасибо за урок! :по пиву: Давненько свежих уроков не было.

Создаём сырный текст в Adobe Photoshop
Гильдия Трёхмерщиков
+6
 мужчина  2 fingers 21 Ноября 2018, 00:31 (спустя 12 часов 14 мин.)
Пост №3 * 21 Ноября 2018, 00:31 (спустя 12 часов 14 мин.)
Ответ с цитированием этого сообщения
модератор

Мастера
гильдия «Фотоарта»
10 229 постов
809°
Возраст: 37
Регистрация: 29.05.2008
Проживает: Харьков
z_ivan, так получилось.
Как всегда отличное выполнение урока :по пиву:
Авторские уроки: Ps >>>
Авторские уроки: Ai >>>
0
 мужчина  z_ivan 21 Ноября 2018, 09:43 (спустя 9 часов 12 мин.)
Пост №4 * 21 Ноября 2018, 09:43 (спустя 9 часов 12 мин.)
Ответ с цитированием этого сообщения

Размышляющие
3 003 поста
274°
Возраст: 48
Регистрация: 5.02.2008
Проживает: скрывает
2 fingers, спасибо!
Гильдия Трёхмерщиков
0
 женщина  leka171 23 Ноября 2018, 00:55 (спустя 1 день 15 часов)
Пост №5 * 23 Ноября 2018, 00:55 (спустя 1 день 15 часов)
Ответ с цитированием этого сообщения

Дебютанты
9 постов
Возраст: скрывает
Регистрация: 10.06.2011
Проживает: Новоузенск
Создаём сырный текст в Adobe PhotoshopОтличный, подробный урок. Большое спасибо! Создаём сырный текст в Adobe Photoshop *
+3
 мужчина  2 fingers 23 Ноября 2018, 09:21 (спустя 8 часов 26 мин.)
Пост №6 * 23 Ноября 2018, 09:21 (спустя 8 часов 26 мин.)
Ответ с цитированием этого сообщения
модератор

Мастера
гильдия «Фотоарта»
10 229 постов
809°
Возраст: 37
Регистрация: 29.05.2008
Проживает: Харьков
leka171, отличный выполнение урока :)
Авторские уроки: Ps >>>
Авторские уроки: Ai >>>
0
 женщина  leka171 23 Ноября 2018, 14:02 (спустя 4 часа 41 мин.)
Пост №7 * 23 Ноября 2018, 14:02 (спустя 4 часа 41 мин.)
Ответ с цитированием этого сообщения

Дебютанты
9 постов
Возраст: скрывает
Регистрация: 10.06.2011
Проживает: Новоузенск
Цитирую (2 fingers @ 23 November 2018, 09:21)
leka171, отличный выполнение урока :)

Большое спасибо! :)


Отредактировано: leka171 — 23 Ноября 2018, 14:04
0
 женщина  leka171 23 Ноября 2018, 14:03 (спустя 1 мин. 2 сек.)
Пост №8 * 23 Ноября 2018, 14:03 (спустя 1 мин. 2 сек.)
Ответ с цитированием этого сообщения

Дебютанты
9 постов
Возраст: скрывает
Регистрация: 10.06.2011
Проживает: Новоузенск
Создаём сырный текст в Adobe Photoshop *


Отредактировано: leka171 — 23 Ноября 2018, 14:05
0
 мужчина  Артём Мовчан 23 Ноября 2018, 19:30 (спустя 5 часов 27 мин.)
Пост №9 * 23 Ноября 2018, 19:30 (спустя 5 часов 27 мин.)
Ответ с цитированием этого сообщения

Дебютанты
2 поста
Возраст: 32
Регистрация: 23.11.2018
Проживает: скрывает
Создаём сырный текст в Adobe Photoshop *


Отредактировано: Артём Мовчан — 23 Ноября 2018, 21:49
0
 мужчина  Артём Мовчан 23 Ноября 2018, 21:48 (спустя 2 часа 17 мин.)
Пост №10 * 23 Ноября 2018, 21:48 (спустя 2 часа 17 мин.)
Ответ с цитированием этого сообщения

Дебютанты
2 поста
Возраст: 32
Регистрация: 23.11.2018
Проживает: скрывает
2 fingers, не понимаю следующее : Загрузите область выделения текстового слоя и перейдите в панель Paths / Контуры / Контуры и нажмите иконку Make work path from selection, чтоб создать рабочий контур и области выделения.
Работаю на PS CS6 .
0
 мужчина  2 fingers 24 Ноября 2018, 11:39 (спустя 13 часов 51 мин.)
Пост №11 * 24 Ноября 2018, 11:39 (спустя 13 часов 51 мин.)
Ответ с цитированием этого сообщения
модератор

Мастера
гильдия «Фотоарта»
10 229 постов
809°
Возраст: 37
Регистрация: 29.05.2008
Проживает: Харьков
Загрузите область выделения текста Ctrl+клик по иконке текстового слоя в панели Layers, перейдите в панель Paths и нажмите иконку Make work path from selection

Создаём сырный текст в Adobe Photoshop
Авторские уроки: Ps >>>
Авторские уроки: Ai >>>
0
 мужчина  Алексей975 2 Декабря 2018, 00:28 (спустя 7 дней)
Пост №12 * 2 Декабря 2018, 00:28 (спустя 7 дней)
Ответ с цитированием этого сообщения

Размышляющие
49 постов
Возраст: 43
Регистрация: 13.01.2011
Проживает: Новороссийск
Вот как-то так. Большое спасибо за урок!


Создаём сырный текст в Adobe Photoshop
+4
 женщина  Наталья Заварзина 2 Декабря 2018, 21:32 (спустя 21 час 4 мин.)
Пост №13 * 2 Декабря 2018, 21:32 (спустя 21 час 4 мин.)
Ответ с цитированием этого сообщения

Размышляющие
223 поста
Возраст: 52
Регистрация: 15.02.2017
Проживает: скрывает
Спасибо за интересный урок!


Создаём сырный текст в Adobe Photoshop
«Авторитетность имеет тенденцию к уменьшению с течением времени, дабы не терять актуальности»
Казнить нельзя помиловать
+3
 мужчина  vk_67793580 23 Декабря 2018, 19:59 (спустя 20 дней)
Пост №14 * 23 Декабря 2018, 19:59 (спустя 20 дней)
Ответ с цитированием этого сообщения

Дебютанты
1 пост
Возраст: 30
Регистрация: 22.12.2018
Проживает: скрывает
У меня буквы получились не гладкие, а какие-то ребристые) может что-то я не так сделал?
Создаём сырный текст в Adobe Photoshop
+3
 мужчина  AnatoliyTolstiy 23 Декабря 2018, 21:59 (спустя 1 час 59 мин.)
Пост №15 * 23 Декабря 2018, 21:59 (спустя 1 час 59 мин.)
Ответ с цитированием этого сообщения

Размышляющие
21 пост
Возраст: 15
Регистрация: 28.01.2018
Проживает: скрывает
Спасибо за перевод! Почему-то получается больше похоже на какой-то вспененный полимер, а не сыр.
0
 Страница 1 из 2  » следующая
« Предыдущая тема | Уроки Photoshop | Следующая тема »
 Похожие темы
Создаём меню в Adobe Photoshop + HTML+CSS
Troyan11 14 6695 11 Февраля 2011 - 12:35
» к последнему сообщению
Сырный текст
Водяной 19 7728 +1 13 Июля 2009 - 10:23
» к последнему сообщению
Сырный текст
Сыр и текст
Sabaku_no_Gaara 8 4964 6 Апреля 2010 - 10:54
» к последнему сообщению
Create a Realistic Pencil in Adobe Photoshop
Создаём Реалистичный Карандаш в Фотошопе
Прапорщик 5 4599 +4 17 Августа 2010 - 00:33
» к последнему сообщению
Draw Simple Fruit in Adobe Photoshop
рисуем простые фрукты
romioliz 4 6058 +5 17 Июня 2017 - 23:38
» к последнему сообщению

0 посетителей в этой теме