Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

159 323 чел. 365 805 работ 3 810 уроков
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Средняя

Создаем светящуюся пригласительную 3D надпись

Особенные события всегда включают яркий декор, частью которого является большая яркая надпись Welcome. В этом уроке я покажу вам, как с помощью 3D-инструментов и настроек, нескольких текстур, корректирующих слоев и фильтров создать яркую пригласительную надпись в 3D. Начнем!

На создание этого эффекта меня вдохновили многочисленные стили слоя доступные на сайте GraphicRiver.

Скачать архив с материалами к уроку

Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант материалов для выполнения урока

1. Создаем и сохраняем простой узор

Шаг 1

Создаем новый документ размером 25 х 25 пикселей с черным фоном. Затем с помощью Ellipse Tool (U) (Овал) в центре документе рисуем белую окружность размером 14 х 14 пикселей.

Шаг 2

Трижды дублируем (Ctrl+J) овал и каждую копию центром размещаем в одном из четырех углов.

Шаг 3

Переходим Edit – Define Pattern (Редактирование – Определить узор) и в поле Name (Название) пишем название узора «Текстура освещения».

Шаг 4

Дважды кликаем по слою с овалом, чтобы открыть окно Layer Style (Стиль слоя) и применить Gradient Overlay (Наложение градиента):

  • Ставим галочку напротив Dither (Дизеринг)
  • Style (Стиль): Radial (Радиальный)
  • Используем черно-белый градиент

Шаг 5

Кликаем правой кнопкой по слою с градиентом, выбираем Copy Layer Style (Скопировать стиль слоя), выделяем оставшиеся слои с окружностями, кликаем по ним правой кнопкой мышки и выбираем Paste Layer Style (Вставить стиль слоя).

Шаг 6

Переходим Edit – Define Pattern (Редактирование – Определить узор) и в поле с названием пишем «Текстура рельефа».

2. Создаем текстуру с помощью узора

Шаг 1

Создаем документ размером 500 х 500 пикселей и дублируем слой Background (Фон).

Шаг 2

Дважды кликаем по копии фонового слоя и применяем стиль слоя Pattern Overlay (Наложение узора):

  • Pattern (Узор): Текстура освещения
  • Scale (Масштаб): 50%

Шаг 3

Добавляем корректирующий слой Solid Color (Цвет), выбираем цвет #fff4b4 и меняем режим смешивания слоя на Multiply (Умножение).

Закончив, сохраняем файл с названием «Текстура освещения».

Шаг 4

Дважды кликаем по копии фонового слоя, выбираем стиль Pattern Overlay (Наложение узора) и меняем Pattern (Узор) на «Текстуру рельефа».

Шаг 5

Удаляем слой Solid Color (Цвет) и сохраняем файл с названием «Текстура рельефа».

3. Добавляем текст

Шаг 1

Создаем новый документ. Пишем текст заглавными буквами, используя шрифт Sofia Pro Bold. Size (Размер) устанавливаем на 175 pt и Tracking (Трэкинг) – на 50.

Шаг 2

Называем текстовый слой «Текст», кликаем по нему правой кнопкой мышки и выбираем Convert to Shape (Преобразовать в кривые).

Шаг 3

С помощью Rectangle Tool (U) (Прямоугольник) под текстом создаем прямоугольник высотой 10 пикселей и называем слой с ним «Верх».

Шаг 4

Создаем еще один прямоугольник такой же длины и высотой 5 пикселей. Называем слой «Низ».

Шаг 5

Создаем небольшой прямоугольник размером 15 х 5 пикселей и дублируем его пять раз.

Одну копию размещаем с правой стороны прямоугольника «Низ», а вторую – с левой. Остальные копии распределяем между ними.

Чтобы равномерно разместить оставшиеся фигуры, выбираем все слои с маленькими прямоугольниками, активируем инструмент Move Tool (V) (Перемещение) и на верхней панели нажимаем кнопку Distribute horizontal centers (Распределение центров по горизонтали).

Шаг 6

Выбираем слой «Низ» и все слои с маленькими прямоугольниками, затем переходим Layer – Merge Shapes (Слой – Объединить фигуры).

4. Создаем 3D-слои

Шаг 1

Выше предыдущих слоев добавляем новый и заливаем его черным цветом.

Шаг 2

Переходим 3D – New Mesh From Layer – Mesh Preset – Sphere (3D – Новая сетка из слоя – Набор сетки - Сфера).

Шаг 3

Поочередно применяем к каждому слою с фигурой и текстом 3D – New 3D Extrusion from Selected Path (3D – Новая 3D-сетка из выделенного контура).

Шаг 4

Выбираем все 3D-слои и переходим 3D – Merge 3D Layers (3D – Слияние 3D-слоев).

5. Работаем с 3D-сценой

Шаг 1

Чтобы иметь доступ к параметрам 3D-объектов, мы должны открыть две панели: панель 3D и Properties (Свойства) (обе находятся в главном меню Window (Окно)).

На панели 3D находится список всех компонентов сцены и, если выбрать один из них, мы сможем редактировать его параметры на панели Properties (Свойства). Поэтому всегда обращайте внимание на то, выбран ли нужный объект, прежде чем редактировать его.

Кликаем по значку глаза напротив компонента Sphere (Сфера), чтобы скрыть его.

Шаг 2

Если активировать Move Tool (V) (Перемещение), то на верхней панели параметров справа появятся специальные 3D-режимы.

Выбрав один из них, можно производить определенные действия с объектами сцены (предварительно выбрав элемент на панели 3D).

Используем эти режимы, чтобы изменить текущий вид из камеры так, как вам нравится.

6. Настраиваем 3D-объекты

Шаг 1

На панели 3D выбираем компонент Text (Текст) и на панели свойств устанавливаем Extrusion Depth (Глубина экструзии) на 25.

Шаг 2

Устанавливаем Extrusion Depth (Глубина экструзии) компонента Top (Верх) на 100.

Шаг 3

