Вредоносное ПО (malware) - это назойливые или опасные программы,...
В этом уроке вы узнаете, как создать блестящий текстовый эффект, используя 3D-инструменты, корректирующие слои и несколько текстур. Начнем!
На создание этого эффекта меня вдохновили различные стили слоя, доступные на GraphicRiver .
1. Создаем текстовую основу
Шаг 1
Создаем новый документ размером 3500 х 2000 пикселей.
Затем добавляем текст, используя шрифт HWT Artz. Размер текста устанавливаем на 600 pt и Tracking (Трэкинг) на 150 pt.
Шаг 2
Называем текстовый слой «Текст», кликаем по нему правой кнопкой мышки и выбираем Convert to Shape (Преобразовать в кривые).
2. Создаем обводку
Шаг 1
Дублируем текстовый слой (Ctrl+J) и называем копию «Обводка 1».
Шаг 2
Берем Direct Selection Tool (A) (Частичное выделение) и переходим на верхнюю панель инструментов.
Примечание: в некоторых версиях программы инструмент Direct Selection Tool переводится как «Стрелка»
Устанавливаем Fill (Заливка) на None (Нет), Size (Размер) на 25 и в качестве цвета обводки выбираем черный. Затем кликаем на кнопку выбора типа обводки и в выпадающем меню Align (Выравнивание) выбираем Outside (Снаружи).
Шаг 3
Дублируем слой «Обводка 1» и называем копию «Обводка 2». Меняем ширину обводки дубликата на 35.
Шаг 4
Дублируем слой «Обводка 2» и называем копию «Обводка 3». Затем меняем ширину обводки дубликата на 50.
3. Создаем 3D-слои
Шаг 1
Для каждого слоя с текстом применяем 3 D - New 3D Extrusion from Selected Path (3D - Новая 3D-экструзия из выделенного контура).
Шаг 2
Выбираем все 3D-слои, которые у нас есть и переходим 3 D - Merge 3D Layers (3D - Слияние 3D-слоев).
4. Работаем с 3D-сценой
Шаг 1
Чтобы иметь доступ к параметрам 3D-объектов, мы должны открыть две панели: панель 3D и Properties (Свойства) (обе находятся в главном меню Window (Окно)).
На панели 3D находится список всех компонентов сцены и, если выбрать один из них, мы сможем редактировать его параметры на панели Properties (Свойства). Поэтому всегда обращайте внимание на то, выбран ли нужный объект, прежде чем редактировать его.
Шаг 2
Если активировать Move Tool (V) (Перемещение), в верхней части панели параметров появится набор специальных 3D-режимов.
Если выбрать один из них, то с выбранным объектом сцены можно производить определенные манипуляции (перемещение, вращение, масштабирование и т.д.).
Также мы будем использовать эти режимы, чтобы менять вид из камеры.
5. Редактируем сетку 3D-объекта
Шаг 1
На панели 3D выбираем элемент Text (Текст), затем на панели свойств устанавливаем Extrusion Depth (Глубина экструзии) на 200.
Шаг 2
Выделяем все три компонента с обводкой и устанавливаем их Extrusion Depth (Глубина экструзии) на 35.
6. Редактируем капитель 3D-объекта
Шаг 1
Снова выделяем компонент Text (Текст) на панели 3D. Затем кликаем на кнопку Cap (Капитель) в верхней части панели свойств.
Устанавливаем Sides (Стороны) на Front and Back (Спереди и сзади), Bevel Width (Ширина фаски) на 5%, Contour (Контур) на Half Round (Полукруг) и Inflate - Strength (Раздувание - Интенсивность) на 10%.
Шаг 2
Теперь жмем на кнопку Stroke (Обводка) на панели свойств. Устанавливаем Sides (Стороны) на Front and Back (Спереди и сзади), Bevel Width (Ширина фаски) на 20%, Contour (Контур) на Ring (Кольцо).
7. Настраиваем размещение объектов сцены
Шаг 1
На панели 3D выделяем все компоненты текста (сам текст и три обводки), затем кликаем на значок меню в правом верхнем углу панели и выбираем Move Object to Ground Plane (Переместить объект на плоскость основания).
Шаг 2
Берем Move Tool (V) (Перемещение) и используем 3D-оси, чтобы отделить обводки друг от друга.
Стрелки на концах осей двигают объекты, маленькая дуга, которая идет дальше, отвечает за поворот, а с помощью куба можно масштабировать объект. Центральный куб, из которого выходят оси, нужен для равномерного масштабирования объекта. Чтобы выполнить какое-то действие с осями, просто кликаем по ним и тянем мышкой.
Также вы можете перейти в меню View - Show - 3D Secondary View (Вид - Показать - Второстепенный 3D-вид), кликнуть на маленькую стрелку в левой части и выбрать Top (Вид сверху), чтобы лучше контролировать процесс перемещения обводок.
Шаг 3
Убедитесь, что самая широкая обводка находится сзади, а самая узкая - спереди текста.
8. Применяем текстуру с блестками
Шаг 1
На панели 3D выбираем Text Front Inflation Material (Материал передней выпуклости), затем на панели свойств кликаем на значок Diffuse (Рассеивание) и выбираем Edit Texture (Редактировать текстуру).
Шаг 2
Размещаем текстуру с блестками над текстовым слоем на панели слоев и масштабируем ее так, чтобы она перекрывала весь текст.
Шаг 3
Жмем Ctrl+U, чтобы открыть окно настроек Hue /Saturation (Цветовой тон/Насыщенность), активируем Colorize (Тонировка) и устанавливаем Hue (Цветовой тон) на 37.
Переходим File - Save (Файл - Сохранить), затем File - Close (Файл - Закрыть), чтобы вернуться к 3D-сцене.
9. Настраиваем выпуклость материала
Шаг 1
На панели 3D выделяем компоненты Text Front Inflation Material (Материал передней выпуклости), Text Front Bevel Material (Материал переднего скоса), Text Back Bevel Material (Материал заднего скоса) и Text Back Inflation Material (Материал задней выпуклости). На панели Properties (Свойства) настраиваем компоненты:
- Specular (Цвет блика): (221, 161, 32)
- Shine (Блеск): 50
- Reflection (Отражение): 20
- Bump (Рельеф): 3
- Refraction (Коэффф. преломления): 1.299
Шаг 2
Выделяем Text Front Inflation Material (Материал передней выпуклости), кликаем на значок папки возле параметра Bump (Рельеф) и выбираем Load Texture (Загрузить текстуру) и находим текстуру металла.
Шаг 3
Снова кликаем на иконку папку возле параметра Bump (Рельеф) и выбираем Edit UV Properties (Редактировать UV-свойства).
Шаг 4
Устанавливаем оба параметра Tile (Мозаика) на 1.
Шаг 5
Теперь выделяем Text Front Bevel Material (Материал переднего скоса), Text Back Bevel Material (Материал заднего скоса) и Text Back Inflation Material (Материал задней выпуклости). Кликаем на иконку папки возле Bump (Рельеф) и в выпадающем списке выбираем текстуру Metallic_Silver.
10. Настраиваем материал экструзии текста
Шаг 1
Выделяем компонент Text Extrusion Material (Материал экструзии), кликаем на иконку рядом с Diffuse (рассеивание) и выбираем Remove Texture (Удалить текстуру).
Шаг 2
Настраиваем остальные параметры:
- Diffuse (Рассеивание): (232, 226, 211)
- Specular (Цвет блика): (153, 151, 137)
- Shine (Блеск): 20
- Reflection (Отражение): 20
- Roughness (Плавность): 31
- Refraction (Коэфф. преломления): 1.2
11. Редактируем материал обводки
Шаг 1
Выделяем все материалы передней/задней выпуклостей и скосов для всех трех обводок, затем удаляем текстуру Diffuse
- Diffuse (Рассеивание): (92, 90, 83)
- Specular (Цвет блика): (170, 168, 152)
- Shine (Блеск): 50
- Reflection (Отражение): 20
- Refraction (Коэфф. преломления): 1.2
Шаг 2
Выделяем материалы экструзии всех обводок, удаляем текстуру Diffuse (Рассеивание) и настраиваем остальные параметры:
- Diffuse (Рассеивание): (228, 183, 63)
- Specular (Цвет блика): (51, 51, 51)
- Shine (Блеск): 20
- Reflection (Отражение): 20
- Refraction (Коэфф. преломления): 1.2
12. Настраиваем освещение сцены
Шаг 1
Выделяем компонент Infinite Light (Бесконечный свет) и на панели свойств устанавливаем Intensity (Интенсивность) на 50% и Shadow - Softness (Тень - Сглаживание) на 30%.
Шаг 2
С помощью Move Tool (V) (Перемещение) вы можете двигать источник света или кликнуть на иконку Coordinates (Координаты) на панели Properties (Свойства) и ввести числовые значения координат.
Шаг 3
Выбираем компонент Environment (Окружающая среда), жмем на иконку возле параметра IBL (ИСБИ), выбираем Replace Texture (Заменить текстуру) и загружаем фото комнаты.
Шаг 4
Снова кликаем на иконки IBL (ИСБИ), выбираем Edit Texture (Редактировать текстуру), затем жмем Ctrl+U и устанавливаем Saturation (Насыщенность) на -65.
Сохраняем и закрываем файл.
Шаг 5
Устанавливаем Intensity (Интенсивность) на 50%.
Шаг 6
Вы можете двигать текстуру с помощью Move Tool (V) (Перемещение), пока не получите желаемый результат.
13. Визуализация текста и подготовка к дальнейшему редактированию
Шаг 1
Закончив создавать 3D-сцену, переходим 3 D - Render (3D - Рендеринг), чтобы визуализировать картинку. Рендеринг может занять достаточно много времени в зависимости от мощности вашего компьютера, но вы в любой момент можете остановить процесс нажатием клавиши Esc.
Шаг 2
Когда рендеринг закончится, кликаем правой кнопкой по 3D-слою и выбираем Convert to Smart Object (Преобразовать в смарт-объект).
Шаг 3
Переходим Image - Image Size (Изображение - Размер изображения) и устанавливаем Width (Ширина) на 1500 пикселей.
14. Добавляем корректирующие слои
Шаг 1
Жмем на кнопку Create new fill or adjustment layer (Создать новую заливку или корректирующий слой) в нижней части панели слоев и выбираем Selective Color (Выборочная коррекция цвета).
Шаг 2
Трансформируем корректирующий слой в обтравочную маску для слоя с надписью (Ctrl+Alt+G) и настраиваем его:
Yellows (Желтые):
- Cyan (Голубой): 9
- Magenta (Пурпурный): 6
- Yellow (Желтый): 13
- Black (Черный): 3
Greens (Зеленые):
- Black (Черный): -80
Cyans (Голубые):
- Black (Черный): -50
Whites (Белые):
- Cyan (Голубой): -15
- Magenta (Пурпурный): 10
- Yellow (Желтый): 20
- Black (Черный): -90
Neutrals (Нейтральные):
- Cyan (Голубой): -2
- Yellow (Желтый): 5
Blacks (Черные):
- Cyan (Голубой) : -5
- Magenta (Пурпурный): 5
- Yellow (Желтый): -20
- Black (Черный): 5
Таким образом, мы улучшили цвета картинки.
Шаг 3
Levels (Уровни), также трансформируем его в обтравочную маску и устанавливаем Highlights (Яркие тона) на 27, Gamma (Средние тона) на 1,03 и Shadows (Темные тона) на 231.
Это улучшит контрастность работы.
15. Создаем фон
Шаг 1
Выше фонового слоя добавляем слой с градиентной заливкой. Цвета используем следующие (справа-налево): #8f8e8e, #ebeaea и #8f8e8e.
Устанавливаем Angle (Угол) на 105 и Scale (Масштаб) на 250. Вы можете мышкой перемещать градиент внутри рабочей области, чтобы подобрать наилучшее расположение.
Шаг 2
Выше градиентного слоя вставляем картинку с эффектом боке. При необходимости регулируем ее размер, переименовываем слой на «Блестки» и устанавливаем режим смешивания на Soft Light (Мягкий свет).
Шаг 3
Добавляем корректирующий слой Hue /Saturation (Цветовой тон/Насыщенность) и трансформируем его в обтравочную маску для слоя с блестками, активируем Colorize (Тонировка) и устанавливаем Hue (Цветовой тон) на 40.
Шаг 4
Находим в наборе с картинками пузырей изображение hybrid03 и вставляем его выше слоя с блестками. Называем слой с пузырями «Фоновая текстура 1».
Screen
Шаг 5
Добавляем корректирующий слой Hue /Saturation (Цветовой тон/Насыщенность) и трансформируем его в обтравочную маску для слоя с пузырями, активируем Colorize (Тонировка) и устанавливаем Hue (Цветовой тон) на 38.
Шаг 6
Размещаем изображение Platinafx4 из набора с абстрактными картинками выше слоя «Фоновая текстура 1» и называем его «Фоновая текстура 2».
Меняем режим смешивания этого слоя на Screen (Осветление) и, при необходимости, корректируем размер.
Шаг 7
Добавляем корректирующий слой Hue /Saturation (Цветовой тон/Насыщенность) и трансформируем его в обтравочную маску для слоя «Фоновая текстура 2», активируем Colorize (Тонировка) и устанавливаем Hue (Цветовой тон) на 35.
16. Добавляем блики
Шаг 1
Активируем Brush Tool (B) (Кисть) и открываем панель Window - Brush (Окно - Кисть).
Выбираем любую понравившуюся кисть из набора со звездами и бликами. Затем настраиваем Shape Dynamics (Динамика формы): Size Jitter (Колебание размера) 50%, Angle Jitter (Колебание угла) 100%.
Шаг 2
Устанавливаем цвет переднего плана на #d6d6d6, создаем новый слой выше всех предыдущих, называем его «Блики» и устанавливаем режим смешивания на Overlay (Перекрытие).
Уменьшаем размер кисти до такого диаметра, при котором блики будут хорошо смотреться на тексте. Начинаем делать мазки в самых ярких местах.
17. Добавляем Карту градиента
Шаг 1
Добавляем корректирующий слой Gradient Map (Карта градиента) и меняем его режим смешивания на Soft Light (Мягкий свет) с непрозрачностью 15%.
В окне настройки градиента активируем параметр Dither (Дизеринг), затем выбираем цвета (слева-направо): #5a5871, #b79787 и #fdcd90.
Шаг 2
Поэкспериментируйте с разными цветами и непрозрачностью, чтобы получить уникальный результат.
Поздравляю, мы закончили!
В этом уроке мы создали текстовый слой, преобразовали его в контур и добавили обводку.
Затем конвертировали слои в 3D-объекты и настроили их внешний вид. После этого доработали освещение и визуализировали готовый текст.
В конце мы доработали цвета и фон, используя корректирующие слои, текстуры и кисть с бликами.
Если вы сладкоежка, то у нас есть аппетитное удовольствие для вас. В этом уроке вы узнаете, как в Photoshop CS6 использовать новые возможности 3D-инструментов для создания вкусной 3D текстовой иллюстрации. Мы будем использовать большое количество стоковых изображений, и применять неразрушающие возможности Photoshop, такие как корректирующие слои и маски.
Давайте начнем!
Финальное изображение
Исходные данные:
Некоторые файлы вы найдете в папке «Source». Вам также понадобятся бесплатный шрифт и следующие стоковые изображения из этого урока
- Шрифт Ryno Slab
- Шоколадное мороженое
- Шоколадное печенье
- Кусочек сникерса
- Кусок торта
- Кусок шоколадки
- Клубника
- Шоколадный торт
- Папка «Source» 178,21Мб (необязательно)
Шаг 1
Создайте новый документ размером Width (Ширина) 14,85см Height (Высота) 10,5см Resolution (Разрешение) 300 dpi. УстановитеColor Mode (Цветовой режим) в RGB, Background Contents (Содержимое фона) установите в White (Белый).
Шаг 2
Возьмите инструмент Type Tool (T) (Текст), укажите шрифт , размер 160pt , цвет # 5d1e0f и добавьте первый символ.
Шаг 3
Пройдите в меню 3D-> New Extrusion from Selected Layer (3D-> Новая экструзия из выделенного слоя). Если вы не получили активное 3D пространство, появится следующее приглашение.
Шаг 4
Если вы когда-либо пользовались 3D инструментами в Photoshop CS5, то знаете, насколько в нем неудобен интерфейс. В версии Photoshop CS6 3D интерфейс полностью переделан и стал более интуитивно понятен, теперь все инструменты встроены в рабочее пространство. Возьмите Move Tool (V) (Перемещение), расположите 3D панель, как показано на рисунке.
Шаг 5
В правой стороне вы увидите панель Properties (Свойства). Кликните по значку Cap (Капитель) и скопируйте показанные ниже настройки. Затем активируйте значок Deform (Деформировать) и установите указанные настройки. Теперь нажмите по иконке Mesh (Сетка) и выключите оба варианта теней.
Шаг 6
Дублируйте ваш первый 3D текстовый слой. Чтобы изменить текст в 3D режиме, кликните по кнопке Edit
Source
(Изменить источник) на панели Properties
(Свойства). Это действие откроет «дочерний документ», в котором вы сможете отредактировать текст. После того, как отредактируете текст, закройте этот документ, и ваш текст автоматически обновится. Далее перетащите новый 3D текст вдоль оси Х в 3D пространстве, чтобы изменить его расположение.
Повторите этот процесс, пока каждое слово не будет готово, затем поместите каждый символ в отдельную папку слова, как показано ниже.
Шаг 7
Теперь используйте вкладку 3D Tools на панели свойств, чтобы повернуть/передвинуть каждую букву. Будьте осторожны, не используйте ось Z, так как, двигая объект по этой оси, вы будете его отдалять или приближать, делая его при этом больше или меньше размером.
Шаг 8
Когда будете довольны расположением надписи, пройдите в меню 3D->Render (3D-> Рендеринг) и можете откинуться назад, пока будет выполняться процесс рендеринга.
Шаг 9
В этот момент я решил добавить к верхней части изображения немного пространства для руки с клубникой. Чтобы сделать это, нажмите Alt +Ctrl + I, откроется окно Canvas Size (Размер Холста), установите опорную точку в центральной нижней части и увеличьте Height (Высота) до 11,85см.
Шаг 10
Создайте новый слой под названием «Розовый» выше слоя «Фон». Установите цвет переднего плана # e2b4c1, затем нажмите Alt + Delete, чтобы заполнить слой выбранным розовым цветом.
Шаг 11
Вставьте новый слой под названием «Тень на полу» выше предыдущего. Установите для него режим наложения Multiply (Умножение) с Opacity (Непрозрачность) 94%. Выберите инструмент Gradient Tool (G) (Градиент), настройте его, задав на панели опций в верхней части окна программы режим Foreground to Transparent (от Основного к Прозрачному) и Linear (Линейный) градиент. Установите для переднего плана темно-розовый цвет # c18088. Теперь, удерживая Shift, наложите градиент в соответствии с длинной и направлением красной стрелки на изображении ниже.
Шаг 12
Добавьте еще один слой под названием «Верхняя тень». Установите режим наложения по умолчанию, затем установите цвет переднего плана # e38da4. Удерживая Shift, протяните короткий линейный градиент сверху вниз, затем измените тип градиента на Radial (Радиальный) и проведите еще 2 градиента из двух верхних углов.
Шаг 13
Измените цвет переднего плана на # f9f5f7 и на новом слое «Внутреннее свечение» и проведите из центра Radial (Радиальный) градиент.
Шаг 14
Теперь добавим тень на земле от надписи. Возьмите Elliptical Marquee Tool (Овальная область) и сделайте выделение под надписью. Создайте новый слой в режиме наложения Multiply (Умножение) выше слоя «Внутреннее свечение» и назовите его «Тень 1». Установите цвет переднего плана в # d0879c и заполните им активное выделение.
Шаг 15
Перейдите в меню Filter -> Blur -> Motion Blur (Фильтр -> Размытие ->Размытие в движении), укажите Angle (Угол) 0 градусов и измените значение параметра Distance (Смещение) 531px. Затем примените к этому же слою Gaussian Blur (Размытие по Гауссу) и введите Radius (Радиус) 15px.
Шаг 16
Понизьте Opacity (Непрозрачность) до 53% на слое «Тень 1». Затем дублируйте и переименуйте его в «Тень 2». Передвиньте немного содержимое слоя вверх, затем нажмите Ctrl + T, чтобы активировать режим трансформации и немного уменьшите в размере тень. Наконец, уменьшите Opacity (Непрозрачность) этого слоя до 31%.
Шаг 17
Чтобы понизить яркость фона, добавьте корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность), установите для него настройки, показанные на рисунке, затем понизьте Opacity (Непрозрачность) до 27%.
Шаг 18
Чтобы немного «разбавить» задний фон, выберите слой «Тень 2» и перейдите в меню Filter-> Noise-> Add Noise (Фильтр ->Шум ->Добавить шум), введите Amoun t (Эффект) 3px и активируйте кнопку Uniform (Равномерная). Выберите по очереди оставшиеся слои (как показано) и нажмите Ctrl + F для повторного применения фильтра к каждому из них. Теперь поместите все эти слои в группу под названием «Фон».
Шаг 19
Теперь перейдем к текстурированию первой буквы. Используйте Lasso Tool (L ) (Лассо), чтобы сделать грубое выделение из этого изображения . Скопируйте -> Вставьте выделенную область на новый слой выше всех групп, затем продублируйте слой с мороженым и расположите рядом с оригиналом. Используйте Eraser (E ) (Ластик) с мягкими краями, чтобы соединить жесткие края оригинала и дубликата, затем нажмите Ctrl + E, чтобы объединить их в один слой. Назовите получившийся слой «Текстура 1».
Поместите полученную текстуру над буквой так, чтобы она покрывала ее, затем удерживая клавишу Ctrl, кликните по соответствующему текстовому слою, чтобы создать выделение на основе слоя. Убедитесь, что ваш новый слой выделен, затем кликните по иконке Add layer mask (Добавить слой-маску) внизу палитры Layers (Слои).
Шаг 20
Вы получили первый слой с текстурой, который перекрывает первую букву, теперь примените к нему корректирующий слой Levels (Уровни) и установите значение белого ползунка на нижней шкале 94.
Шаг 21
Теперь добавьте текстуру карамели с шоколадной лазурью. Используйте Quick Selection Tool ( W) (Быстрое выделение) для извлечения кусочка конфеты из фона. Поместите полученное выделение в качестве нового верхнего слоя, скорректируйте размер и расположите, как показано на рисунке. Добавьте слой-маску, а затем используйте ассортимент мягких и твердых кистей, чтобы слой с карамелью плавно переходил в слой с шоколадом. Назовите этот слой «Текстура 2».
Шаг 22
Добавьте (Цветовой баланс) и повысьте Reds (Красные) до +23
Шаг 23
Извлеките шоколадное мороженое (как в шаге 19), затем поверните, скорректируйте размер и поместите, как новый слой. Назовите этот слой «Текстура 3», добавьте маску , а затем нажмите Ctrl + I, чтобы инвертировать цвет маски. Теперь используйте белые кисти для восстановления области, которая показана ниже.
Шаг 24
Добавьте корректирующий слой Levels (Уровни) со следующими настройками для слоя «Текстура 3» для затемнения средних тонов
Шаг 25
Добавьте снова шоколадное мороженое, как новый верхний слой, и назовите его «Текстура 4». Поместите в нижней части буквы, а затем, добавьте ему маску слоя и повторите этап работы с маской из Шага 23.
Шаг 26
Примените корректирующий слой Levels (Уровни) к слою «Текстура 4» и передвиньте серый маркер вправо
Шаг 27
И наконец, чтобы закончить с первой буквой, вставьте еще раз изображение с мороженым и назовите полученный слой «Текстура 5». Добавьте этому слою маску и сделайте видимой область, показанную на рисунке:
Шаг 28
Поместите все слои, относящиеся к первой букве в группу под названием «Буква S», затем добавьте маску к группе. Загрузите выделение второй буквы, перейдите на маску группы и закрасьте черной кистью перекрывающий ее участок от первой буквы.
Шаг 29
Извлеките шоколадную текстуру, нажмите Ctrl + J, чтобы скопировать в новый слой, отключите видимость оригинального слоя. Выберите новый слой, возьмите инструмент Move Tool (V) (Перемещение), а затем, удерживая Ctrl, перетащите верхние узловые точки, как показано на рисунке.
Добавьте текстуру, как верхний слой под названием «Текстура 1», скорректируйте размер и расположите над второй буквой. Уменьшите Opacity (Непрозрачность) до 32%, а затем загрузите выделение второй буквы и создайте маску для слоя, чтобы скрыть ненужные участки.
Шаг 30
Дублируйте этот слой, переименуйте его «Текстура 2» и измените Opacity (Непрозрачность) 95%. Перетащите маску на значок корзины и нажмите кнопку Delete (Удалить) в следующем окне. Временно отключите видимость обоих текстурных слоев, а затем используйте Magic Wand (W) (Волшебная палочка), чтобы выделить лицевую часть буквы. Теперь нажмите Shift + F6 и укажите Feather (Радиус растушевки) 3px, затем перейдите в меню Select-> Modify-> Expand (Выделение -> Модификация -> Сжать) 5px. Наконец, щелкните по значку Add layer mask (Добавить слой-маску). Не сбрасывая выделения, перейдите на слой «Текстура 2» и добавьте ему маску слоя.
Шаг 31
Добавьте корректирующий слой Color Balance (Цветовой баланс) к слою «Текстура 2» и увеличьте Reds (Красные) и Yellows (Желтые).
Шаг 32
Теперь примените корректирующий слой Level s (Уровни) на этом же слое для увеличения контраста.
Шаг 33
Теперь примените (Цветовой тон / Насыщенность) на том же слое, и скорректируйте Master (Все), Reds (Красные) и Yellows (Желтые), как показано ниже.
Шаг 34
В качестве последнего изменения добавьте корректирующий слой Selective Color (Выборочная коррекция слоя) к этому же слою, увеличьте значение Black (Черные) до 72. Поместите все слои, относящиеся ко второй букве, в группу под названием «Буква W».
Шаг 35
Перейдем к текстурированию третьей букве. Откройте изображение с шоколадными конфетами. Повторите процесс, описанный в шаге 19, чтобы добавить и наложить следующее изображение. Этой текстурой нужно покрыть правую часть буквы, так что не волнуйтесь, если с левой стороны ее не хватит. Назовите это слой «Текстура 1»
Шаг 36
Добавьте корректирующий слой Levels (Уровни) к слою «Текстура 1» и установите значение белого ползунка 59, чтобы затемнить изображение.
Шаг 37
Добавьте то же самое изображение с конфетами снова и назовите его «Текстура 2». Теперь примените технику работы с маской, как в шаге 30.
Шаг 38
Примените корректирующий слой Levels (Уровни) к слою «Текстура 2» и скопируйте следующие настройки. Поместите слои, относящиеся к третьей букве в группу под названием «Буква Е1»
Шаг 39
Теперь примените корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность) к тому же слою, и уменьшите для Reds (Красные) насыщенность до -15.
Шаг 40
Извлеките и поместите изображение с шоколадным печеньем на вторую букву «Е». Создайте для этого слоя с печеньем маску, уменьшите Opacity (Непрозрачность) до 45% и назовите его «Текстура 1»
Шаг 41
Шаг 42
Примените корректирующий слой Levels (Уровни) к слою «Текстура 1» и скорректируйте значение серого маркера до 0,84
Шаг 43
Еще раз добавьте текстуру с печеньем, как новый слой, назовите его «Текстура 2», добавьте ему маску и сделайте видимой область, показанную на рисунке:
Шаг 44
Примените корректирующий слой Levels (Уровни) к слою «Текстура 2» и скопируйте следующие настройки.
Шаг 45
Теперь добавьте корректирующий слой Color Balance (Цветовой баланс) для того же слоя со следующими настройками.
Шаг 46
Извлеките правую часть из этого изображения. Поместите ее в верхний левый угол буквы, с помощью Warp (Деформация) придайте форму. Добавьте маску и осторожно соедините этот кусочек карамели с текстурой шоколадного печенья. Назовите этот слой «Текстура 3».
Шаг 47
Примените корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность) к этому же слою, и измените Reds (Красные) и Yellow (Желтые), как показано на рисунке. Теперь поместите все слои, относящиеся к четвертой букве в группу под названием «Буква Е2».
Шаг 48
Теперь добавьте маску к оригинальному текстовому слою и скройте верхнюю часть буквы.
Шаг 49
Извлеките и добавьте это изображение ), как новый слой и назовите его «Текстура 1». Так же, как в предыдущих шагах, при помощи маски слоя сделайте текстуру видимой только на боках буквы, только уменьшите Opacity (Непрозрачность) до 90%.
Шаг 50
Примените к этому слою корректирующий слой Levels
Шаг 51
Добавьте ту же самую текстуру торта в качестве еще одного слоя, назовите его «Текстура 2». Теперь создайте маску для этого слоя, чтобы текстура была видна на лицевой части буквы.
Шаг 52
Добавьте корректирующий слой Color Balance (Цветовой баланс) к слою «Текстура 2» и примените следующие настройки.
Шаг 53
Теперь добавьте к нему же корректирующий слой Levels (Уровни) со следующими настройками.
Шаг 54
Вставьте текстуру с карамелью, которая использовалась еще для первой буквы, и назовите ее «Текстура 3». Расположите его, как показано на рисунке и скройте под маской ненужные участки
Шаг 55
Добавьте корректирующий слой Color Balance (Цветовой баланс) для этого слоя, затем увеличьте Reds (Красные) до +17 и Yellow (Желтые) до +7. Теперь добавьте корректирующий слой Levels (Уровни) и измените значение серого маркера на 0,67 и значение белого маркера 215. Теперь поместите эти слои в группу под названием «Буква Т»
Шаг 56
Букву «О» будет достаточно просто сделать. Отделите от фона и поместите изображение пончика, как новый слой. Измените размер, чтобы покрыть букву и назовите его «Текстура 1». Загрузите выделение буквы и создайте маску на слое с текстурой, чтобы скрыть под ней ненужные области, затем снимите выделение и тщательно при помощи кисти черного цвета закрасьте бока по внешнему краю и центральное отверстие.
Шаг 57
Примените к этому слою корректирующий слой Levels (Уровни) и скопируйте следующие настройки, для затемнения текстуры. Поместите эти два слоя в группу под названием «Буква О1»
Шаг 58
С помощью инструмента Lasso Tool (L) (Лассо) сделайте небрежное выделение темных краев из изображения кекса. Скопируйте ->Вставьте выделенный кусочек несколько раз и расположите по бокам следующей буквы. Когда будете довольны, слейте их и назовите получившийся слой «Текстура 1». Далее загрузите выделение текущей буквы и создайте маску для слоя «Текстура 1», чтобы скрыть ненужные области.
Шаг 59
Примените корректирующий слой Levels (Уровни) к слою «Текстура 1», установите серый ползунок на 0,86, белый ползунок на 236. Отделите кекс от фона, расположите над буквой, если выделенной части не хватит для покрытия всей буквы, дублируйте и слейте, как вы делали с самой первой текстурой буквы. Добавьте полученную текстуру, как новый слой, затем расположите и добавьте маску , как показано на рисунке. Назовите этот слой «Текстура 2». Поместите все слои, относящиеся к этой букве, в группу под названием «Буква N»
Шаг 60
Повторите ту же самую процедуру на следующей букве, только в этом случае используйте джем. Спрячьте под маской ненужные участки, как показано на рисунке, назовите этот слой «Текстура 1».
Шаг 61
Добавьте корректирующий слой Levels (Уровни) к этому слою, и установите значение белого ползунка на 148. Далее примените корректирующий слой Color Balance (Цветовой баланс) для того же слоя и скопируйте следующие настройки.
Шаг 62
Грубо отделите изображение того же торта с джемом от фона и поместите, как новый слой. Выделите и вставьте центральную часть торта, увеличьте и вытяните ее, как показано на рисунке. Объедините оба слоя, затем добавьте маску так, чтобы видимой осталась только лицевая часть торта с джемом. Назовите этот слой «Текстура 2»
Шаг 63
Примените корректирующий слой Color Balance (Цветовой баланс) для этого слоя и скопируйте следующие настройки. Добавьте слои, относящиеся к этой букве, в отдельную группу под названием «Буква Y»
Шаг 64
Следующую букву достаточно легко текстурировать. Откройте «Donut.jpg» из папки «Source» и отделите его от фона. Поместите пончик, как новый слой, затем скорректируйте его размер. Назовите этот слой «Текстура 1», отключите видимость оригинального текстового слоя.
Теперь примените два корректирующих слоя к этому слою - Levels
(Уровни) и Color Balance
(Цветовой баланс) со следующими настройками. Поместите эти слои в группу под названием «Буква О2»
Шаг 65
Откройте изображение с куском торта, извлеките его и поместите поверх последней буквы. Скорректируйте размер и наложите маску так, чтобы она покрывала бока буквы, назовите этот слой «Текстура 1».
Шаг 66
Добавьте корректирующий слой Levels (Уровни) к этому слою и примените следующие настройки, чтобы затемнить его.
Шаг 67
Поместите ту же текстуру торта в качестве еще одного слоя (удалите у полученной копии маску), назовите его «Текстура 2». Скорректируйте размер и положение этого слоя, уменьшите Opacity (Непрозрачность) 48%. Теперь добавьте к слою «Текстура 2» маску так, чтобы видимой осталась только лицевая часть буквы.
Шаг 68
Добавьте корректирующий слой Color Balance (Цветовой баланс) и примените следующие настройки.
Шаг 69
Извлеките и поместите кусочек шоколадки в рабочий документ, как новый слой, назовите его «Текстура 3». Flip Horizontal (Отразите по горизонтали), поверните, скорректируйте размер и расположите, как показано. Затем добавьте маску слоя и совместите кусочек с текстурой торта.
Шаг 70
Добавьте корректирующий слой Levels (Уровни) к этому слою и скопируйте следующие настройки, чтобы затемнить его.
Шаг 71
Добавьте корректирующий слой Color Balanc e (Цветовой баланс) к этому же слою, и скопируйте следующие настройки. Добавьте маску к оригинальному текстовому слою и скройте откусанную часть. Наконец, добавьте все слои, относящиеся к последней букве, в группу «Буква U».
Шаг 72
Шаг 73
Для этого изображения нам понадобится точное выделение, так что выберите инструмент Quick Selection (W) (Быстрое выделение) и выделите белый фон.
Шаг 74
Нажмите Shift + Ctrl + I, чтобы инвертировать выделение, затем нажмите кнопку Refine Edge (Уточнить край) в панели настроек. В следующем окне выберите On Layer (L) (На слое) из выпадающего меню View (Режим просмотра), скопируйте настройки и нажмите кнопку ОК.
У вас появится дубликат с маской, притом, что видимость слоя-оригинала окажется выключенной. Перетащите иконку с маской на пиктограмму с мусорной корзиной в нижней части палитры слоев, и в появившемся окне нажмите Apply (Применить), а затем удалите оригинальный слой.
Данная клубника смотрится не очень красиво, к счастью, это легко исправить. Откройте изображение и отделите клубнику от фона при помощи той же функции Refine Edge (Уточнить край). Удалите полученную маску продублированного слоя и оригинальный слой с клубникой, измените размер клубники и расположите ее, как показано на рисунке.
Overlay (Перекрытие) выше слоя «Ретушь руки». Возьмите образец цвета лака для ногтей (я использовал # 814564) и закрасьте ногти при помощи Brush Tool (Кисть), чтобы подчеркнуть их. Чтобы удалить случайно закрашенные участки, загрузите выделение слоя «Рука», инвертируйте выделение и нажмите Delete (Удалить), находясь на слое «Ногти».
Шаг 81
Заштампуйте белые кончики ногтей на новом слое «Ретушь ногтей» и используйте тот же метод, что и в предыдущем шаге, чтобы удалить излишки по краям. Поместите все слои, относящиеся к руке, в группу под названием «Рука».
Шаг 82
Перетащите иконку группы «Рука» в ваш рабочий документ, измените размер и расположите, как показано на рисунке. Если вы заметили какие-либо ореолы по краям на слое «Рука», выделите его и перейдите в меню Layer-> Matting-> Defringe (Слой -> Обработка края -> Устранить кайму) и введите значение 1-2px.
Шаг 83
При помощи функции Refine Edge (Уточнить край) отделите от фона изображения "Choc_1.jpg" и "Choc_2.jpg" (находятся в папке "Source"), чтобы добавить стекающий шоколад. Используйте методы добавления корректирующих слоев, которые вы узнали ранее, чтобы скорректировать цвет шоколада и каплей джема. Поместите эти слои в верхнюю папку под названием «Элементы»
Шаг 84
Отделите от фона и добавьте "White_choc.jpg", затем при помощи Warp (Деформация) расположите над пончиком и скройте под маской ненужные части изображения соответственно. Добавьте корректирующий слой Levels (Уровни) для повышения контрастности и корректирующий слой Hue/ Saturation (Цветовой тон/Насыщенность), чтобы перекрасить белый шоколад в розовую глазурь. Затем выделите небольшой кусочек из этого изображения и расположите в виде небольшого раскрошенного печенья под последней буквой, на панели Layers (Слои) поместите его в группу «Элементы».
Добавьте пустой слой в режиме наложения Multiply (Умножение) в самый низ списка слоев в той же группе. Загрузите выделения всех слоев из группы «Элементы», перейдите на новый слой и залейте выделенную область темно-коричневым цветом. Трансформируйте слой, как показано ниже, затем примените то же размытие и добавьте шум, как вы делали в начале урока для основной тени от надписи. Наконец, уменьшите Opacity (Непрозрачность) до 90% и скройте под маской часть тени с помощью градиента с опцией от черного к прозрачному.
Шаг 85
Поместите новый слой выше всех групп и назовите его «Ретушь». Теперь возьмите Clone Stamp Tool (S) (Штамп) маленького размера с Hardness (Жесткость) около 50% и пройдитесь им по краям надписи, чтобы сделать их немного неровными.
Шаг 86
В завершение, мы немного повысим резкость всего изображения. Поместите пустой слой выше всех слоев, а затем перейдите в меню Image -> Apply Image (Изображение -> Внешний канал). Установите режим наложения Normal (Обычный) в следующем окне и нажмите кнопку ОК. Назовите этот слой «Цветовой контраст». Выберите Filter-> Other-> High Pass (Фильтр -> Другое -> Цветовой контраст) и введите значение 3px. Измените режим наложения этого слоя на Overlay (Перекрытие), чтобы сделать серый невидимым, затем поместите оба слоя («Цветовой контраст» и «Ретушь») в группу под названием «Финальная ретушь».
Заключение
Я надеюсь, что вы получили удовольствие от выполнения этого урока и узнали несколько новых техник. Также я надеюсь, что вдохновил вас на создание своих собственных типографических иллюстраций!
Как сделать объемный 3D текст с "Фотошоп" CS6 и CS5
Программа Adobe Photoshop в первую очередь является редактором растровой графики. Но не менее хорошо она справляется и с другими задачами. Мы уже знаем о её возможностях по работе с векторными фигурами. Ещё программа способна преобразовывать обычные фигуры в трехмерные.
3D текст в «Фотошоп» CS5
На этом уроке речь пойдет о работе с 3D текстом в «Фотошопе» CS5 или более поздней версии. Лучше всего для этих целей всё же подходит самая последняя версия, входящая в состав Creative Cloud. Именно в ней имеется наибольшее количество инструментов для обработки объемного текста.
Сделать объемный текст в «Фотошоп»
Для начала вам необходимо открыть «Фотошоп» и создать новый файл. Задайте разрешение 600 x 600 пикселей. Сразу при создании документа выберите черный цвет и залейте им изображение (для этого используется инструмент «Заливка»). Возьмите инструмент «Горизонтальный текст» и напишите белым цветом одно слово. Подберите подходящий шрифт и его размер. В нашем случае это KorinnaBlackC с кеглем в 172 пункта. Текст лучше писать заглавными буквами.
Теперь взгляните на панель с настройками инструмента, располагающуюся над изображением. Там имеется кнопка «3D». Нажмите её. Так ваш текстовый слой автоматически конвертируется в трехмерный.
3D текст в «Фотошоп» CS6
3D текст в «Фотошопе» фактически создан. Но теперь с ним нужно плотно поработать для улучшения его внешнего вида. У вас должна была открыться панель 3D. Если этого не случилось, то перейдите по пути «Окно >> 3D». Нажмите на название основной сетки (оно состоит из написанного вами слова), чтобы в панели «Свойства» открылись параметры изображения. Именно над ними вы будете работать. Примечательно, что в любой момент вы можете взять инструмент «Горизонтальный текст» и отредактировать надпись. Прямо во время оформления объемного текста в «Фотошопе»! Однако не всё так просто. 3D текст редактируется в «Фотошопе» CS6. В более ранних версиях он перед переводом в трехмерный режим растрируется, поэтому редактирование становится невозможным.
В данный момент в панели «Свойства» имеются четыре вкладки-иконки. Изначально открыта вкладка «Сетка». Здесь выбирается глубина экструзии, цвет 3D текста в «Фотошопе», добавляется тень, а также применяется шаблонная заготовка той или иной деформации.
Следующая вкладка получила наименование «Деформировать». Здесь можно поработать над экструзией объемного текста (фактически его толщиной по оси Z). Вы можете изменить глубину, скрутить её, придать ей эффект конусообразности и совершить прочие действия.
В данный момент над изображением находится панель инструментов, отвечающих за ориентацию в 3D-режиме. С помощью соответствующих кнопок вы можете поворачивать камеру или саму надпись по всем трем осям. Пользуйтесь ими для реализации своей задумки.
Создание 3D текста в «Фотошоп»
Далее рекомендуется переходить к вкладке «Капитель». Здесь задается степень угловатости текста. Лучше не трогайте эту вкладку в том случае, если вы не собираетесь делать углы более фигурными или гладкими. Последняя вкладка получила наименование «Координаты». В ней можно задать точное местонахождение 3D текста в изображении.
Но это ещё не всё. Сделать объемный текст в «Фотошопе» — это не только задать ему цвет, сменить ракурс и изменить глубину экструзии. Взгляните на панель «3D». В ней вы найдете несколько пунктов, ответственных за присвоение тексту того или иного материала. Кликните на строку «Материал передней выпуклости». А панели «Свойства» немедленно отобразятся параметры материала, из которого состоит передняя часть нашего текста. Вы можете изменить коэффициент преломления отраженного цвета, плавность контура, его рельеф и прочие параметры. Можно даже усилить блеск.
На этом создание 3D текста в «Фотошопе» практически завершено. Предлагаем с оставшимися пунктами панели «3D» ознакомиться самостоятельно. Эксперименты не возбраняются. Мы же напоследок расскажем лишь о пункте «Бесконечный свет 1». Нажмите на него — в «Свойствах» откроются параметры освещения. Сам источник освещения будет виден на композиции, он имеет значок с изображением солнышка.
Вы можете сменить бесконечный свет на точечный или направленный. В последнем случае на композиции появится своеобразный прожектор, силу свечения которого можно регулировать. Также регулировке подвергается диаметр освещаемого пространства.
3Д текст в «Фотошоп» CS6
Такие не самые дурные возможности по созданию 3Д текста имеются в «Фотошопе» CS6 и более поздних версиях. Но сделать 3D текст в «Фотошопе» — это только начальный этап работы. Также нужно позаботиться об окружении этого текста. Можно добавить текстуры, которые тоже необходимо располагать в трехмерном пространстве. Словом, всё это — очень интересная тема.
Текст с 3D эффектом используется все чаще и чаще на рекламных баннерах, в газетах, интернете и прочих местах. Сегодня, есть возможность научиться делать 3D текст самому, используя программу фотошоп. Это будет нелегко, и на такое дело уйдет немало времени, когда будете пробовать первый раз, но это нормально, со временем и практикой этот урок будет даваться намного легче.
Как сделать 3D текст?
Для создания текста с 3D эффектом нам потребуется лишь фотошоп и время. Мы постараемся сделать вот такой текст:
Начнем нашу работу:
1. Сначала нужно создать новый документ, в котором мы и будем делать наш текст. Открываем фотошоп, ожидаем пока он загрузится, и нажимаем Cntr+N. В появившемся окне вводим размер нового холста, нам потребуется 10х10 дюймов (inches). Не забываем так же и о качестве, в строке расширение устанавливаем 300 pixels/inch.
2. Не забываем так же и об Background, нам нужен темно серый цвет, который обозначается #333333. После установки данного параметра нажимаем «ОК» чтобы создать холст создался.
3. На рабочем холсте нужно написать слова, которые мы желаем сделать в 3D эффекте. Выбираем инструмент «Текст» (обозначается буквой Т), и начинаем писать. В нашем примере использовался шрифт «Myriad Pro Black», желтым цветом (#FFCC00). Размер первого слова составляем 286pt, размер второго слова 83pt.
Чтобы получить максимально эффективный 3D эффект, лучше всего выбирать жирные шрифты.
4. Теперь нам нужно растеризовать текст, но перед тем как это сделать - проверяем текст на ошибки, ведь после выполнения данной функции, текст редактировать невозможно. Чтобы растеризировать текст, нажимаем на нем правой кнопкой и в контекстном меню выбираем «Rasterize Layer».
5. Следующим шагом есть наклон текста. Так он будет лучше смотреться в трехмерности. Чтобы выделить текст и начать трансформацию, нажимаем Ctrl+Т. Затем зажимаем Ctrl, кликаем курсором по правому верхнему маркеру и перетаскиваем его немного влево. Так же делаем и с верхним средним маркером. В результате мы должны получить вот такую картинку:
6. Чтобы текст выглядел более привлекательно, добавим на него несколько эффектов. Нажимаем на иконку эффектов на панели «Layers», делаем свой выбор на пункте с названием «Bevel and Emboss». Настройки устанавливаем как на фотографии:
Не забываем, что нам так же требуется изменить цвета в строках «highlights» и «shadows». Устанавливаем #FFCC66 и #DFA125 соответственно.
7. Так же можем добиться более глубокого цвета, для этого используем эффект «Satin», в строке «Blend Mode» задаем параметр цвета #F3881F.
8. И последний шаг в окне с эффектами - «Gradient Overlay». Нажимаем на градиент и изменяем цвет находящийся слева на #F7F3A7, справа на #F3881F. Остальные настройки градиента можно посмотреть на фото:
После сохранения всех примененных эффектов мы получили такую картинку.
9. Текст подготовлен и теперь можем перейти к созданию 3D эффекта. И для начала нам нужно дублировать наш слой с текстом, это делаем с помощью клавиш Ctrl+J. Переходим на нижний дубль и удаляем все эффекты с него. Далее, нам нужно поменять на нем цвет, переходим Image > Adjustment > Curves или же открываем все нажатием Ctrl +М. Кривую нужно выгнуть, как показано на фото.
10. После прошлой операции, цвет текста станет темнее, но это ещё не конец, теперь нам нужно убрать насыщенность цвета. Делаем переход Image > Adjustments > Hue/Saturation или нажимаем клавиши Cntr+U, и выставляем в открывшемся окне значения 0, -40 и 0. Подтверждаем свой выбор.
11. Переносим наш основной слой немного выше, нежели дублированный слой. Нижний слой так же следует немного передвинуть, только в левую сторону. После перетаскивания слоев, зажимаем ALT и нажимаем на стрелки вниз и влево. Такой операцией мы дублируем коричневый слой несколько раз, в зависимости от количества нажатий - будет зависеть толщина боковой грани.
12. Все слои следует объединить, и для этого на панели Layers щелкаем по самому верхнему слою, зажимаем Shift и выделяем все остальные слоя. После выделения нажимаем Cntr+Е. Далее к этим слоям нужно добавить «Gradient Overlay», причем цвет выбираем черный и белый.
1 голосДоброго времени суток, уважаемые читатели. Допустим у вас уже готов сайт, а логотипа для него все еще нет. Застопорить работу для срочного поиска дизайнера и платить первому встречному бешенные деньги? Не думаю. Сегодня я расскажу вам как создать простой и стильный лого для вашего блога.
Я научу вас делать объёмные буквы в фотошопе, которые будут эффектно смотреться на вашем сайте. Урок довольно простой, можно сделать даже , но благодаря ему вы сможете понять множество премудростей и вероятно откроете для себя кое-какие тайны photoshop.
Фотошоп, дизайнер или онлайн версия
Если вам срочно нужен логотип, то у вас есть три пути решения проблемы и каждый из них обладает своими недостатками и достоинствами.
Дизайнеру нужно платить и скорый выбор чаще всего приводит к увеличению бюджета. Неизвестно сколько исполнитель запросит за скорость и действительно ли успеет в срок.
Можно создать лого при помощи онлайн сервиса. Кстати, недавно опубликовал обзор на некоторые из них. Рекомендую почитать (). Если сейчас не до этого, то могу сразу посоветовать сервис www.logaster.ru . Тут действительно все можно сделать быстро и очень красиво, но от вас потребуется около 1 500 рублей.
Есть еще и третий способ – самостоятельно в фотошопе сделать логотип, а потом принимать решение временный он или навсегда. Даже если вам не понравится результат, вы научитесь многим приемам, которые будут полезны в будущем. Ну что, приступим?
Работа началась
Надеюсь у вас на компьютере есть красивые шрифты с русским алфавитом, сейчас мы будем превращать любые буквы в объемные. Это одно из основных преимуществ самостоятельной работы. Вы ни в чем не ограничены. Весь интернет у ваших ног, давайте же поскорее начнем.
Создаем новый документ.
Размер не так важен, но лучше использовать размеры побольше. У меня 900х600 пикселей. Всегда легче потом уменьшить, нежели наращивать.
Если у вас недостаточно дизайнерского опыта и вы ищете новые приемы и решения, то могу порекомендовать вам сервис www.colorscheme.ru , он поможет выбрать идеальное цветовое сочетание, так как сейчас мы будет заливать фон. Вы, кстати, можете использовать текстуры. Их можно бесплатно скачать из Гугла, Яндекса или на https://photoshop-master.ru .
Но пока не до этого. Мы с вами выбираем необходимый цвет, заливку и кликаем по только что созданному документу.
Теперь щелкаем по инструменту текст, а затем меняем цвет.
Я буду делать золотые объемные буквы.
Если название довольно длинное, то лучше писать его на двух разных слоях, чтобы подгонять по размеру было удобнее.
Можно увеличить размер текста, чтобы обе фразы находились ровно, одна под другой.
Также есть возможность сделать это сочетанием клавиш Ctrl+T – свободное трансформирование.
Теперь необходимо выделить оба текстовых слоя. Щелкните по одному, затем зажмите Alt на клавиатуре, и кликните мышью по второму.
Теперь нажмите на правую кнопку мыши, находясь на выделенных слоях, и растрируйте текст. Он превратится из текста в изображение, а значит можно будет применять куда больше настроек.
Снова кликните на правую кнопку мыши, чтобы открылось дополнительное меню.
Теперь нужно объединить слои.
Снова выберите Ctrl+T и увеличьте текст.
Затем щелкните правой кнопкой мыши внутри выделенного фрагмента. Появится дополнительное меню трансформирования. Сейчас вам будет нужно искажение. Оно необходимо, чтобы «положить» объемный текст.
Кстати, только сейчас понял, что намного удачнее было бы сделать это, пока слои были текстовыми, а не растрированными не было бы небольших засечек.
Ну ничего, сейчас я сделаю второй вариант и в конце статьи дам возможность скачать оба psd исходника. Вы можете продолжать делать все вместе со мной по тексту, не обращая внимания на мою внезапную идею.
Если же захотите попробовать исказить текстовый слой, как это сделать? Вернитесь на несколько шагов назад, выделите два текстовых слоя, нажмите на правую кнопку мыши и выберите функцию «Связать слои». Затем Ctrl+T и в выделенной части щелкните правой кнопкой мыши, активируйте «Искажение». Потом снова растрируете и объединяете слои.
Поставьте галочку на «Просмотр», чтобы видеть какие изменения происходят на вашем тексте.
Выбираем «Тиснение» и «Контур».
Сейчас выставляете «Внутренний скос» и плавный метод тиснения, немного увеличиваете глубину, пока не понравится результат.
Помимо этого, надо поменять цвета режима света и тени. В природе не существует чистого белого или черного цвета, а у золотого текста и подавно! Светлые участки золотых объемных букв были бы светло-оранжевого цвета, а тени, простите за тавтологию, темно-оранжевого.
Если используете красный, зеленый или любой другой цвет, то просто включаете логику и выставляете значения, в которых один цвет будет менее ярок, относительно основного, а второй более.
Теперь добавляем «Глянец». Опять же, в природе он был бы оранжевого цвета. Убавьте непрозрачность, чтобы выглядело естественно.
Переходим к наложению градиента.
Кликаем по готовой схеме и настраиваем свою. Если не умеете, то потом почитайте статью в моем блоге на эту тему, она очень подробная (). Сейчас же просто щелкните по левой нижней плашке с цветом и найдите свой, а затем по правой. Поставьте переход от светло-оранжевого к темному.
Теперь поменяйте режим наложения на «Перекрытие» и убавьте непрозрачность.
Готово. Теперь скопируйте этот слой, нажав на Ctrl+J.
Новый слой будет со всеми теми же эффектами, они нам не нужны. Удалите. Для этого переместите значок в корзину, как показано на рисунке ниже.
Выбираем в верхней панели «Изображение» — «Коррекция» — «Кривые».
Делаем буквы значительно темнее, почти оранжевыми. Сейчас поймете зачем, трудно объяснить. Лучше один раз увидеть.
Перетаскиваете этот темный слой вниз, под основной.
Выбираете инструмент «Перемещении» и на клавиатуре нажимаете сначала стрелку вниз, а затем влево.
Зажимаете Alt и продолжаете тыкать стрелками вниз и влево, пока буквы не станут объемными.
Теперь все эти новые слои нужно объединить. А для этого их необходимо сначала выделить. Нажимаете на первую копию, двигаетесь к последней и прежде чем по ней кликнуть зажимаете Shift.
Теперь правая кнопка мыши и «Объединить слои».
На моем примере немного отходит край, думаю вы заметили. Я снова выбираю инструмент «Перемещение».
Двигаю стрелками единый новый слой вверх и влево.
Можно сделать этот слой потемнее. Переходим в «Изображение» — «Коррекция» — «Сочность».
Двигаем ползунок «Насыщенности» вправо.
Теперь применяем «Наложение градиента».
От черного к белому.
Режим наложения: «Перекрытие» и уменьшаем непрозрачность.
Создаем еще одну копию слоя, нажав одновременно Ctrl и J.
Слой нужно будет сделать черным, это будет тень. Переходим к меню «Изображение» — «Коррекция» и находим тут «Уровни».
Сделать слой темным не проблема. Двигайте белый ползунок ближе к черному. Кстати, смотрите, получился интересный эффект, как в комиксах. Может оставить так?
Теперь перетаскиваем новый слой с тенью в самый низ. Под ним должен остаться только фон.
Знакомые действия. Выбираем «Перемещение» и нажимаем на стрелки вниз и влево.
Применяем «Фильтр» — «Размытие по Гауссу».
Устанавливаем размах тени, как вам больше понравится.
А вот так получается в том случае, когда наклоняете текстовый слой, а не растрированный. Какой вариант вам больше нравится? Пишите в комментариях и выкладывайте собственные работы, которые вы сделали по этому уроку.
Скачать мои образцы >>
Кстати, есть еще куча простых и интересных способов создать объемные буквы в фотошопе. Подписывайтесь на рассылку, так как о многих из них я планирую рассказать в будущих публикациях. Помимо этого, вы узнаете , искать заказчиков, делать сайты и еще много всего.
Ну а если вас интересует исключительно фотошоп, то могу порекомендовать курсы Зинаиды Лукьяновой , если вам необходима программа для работы, ну а если это хобби для себя, то обратите внимание на уроки Елены Виноградовой .
Ну вот и все, желаю вам успехов в ваших начинаниях. До новых встреч!
