|
Эффект выбитой надписи на стене в королеПолучаем вдавленный текст в фотошопеХм, интересный сегодня день получился. Как всегда я проверил почту и увидел там письмо от Лёши, в котором он меня попросил сделать урок вдавленного текста. Ну что же, Алексей, держите 😉 Да и вообще, я долго не думал, писать ли этот пост, так как вдавленный текст является очень актуальным в наше время, достаточно повнимательнее глянуть на свой интернет-браузер и вы точно найдете там надпись или же забавную кнопочку, которую вдавили и они превосходно смотрятся!
Делаем вдавленный текстСделать такой эффект проще простого, создайте новый документ и там напишите что-нибудь… можете пофотошопить онлайн, прямо в браузере! Теперь нужно открыть «Стиль слоя», все, что нам понадобится – это внешняя и внутренняя тень. Да, чтобы открыть стиль слоя, достаточно дважды щелкнуть левой кнопкой мыши по нашему слою, в моем случае это “TeXT”.
В первом этапе я применил тень, поменял ее цвет на белый, снизил прозрачность и смещение, размер поставил по 1 px. Такими манипуляциями я добился падающего света с одной стороны текста. Осталось сделать внутреннюю тень. Для внутренней тени был выбран немного светловато-черный цвет, прозрачность около 70% и смещение 1 px, а размер 5 px для того, чтобы тень была более мягкой. Вот и все, вдавленный текст готов! В общем, достаточно добавить с одной стороны света, а с противоположной внутренней тени 😉 Простой, но полезный урок окончен. Советую подписаться на мою E-mail рассылку для того, чтобы получить все самое лучшее первым. Хорошего дня! Создаем в фотошопе надпись в стиле граффити на уличной стене | DesigNonstop
Создаем в фотошопе надпись в стиле граффити на уличной стене11Думаю, этот несложный урок от Dreamdealer порадует тех, кто только начинает осваивать фотошоп. Все очень несложно, а результат весьма впечатляет. Для этого нам потребуется фотография с изображением гранжевой стены и красивая надпись, которую потом мы будем трансформировать различными способами. Далее мы воспользуемся режимом наложения и размывкой. Шаг 1. Шаг 2. Шаг 3. Шаг 4. Шаг 5. Получился такой вот результат. Шаг 6. Шаг 7. Финал Уроки в Фотошопе с текстом![]() Ребята из компании HUION переживают за вашу безопасность и здоровье, а также заботятся о том, чтобы в это непростое время всеобщей изоляции, вам было чем себя занять! 10 0 ![]() Размещаем подборку с работами пользователей со статусами PRO и Master. Давайте поддержим каждого лайками и отзывами в комментариях. 206 2 ![]() Как выбрать тот самый курс, который приведет тебя к успеху? Смотрите видео, в котором Инна Гревцева берет интервью у сомелье курсов — Анастасии Гребеньковой. 304 0 ![]() Сегодня интернет дает нам потрясающую возможность — получить знания не выходя из дома. Рынок предлагает огромное количество онлайн курсов. Как не потеряться, как выбрать нужный и качественный курс? 180 0 ![]() В очередной подборке бесплатностей мы собрали: 2 шикарных презентации, акварельную графику, кисти для Procreate, шаблоны для Instagram stories. 673 2 Создаём текст из камня в Фотошоп / Фотошоп-мастерВ этом уроке я покажу вам, как создать простой текст из камня в программе Photoshop. Мы воспользуемся базовыми техниками выделения и создания фотоманипуляций, чтобы получить данный эффект. Итак, давайте приступим! Данный урок относится к начинающему и среднему уровню сложности. Примечание: Данный урок выполнен в программе Photoshop CС – поэтому некоторые скриншоты могут слегка отличаться от предыдущих версий программы. Некоторые кисти имеются только в данной версии программы Photoshop CS6. Скачать архив с материалами к уроку Итоговый результат: ![]() Шаг 1Создайте новый документ со следующими размерами 1440 px * 800 px, цвет заднего фона чёрный. Откройте исходную текстуру Камня 1 в программе Photoshop, создайте прямоугольное выделение, как показано на скриншоте ниже. Примечание переводчика: с помощью инструмента Прямоугольная область (Rectangle Marquee Tool), выделите центральную часть текстуры камня. ![]() Скопируйте / вклейте (Copy / Paste) выделенное изображение текстуры камня на наш рабочий документ. ![]() Примените следующие корректирующие слои, которые должны располагаться поверх слоя с текстурой камня. Чёрно-белое (Black and White) ![]() Уровни (Levels) ![]() Кривые (Curves) ![]() С помощью мягкого ластика, создайте затенение в центральной части изображения, как показано на скриншоте ниже. ![]() Шаг 2Используя любой шрифт, который вам нравится, напишите свой текст. Мы используем данный текст в качестве ориентира, когда будем добавлять текстуру камня поверх текста. ![]() Откройте исходную текстуру Камня 2 в программе Photoshop. Обратите внимание на различные формы камней на данном изображении: ![]() С помощью инструмента Быстрое выделение (Quick Selection Tool), выделите несколько фрагментов камней: ![]() Из выделенных фрагментов камней составьте букву. С помощью инструмента Свободная трансформация (Free Transform), деформируйте форму камней при необходимости: ![]() На скриншоте ниже, вы можете увидеть мою букву “R”: ![]() Я использовал следующий фрагмент камня для создания буквы “O”: ![]() Удалите центральную часть с помощью мягкого ластика: ![]() Продолжайте добавлять буквы, пока вы не создадите текст, как на скриншоте ниже: ![]() Шаг 3Установите кисти Трещины. Выберите инструмент ластик, в качестве инструмента установите кисть Трещины: Объедините все слои с текстом из текстуры камня, а затем к объединённому слою примените ластик, чтобы воссоздать трещины и создать эффект разлома: ![]() Примените следующие корректирующие слои к объединённому слою с текстом в качестве обтравочных масок. Чёрно-белое (Black and White) ![]() Уровни (Levels) ![]() Перейдите на маску корректирующего слоя Уровни (Levels) и с помощью мягкой чёрной кисти скройте эффект уровней, как показано на скриншоте ниже. Примечание переводчика: область обработки кистью выделена красным цветом. ![]() Шаг 4С помощью инструмента Прямолинейное лассо (Polygonal Lasso Tool), мы добавим отдельные фрагменты текстуры камня к тексту: ![]() Выделите следующий фрагмент, используя текстуру Камня 1: ![]() Скопируйте / вклейте (Copy / Paste) выделенный фрагмент текстуры камня на наш рабочий документ. Расположите данный фрагмент поверх буквы, как показано на скриншоте ниже: ![]() Поменяйте режим наложения для слоя фрагментом текстуры камня на Жёсткий свет (Hard Light): ![]() Результат на данный момент урока: Повторите предыдущий процесс, добавьте фрагменты текстур камня на остальные буквы: ![]() Шаг 5Далее, мы добавим отдельные фрагменты текстуры Снега поверх текста. Выберите следующую кисть, которая указана на скриншоте ниже (это должная быть стандартная кисть Photoshop по умолчанию): ![]() Откройте исходную текстуру Снега в программе Photoshop. Создайте новый слой поверх слоя с данной текстурой снега, а затем прокрасьте следующий фрагмент на новом слое и далее, выделите его: Примечание переводчика: вы можете просто выделить небольшой фрагмент текстуры Снега с помощью любого инструмента выделения, который вам нравится. ![]() Теперь возвращаемся на слой с текстурой Снега, скопируйте / вклейте выделенный фрагмент текстуры снега на наш рабочий документ. Расположите данный фрагмент снега поверх буквы, как показано на скриншоте ниже. Откорректируйте форму фрагмента снега с помощью инструмента Свободная трансформация (Free Transform): ![]() Повторите предыдущий процесс, добавьте фрагменты снега на остальные буквы: ![]() Шаг 6В этом шаге мы добавим мелкие частицы вокруг нашего текста. С помощью кисти Частицы или кисти Брызги, выделите мелкие частицы текстуры камня 1, используя технику, которая описана в Шаге 5: ![]() Добавьте мелкие частицы камня вокруг текста: ![]() Используя ту же самую технику, добавьте мелкие частицы снега, для этого используйте текстуру Снега. Добавьте эффект мелких частиц снега на край изображения, как показано на скриншоте ниже: ![]() Шаг 7В этом шаге мы поработаем над заключительными штрихами. Объедините все слои, а затем продублируйте объединённый слой. Примените фильтр Акцент на краях (Accented Edges) к дубликату объединённого слоя: Примечание переводчика: 1. Чтобы создать объединённый слой, убедитесь, что вы находитесь на самом верхнем слое, а затем нажмите клавиши (Ctrl+Alt+Shift+E) 2. Чтобы применить фильтр, идём Фильтр - Штрихи - Акцент на краях (Filter - Brush Strokes - Accented Edges). ![]() К дубликату объединённого слоя добавьте слой-маску и с помощью мягкой чёрной кисти скройте эффект фильтра. Вы можете увидеть результат обработки кистью на маске слоя на скриншоте ниже. ![]() Добавьте следующие корректирующие слои поверх всех слоёв: Выборочная коррекция цвета (Selective Color) ![]() ![]() ![]() Далее, перейдите на маску корректирующего слоя Выборочная коррекция цвета (Selective Color) и с помощью мягкой чёрной кисти скройте эффект коррекции. Вы можете увидеть результат обработки кистью на маске слоя на скриншоте ниже. ![]() Вибрация (Vibrance) ![]() Вы можете увидеть мой результат на скриншоте ниже. ![]() Итак, мы завершили урок! Надеюсь, вам понравился данный урок, и он был полезным для вас. До встречи, удачного дня! Итоговый результат: ![]() Автор: James Qu Создаем текст в виде неоновой вывески в Фотошоп / Фотошоп-мастерЭффекты свечения и блеска помогают создать красивые и глянцевые объекты. В этом уроке, я покажу вам, как создать задний фон из текстуры кирпича, а затем, с помощью стилей слоя и инструмента Перо (Pen Tool), мы создадим яркий неоновый эффект, который мы применим к тексту, кроме этого, мы добавим электрические провода к тексту. Итак, давайте приступим! Скачать архив с материалами к уроку Примечание: Автор использовал платные изображения. В архиве вы найдёте альтернативные бесплатные материалы для выполнения работы. Итоговый результат: ![]() 1. Создаём задний фонШаг 1Создайте новый документ 1500 x 950 px, установите Разрешение (Resolution) 300. Итак, перейдите Файл – Поместить встроенные (File > Place Embedded) и в появившемся окне выберите исходное изображение с текстурой кирпичной стены. Примените масштабирование на своё усмотрение. Нажмите клавишу (Enter), чтобы применить изменения. ![]() Шаг 2В нижней части панели слоев нажмите значок Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) и в появившемся меню выберите опцию Levels Уровни (Levels). ![]() Шаг 3Преобразуйте данный корректирующий слой Уровни (Levels) в обтравочную маску к слою с текстурой кирпичной стенки, нажав соответствующий значок в нижней части панели Свойства (Properties). Далее, в настройках корректирующего слоя Уровни (Levels), установите значение для Теней (Shadows) 85. ![]() Шаг 4Далее, снова нажмите значок Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) и добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) в качестве обтравочной маски. Далее, в настройках данного корректирующего слоя, установите значение Насыщенности (Saturation) 11, а значение Яркости (Lightness) -83. ![]() 2. Создаём текстШаг 1Создайте текст, все буквы заглавные. Шрифт ‘Beon Medium’. Цвет текста #a33e88, размер шрифта 103 pt. ![]() Шаг 2Продублируйте слой с текстом. Отключите видимость оригинального слоя с текстом, щёлкнув по глазку рядом с миниатюрой слоя. Далее, щёлкните правой кнопкой мыши по дубликату слоя и в появившемся окне выберите опцию Растрировать текст (Rasterize). Что мы сделаем далее - это отделим вертикальные и диагональные фрагменты текста от горизонтальных фрагментов текста, чтобы применить эффекты, используя различные значения Углов (Angle). ![]() Шаг 3Выберите инструмент Прямоугольная область (Rectangular Marquee Tool) (или выберите любой инструмент выделения, который вам нравится), в настройках данного инструмента, выберите режим Добавление к выделенной области (Add to selection), и с помощью данного инструмента, выделите горизонтальные фрагменты текста. ![]() Шаг 4Далее, идём Редактирование - Вырезать (Edit > Cut), а затем идём Редактирование – Специальная вставка – Вставить по месту (Edit > Paste Special > Paste in Place). Таким образом, горизонтальные фрагменты будут выделены на отдельном слое. Назовите слой с вертикальными фрагментами Вертикальные (Vertical), а слой с горизонтальными фрагментами Горизонтальные (Horizontal). ![]() Шаг 5Уменьшите значение Заливки (Fill) до 0 для обоих слоёв Вертикальные (Vertical) и Горизонтальные (Horizontal). ![]() Шаг 6Дважды продублируйте каждый из слоёв Вертикальные (Vertical) и Горизонтальные (Horizontal), далее, сгруппируйте слои в соответствующие группы. Назовите новые группы Вертикальные / Горизонтальные (Vertical/Horizontal). Примечание переводчика: в каждой группе должно быть по 3 слоя. ![]() Шаг 7Расположите слой с группой Горизонтальные (Horizontal) ниже слоя с группой Вертикальные (Vertical). ![]() 3. Добавляем Стилизацию к оригинальному слою с горизонтальными фрагментами текстаДважды щёлкните по оригинальному слою Горизонтальные (Horizontal), чтобы применить следующие стили слоя: Шаг 1Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки:
![]() Шаг 2Добавьте стиль слоя Контур (Contour) со следующими настройками:
![]() Шаг 3Добавьте стиль слоя Внутренняя тень (Inner Shadow) со следующими настройками:
![]() Шаг 4Добавьте стиль слоя Внутреннее свечение (Inner Glow) со следующими настройками:
![]() Шаг 5Добавьте стиль слоя Тень (Drop Shadow) со следующими настройками:
![]() Таким образом, мы добавили стилизацию к первому слою с горизонтальной частью текста. ![]() 4. Добавляем Стилизацию к первому дубликату слоя с горизонтальными фрагментами текстаДважды щёлкните по первому дубликату слоя Горизонтальные (Horizontal), чтобы применить следующие стили слоя: Шаг 1Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки:
![]() Шаг 2Добавьте стиль слоя Контур (Contour) со следующими настройками:
![]() Итак, мы дополнительно добавили свечение к тексту. ![]() 5. Добавляем Стилизацию ко второму дубликату слоя с горизонтальными фрагментами текстаДважды щёлкните по второму дубликату слоя Горизонтальные (Horizontal), чтобы применить следующие стили слоя: Шаг 1Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки:
![]() Шаг 2Добавьте стиль слоя Контур (Contour) со следующими настройками:
![]() Шаг 3Добавьте стиль слоя Внутреннее свечение (Inner Glow) со следующими настройками:
![]() Шаг 4Добавьте стиль слоя Внешнее свечение (Outer Glow) со следующими настройками:
![]() Это стилизация заключительного слоя Горизонтальные (horizontal). Мы дополнительно добавили глянец и свечение. ![]() 6. Добавляем Стилизацию к оригинальному слою с вертикальными фрагментами текстаШаг 1Щёлкните правой кнопкой по оригинальному слою Горизонтальные (Horizontal) и в появившемся окне выберите опцию Скопировать стиль слоя (Copy Layer Style), а затем, щёлкните правой кнопкой мыши по оригинальному слою Вертикальные (Vertical) и в появившемся окне выберите опцию Вклеить стиль слоя (Paste Layer Style). Дважды щёлкните по оригинальному слою Вертикальные (Vertical), чтобы откорректировать Угол (Angle), установив значение на 90 в стиле слоя Тиснение (Bevel and Emboss), а также поменять значения Высоты (Altitude) на 74. ![]() Шаг 2Для стиля слоя Внутреннее свечение (Inner Glow), просто поменяйте Размер (Size) на 15. ![]() Мы провели коррекцию эффекта в соответствии с вертикальными и диагональными фрагментами текста. ![]() 7. Добавляем Стилизацию к первому дубликату слоя с вертикальными фрагментами текстаСкопируйте стили слоя первого дубликата слоя Горизонтальные (Horizontal), а затем, вклейте скопированные стили слоя к первому дубликату слоя Вертикальные (Vertical). Дважды щёлкните по дубликату слоя Вертикальные (Vertical), чтобы откорректировать Угол (Angle), установив значение на -76 в стиле слоя Тиснение (Bevel and Emboss), а также поменять значения Высоты (Altitude) на 53. ![]() Результат для первого дубликата слоя. ![]() 8. Добавляем Стилизацию ко второму дубликату слоя с вертикальными фрагментами текстаСкопируйте стили слоя второго дубликата слоя Горизонтальные (Horizontal), а затем, вклейте скопированные стили слоя ко второму дубликату слоя Вертикальные (Vertical). Дважды щёлкните по второму дубликату слоя Вертикальные (Vertical), чтобы откорректировать Угол (Angle), установив значение на -82 в стиле слоя Тиснение (Bevel and Emboss), а также поменять значения Высоты (Altitude) на 53. ![]() Итак, мы завершили стилизацию обеих частей текста. ![]() 9. Дополнительно добавляем свечение и создаём электрические проводаШаг 1Создайте новый слой ниже слоя с текстом, видимость которого мы отключили ранее. Назовите этот слой ‘Свечение на заднем фоне’. Поменяйте режим наложения для данного слоя на Линейный свет (Linear Light). Установите цвет переднего плана на #98338b, выберите инструмент Кисть(Brush Tool), установите большую мягкую кисть. Просто щёлкните несколько раз, добавив свечение за текстом (не ведите кистью, просто поставьте цветное пятно). ![]() Шаг 2Создайте ещё один новый слой ниже слоя ‘Свечение на заднем фоне’. Назовите этот слой ‘Провода’. Выберите инструмент Перо (Pen Tool), в настройках данного инструмента выберите режим Контуры (Path). Что вам нужно сделать далее - это создать контуры там, где бы вы хотели добавить электрические провода. Вы можете добавлять опорные точки, а также создавать кривые, потянув за направляющие опорные точки. При создании контуров, не забывайте, что контуры не должны быть идеальными. В любой момент, вы можете воспользоваться инструментом Стрелка (Direct Selection Tool) для коррекции опорных точек или направляющих линий. ![]() Шаг 3Чтобы создать раздельные контуры, удерживайте клавишу (Ctrl). Вначале нарисуйте контур, потом нажмите + удерживайте клавишу (Ctrl), далее, щёлкните за пределами контура, таким образом, создав отдельный контур, который не будет привязан к следующему контуру, который вы будете создавать далее. ![]() Шаг 4Не торопитесь в этом шаге, чтобы получить интересный результат. ![]() Шаг 5Выберите инструмент Кисть (Brush Tool), далее, зайдите в панель настроек кисти Окно – Кисти (Window > Brush), установите жёсткую круглую кисть 7 px, значение Интервала (Spacing) 1. ![]() Шаг 6Установите цвет переднего плана на #252525, выберите инструмент Стрелка (Direct Selection Tool), щёлкните правой кнопкой мыши по контуру и в появившемся окне выберите опцию Выполнить обводку контура (Stroke Path). ![]() Шаг 7В появившемся окне выберите инструмент Кисть (Brush), а также уберите галочку в окошке Имитировать нажим (Simulate Pressure). ![]() Шаг 8Итак, мы выполнили обводку контура. Нажмите клавишу (Enter), чтобы удалить рабочий контур. ![]() 10. Добавляем Стилизацию к проводамДважды щёлкните по слою с нарисованным проводом, чтобы применить следующие стили слоя: Шаг 1Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки:
![]() Шаг 2Добавьте стиль слоя Контур (Contour) со следующими настройками:
![]() Шаг 3Добавьте стиль слоя Наложение узора (Pattern Overlay) со следующими настройками:
![]() Шаг 4Добавьте стиль слоя Тень (Drop Shadow) со следующими настройками:
![]() Итак, мы добавили стилизацию к проводам. ![]() 11. Создаём крепленияШаг 1Выберите инструмент Прямоугольник (Rectangle Tool), чтобы создать прямоугольник размерами 11 x 15 px. Примечание переводчика: далее, я опишу весь процесс создания крепления: 1. в настройках данного инструмента установите режим Слой-фигура (Layer-shape) 2. Добавьте опорные точки, сместите их (применяя инструмент Стрелка) 3. Растрируйте фигуру 4. Создайте дубликат. 5. Примените стили слоя. ![]() Шаг 2Выберите инструмент Добавить опорную точку (Add Anchor Point Tool). Добавьте две опорные точки по центру вертикальных линий прямоугольника. ![]() Шаг 3Теперь, выберите инструмент Стрелка (Direct Selection Tool), с помощью данного инструмента, выделите центральные точки, которые вы добавили, а затем, нажмите один раз клавишу со стрелкой ‘Влево’, чтобы сместить точки на 1 px влево. Примечание переводчика: 1. При выделении точек Стрелкой, удерживайте клавишу (Shift) 2. Вы не увидите контурного выделения, не переживайте, вы уже их выделили, т.к. точки станут активными, вы это увидите, теперь, просто нажмите клавишу со стрелкой ‘влево’, чтобы сместить точки 3. Попробуйте нажать несколько раз клавишу влево, чтобы заметить эффект смещения. ![]() Шаг 4Продублируйте слой с прямоугольником. Поверните дубликат прямоугольника, для этого идём Редактирование – Трансформация – Поворот 90° по часовой стрелке (Edit > Transform > Rotate 90° Clockwise). Назовите первый слой с прямоугольником ‘H’ (для горизонтальных (horizontal)) фрагментов текста, а второй слой назовите ‘V’ (для вертикальных (vertical)). ![]() 12. Применяем Стилизацию к креплениямДважды щёлкните по слою ‘H’, чтобы применить следующие стили слоя: Шаг 1Добавьте стиль слоя Наложение градиента (Gradient Overlay) со следующими настройками:
![]() Шаг 2Добавьте стиль слоя Тень (Drop Shadow) со следующими настройками:
![]() Итак, мы добавили стилизацию к горизонтальному креплению. ![]() Шаг 3Скопируйте стили слоя, щелкнув правой кнопкой по слою ‘H’ и в появившемся окне выбрав опцию Скопировать стиль слоя (Copy layer style). Таким же образом, вклейте стиль слоя на слой ’V’. Далее, дважды щёлкните по слою ‘V’, чтобы поменять угол стиля слоя Наложение градиента (Gradient Overlay) на 0. ![]() Шаг 4Далее, продублируйте крепления. Расположите созданные крепления вдоль электрического провода там, где вам нравится. Примечание переводчика: автор добавил крепления на кирпичную стену, что создать ощущение, что провод закреплён к стене, а также добавил крепления на входе и на выходе самих неоновых ламп. ![]() 13. Добавляем слой с заливкой цветаСоздайте новый корректирующий слой Цвет (Solid Color). Цвет заливки #a34799. Расположите данный корректирующий слой ниже слоя с электрическими проводами, поменяйте режим наложения для данного корректирующего слоя на Яркий свет (Vivid Light). Таким образом, мы добавим розовый оттенок на кирпичную стену за текстом и усилим свечение и освещение итогового результата. ![]() ![]() Поздравляю! Мы завершили урок! В этом уроке мы создали задний фон из текстуры кирпичной стены, затемнив её немного. Далее, мы добавили текст, растрировали слой с текстом, разделили горизонтальные, вертикальные и диагональные фрагменты текста. Далее, мы продублировали слои с текстом, создав различные группы. Применили стили слоя к тексту, чтобы создать глянцевый светящийся эффект. Как только мы создали текст и применили к нему стилизацию, мы дополнительно добавили свечение на задний фон и с помощью инструмента Перо (Pen Tool) создали контур для электрических проводов. Мы выполнили обводку контура и применили стили слоя, чтобы создать 3D вид. В заключение, мы применили инструмент Прямоугольник (Rectangle Tool), чтобы создать крепления для электрических проводов, а затем, применили к ним стили слоя. И, наконец, мы добавили последний корректирующий слой, чтобы усилить цвета итогового результата. Спасибо, что были со мной до конца урока. Надеюсь, что вам понравился этот урок. Итоговый результат: ![]() Автор: Rose Делаем стеклянный текст в Фотошоп / Фотошоп-мастерСтеклянные эффекты входят в число популярных эффектов и никогда не выйдут из моды. В этом уроке вы узнаете, как создать стильный и элегантный стеклянный текст, используя только Стили слоя (Layer Styles) программы Photoshop. В данном уроке вы найдёте пару подсказок, которые помогут улучшить эффект при использовании других типов и размеров шрифтов. Итоговый результат Исходные материалы: Архив Шаг 1Подбор изображения с задним фоном при создании эффекта стеклянного текста очень важный процесс, необходимо, чтобы задний фон делал эффект великолепным. Нужно убедиться, чтобы задний фон дополнял эффект стеклянного текста, но в то же время, он не должен перекрывать текст или делать его менее заметным или прозрачным. Итак, начнём с создания нового документа 850 x 550 px. Переместите текстуру Боке на наш рабочий документ, расположив поверх слоя с задним фоном. Примените масштабирование к текстуре Боке при необходимости, а затем вы можете объединить слой с текстурой Боке и слой с задним фоном. Выбор шрифта – ещё одна важная часть процесса, если вы хотите получить потрясающий результат. Полужирный изящный шрифт определённо наилучшим образом продемонстрирует данный эффект. Итак, напишите текст заглавными буквами, используя шрифт Rialto, размер шрифта 220 pt. Уменьшите Заливку (Fill) слоя с текстом до 0 %, а затем трижды продублируйте слой с текстом, таким образом, у вас получится всего 4 слоя с текстом. Шаг 2Дважды щёлкните по оригинальному слою с текстом, чтобы применить следующие Стили слоя (Layer Style): Тиснение (Bevel and Emboss) Вы можете уменьшить значение непрозрачности режима подсветки, если вы захотите создать более нежный эффект. Контур (Contour) Обводка (Stroke) Размер (Size): 1 Внутренняя тень (Inner Shadow) Увеличивая значение Непрозрачности (Opacity) сделает эффект более характерным. Тень (Drop Shadow) Непрозрачность (Opacity): 19% Поиграйте с параметром Угол (Angle), чтобы изменить угол положения тени. Вы также можете щёлкнуть мышкой по тени + удерживая кнопкой мыши тень + потянуть тень в нужное направление, до того, как нажать кнопку OK. Теперь вы можете увидеть, как начинает формироваться эффект, тем не менее, он всё ещё выглядит слишком простым. Шаг 3Дважды щёлкните по первому дубликату слоя с текстом, чтобы применить следующие Стили слоя (Layer Style): Тиснение (Bevel and Emboss) Это простой шаг, он добавляет больше блеска на верхние края текста. Шаг 4Дважды щёлкните по второму дубликату слоя с текстом, чтобы применить следующие Стили слоя (Layer Style): Тиснение (Bevel and Emboss) Глубина (Depth): 150% Контур (Contour) Контур (Contour): Half Round Данный шаг добавляет блеск и глянец на нижние края, а также добавляет к тексту ощущение 3D. Шаг 5Дважды щёлкните по третьему дубликату слоя с текстом, чтобы применить следующие Стили слоя (Layer Style): Тиснение (Bevel and Emboss) Контур (Contour) Контур (Contour): Cone – Asymmetrical Данный шаг добавляет блеск в центр текста. Поиграйте с различными значениями настроек Угол (Angle) и Высота (Altitude) параметра Тиснение (Bevel and Emboss), чтобы получить отличительный результат. Шаг 6Данный шаг выборочный, но он завершает эффект. Создайте новый корректирующий слой Градиент (Gradient) через нижнюю панель инструментов. Создайте градиент от прозрачного до заливки цветом, цвет #7c7c7c. Установите Стиль (style) на Радиальный (Radial), а Масштаб (Scale) на 500. Поменяйте режим наложения для корректирующего слоя Градиент (Gradient) на Линейный затемнитель (Linear Burn), непрозрачность слоя 30%. Подсказка: Данный эффект 100% масштабируется. Поэтому, вы можете зайти в меню Изображение – Размер изображения (Image > Image Size), не забудьте поставить галочку в окошке Масштабировать стили (Scale Styles), а затем изменить размеры изображения, сделав его либо большим, либо маленьким на своё усмотрение. Для более больших размеров, вы можете скачать полный размер текстуры Боке, а затем поменять задний фон, чтобы избежать пикселизации. И мы завершили урок. Надеюсь, вам понравился данный урок. Итоговый результат Автор: textuts
Создаем эффект вырезанного текста в Фотошоп / Фотошоп-мастерВ этом уроке мы будем учиться, как создавать оригинальный “прорезной” эффект текста! Этот эффект идеально подходит для открыток, плакатов и флаеров. Для выполнения этого урока, вы должны владеть базовыми знаниями Photoshop, такими как корректирующие слои и маски слоя. Исходные материалы:
Скачать архив с материалами к уроку Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант бесплатных изображений для выполнения урока. ![]() 1. Создаем задний фонСоздайте новый рабочий документ 1626×1080 px и разрешением 72 пикс/дюйм в программе Photoshop. Откройте изображение леса и перетащите его в наш документ. Измените его размеры и расположите на всю ширину нашего холста: Редактирование (Edit) - Трансформирование (Transform) – Масштабирование (Scale). Над слоем с лесом, создайте новый Корректирующий слой Поиск цвета (Color Lookup) и выберите стиль "Мягкое тепло" (Soft Warming). Создайте второй Корректирующий слой Поиск цвета (Color Lookup) и установите его на “Цвета осени” (FallColors.Look) с непрозрачностью 50%. Примечание переводчика: Корректирующий слой Поиск цвета (Color Lookup) доступен в версии Фотошоп CS6 и выше. Если у вас нет такой функции, то это шаг можно пропустить. ![]() Выше этих двух корректирующих слоев создайте новый слой Слой (Layer) - Новый слой (New Layer) (Ctrl+Shift+N) и установите Режим наложения Экран (Screen). Используя крупную, круглую, мягкую кисть бледно-желтого цвета (#fff1c2), прокрасьте на левой стороне леса, чтобы увеличить свет. Создайте еще один новый слой Слой (Layer) - Новый слой (New Layer) и установите режим наложения Мягкий свет (Soft Light). Используя ту же кисть, выберите черный цвет и прокрасьте в темных частях леса, чтобы усилить тени. ![]() Сгруппируйте все слои вместе в группу, и назовите ее "Лес". Примечание переводчика: Используя кисть светло-желтого цвета выставьте непрозрачность кисти примерно 18%, а для кисти черного цвета - 30%. Чтобы поместить слои в группу, щелкните по знаку внизу на панели слоев "Создать новую группу", в появившуюся группу перетащите нужные слои. ![]() 2. Добавляем текстВ этом шаге, мы будем создавать текст. Над группой "Лес", создайте новый слой Слой (Layer) - Новый слой (New Layer) (Ctrl+Shift+N) выберите инструмент Прямоугольное выделение (Rectangular Marquee), в правой части холста создайте форму квадрата и залейте белым цветом. Используя инструмент Горизонтальный текст (Text), создайте надпись. Примечание переводчика: автор использует шрифт Nevis, но можно использовать и другой шрифт с толстыми буквами, например, Eras Bold ITC. ![]() Удерживая нажатой клавишу Ctrl, выберите слой с текстом и щелкните по окошечку слоя левой кнопкой мыши, чтобы выделить текст. Вернитесь на слой с белым прямоугольником, а затем добавьте маску слоя к нему. Примечание переводчика: Внизу на панели слоев нажмите знак Добавить слой-маску. ![]() Щелкните на маске слоя и нажмите Ctrl + I, чтобы инвертировать маску слоя. Наши буквы получились как бы "вырезаны" в белом прямоугольнике, и теперь можно удалить исходный текст. ![]() Откройте фотографии цветов и поместите их выше слоя с надписью. Расположите стебельки цветов над прорезями в буквах. Примечание переводчика: Быстро выделить цветы на белом фоне можно, используя инструмент Волшебная палочка (Magic Wand). Внизу на панели слоев нажмите знак Добавить слой-маску. Щелкните на маске слоя и нажмите Ctrl + I, чтобы инвертировать маску слоя. Теперь белый фон на изображении с цветами исчез. Чтобы изменить размер цветов для нашей работы, используйте инструмент Трансформация: Редактирование (Edit) - Трансформирование (Transform) - Масштабирование (Scale). ![]() Теперь создадим эффект прорастания цветов прямо сквозь буквы. Для этого, зажав клавишу Ctrl, щелкните левой кнопкой мышки по маске слоя с буквами на белом прямоугольнике. У нас появился бегущий пунктир выделения. Переходим на маску слоя с цветами и жесткой кистью, черным цветом закрасим области стебля, которые должны быть скрыты. ![]() ![]() Создайте новую группу "Цветы" и перетащите туда слои с цветами. Примените к группе слоев "Цветы", корректирующий слой: меню Слой (Layer) - Новый корректирующий слой (New Adjustment Layer) - Цветовой тон/насыщенность (Hue / Saturation), и снизим насыщенность до -14. И еще один корректирующий слой: меню Слой (Layer) - Новый корректирующий слой (New Adjustment Layer) -Яркость/Контрастность (Brightness/Contrast), и выставим яркость +5, контрастность -21. ![]() ![]() Примечание переводчика: Возможность добавлять корректирующие слои к группе в качестве обтравки появилась в версии CS6, в более ранних версиях Фотошоп, режим наложения группы нужно сменить с Пропустить на Нормальный и в этой группе выше всех слоёв добавить корректирующий слой, который будет действовать только на слои в данной группе. Теперь, придадим иллюзию объема цветов. Над слоем с белым прямоугольником, но, под слоем с цветами, создадим новый слой: Слой (Layer) - Новый слой (New Layer) (Ctrl+Shift+N), используя мягкую черную кисть, с нажимом (Flow) 10%, нарисуем легкие тени под цветами. ![]() Создайте новую группу, назовите ее "Текст" и переместите в нее слой с прямоугольником и тенью. ![]() 3. Добавляем листвуДобавим зеленых растений на нашу композицию и подчеркнем глубину изображения. Еще раз используем изображения цветов, красиво разместим их под группой "Текст", изменим размер и скроем белый фон, как в шаге 2. Примечание переводчика: Объедините слои с цветами в один: на панели слоев выделите эти слои нажатием мышки - меню Слой (Layer) -Объединить слои (Merge Down) (Ctrl+E) и примените к нему корректирующие слои Цветовой тон/насыщенность (Hue / Saturation) и Яркость/Контрастность (Brightness/Contrast) с теми же настройками, как мы делали это выше. При создании корректирующего слоя, поставить галочку "Использовать предыдущий слой для создания обтравочной маски", и настройки будут действовать только на нижележащий слой. ![]() Откройте изображение папоротника, при необходимости, аккуратно отделите его от фона, и перенесите на наше изображение, под группу текст. Расположите его за левым верхним углом белого прямоугольника таким образом, чтобы выглядывали закрученные кончики. Для слоя с папоротником создайте Корректирующий слой: меню Слой (Layer) - Новый корректирующий слой (New Adjustment Layer) - Корректирующий слой Яркость/контрастность (Brightness/Contrast), и выставим яркость +20, контрастность -48 Откройте оставшиеся изображения цветов и расположите их под группой текст, очистив от фона и изменив размеры. ![]() Создайте новую группу "Растения" и поместите все слои с растениями, находящиеся под белым прямоугольников, в эту группу. ![]() 4. Добавляем оленяДобавим фигуру оленя в нашу работу. Откроем изображение, аккуратно вырежем оленя и перенесем на наш холст, выше всех остальных слоев. ![]() Нарисуем тень на фигуре оленя - создадим новый слой над слоем с оленем: Слой (Layer) - Новый слой (New Layer) (Ctrl+Shift+N), выставим режим слоя - Умножение (Multiply), используя мягкую круглую кисть, цветом (#181513), нарисуем на нижней части туловища тень. ![]() Создайте еще один слой: Слой (Layer) - Новый слой (New Layer) (Ctrl+Shift+N) с режимом Перекрытие (Overlay). Используя мягкую круглую кисть белого цвета для создания бликов и черную для теней, мы добавим больше контраста и света. Сосредоточимся на рогах, глазах и краях меха. ![]() ![]() Примечание переводчика: Не забудьте при создании слоев для коррекции изображений с оленем, поставить галочку "Использовать предыдущий слой для создания обтравочной маски", и прозрачность кисти выставите около 30%. Теперь создадим слой для придания эффекта солнечного освещения. Создайте еще один слой: Слой (Layer) - Новый слой (New Layer) (Ctrl+Shift+N), с режимом Мягкий свет (Soft Light). Используя мягкую круглую кисть светло-желтого цвета (#fff0b0) прокрасьте рога, спину и верхнюю часть головы оленя. ![]() ![]() И последний корректирующий слой для слоя с Оленем, нам надо понизить яркость: меню Слой (Layer) - Новый корректирующий слой (New Adjustment Layer) - Яркость/Контрастность (Brightness/Contrast), и выставим яркость -30. ![]() Теперь создадим новую группу "Олень", и поместим в нее все слои с оленем, в т.ч. корректирующие. ![]() 5. Финальная цветокоррекцияНастало время поработать над заключительным этапом. Подкорректируем общие цвета в нашей работе. Созданные на этом этапе слои должны находиться над всеми остальными слоями. Повысим контраст: меню Слой (Layer) - Новый корректирующий слой (New Adjustment Layer) -Яркость/Контрастность (Brightness/Contrast), и выставим контрастность +30. Создайте новый Корректирующий слой Поиск цвета (Color Lookup) и выберите стиль "Мягкое тепло". Создайте второй слой Поиск цвета (Color Lookup) и установите его на "Янтарный", с 20% непрозрачностью. ![]() Создайте новый слой - Слой (Layer) - Новый слой (New Layer) (Ctrl+Shift+N) и установите режим наложения Мягкий свет (Soft Light), прокрасьте большой мягкой кистью в левом верхнем углу, и черной в правом нижнем. Непрозрачность (Opacity) слоя около 56%. ![]() И последний штрих - создайте корректирующий слой Карта градиента: меню Слой (Layer) - Новый корректирующий слой (New Adjustment Layer) - Карта градиента (Gradient Map) градиент от Черного до белого, непрозрачность слоя 33%. ![]() Примечание переводчика: Все слои в шаге 5, не используются как обтравочные маски, а действуют на все изображение в целом. Слой с картой градиента лучше смотрится с режимом наложения Мягкий свет (Soft Light). Для тех, у кого старенький Фотошоп, и нет функции Поиск цвета (Color Lookup), можно использовать корректирующий слой Выборочная коррекция цвета- Желтый -26; +59; -7;+49, и корректирующий слой Фотофильтр - использовать цвет #ec6f00, непрозрачность слоя примерно 30%. Ну, вот мы и закончили! Желаю всем успеха! ![]() Автор:123rf Делаем гравировку по металлу в Фотошоп / Фотошоп-мастерВ этом уроке вы узнаете, как создать выгравированный металлический текст в программе Photoshop, используя стили слоя, а также текстуры. Вы сможете создать свою винтажную металлическую табличку всего лишь за несколько простых шагов. Вы можете использовать любую металлическую текстуру, а также любую форму для создания металлической таблички на своё усмотрение. Вы даже можете создать деревянную табличку, заменив металлическую текстуру на деревянную. Надеюсь, вам понравится этот урок. ОК. Давайте приступим! Скачать архив с материалами к уроку Итоговый результат ![]() Шаг 1Вначале, с помощью инструмента Прямоугольник (Rectangle Tool), создайте фигуру прямоугольник. Далее, добавьте металлическую текстуру на своё усмотрение, расположив данную текстуру поверх слоя с прямоугольником. Лучше всего использовать металлическую текстуру с царапинами, например текстуру, которую я использовал в этом уроке. Щёлкните правой кнопкой мыши по слою с металлической текстурой и в появившемся окне, выберите опцию Создать обтравочную маску (Create clipping mask). ![]() Шаг 2Возвращаемся на слой с прямоугольником и добавляем стили слоя Тиснение (Bevel and Emboss) и Тень (Drop Shadow), чтобы создать эффект металлической таблички. ![]() ![]() Шаг 3 Далее, добавьте простой текст или вы можете использовать что-то посложнее, например, логотип. ![]() Шаг 4Теперь, чтобы создать выгравированный металлический эффект для слоя с текстом, нам необходимо добавить некоторые стили слоя. ![]() Тень (Drop Shadow) ![]() Внутренняя тень (Inner Shadow) ![]() Внешнее свечение (Outer Glow) ![]() Наложение цвета (Color Overlay) ![]() Шаг 5Если вы всё правильно сделали, то выгравированный металлический текст должен выглядеть, как на скриншоте ниже: ![]() Шаг 6Чтобы сделать старую металлическую табличку более интересной, вы можете добавить рамку, как показано на скриншоте ниже. Вы можете использовать любую форму рамки на своё усмотрение. ![]() Шаг 7Теперь перейдите на слой с текстом, щёлкните правой кнопкой по слою с текстом и в появившемся окне, выберите опцию Скопировать стили слоя (Copy Layer Sty/lessons/les). Теперь, возвращаемся на слой с фигурой рамки, также щёлкните правой кнопкой мыши по данному слою и в появившемся окне, выберите опцию Вклеить стили слоя (Paste Layer sty/lessons/les). Таким образом, вам не придётся дважды применять те же самые настройки, чтобы создать нужный эффект. Или вы можете сохранить данный стиль слоя и использовать его также в других своих проектах. ![]() Шаг 8Чтобы добавить больше деталей, вы можете добавить болты по углам металлической пластины. Для выделения болтов, вы можете воспользоваться одним из инструментов выделения программы Photoshop. К слою с болтом, добавьте стиль слоя Тень (Drop Shadow), а затем несколько раз продублируйте слой с болтом, расположив болты, как показано на скриншоте ниже. ![]() Шаг 9Если вы хотите добавить к металлической табличке винтажный эффект, то вы можете добавить текстуру с ржавчиной, поменяв режим наложения с текстурой ржавчины на Перекрытие (Overlay) или Умножение (Multiply) в зависимости от текстуры. Я использовал металлическую текстуру с ржавчиной с режимом наложения Темнее (Darker Color). ![]() Шаг 10Вы можете использовать ретро логотип, а также текстуру дерева. ![]() Итоговый результат ![]() Скачать архив с материалами к уроку Автор: psddude Создаем в Photoshop текст c эффектом стекающей краски / Фотошоп-мастерВ этом уроке вы узнаете, как создать эффект стекающей краски в Фотошоп, используя заранее заготовленные векторные фигуры. Если вы предпочитаете работать с кистью, то с легкостью можете превратить фигуры в набор пользовательских кисточек и дальше следовать по уроку. Для получения нужного эффекта мы будем использовать стили слоя. ![]() 1. Создаем бумажный фонШаг 1Создаем новый документ размером 900 х 600 пикселей. Добавляем на него бесшовную текстуру бумаги и называем слой с ней «Бумажный фон». ![]() Шаг 2Добавляем корректирующий слой Layer – New Adjustment Layer – Gradient Map (Слой – Новый корректирующий слой – Карта градиента), используем цвета #000000 (положение 9%) и #ececec (положение 90%). ![]() 2. Добавляем текстовый слойШаг 1Берем инструмент Type Tool (T) (Текст) и пишем текст, используя любой понравившийся шрифт. В данном уроке использован шрифт League Spartant. По ссылке вы можете узнать, как установить шрифт в Фотошоп. ![]() Шаг 2Заходим в меню Window (Окно) на верхней панели и открываем Character (Символ) и Paragraph (Абзац). Устанавливаем Tracking (Трэкинг) текста на 100. ![]() Кликаем правой кнопкой мыши по текстовому слою и выбираем Rasterize Type (Растрировать текст). Зажимаем клавишу Ctrl и кликаем по миниатюре слоя, чтобы создать выделение. ![]() Шаг 3В нижней части панели слоев нажимаем кнопку Add layer mask (Добавить слой-маску), при этом текстовый слой должен быть активен. ![]() Далее применяем Select – Refine Mask (Выделение – Уточнить край). Обратите внимание, чтобы при этом маска была активна. ![]() Шаг 4Снова зажимаем клавишу Ctrl и в этот раз кликаем по миниатюре маски на панели слоев, чтобы создать ее выделение. ![]() Делаем активным слой (кликаем по миниатюре рядом с маской на панели слоев) и переходим Edit – Fill (Редактирование – Заливка). Используем цвет переднего плана. ![]() Кликаем правой кнопкой по маске и выбираем Apply Layer Mask (Применить слой-маску). ![]() 3. Создаем эффект стекающей краскиШаг 1Загружаем файл с векторными фигурами. Затем переходим Edit – Presets – Preset Manager (Редактирование – Наборы – Управление наборами). В меню Preset Type (Тип набора) выбираем Custom Shapes (Заказные фигуры) и нажимаем кнопку Load (Загрузить). В появившемся окне находим нужный CSH-файл. ![]() Шаг 2Активируем Custom Shape Tool (U) (Произвольная фигура), выбираем нужную фигуру и добавляем ее на новом слое. Удерживая клавишу Shift, на том же слое добавляем еще несколько фигур. ![]() Кликаем правой кнопкой мыши по слою с потеками и выбираем Rasterize Layer (Растрировать слой). С помощью кисти и маски или ластика (Е) удаляем лишние детали. ![]() Шаг 3Удерживая клавишу Shift, кликаем по слоям с потеками и текстом, чтобы выбрать их. Затем кликаем по ним правой кнопкой мыши и применяем Merge Layers (Объединить слои). Называем получившийся слой «Эффект краски». Кликаем правой кнопкой мыши по слою «Эффект краски» и выбираем Convert to Smart Object (Преобразовать в смарт-объект). Шаг 4Дважды дублируем (Ctrl+J) смарт-объект «Эффект краски» и называем копии «Эффект краски 1» и «Эффект краски 2». ![]() К смарт-объекту «Эффект краски» применяем следующие стили слоя, предварительно установив Fill (Заливка) на 0%. Тень: Режим наложения – Умножение. ![]() Внутренняя тень: Режим наложения – Перекрытие. ![]() Внутреннее свечение: Режим наложения – Перекрытие. ![]() Тиснение/Скос: Стиль – Внутренний скос, Метод – Плавный. ![]() Наложение цвета: цвет #0d0000 ![]() Шаг 5Уменьшаем Fill (Заливка) смарт-объекта «Эффект краски 1» до 0% и применяем к нему следующие стили слоя. Тень: Режим наложения – Умножение. ![]() Внутренняя тень: Режим наложения – Перекрытие. ![]() Внутреннее свечение: Режим наложения – Умножение. ![]() Тиснение/Скос: Стиль – Внутренний скос, Метод – Плавный. ![]() Наложение градиента: Режим наложения – Перекрытие. ![]() Глянец: Режим наложения – Умножение ![]() Шаг 6Уменьшаем Fill (Заливка) смарт-объекта «Эффект краски 2» до 0% и применяем к нему следующие стили слоя. Внутренняя тень: Режим наложения – Умножение. ![]() Внутреннее свечение: Режим наложения – Перекрытие. ![]() Тиснение/Скос: Стиль – Внутренний скос, Метод – Плавный. ![]() Шаг 7С помощью стиля слоя Color Overlay (Наложение цвета) мы выбираем цвет краски, вместо желтого можете установить любой другой. ![]() И получаем вот такой результат. ![]() Добавляем дополнительные потеки краски, залив их другими цветами. Вот так выглядит финальный результат урока по созданию эффекта стекающей краски. ![]() Автор: psddude Создаём в Фотошоп светящийся текст / Фотошоп-мастерВ этом очень коротком уроке я покажу вам простой способ создания текста, навеянный сериалом «Очень Странные Дела», используя только стили слоя, включая простую коррекцию. Данный эффект текста был вдохновлен другими текстовыми эффектами, которые доступны на сайте Envato Market. ОК. Давайте приступим! Итоговый результат: ![]() Скачать архив с материалами к уроку Примечание переводчика: В архиве присутствует набор градиентов. Для выполнения урока вам понадобится загрузить файл CHROMES.grd. 1. Создаём задний фон и текстШаг 1Создайте новый документ со следующими размерами 1280 x 720 px. Залейте задний фон цветовым оттенком #0c0101. ![]() Шаг 2Добавьте текст, цвет шрифта белый, шрифт Indira K. Оригинальный шрифт, который использовался в сериале - Benguiat (https://www.myfonts.com/fonts/itc/benguiat/). Это альтернативный вариант, который вы тоже можете использовать. Установите размер (Size) шрифта примерно 141 pt, а также выберите начертание Псевдополужирное (Faux Bold) и Все прописные (All Capsicons) в панели настроек Символ (Character). Чтобы попасть в панель настроек, идём Окно – Символ (Window > Character). ![]() Шаг 3Установите значение Трекинга (Tracking) на -100. ![]() Шаг 4Поменяйте Масштаб по вертикали (Vertical Scale) на 115. Это поможет растянуть текст по вертикали. ![]() 2. Меняем дизайн буквШаг 1Выделите первую букву в тексте, а затем поменяйте её размер примерно на 212 pt. ![]() Шаг 2Далее, нам необходимо изменить значение Смещение базовой линии (Baseline Shift), чтобы сместить большую букву вниз, при этом верхний уровень всего текста должен остаться на том же уровне. Чтобы сместить базовую линию, вы можете либо ввести цифровое значение, либо, зажав левой кнопкой мыши значок Смещение базовой линии (Baseline Shift), потянуть влево. Примечание переводчика: при смещении буквы, не забудьте выделить смещаемую букву. ![]() Шаг 3Проделайте то же самое с последней буквой из первой строчки текста или любой другой буквой, которая вам нравится. ![]() 3. Корректируем КернингШаг 1Расположите курсор между двумя первыми буквами, а затем поменяйте значение Кернинга (Kerning) на значение, при котором, на ваш взгляд эффект будет лучше смотреться. ![]() Шаг 2В зависимости от вашего текста, а также от результата, который вы хотите получить, откорректируйте Кернинг (Kerning) для остальных букв вашего текста. Не обязательно корректировать все буквы, откорректируйте те буквы, для которых на ваш взгляд необходимо это сделать. ![]() Шаг 3Теперь уменьшите значение Заливки (Fill) для слоя с текстом до 0. ![]() 4. Применяем стилизацию к слою с текстомДважды щёлкните по слою с текстом, чтобы применить следующие стили слоя: Шаг 1Выберите стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля слоя:
![]() Шаг 2Выберите следующий стиль слоя Контур (Contour). Установите следующие настройки для данного стиля слоя:
![]() Шаг 3Выберите следующий стиль слоя Обводка (Stroke). Установите следующие настройки для данного стиля слоя:
![]() Шаг 4Выберите следующий стиль слоя Внутреннее свечение (Inner Glow). Установите следующие настройки для данного стиля слоя:
![]() Шаг 5Выберите следующий стиль слоя Внешнее свечение (Outer Glow). Установите следующие настройки для данного стиля слоя:
![]() Шаг 6Итак, мы применили стилизацию к тексту. Теперь щёлкните правой кнопкой мыши по стилям слоя текста и в появившемся меню выберите опцию Скопировать стиль слоя (Copy Layer Style). ![]() 5. Создаём прямоугольные фигурыШаг 1Выберите инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle Tool) в панели управления данного инструмента, установите Радиус (Radius) на 2. Щёлкните / удерживайте кнопку мыши, а затем потяните, чтобы создать прямоугольник над текстом, расстояние между текстом и прямоугольной линией должно быть примерно 7 px. Примечание переводчика: при создании прямоугольника, удерживайте клавишу (shift). Далее, щёлкните / удерживайте кнопку мыши, а затем потяните, чтобы создать прямоугольники в начале и в конце второй строки текста, или в любом другом месте, где вы хотите добавить их. Старайтесь сохранять расстояние между любой прямоугольной линией и текстом, чтобы они были одинаково удалены от текста. Примечание переводчика: не забудьте преобразовать слои с фигурами в смарт-объекты, для этого, щёлкните правой кнопкой мыши по слою с фигурой прямоугольника и в появившемся окне выберите опцию Преобразовать в смарт-объект (Convert to smart-object). ![]() Шаг 2Теперь уменьшите значение Заливки (Fill) для слоя с прямоугольниками до 0. ![]() 6. Применяем стилизацию к прямоугольным фигурамЩёлкните правой кнопкой мыши по любому слою с прямоугольником и в появившемся окне выберите опцию Вклеить стиль слоя (Paste Layer Style). Таким образом, мы применим тот же самый стиль слоя, который мы скопировали у слоя с текстом. После этого, дважды щёлкните по стилизованному слою с прямоугольником для изменения некоторых настроек: Шаг 1 Выберите стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля слоя: ![]() Шаг 2Выберите следующий стиль слоя Обводка (Stroke). Установите следующие настройки для данного стиля слоя:
![]() Шаг 3Выберите следующий стиль слоя Внутреннее свечение (Inner Glow). Установите следующие настройки для данного стиля слоя: ![]() Шаг 4Выберите следующий стиль слоя Внешнее свечение (Outer Glow). Установите следующие настройки для данного стиля слоя: ![]() Шаг 5Теперь щёлкните правой кнопкой мыши по стилизованному слою с прямоугольником и в появившемся меню выберите опцию Скопировать стиль слоя (Copy Layer Style). ![]() Шаг 6Выделите остальные слои с прямоугольниками, которые у вас есть, щёлкните правой кнопкой мыши по выделенным слоям и в появившемся меню выберите опцию Вклеить стиль слоя (Paste Layer Style). ![]() Шаг 7Сгруппируйте слой с текстом, включая слои с прямоугольниками в одну группу. Назовите эту группу Текстовый эффект (Text Effect). ![]() 7. Применяем стилизацию к группеДважды щёлкните по слою с группой, чтобы применить следующие стили слоя: Шаг 1Выберите стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки для данного стиля слоя:
![]() Шаг 2Добавьте ещё раз стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки для данного стиля слоя:
![]() Шаг 3Выберите следующий стиль слоя Внешнее свечение (Outer Glow). Установите следующие настройки для данного стиля слоя:
![]() Таким образом, мы усилили эффект. ![]() 8. Добавляем световые бликиШаг 1Установите цвет переднего плана на #451d08, а затем создайте новый слой поверх всех остальных слоёв, назовите этот слой Свет (Light), а также поменяйте режим наложения на Осветление основы (Color Dodge). ![]() Шаг 2Выберите инструмент Кисть (Brush Tool), установите большую мягкую круглую кисть. Далее, щёлкните несколько раз по различным буквам, чтобы добавить световые блики. Вы можете поменять размер кисти и поиграть со значением непрозрачности кисти для варьирования интенсивности световых бликов, которые вы добавляете. ![]() Шаг 3Нажмите значок Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) в нижней части панели слоёв и в появившемся меню выберите опцию Цветовой тон / Насыщенность (Hue/Saturation). ![]() Шаг 4Установите значение Насыщенности (Saturation) на 35, а значение Яркости (Lightness) на 15, или установите другие настройки, которые вам нравятся. ![]() 9. Проводим цветовую коррекциюШаг 1Добавьте корректирующий слой Градиент (Gradient) поверх слоя с группой Текстовый эффект (Text Effect). Установите цвета градиента #5c456e справа, #b26b73 в центре, и #fda982 слева. Поменяйте Стиль (Style) на Зеркальный (Reflected), Угол (Angle) на 155, а Масштаб (Scale) на 55%. ![]() Шаг 2Поменяйте режим наложения для корректирующего слоя Градиент (Gradient) на Цветность (Color), а также уменьшите значение Непрозрачности (Opacity) слоя до 35%. ![]() Поздравляю! Мы завершили урок! В этом уроке мы создали текст, а затем изменили настройки текста в панели настроек Символ (Character). Далее, мы стилизовали текст, создали прямоугольники, а также стилизовали их. После этого, мы сгруппировали все слои и добавили ещё один стиль слоя. В заключение, мы добавили световые блики, а также корректирующий слой Градиент (gradient) для коррекции цвета заключительного результата. Не стесняйтесь оставлять свои комментарии и предложения, а также свои работы. Итоговый результат: ![]() Автор: Rose Делаем эффектный 3D текст в Фотошоп / Фотошоп-мастер![]() В этом уроке вы узнаете, как создать блестящий текстовый эффект, используя 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Для каждого слоя с текстом применяем 3D – New 3D Extrusion from Selected Path (3D – Новая 3D-экструзия из выделенного контура). ![]() Шаг 2Выбираем все 3D-слои, которые у нас есть и переходим 3D – 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 (Свойства) настраиваем компоненты:
![]() Шаг 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Настраиваем остальные параметры:
![]() 11. Редактируем материал обводкиШаг 1Выделяем все материалы передней/задней выпуклостей и скосов для всех трех обводок, затем удаляем текстуру Diffuse (Рассеивание) и настраиваем остальные параметры:
![]() Шаг 2Выделяем материалы экструзии всех обводок, удаляем текстуру Diffuse (Рассеивание) и настраиваем остальные параметры:
![]() 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-сцену, переходим 3D – 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 (Желтые):
Greens (Зеленые):
Cyans (Голубые):
![]() Whites (Белые):
Neutrals (Нейтральные):
Blacks (Черные):
![]() Таким образом, мы улучшили цвета картинки. ![]() Шаг 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-объекты и настроили их внешний вид. После этого доработали освещение и визуализировали готовый текст. В конце мы доработали цвета и фон, используя корректирующие слои, текстуры и кисть с бликами. ![]() Автор: Rose |