Устанавливаем Extrusion Depth (Глубина экструзии) компонента Bottom (Низ) на 10.

Кликаем правой кнопкой по компоненту Bottom (Низ) и выбираем Instance Objects (Создать экземпляры объектов). В результате появится копия компонента, привязанная к настройкам оригинала, например, материалам.

7. Перемещаем 3D-объекты

Шаг 1

На панели 3D выделяем все 3D-компоненты сцены, затем в правом верхнем углу панели нажимаем кнопку меню и выбираем Move Object to Ground Plane (Переместить объект на плоскость основания).

Шаг 2

Активируем Move Tool (V) (Перемещение) и используем 3D-оси, чтобы передвинуть заднюю окантовку на заднюю часть текста.

Стрелки на концах осей двигают объекты, маленькая дуга, которая идет дальше, отвечает за поворот, а с помощью куба можно масштабировать объект. Центральный куб, из которого выходят оси, нужен для равномерного масштабирования объекта. Чтобы выполнить какое-то действие с осями, просто кликаем по ним и тянем мышкой.

Шаг 3

Также вместо осей мы можем использовать числовые значения на вкладке Coordinates (Координаты) на панели свойств.

Шаг 4

Двигая компоненты сцены, настраиваем текущий вид из камеры и смотрим результат.

8. Создаем светящиеся сферы

Шаг 1

Снова делаем видимым компонент Sphere (Сфера). Разворачиваем его, кликнув на кнопку со стрелкой, и выбираем материал сферы.

Кликаем на кнопку папки напротив параметра Diffuse (Рассеивание) и выбираем Remove Texture (Удалить текстуру). Настраиваем материал (значения цветов взяты в цветовой модели RGB):

  • Diffuse (Рассеивание): 255, 195, 101
  • Specular (Цвет блика): 252, 249, 239
  • Illumination (Свечение): 255, 239, 165
  • Ambient (Освещение): 255, 237, 188
  • Shine (Блеск): 50
  • Reflection (Отражение): 10

Шаг 2

Создаем связанные копии сферы и размещаем их перед каждой буквой. Чтобы работать было удобнее, на панели свойств меняем View (Вид) на Front (Спереди).

9. Создаем материалы с текстурой для текста

Шаг 1

Выбираем компонент Text Front Inflation Material (Материал передней выпуклости текста), кликаем на значок папки напротив Diffuse (Рассеивание) и выбираем Edit Texture (Редактировать текстуру).

Шаг 2

Откроется отдельный файл с текстурой. Переходим File – Save As (Файл – Сохранить как) и называем файл «Текстура освещения текста».

Шаг 3

Дважды кликаем по слою, чтобы применить стиль Pattern Overlay (Наложение узора) со следующими параметрами:

  • Pattern (Узор): Текстура освещения
  • Scale (Масштаб): 25%

Шаг 4

Выше добавляем корректирующий слой Solid Color (Цвет), устанавливаем цвет на #fff4b4 и меняем режим смешивания на Multiply (Умножение).

Сохраняем изменения.

Шаг 5

Снова дважды кликаем по слою-фигуре, выбираем стиль Pattern Overlay (Наложение узора) и меняем узора на «Текстуру рельефа».

Шаг 6

Удаляем слой Solid Color (Цвет) и сохраняем файл с названием «Текстура рельефа текста».

10. Создаем материал текста

Шаг 1

Выбираем все материалы текста, кликаем по иконке напротив Diffuse (Рассеивание) и выбираем Remove Texture (Удалить текстуру).

Шаг 2

Настраиваем материалы:

  • Diffuse (Рассеивание): 109, 60, 34
  • Specular (Цвет блика): 112, 85, 61
  • Shine (Блеск): 50
  • Reflection (Отражение): 10
  • Bump (Рельеф): 20

Шаг 3

Выбираем Front Inflation Material (Материал передней выпуклости), кликаем по значку папки напротив Illumination (Свечение), выбираем Load Texture (Загрузить текстуру) и открываем «Текстуру освещения текста».

Таким же образом загружаем «Текстуру рельефа текста» для параметра Bump (Рельеф).

11. Настраиваем параметры UV

Шаг 1

Выбираем компонент Text (Текст) и меняем Texture Mapping (Отображение текстуры) на Tile (Мозаика).

Шаг 2

Выбираем Text Extrusion Material (Материал экструзии текста), кликаем на иконку папки напротив Illumination (Освещение), выбираем Load Texture (Загрузить текстуру) и открываем файл «Текстура освещения».

Затем кликаем по иконке текстуры напротив Illumination (Освещение) и выбираем Edit UV Properties (Редактировать UV-свойства).

Шаг 3

На свое усмотрение настраиваем параметры Tile (Мозаика).

Шаг 4

Кликаем по иконке папки напротив Bump (Рельеф), выбираем Load Texture (Загрузить текстуру) и открываем «Текстуру рельефа». Затем настраиваем UV-свойства параметра Bump (Рельеф) идентично Illumination (Освещение).

12. Создаем больше материалов

Шаг 1

Выделяем все материалы компонента Top (Верх) и настраиваем их:

  • Diffuse (Рассеивание): 47, 36, 22
  • Shine (Блеск): 70
  • Reflection (Отражение): 10

Шаг 2

Выбираем Top Front Inflation Material (Материал передней выпуклости), кликаем на значок текстуры напротив Diffuse (Рассеивание), выбираем Replace Texture (Заменить текстуру) и открываем текстуру дерева из скачанных материалов. Затем настраиваем ее UV-свойства.

Выбираем остальные материалы компонента Тор (Верх), кликаем по значку Diffuse (Рассеивание) и в открывшемся списке выбираем ту же самую текстуру дерева.

Выделяем компонент Тор (Верх), меняем Texture Mapping (Отображение текстуры) на Tile (Мозаика). При необходимости корректируем UV-свойства всех материалов компонента Тор (Верх).

Шаг 3

