Создаем стеклянный текст, заполненный жидкостью

Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп

Из этого урока веб дизайна вы узнаете, как создать интересный стеклянный текстовый эффект и заполнить буквы, как сосуды, жидкостью. Сложность: низкая Время: до 30 минут Навыки для «прокачки»: - работа со стилями слоя - работа с формой векторных объектов (с Опорными точками) - растрирование объектов - цветовая корекция Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп Шаг 1. Начните с создания нового документа, 1500px на 1000px. Залейте фон Линейным градиентом (Linear Gradient), используя цвет # acacac как цвет переднего плана и # e1e1e1 как цвет фона. Проведите градиент сверху вниз. Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп Шаг 2. Теперь введите текст, который вы хотите, используя цвет # dbdbdb размером 300px. Шрифт, используемый в уроке, "Cooper Std". Любой жирный шрифт будет выглядеть хорошо. Дублируйте текстовый слой и переименуйте оба слоя, как показано на изображении ниже. Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп Дважды щелкните на нижний слой (Psdtuts – bottom), и примените следующие Cтили слоя (Add a layer style): Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп Шаг 4. Теперь измените Заливка (Fill) для верхнего слоя (Psdtuts – top) до (0%), затем дважды щелкните по нему, и примените следующие Cтили слоя (Add a layer style): Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп Шаг 5. Используя инструмент Прямоугольник (Rectangle Tool), нарисуем прямоугольник, который охватывает нижнюю половину текста, цвет должен быть # aa4280. Убедитесь, что слой с прямоугольником находится между двумя текстовыми слоями. Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп Шаг 6. Выберите инструмент Добавить опорную точку (Add Anchor Point Tool), и добавьте точки на краях букв, где они пересекаются с прямоугольником. Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп Шаг 7. Как только вы закончите, начните добавлять промежуточные точки, которые будут определять верх и низ жидкости. После добавления точек используйте инструмент Выделение контура (Direct Selection Tool), чтобы выбрать положение точек, перемещая их вверх и вниз. Вы можете также использовать инструмент Удалить опорную точку (Delete Anchor Point Tool), чтобы удалить любые нежелательные точки. Продолжайте изменение точек, пока не будете удовлетворены результатом. Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп Шаг 8. Теперь мы растрируем форму прямоугольника. Чтобы это сделать, дублируем слой с прямоугольником, а затем щелкнем правой кнопкой мыши на копии и выберем Растрировать слой (Rasterize Layer). Зажмем Ctrl + клик, по иконке одного из текстовых слоев, чтобы создать выделение, а затем нажмите Ctrl + Shift + I, чтобы инвертировать выделение, и нажмите Delete. Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп Шаг 9. Дважды щелкните на растрированный слой с фигурой и примените следующие Cтили слоя (Add a layer style): Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп Шаг 10. Теперь мы закончили наш урок веб дизайна, но вы все еще можете изменить цвет жидкости просто добавив Цветовой тон/Насыщенность (Hue/Saturation), а также выбрать цвет, который вам нравится! Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп Это заключительный результат. Надеюсь, вам понравился этот урок. Создаем стеклянный текст, заполненный жидкостью - уроки фотошоп Автор/Переводчик: Артеменко Любовь Ссылка на источник: http://psd.tutsplus.com/tutorials/text-effects-tutorials/liquid-filled-glass-text-effect/

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

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