Сверкающий текстовый эффект

Сверкающий текстовый эффект-уроки фотошоп

Добро пожаловать в мир - уроки web дизайна. В этом уроке мы будем создавать блестящий  текстовый эффект, используя стили слоя и применения некоторых фильтров. Сложность: низкая Время: до 1 часа Заключительный результат. Сверкающий текстовый эффект-уроки фотошоп Текстуры кожи http://freepsdfiles.net/backgrounds/4-free-leather-textures/ Шаг 1. Установим цвет переднего плана на # f8f400, а цвет фона # 131313. Затем перейдем  в Фильтр-> Рендеринг-> Облака = Filter -> Render -> Clouds. Сверкающий текстовый эффект-уроки фотошоп Затем перейдем  Фильтр-> Эскиз-> Ксерокопия = Filter-> Sketch-> Photocopy. Установим значения Детализация = Detail 20, и Затемненность = Darkness до 25. Сверкающий текстовый эффект-уроки фотошоп Далее перейдем  Фильтр-> Размытие-> Размытие в движении = Filter-> Blur-> Motion Blur. Установите значение Угла = Angle до 65, а Смещение = Distance (999). Сверкающий текстовый эффект-уроки фотошоп Создадим дубликат лоя "Фон" и изменим Режим смешивания слоя = Blend Mode копии на Осветление основы = Color Dodge. Сверкающий текстовый эффект-уроки фотошоп Шаг 2. Переходим в панель настроек Кисти, Окно-> Кисть = Window -> Brush. Откройте вкладку Форма отпечатка кисти = Brush Tip Shape: Выберите одну из доступных кистей блесток, измените ее Размер = Size на 25 пикселей, а также  Расстояние = Spacing до 35%. Сверкающий текстовый эффект-уроки фотошоп Динамика формы = Shape Dynamics изменим Колебание размера = Size Jitter до 100%. Сверкающий текстовый эффект-уроки фотошоп Рассеивание = Scattering изменим, Рассеивание = Scatter до 145%, Счетчик = Count 1, а Колебание счетчика = Count Jitter до 61%. Сверкающий текстовый эффект-уроки фотошоп Шаг 3. Создадим новый слой и назовем его "Линии", изменим  Режим смешивания слоя = Blend Mode на Осветление основы = Color Dodge. Затем, возьмите инструмент Перо = Pen Tool, и нарисуйте линию (нажав, где вы хотите его начать и где вы хотите, чтобы она закончилась). Сверкающий текстовый эффект-уроки фотошоп Убедитесь, что слой "Линии" выбран, затем правой кнопкой мыши нажмите на линию (путь), которую вы создали, и выберите Выполнить обводку контура = Stroke Path. Сверкающий текстовый эффект-уроки фотошоп Выберите инструмент Кисть = Brush из выпадающего меню, и поставьте галочку Имитировать нажим = Simulate Pressure. Сверкающий текстовый эффект-уроки фотошоп Нажмите Enter, чтобы избавиться от пути. Повторите это столько раз, сколько линий вы хотите. Сверкающий текстовый эффект-уроки фотошоп Шаг 4. Напишем ​​текст, используя цвет # 4e4e4. Шрифт, используемый в уроке “Forte” и размер 300px. После того как вы написали свой ​​текст, дублируйте этот слой и измените Заливку = Fill копии на 0. Сверкающий текстовый эффект-уроки фотошоп Скачайте набор текстур, в разделе Ресурсы, в начале урока, и откройте черную текстуру (номер 2). Перейдем Редактирование-> Определить узор = Edit -> Define Pattern и введите имя, вашему узору. Сверкающий текстовый эффект-уроки фотошоп Дважды щелкните на оригинальный слой текста чтобы Добавить стиль слоя = Add a layer style, Наложение узора = Pattern Overlay. Измените Режим наложения = Blend Mode на Перекрытие = Overlay, выберите шаблон из выпадающего меню, а также изменим Масштаб = Scale на 25%. Сверкающий текстовый эффект-уроки фотошоп Шаг 5. Теперь, дважды щелкните по дубликату текстового слоя, чтобы Добавить следующие стили слоя = Add a layer style Тень = Drop Shadow. Изменим Смещение = Distance до 0, а Размер = Size до 13. Сверкающий текстовый эффект-уроки фотошоп Внутренняя тень = Inner Shadow, изменим цвет Режима смешивания = Blend Mode на # 868686, Смещение = Distance  до 0, а Размер = Size  до 10. Сверкающий текстовый эффект-уроки фотошоп Тиснение = Bevel and Emboss изменим Размер = Size  до 9, снимите флажок Глобальное освещение = Use Global Light, изменим Угол = Angle до 70 и Высоту = Altitude до 20. Поменяйте Контур глянца = Gloss Contour, поставьте галочку в поле  Сглаживание = Anti-aliased и измените, цвет Режим тени = Shadow Mode на # 737373. Сверкающий текстовый эффект-уроки фотошоп Контур = Contour Сверкающий текстовый эффект-уроки фотошоп У вас должно получиться что-то вроде этого: Сверкающий текстовый эффект-уроки фотошоп Щелкните правой кнопкой мыши на любом из текстовых слоев и выберите команду Создать рабочий контур = Create Work Path. Сверкающий текстовый эффект-уроки фотошоп Откройте панель настроек Кисти =  Brush снова, и на этот раз выберем обычную жесткую кисть. Измененим Размер = Size до 6 пикселей, а также Расстояние = Spacingдо 115%. Удалите все другие атрибуты. Создайте новый слой поверх всех слоев и назовите его "Кисти". Сверкающий текстовый эффект-уроки фотошоп Изменим цвет переднего плана на # fff43e, затем поместим курсор, где путь работы и нажмем Enter. Это будет обводка Рабочего контура = Work Path с помощью кисти. Нажмите Ctrl + H, чтобы избавиться от Рабочего контура = Work Path. Сверкающий текстовый эффект-уроки фотошоп Шаг 7. Дважды щелкните на слое "Кисти",  чтобы Добавить стиль слоя = Add a layer style. Тень = Drop Shadow. Измененим Смещение = Distance  до 0, а Размер = Size  до 13. Сверкающий текстовый эффект-уроки фотошоп Внутреннее свечение = Inner Glow. Изменим Режим смешивания = Blend Mode на Перекрытие = Overlay, и цвет на # fff43e. Сверкающий текстовый эффект-уроки фотошоп Тиснение = Bevel and Emboss удалите галочку  Глобальный свет = Use Global Light, измените Угол = Angle до 70 и Высоту = Altitude до 20. Измените Контур глянца = Gloss Contour, проверьте поле Сглаживание = Anti-aliased и изменим цвет Режима тени = Shadow Mode на # 737373. Сверкающий текстовый эффект-уроки фотошоп Контур = Contour. Сверкающий текстовый эффект-уроки фотошоп Наложение градиента = Gradient Overlay. Измените Режим смешивания = Blend Mode на Мягкий Свет = Soft Light, и Угол = Angle до 90. Сверкающий текстовый эффект-уроки фотошоп Это должно сделать границы немного блестящими. Сверкающий текстовый эффект-уроки фотошоп Шаг 8. Создайте новый слой между двумя текстовыми слоями (оригиналом и копией), назовите новый слой "Блеск", и измените Режим смешивания = Blend Mode на Яркий свет = Vivid Light. Ctrl + клик на одной из миниатюр текстовых слоев ", чтобы создать выделение. Сверкающий текстовый эффект-уроки фотошоп Установим цвет переднего плана # 575525 и цвет фона # fbfcb2. Убедитесь в том, что слой "Блеск" выбран, и залейте выделение цветом переднего плана. Затем перейдем в Фильтр-> Рендеринг-> Волокна = Filter-> Render-> Fibers. Введите  Несовпадения =Variance 15 , а Интенсивность = Strength 50 . Сверкающий текстовый эффект-уроки фотошоп Затем перейдем в Фильтр-> Текстура-> Витраж = Filter-> Texture-> Stained Glass. Изменим Размер ячейки = Cell Size 2, Толщину границ =  Border Thickness  1, а Интенсивность света = Light Intensity до 3. Сверкающий текстовый эффект-уроки фотошоп Перейдем  Фильтр-> Искажение-> Волна = Filter -> Distort -> Wave. Изменим значения, как показано на картинке ниже. Сверкающий текстовый эффект-уроки фотошоп Когда вы нажмете ОК, вы должны получить конечный эффект. Сверкающий текстовый эффект-уроки фотошоп Шаг 9. Еще мы добавим  Корректирующий слой = Adjustment layer поверх всех слоев, Цветовой тон/Насыщенность = Hue/Saturation. Изменим значение Насыщенности = Saturation до +50. Это сделает цвета более яркими. Вы также можете изменить значение оттенка для изменения цвета. Светящийся текстовый эффект-уроки фотошоп Вот что у вас должно получиться. http://textuts.com/glittering-text-effect/ Для того, чтобы создавать такие творения, совсем не обязательно быть,  Web мастером, достаточно всего лишь, изучать вместе с нами, уроки web дизайна. Ссылка на источник: http://textuts.com/glittering-text-effect/ Автор: TEXTUTS Переводчик: Артеменко Люба 

Добавить комментарий

Кликните на изображение чтобы обновить код, если он неразборчив
  • Яндекс.Метрика