Выбираем все материалы компонента Bottom (Низ) и настраиваем их:

  • Diffuse (Рассеивание): Используем текстуру 5.jpg из набора с текстурами металла, затем настраиваем ее UV-свойства
  • Specular (Цвет блика): (67, 64, 60)
  • Shine (Блеск): 70
  • Reflection (Отражение): 20
  • Bump (Рельеф): 10 (Используем ту же текстуру и UV-свойства, что и для Diffuse (Рассеивание))

13. Настраиваем освещение сцены

Шаг 1

Выбираем компонент Infinite Light 1 (Бесконечный свет 1), меняем его цвет на 239, 232, 219, Intensity (Интенсивность) устанавливаем на 60%, а Shadow – Softness (Тень – Сглаживание) – на 30%.

Шаг 2

Используем Move Tool (V) (Перемещение) или вкладку Coordinates (Координаты) на панели свойств и на свое усмотрение меняем положение источника света.

Шаг 3

Выбираем компонент Environment (Окружающая среда), нажимаем на иконку текстур IBL (ИСБИ), выбираем Replace Texture (Заменить текстуру) и открываем изображение с комнатой из скачанных материалов.

Меняем Intensity (Интенсивность) до 30% и двигаем изображение, пока не получим подходящий результат.

Вы можете переключаться между компонентами Infinite Light (Бесконечный свет) и Environment (Окружающая среда), чтобы подкорректировать их настройки и подобрать более удачное расположение источника света.

14. Добавляем фоновую текстуру

Шаг 1

Далее мы добавим фоновую текстуру и в соответствии с ней настроим угол камеры, а для этого нам потребуется увеличить размер рабочего полотна.

С помощью инструмента Crop Tool (С) (Кадрирование) меняем размер документа так, чтобы текст четко вписывался в него.

Шаг 2

Начинаем с добавления изображения с булыжниками сразу над слоем Background (Фон). Для этого используем команду File – Place Linked (Файл – Поместить связанные).

Благодаря этой команде, картинка добавится в виде смарт-объекта, что позволит нам редактировать слой, не разрушая его целостности.

Называем слой с булыжником «Брусчатка», корректируем размер картинки, чтобы она вписывалась в размер документа и соответствовала углу наклона камеры.

Шаг 3

Над слоем «Земля» добавляем слой «Стена» с изображением стены. При необходимости корректируем размер картинки.

15. Добавляем дополнительные объекты

Шаг 1

За текстом размещаем несколько PNG-картинок с деревьями. Трансформируем (Ctrl+T) их, чтобы получить более динамичный результат.

Затем добавляем все деревья в отдельную группу (Ctrl+G) и называем ее «Кусты».

Шаг 2

Выбираем группу с кустами, затем с помощью Rectangular Marquee Tool (M) (Прямоугольное выделение) выделяем часть кустов, которую мы хотим оставить.

Шаг 3

В нижней части панели слоев нажимаем на кнопку Add layer mask (Добавить слой-маску), чтобы создать маску для группы по форме выделения.

Шаг 4

Кликаем правой кнопкой мышки по группе «Кусты» и выбираем Convert to Smart Object (Преобразовать в смарт-объект).

Шаг 5

Открываем картинку со скамейкой и с помощью Polygonal Lasso Tool (L) (Прямоугольное лассо) выделяем фронтальную часть тротуара.

Переходим Edit – Copy (Редактирование – Скопировать), чтобы скопировать выделенную область.

Шаг 6

Возвращаемся к рабочему документу и переходим Edit – Paste (Редактирование – Вставить), называем новый слой «Бордюр» и конвертируем ее в смарт-объект.

Трансформируем (Ctrl+T) и перемещаем бордюр так, чтобы закрыть им нижнюю часть кустов.

16. Корректируем фоновые объекты

Шаг 1

Выбираем слой «Брусчатка» и переходим Image – Adjustments – Selective Color (Изображение – Коррекция – Выборочная коррекция цвета). Настраиваем цвета Neutrals (Нейтральные):

  • Magenta (Пурпурный): 1
  • Yellow (Желтый): 2
  • Black (Черный): 9

Шаг 2

Переходим Image – Adjustments – Levels (Изображение – Коррекция – Уровни) и устанавливаем белый ползунок Output Levels (Выходные значения) на 200.

Шаг 3

Выбираем слой «Стена» и переходим Image – Adjustments – Levels (Изображение – Коррекция – Уровни). Устанавливаем белый ползунок Output Levels (Выходные значения) на 175.

Шаг 4

Выбираем слой «Кусты» и переходим Image – Adjustments – Levels (Изображение – Коррекция – Уровни). Устанавливаем белый ползунок Output Levels (Выходные значения) на 185.

Шаг 5

Переходим Image – Adjustments – Hue/Saturation (Изображение – Коррекция – Цветовой тон/Насыщенность). Выбираем канал Yellows (Желтые), устанавливаем Hue (Цветовой тон) на -30, а Saturation (Насыщенность) – на -20.

Шаг 6

Выбираем канал Greens (Зеленые), устанавливаем Hue (Цветовой тон) на -35, а Saturation (Насыщенность) – на -25.

Шаг 7

Выбираем слой «Бордюр», переходим Image – Adjustments – Selective Color (Изображение – Коррекция – Выборочная коррекция цвета). Настраиваем Whites (Белые):

  • Magenta (Пурпурный): 9
  • Yellow (Желтый): 24
  • Black (Черный): 85

Neutrals (Нейтральные)

  • Yellow (Желтый): 8
  • Black (Черный): -5

Шаг 8

Переходим Image – Adjustments – Hue/Saturation (Изображение – Коррекция – Цветовой тон/Насыщенность), устанавливаем Hue (Цветовой тон) на -10, а Saturation (Насыщенность) – на -30.

17. Применяем стили слоя и фильтры

Шаг 1

