- Всем, кто решил получить полезные знания в сфере веб-дизайна - ПРИВЕТ! У нас не так давно был опыт по написанию статьи в формате обучения, но получилось не очень и мы сделали ВЫВОДЫ и учимся на свои ошибках, поэтому сегодня, мы НАУЧИМ вас - СОЗДАВАТЬ ТЕКСТ С ГРАДИЕНТОМ В ФОТОШОП! Готовьте свой мозг для принятия полезной информации и запускайте ФОТОШОП!
- В результате сегодняшнего урока, у вас должен получиться вот такой текст с ГРАДИЕНТОМ - *ФОТО*
Начинаем!
1. Создаём произвольное рабочее пространство! РЕКОМЕНДУЕМ - 1280 х 720 пикселей! *СКРИНШОТ*
2. Далее, что бы нам было удобно, сделаем черный цвет изображения! Находим инструмент "заливка" и снизу ставим черный цвет, после того, как поставили цвет для заливки, опять выбираем инструмент "заливка" и кликаем на изображение! *СКРИНШОТ*
3. Переходим к разработке! Находим инструмент "текст" и пишем любое слово, в нашем случае это слово - ГРАДИЕНТ. Далее ставим слово по ЦЕНТРУ, что бы нам было УДОБНО и текст был прямо перед глазами, так - же можно значительно прибавить размер текста (по желанию). *СКРИНШОТ*
4. Накладываем градиент! Слева, где располагаются все слои изображения, кликаем на слой с текстом правой кнопкой мыши и после нажимаем на "параметры наложения". В результате, у вас должно высветиться вот такое окно с параметрами - *СКРИНШОТ*
- Слева, на шкале находим пункт - "наложение градиента" и кликаем на него. У вас справа высветились новые параметры и их не так много, так что не стоит бояться! *СКРИНШОТ*
- Давайте начнем со цвета ГРАДИЕНТА! Кликаем на РАЗНОЦВЕТНУЮ шкалу в параметрах, которая подписана "градиент". У вас высветился "редактор градиентов" и ваша задача сейчас посмотреть в "наборы" и выбрать первый градиент, его мы будет брать как за ОСНОВУ, так как сегодня мы создаём ДВОЙНОЙ градиент!
- Ставим свой цвет. Для начала сделаем с тем цветом, который подготовили мы, а далее вы сами можете поэкспериментировать со своим цветом. И так, перед вами "редактор градиентов" и ваша задача сейчас поставить цвет. На РАЗНОЦВЕТНОЙ шкале есть два конца (лево и право) и на каждом конце есть квадратные стрелки (черная слева и белая справа), вот они - *СКРИНШОТ*
- Нажимаем сначала на левый! У вас высветилась "палитра цветов", ваша задача сейчас - это поставить цвет на левую сторону, цвет - 40c5f6 (код цвета). Вводите его сюда - *СКРИНШОТ*
- После нажимайте "ок" и переходим к правой стороне. Так - же кликаем на квадратную стрелку и ставим цвет - f2fa21 (код цвета). *СКРИНШОТ*
- Снова нажимаем "ок" в палитре цветов и "ок" в редакторе градиентов! Но не выходим из параметров наложения!
5. Теперь немного поиграемся с настройками "наложения градиента". Сейчас необходимо поменять "угол" градиента, на правую сторону! Для этого, в "параметрах наложения" в графе "угол" ставим 0 градусов, находиться это здесь - *СКРИНШОТ*
- В итоге, у вас должно получиться так - *СКРИНШОТ*
НА ЭТОМ ВСЁ, РАБОТА ВЫПОЛНЕНА! МЫ НАДЕЕМСЯ, ЧТО У ВАС ВСЁ ПОЛУЧИЛОСЬ И У ВАС НЕ ОСТАЛОСЬ ВОПРОСОВ. ЕСЛИ ВЫ ПРОЯВИТЕ БОЛЬШУЮ АКТИВНОСТЬ, ТО МЫ БУДЕТ ДАЛЬШЕ РАДОВАТЬ ВАС ПОЛЕЗНЫМИ УРОКАМИ, КАЧЕСТВЕННЫМИ ПРОЕКТАМИ И ИХ ПОЛНЫМИ РАЗБОРАМИ!