Дважды кликаем по слою «Кусты», чтобы открыть окно Layer Style (Стиль слоя) и применить Drop Shadow (Тень) со следующими настройками:

  • Opacity (Непрозрачность): 10%
  • Снимаем галочку с Use Global Light (Глобальное освещение)
  • Angle (Угол): -91
  • Distance (Смещение): 35
  • Size (Размер): 30

Получаем мягкую тень на стене.

Дважды кликаем по слою «Бордюр» и применяем следующий стиль слоя:

Шаг 2

Добавляем Inner Shadow (Внутренняя тень) со следующими параметрами:

  • Opacity (Непрозрачность): 35%
  • Distance (Смещение): 5
  • Size (Размер): 13

Шаг 3

Добавляем Drop Shadow (Тень) со следующими параметрами:

  • Opacity (Непрозрачность): 70%
  • Снимаем галочку с Use Global Light (Глобальное освещение)
  • Angle (Угол): 0
  • Distance (Смещение): 10
  • Size (Размер): 27

Теперь бордюр лучше сочетается с задним планом.

Шаг 4

Выбираем слой «Стена», затем переходим Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу) и устанавливаем Radius (Радиус) на 0,5.

Шаг 5

Вы можете применить фильтр Gaussian Blur (Размытие по Гауссу) с любым значением и к любому элементу фона, например, кустам и булыжникам на земле.

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

18. Настройка и рендеринг 3D-сцены

Шаг 1

Закончив с фоном, вносим все необходимые изменения в 3D-сцене.

Затем переходим 3D – Render 3D Layer (3D – Рендеринг 3D-слоя). Рендеринг может занять достаточно много времени, но вы всегда можете остановить процесс нажатием клавиши Esc.

Когда рендеринг завершится, кликаем правой кнопкой по 3D-слою и выбираем Convert to Smart Object (Преобразовать в смарт-объект), чтобы случайно не нарушить его целостность.

Шаг 2

Переходим Image – Adjustments – Color Balance (Изображение – Коррекция – Цветовой баланс) и применяем следующие настройки:

  • Tone Balance (Тоновой баланс): Shadows (Тени)
  • Color Levels (Уровни): -5, 3, 10

  • Tone Balance (Тоновой баланс): Midtones (Средние тона)
  • Color Levels (Уровни): -5, -8, 3

  • Tone Balance (Тоновой баланс): Highlights (Света)
  • Color Levels (Уровни): 2, 3, -10

Шаг 3

Дважды дублируем слой «Текст» и скрываем вторую копию.

19. Применяем размытие

Шаг 1

Выбираем слой «Текст копия» и переходим Filter – Blur – Motion Blur (Фильтр – Размытие – Размытие в движении).

Устанавливаем Angle (Угол) на -56, а Distance (Смещение) – на 5.

Шаг 2

Меняем режим смешивания слоя «Текст копия» на Soft Light (Мягкий свет) и уменьшаем непрозрачность до 70%.

Шаг 3

Делаем видимым слой «Текст копия 2», переходим Filter – Blur Gallery – Field Blur (Фильтр – Галерея размытия – Размытие поля). На панели Blur /lessons/tools (Инструменты размытия) устанавливаем Blur (Размытие) на 3.

Затем на вкладке Effects (Эффекты) активируем Bokeh (Боке), устанавливаем Light Bokeh (Светлый боке) на 33%, черный ползунок Light Ranges (Светлый диапазон) - на 98, а белый – на 245.

Шаг 4

Меняем режим смешивания слоя «Текст копия 2» на Lighten (Замена светлым) и уменьшаем непрозрачность до 30%.

20. Применяем слой-маски

Шаг 1

Для слоя «Текст копия» добавляем маску и выбираем миниатюру маски на панели слоев.

Шаг 2

Переходим Image – Apply Image (Изображение - Внешний канал). В появившемся окне устанавливаем Layer (Слой) на Text (Текст) (это наш текстовый слой), Channel (Канал) – на RGB и Blending (Наложение) – на Hard Light (Жесткий свет).

Шаг 3

Зажимаем клавишу Alt и перетягиваем маску сдоя «Текст копия» на слой «Текст копия 2», чтобы дублировать ее.

21. Добавляем блики

Шаг 1

Размещаем изображение Lens Flare 23 из набора 30 Awesome Lens Flare выше всех предыдущих слоев и меняем его режим смешивания на Screen (Осветление).

Шаг 2

Дважды кликаем по миниатюре слоя с бликом (слой при этом должен быть смарт-объектом), чтобы открыть оригинальный файл. Ниже добавляем новый слой и заливаем его черным цветом. Объединяем оба слоя вместе (Ctrl+E), сохраняем и закрываем файл.

Шаг 3

Переходим Image – Adjustments – Levels (Изображение – Коррекция – Уровни). Устанавливаем центральный серый ползунок на 0,75 или любое другое значение, чтобы при этом исчезли границы блика.

Шаг 4

Переходим Image – Adjustments – Hue/Saturation (Изображение – Коррекция – Цветовой тон/Насыщенность). Устанавливаем Hue (Цветовой тон) на 15.

Шаг 5

Трансформируем блик и размещаем его на первой сфере-лампочке у основания буквы W.

Шаг 6

Дублируем блик и добавляем копии на остальных лампочках. После этого объединяем все блики в группу «Блики».

22. Общая цветокоррекция

Шаг 1

Берем мягкую кисть (В) и устанавливаем цвет переднего плана на #e9c24d.

В самом низу группы «Блики» создаем новый слой и называем его «Свет». Устанавливаем режим смешивания этого слоя на Soft Light (Мягкий свет) и уменьшаем непрозрачность до 20%.

Затем кисточкой ставим точку на каждой лампочке, чтобы сделать их еще ярче.

Шаг 2

Над слоем «Граница» добавляем новый слой и также называем его «Свет». Устанавливаем режим смешивания этого слоя на Soft Light (Мягкий свет) и уменьшаем непрозрачность до 10%.

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

Шаг 3

Выше всех предыдущих слоев добавляем корректирующий слой Color Lookup (Поиск цвета), в меню 3DLUT File (Файл 3DLUT) выбираем FoggyNight.3DL.

Меняем режим смешивания слоя Color Lookup (Поиск цвета) на Soft Light (Мягкий свет) и уменьшаем непрозрачность до 20%.

Шаг 4

Выше всех предыдущих слоев добавляем корректирующий слой Gradient Map (Карта градиента). Активируем параметр Dither (Дизеринг) и создаем градиент, используя цвета #44386e (слева), #716d7c (в центре) и #d4a987 (справа).

Меняем режим смешивания слоя Gradient Map (Карта градиента) на Soft Light (Мягкий свет) и уменьшаем непрозрачность до 20%.

Шаг 5

Выше всех предыдущих слоев добавляем еще один корректирующий слой Color Lookup (Поиск цвета). В меню Device Link (Связь с устройством) выбираем Smokey.

Меняем режим смешивания слоя Color Lookup (Поиск цвета) на Soft Light (Мягкий свет) и уменьшаем непрозрачность до 20%.

Шаг 6

Выше предыдущих слоев добавляем новый, называем его «Виньетка» и устанавливаем цвет переднего плана на черный.

Меняем режим смешивания слоя «Виньетка» на Soft Light (Мягкий свет) и уменьшаем непрозрачность до 50%.

Большой мягкой кисточкой (В) рисуем виньетку по краям документа. Чтобы эффект получился более мягким и аккуратным, на верхней панели параметров инструмента уменьшаем Opacity (Непрозрачность) примерно до 20%.

23. Финальные штрихи

Шаг 1

Выше всех предыдущих слоев добавляем новый, называем его «Размытие в движении», жмем Shift+Ctrl+Alt+E, чтобы объединить все видимые слои на отдельном новом, затем конвертируем его в смарт-объект.

Шаг 2

Переходим Filter – Blur – Motion Blur (Фильтр – Размытие – Размытие в движении). Устанавливаем Angle (Угол) на -60, а Distance (Смещение) – на 2.

Шаг 3

Выше всех предыдущих слоев создаем новый, называем его «Шум», затем переходим Edit – Fill (Редактирование – Выполнить заливку) и в выпадающем меню Contents (Содержание) выбираем 50% Gray (50% серого).

Преобразовываем слой «Шум» в смарт-объект.

Шаг 4

Переходим Filter – Noise – Add Noise (Фильтр – Шум – Добавить шум). Устанавливаем Amount (Эффект) на 5, а Distribution (Распределение) – на Gaussian (По Гауссу).

Шаг 5

Меняем режим смешивания слоя «Шум» на Soft Light (Мягкий свет) и уменьшаем непрозрачность до 50%.

Поздравляю, мы закончили!

В начале урока мы создали текстуры рельефа и освещения, затем добавили текст и несколько прямоугольных фигур.

Затем мы конвертировали слои в 3D-объекты и дальше работали с настройками сцены.

После этого мы настроили освещение сцены, добавили несколько фоновых объектов и визуализировали готовый 3D-слой.

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

Не стесняйтесь оставлять комментарии, предложения и делиться результатами.

Автор: Rose

Комментарии 103

:beaming-face-with-smiling-eyes::smiling-face-with-heart-eyes::smiling-face-with-3-hearts::heart-with-arrow::heart-with-ribbon::red-heart::revolving-hearts::two-hearts::smiling-cat-face-with-heart-eyes::kissing-cat-face::cat-face-with-tears-of-joy::cat-face-with-wry-smile::crying-cat-face::grinning-cat-face-with-smiling-eyes::grinning-cat-face::pouting-cat-face::weary-cat-face::face-with-symbols-on-mouth::pouting-face::grinning-face::hugging-face::face-with-tongue::confused-face::face-with-rolling-eyes::woozy-face::smiling-face-with-sunglasses::winking-face::alien-monster::alien::angry-face-with-horns::angry-face::anguished-face::anxious-face-with-sweat::astonished-face::cold-face::confounded-face::cowboy-hat-face::crying-face::disappointed-face::dizzy-face::downcast-face-with-sweat::drooling-face::exploding-head::expressionless-face::face-blowing-a-kiss::face-savoring-food::face-screaming-in-fear::face-vomiting::face-with-hand-over-mouth::face-with-head-bandage::face-with-medical-mask::face-with-monocle::face-with-open-mouth::face-with-raised-eyebrow::face-with-steam-from-nose::face-with-tears-of-joy::face-with-thermometer::face-without-mouth::fearful-face::flushed-face::frowning-face-with-open-mouth::frowning-face::ghost::grimacing-face::grinning-face-with-big-eyes::grinning-face-with-smiling-eyes::grinning-face-with-sweat::grinning-squinting-face::hot-face::hushed-face::jack-o-lantern::kiss-mark::kissing-face-with-closed-eyes::kissing-face-with-smiling-eyes::kissing-face::loudly-crying-face::lying-face::money-mouth-face::nauseated-face::nerd-face::neutral-face::partying-face::pensive-face::persevering-face::pile-of-poo::pleading-face::relieved-face::robot-face::rolling-on-the-floor-laughing::shushing-face::skull::sleeping-face::sleepy-face::slightly-frowning-face::slightly-smiling-face::smiling-face-with-halo::smiling-face-with-horns::smiling-face-with-smiling-eyes::smiling-face::smirking-face::sneezing-face::squinting-face-with-tongue::star-struck::thinking-face::tired-face::unamused-face::upside-down-face::weary-face::winking-face-with-tongue::worried-face::zany-face::zipper-mouth-face::sad-but-relieved-face::thumbs-up::fire::backhand-index-pointing-down::backhand-index-pointing-left::backhand-index-pointing-right::backhand-index-pointing-up::brain::call-me-hand::clapping-hands::crossed-fingers::ear::eye::eyes::flexed-biceps::folded-hands::foot::footprints::hand-with-fingers-splayed::handshake::index-pointing-up::left-facing-fist::leg::love-you-gesture::nail-polish::nose::ok-hand::oncoming-fist::open-hands::palms-up-together::raised-back-of-hand::raised-fist::raised-hand::raising-hands::right-facing-fist::sign-of-the-horns::thumbs-down::tongue::victory-hand::vulcan-salute::waving-hand::writing-hand::man::adult::baby-angel::baby::bald::bearded-person::blond-haired-man::blond-haired-woman::boy::breast-feeding::bride-with-veil::bust-in-silhouette::busts-in-silhouette::child::clown-face::construction-worker::couple-with-heart::detective::elf::fairy::family-man-boy-boy::family-man-boy::family-man-girl-boy::family-man-girl-girl::family-man-girl::family-man-woman-boy-boy::family-man-woman-boy::family-man-woman-girl-boy::family-man-woman-girl-girl::family-man-woman-girl::family-woman-boy-boy::family-woman-boy::family-woman-girl-boy::family-woman-girl-girl::family-woman-girl::family::genie::girl::guard::kiss::mage::man-and-woman-holding-hands::man-artist::man-astronaut::man-bald::man-bowing::man-construction-worker::man-cook::man-curly-haired::man-detective::man-elf::man-facepalming::man-factory-worker::man-fairy::man-farmer::man-firefighter::man-frowning::man-genie::man-gesturing-no::man-gesturing-ok::man-getting-haircut::man-getting-massage::man-guard::man-health-worker::man-in-steamy-room::man-in-suit-levitating::man-in-tuxedo::man-judge::man-mage::man-mechanic::man-office-worker::man-pilot::man-police-officer::man-raising-hand::man-red-haired::man-scientist::man-shrugging::man-singer::man-student::man-superhero::man-supervillain::man-teacher::man-technologist::man-tipping-hand::man-vampire::man-wearing-turban::man-white-haired::man-with-chinese-cap::man-zombie::merman::merperson::mrs-claus::ogre::old-man::old-woman::older-adult::person-bowing::person-facepalming::person-frowning::person-gesturing-no::person-gesturing-ok::person-getting-haircut::person-getting-massage::person-in-steamy-room::person-pouting::person-raising-hand::person-shrugging::person-tipping-hand::person-wearing-turban::police-officer::pregnant-woman::prince::princess::santa-claus::selfie::speaking-head::superhero::supervillain::two-men-holding-hands::two-women-holding-hands::vampire::woman-artist::woman-astronaut::woman-bald::woman-bowing::woman-construction-worker::woman-cook::woman-curly-haired::woman-detective::woman-elf::woman-facepalming::woman-factory-worker::woman-fairy::woman-farmer::woman-firefighter::woman-frowning::woman-genie::woman-gesturing-no::woman-gesturing-ok::woman-getting-haircut::woman-getting-massage::woman-guard::woman-health-worker::woman-in-steamy-room::woman-judge::woman-mage::woman-mechanic::woman-office-worker::woman-pilot::woman-police-officer::woman-pouting::woman-raising-hand::woman-red-haired::woman-scientist::woman-shrugging::woman-singer::woman-student::woman-superhero::woman-teacher::woman-technologist::woman-tipping-hand::woman-vampire::woman-wearing-turban::woman-white-haired::woman-with-headscarf::woman-zombie::woman::koala::ant::baby-chick::badger::bat::bear-face::bird::blossom::blowfish::boar::bouquet::bug::butterfly::cactus::camel::cat-face::cat::cherry-blossom::chicken::chipmunk::christmas-tree::cloud-with-lightning-and-rain::cloud-with-lightning::cloud-with-rain::cloud-with-snow::cloud::collision::comet::cow-face::cow::crab::crescent-moon::cricket::crocodile::dashing-away::deciduous-tree::deer::dizzy::dog-face::dog::dolphin::dove::dragon-face::dragon::droplet::duck::eagle::elephant::evergreen-tree::ewe::fallen-leaf::first-quarter-moon-face::first-quarter-moon::fish::fog::four-leaf-clover::fox-face::frog-face::front-facing-baby-chick::full-moon-face::full-moon::giraffe::globe-showing-americas::globe-showing-asia-australia::globe-showing-europe-africa::glowing-star::goat::gorilla::hamster-face::hatching-chick::hear-no-evil-monkey::hedgehog::herb::hibiscus::high-voltage::hippopotamus::honeybee::horse-face::horse::kangaroo::lady-beetle::last-quarter-moon-face::last-quarter-moon::leaf-fluttering-in-wind::leopard::lion-face::lizard::llama::lobster::maple-leaf::microbe::monkey-face::monkey::mosquito::mouse-face::mouse::mushroom::new-moon-face::new-moon::octopus::owl::ox::palm-tree::panda-face::parrot::paw-prints::peacock::penguin::pig-face::pig-nose::pig::pine-decoration::poodle::rabbit-face::rabbit::raccoon::rainbow::ram::rat::rhinoceros::rooster::rose::rosette::sauropod::scorpion::see-no-evil-monkey::seedling::shamrock::shark::sheaf-of-rice::shrimp::snail::snake::snowflake::snowman-without-snow::snowman::sparkles::speak-no-evil-monkey::spider-web::spider::spiral-shell::spouting-whale::squid::star::sun-behind-cloud::sun-behind-large-cloud::sun-behind-rain-cloud::sun-behind-small-cloud::sun-with-face::sun::sunflower::swan::sweat-droplets::t-rex::tanabata-tree::tiger-face::tiger::tornado::tropical-fish::tulip::turkey::turtle::two-hump-camel::umbrella-with-rain-drops::umbrella::unicorn-face::waning-crescent-moon::waning-gibbous-moon::water-buffalo::water-wave::waxing-crescent-moon::waxing-gibbous-moon::whale::wilted-flower::wind-face::wolf-face::zebra::soccer-ball::1st-place-medal::2nd-place-medal::3rd-place-medal::admission-tickets::aerial-tramway::airplane-arrival::airplane-departure::airplane::ambulance::american-football::anchor::articulated-lorry::artist-palette::automobile::badminton::baseball::basketball::beach-with-umbrella::bicycle::bow-and-arrow::bowling::boxing-glove::building-construction::bullet-train::bus-stop::bus::camping::canoe::carousel-horse::castle::church::circus-tent::cityscape-at-dusk::cityscape::clapper-board::construction::convenience-store::cricket-game::curling-stone::delivery-truck::department-store::derelict-house::desert-island::desert::direct-hit::drum::ferris-wheel::ferry::field-hockey::fire-engine::firecracker::fireworks::fishing-pole::flag-in-hole::flying-disc::flying-saucer::foggy::fountain::fuel-pump::game-die::goal-net::guitar::headphone::helicopter::high-speed-train::horizontal-traffic-light::horse-racing::hospital::hotel::house-with-garden::house::houses::ice-hockey::ice-skate::japanese-castle::kaaba::kick-scooter::kimono::lacrosse::light-rail::locomotive::love-hotel::luggage::man-biking::man-bouncing-ball::man-cartwheeling::man-climbing::man-dancing::man-golfing::man-in-lotus-position::man-juggling::man-lifting-weights::man-mountain-biking::man-playing-handball::man-playing-water-polo::man-rowing-boat::man-running::man-surfing::man-swimming::man-walking::map-of-japan::martial-arts-uniform::men-with-bunny-ears::men-wrestling::metro::military-medal::milky-way::minibus::moai::monorail::moon-viewing-ceremony::mosque::motor-boat::motor-scooter::motorcycle::motorway::mount-fuji::mountain-cableway::mountain-railway::mountain::musical-keyboard::musical-score::national-park::night-with-stars::office-building::oncoming-automobile::oncoming-bus::oncoming-police-car::oncoming-taxi::passenger-ship::people-wrestling::performing-arts::person-biking::person-bouncing-ball::person-cartwheeling::person-climbing::person-fencing::person-golfing::person-in-bed-dark-skin-tone::person-in-lotus-position::person-juggling::person-lifting-weights::person-mountain-biking::person-playing-handball::person-playing-water-polo::person-rowing-boat::person-running::person-surfing::person-swimming::person-walking::ping-pong::police-car-light::police-car::pool-8-ball::post-office::racing-car::railway-car::railway-track::reminder-ribbon::rocket::roller-coaster::rugby-football::running-shirt::running-shoe::sailboat::satellite::saxophone::school::seat::shinto-shrine::ship::shooting-star::skateboard::skier::skis::sled::slot-machine::small-airplane::snow-capped-mountain::snowboarder::softball::sparkler::speedboat::sport-utility-vehicle::sports-medal::stadium::station::statue-of-liberty::sunrise-over-mountains::sunrise::sunset::suspension-railway::synagogue::taxi::tennis::tent::ticket::tokyo-tower::tractor::train::tram-car::tram::trolleybus::trophy::trumpet::umbrella-on-ground::vertical-traffic-light::video-game::violin::volcano::volleyball::wedding::woman-biking::woman-bouncing-ball::woman-cartwheeling::woman-climbing::woman-dancing::woman-golfing::woman-in-lotus-position::woman-juggling::woman-lifting-weights::woman-mountain-biking::woman-playing-handball::woman-playing-water-polo::woman-rowing-boat::woman-running::woman-surfing::woman-swimming::woman-walking::women-with-bunny-ears::women-wrestling::world-map::avocado::baby-bottle::bacon::bagel::baguette-bread::banana::beer-mug::bento-box::birthday-cake::bottle-with-popping-cork::bowl-with-spoon::bread::broccoli::burrito::candy::canned-food::carrot::cheese-wedge::cherries::chestnut::chocolate-bar::chopsticks::clinking-beer-mugs::clinking-glasses::cocktail-glass::coconut::cooked-rice::cookie::cooking::croissant::cucumber::cup-with-straw::cupcake::curry-rice::custard::cut-of-meat::dango::doughnut::dumpling::ear-of-corn::egg::eggplant::fish-cake-with-swirl::fork-and-knife-with-plate::fork-and-knife::fortune-cookie::french-fries::fried-shrimp::glass-of-milk::grapes::green-apple::green-salad::hamburger::honey-pot::hot-beverage::hot-dog::hot-pepper::ice-cream::kiwi-fruit::leafy-green::lemon::lollipop::mango::meat-on-bone::melon::moon-cake::oden::pancakes::peach::peanuts::pear::pie::pineapple::pizza::popcorn::pot-of-food::potato::poultry-leg::pretzel::red-apple::rice-ball::rice-cracker::roasted-sweet-potato::sake::salt::sandwich::shallow-pan-of-food::shaved-ice::shortcake::soft-ice-cream::spaghetti::spoon::steaming-bowl::strawberry::stuffed-flatbread::sushi::taco::takeout-box::tangerine::teacup-without-handle::tomato::tropical-drink::tumbler-glass::watermelon::wine-glass::abacus::alarm-clock::alembic::amphora::balance-scale::balloon::ballot-box-with-ballot::bank::bar-chart::barber-pole::basket::bathtub::battery::bed::bell::bellhop-bell::bikini::billed-cap::biohazard::black-nib::blue-book::bomb::bone::bookmark-tabs::bookmark::books::bricks::briefcase::broom::calendar::camera-with-flash::camera::candle::card-file-box::card-index-dividers::card-index::carp-streamer::chains::chart-decreasing::chart-increasing::chess-pawn::clamp::classical-building::clipboard::closed-book::closed-mailbox-with-raised-flag::closed-umbrella::clutch-bag::coat::coffin::compass::computer-disk::computer-mouse::confetti-ball::control-knobs::couch-and-lamp::crayon::credit-card::crossed-swords::crown::crystal-ball::curly-haired::dagger::desktop-computer::dna::dollar-banknote::door::dress::dvd::e-mail::electric-plug::envelope-with-arrow::envelope::euro-banknote::factory::fax-machine::file-cabinet::file-folder::film-frames::film-projector::fire-extinguisher::flashlight::floppy-disk::fountain-pen::framed-picture::funeral-urn::gear::gem-stone::glasses::gloves::goblin::goggles::graduation-cap::green-book::hammer-and-pick::hammer-and-wrench::hammer::handbag::high-heeled-shoe::hiking-boot::hole::hourglass-done::hourglass-not-done::inbox-tray::incoming-envelope::japanese-dolls::japanese-post-office::jeans::jigsaw::joystick::key::keyboard::kitchen-knife::lab-coat::label::laptop-computer::ledger::level-slider::light-bulb::link::linked-paperclips::lipstick::locked-with-key::locked-with-pen::locked::loudspeaker::love-letter::magnet::magnifying-glass-tilted-right::mans-shoe::mantelpiece-clock::memo::microphone::microscope::mobile-phone-with-arrow::mobile-phone::money-bag::money-with-wings::mouth::movie-camera::nazar-amulet::necktie::newspaper::notebook-with-decorative-cover::notebook::nut-and-bolt::oil-drum::old-key::open-book::open-file-folder::open-mailbox-with-lowered-flag::open-mailbox-with-raised-flag::optical-disk::orange-book::outbox-tray::package::page-facing-up::page-with-curl::pager::paintbrush::paperclip::party-popper::pen::pencil::person-in-bed::person-taking-bath::petri-dish::pick::pill::pistol::postal-horn::postbox::potable-water::pound-banknote::prayer-beads::printer::purse::pushpin::radio::radioactive::receipt::red-envelope::red-haired::red-paper-lantern::rescue-workers-helmet::ribbon::ring::roll-of-paper::rolled-up-newspaper::round-pushpin::safety-pin::satellite-antenna::scarf::school-backpack::scissors::scroll::shield::shopping-bags::shopping-cart::shower::skull-and-crossbones::soap::socks::spiral-calendar::spiral-notepad::sponge::squeeze-bottle::stopwatch::straight-ruler::studio-microphone::sunglasses::t-shirt::tear-off-calendar::teddy-bear::telephone-receiver::telephone::telescope::television::test-tube::thermometer::thread::timer-clock::toilet::toolbox::tooth::top-hat::trackball::triangular-ruler::unlocked::video-camera::videocassette::wastebasket::watch::wind-chime::womans-boot::womans-clothes::womans-flat-shoe::womans-hat::womans-sandal::wrapped-gift::wrench::yarn::yen-banknote::3d-material-drop-tool::3d-material-eyedropper-tool::add-anchor-point-tool::art-history-brush-tool::artboard-tool::b-w::background-eraser-tool::bloat-tool::blur-tool::brush-tool::clone-stamp-tool::color-replacement-tool::color-sampler-tool::content-aware-moove-tool::convert-point-tool::count-tool::crop-tool::custom-shape-tool::delete-anchor-point-tool::direct-selection-tool::dodge-tool::ellipse-tool::elliptical-marquee-tool::eraser-tool::eyedropper-tool::face-tool::foreground-color-mode::forward-warp-tool::frame-tool::freeform-pen-tool::freeze-mask-tool::gradient-tool::hand-tool::healing-brush::history-brush-tool::horisontal-type-mask-tool::horisontal-type-tool::inter-select::lasso-tool::layer-adjusments::layer-eye::layer-mask::layer-style::line-tool::link-tool::magic-wand-tool::magiv-eraser-tool::magnetic-lasso-tool::mixer-brush-tool::move-tool::new-group::new-layer::note-tool::opacity-pixels::orbit-the-3d-camera::paint-bucket-tool::pan-the-3d-camera::patch::path-selection-tool::pattern-stamp-tool::pen-tool::pencil-tool::perspective-crop-tool::polygon-tool::polygonal-lasso-tool::pucker-tool::push-left-tool::quick-mask-tool::quick-selection-tool::radial-gradient-tool::reconstruct-tool::rectangle-tool::rectangular-marquee-tool::red-eye-tool::roll-the-3d-camera::rotate-view-tool::rounded-rectangle-tool::ruler-tool::screen-mode::shape-mode::sharpen-tool::single-column-tool::single-row-tool::slice-select-tool::slice-tool::slide-the-3d-camera::smooth-tool::smudge-tool::sponge-tool::spot-healing-brush::thaw-mask-tool::trash::twirl-clockwise-tool::vertical-type-mask-tool::vertical-type-tool::w-b::zoom-the-3d-camera::zoom-tool::beaming-face-with-smiling-eyes::thumbs-up::man::koala::soccer-ball::avocado::abacus::3d-material-drop-tool:
jpg, png, gif, общий вес файлов не более 5Мб, не менее 450px по ширине и высоте
Ссылки внутри комментариев могут вести только на эти сайты

Спасибо.
Урок с легкими недочетами в плане перевода.
Например:
20. Применяем слой-маски
Переходим Image – Apply Image (Изображение - Вычисления). А на скрине (Изображение - Внешний канал).

шрифты бесплатно к уроку webfonts.pro/base-web-fonts/sans-serif-grotesque/681-sofia-pro точка html

Здравствуйте! Помогите мне пожалуйста! Я начала делать урок и зависла на создании 3D-слоя, а именно на 3 шаге.
Поочередно применяем к каждому слою с фигурой и текстом 3D – New 3D Extrusion fromSelected Path (3D – Новая 3D-сетка из выделенного контура).
Фотошоп CS5.

Виолетта Ветрова, Увы, урок написан для более поздней версии фотошоп. В последующих после CS5 версиях, весь модуль 3d был полностью переработан. И сделать урок в CS5 будет крайне затруднительно.

Ярослав Трубников, Спасибо большое, что объяснили.

Эх, не получилось пока( Ничего не смыслю в фотошопном 3D)

не много понять 3 д . первый раз я буду страдать

КЛАСС!
Благодарю!

Наверх

Авторизация

Забыли?

Регистрация