ФотошопСундучок photoshopsunduchok
Начните свой путь в мир ФОТОШОПА сейчас!

БЕСПЛАТНЫЕ РАССЫЛКИ ВКОНТАКТЕ

(более 20 рассылок) 

 

 

Помощь сайту

Понравился сайт? Внесите вклад в его развитие, пожертвовав любую сумму.

Деньги пойдут на оплату серверов и на развитие сайта.

В примечании к платежу, при желании, укажите свои данные.

Меценаты

Присоединяйтесь в

Вход на сайт

Профиль

Кто на сайте

Сейчас 159 гостей и 2 зарегистрированных пользователей на сайте

  • Andrzej-rf
  • Wigus

 

 

 

 

 

 

Последние комментарии

Яндекс.Метрика

Как сделать меняющийся текст

Как сделать меняющийся текст

Всем привет!

Сегодня мы будем создавать меняющийся текст. Будем мы это делать в преддверии нового, 2020 года, который сменит 2019, что очень символично.

Сначала мы создадим новый градиент и при помощи стилей слоя зальем им фоновый слой. Затем установим шрифт из папки с исходниками, напишем текст, создадим дубликат слоя с текстом и изменим в дубликате слоя цифры и цвет текста. Далее создадим прямую линию, выгнем ее при помощи Деформации и с помощью маски слоя и инструмента Кисть сотрем нижнюю часть слоя с цифрами «2020». В завершении мы изменим цвет линии, сольем слой с линией с текстовым слоем и добавим к образовавшемуся слою тень.

 Создание меняющегося текста 2019-2020 в фотошопе

 

Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже.

 меняющийся текст в фотошопе

 

В панели слоев щелкаем по «замочку» у фонового слоя, чтобы разблокировать слой для дальнейшего редактирования.

 

Создание меняющегося текста 2019-2020 в фотошопе

 

Переименовываем фоновый слой в «Фон». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.

 

3

 

В панели слоев дважды щелкаем по слою «Фон», чтобы открыть стили слоя.

Во вкладке Наложение градиента кликаем по строке выбора градиента, чтобы открыть Редактор градиентов. В открывшемся Редакторе градиентов создаем новый градиент - кликаем по Контрольным точкам и вводим новые оттенки. Если в активном в данный момент градиенте есть более двух Контрольных точек, удаляем лишние, нажав сперва на Контрольную точку, затем – на клавишу Delete. Чтобы добавить новую Контрольную точку, кликните мышью в нижней части Редактора градиентов, непосредственно под градиентом и перетащите образовавшуюся Контрольную точку в нужную позицию. При необходимости введите числовое значение позиции в соответствующем окне.  Для левой нижней Контрольной точки выставляем оттенок #181419, для правой нижней Контрольной точки - #5e3e6d. Для верхних Контрольных точек устанавливаем 100% прозрачность. Полные настройки для вкладки Наложение градиента на последнем скриншоте.

 

4

5

6

 

Результат после применения стилей слоя.

 

7

 

Устанавливаем шрифт из папки с исходниками. Для этого щелкните ПКМ по файлу шрифта и выберите «Установить». После этого шага шрифт установится одновременно в программу фотошоп и систему.

 

8

 

Активируем инструмент Текст. Растягиваем рамку создания текста на весь холст и пишем «2019». В верхней панели настроек инструмента Текст выбираем шрифт, что установили в предыдущем шаге, меняем цвет текста на белый (#ffffff), увеличиваем размер текста и вводим настройки, как на рисунке ниже. При помощи инструмента Перемещение располагаем текст по центру холста.

 

9

10

12

 

В панели слоев создаем дубликат текстового слоя (Ctrl+J). Переименовываем дубликат слоя в «2020».

 

13

 

В панели слоев дважды кликаем по иконке слоя «2020». После этого шага откроется верхняя панель настроек инструмента Текст и можно будет редактировать текстовый слой. На холсте меняем текст с «2019» на «2020», а в верхней панели настроек инструмента Текст меняем оттенок текста на #f5b917.

 

14

15

16

17

 

Выше всех слоев создаем новый пустой слой и называем его «Полоса».

 

18

19

 

Активируем инструмент Прямоугольная область. Создаем выделение, как на рисунке ниже. Заливаем выделение на слое «Полоса» черным цветом. Для этого переходим в меню Редактирование-Выполнить заливку и в появившемся окне в верхней строке выбираем черный оттенок. Снимаем выделение (Ctrl+D).

 

20

21

22

23

24

 

А теперь – самое интересное! Переходим в меню Редактирование-Трансформирование-Деформация и, потянув за узелки рамки, выгибаем полосу. Если не получается с первого раза, можно сделать деформацию в несколько этапов. Концы линии делаем заостренными. Вот что получилось у меня в результате.

 

25

26

27

 

В панели слоев добавляем к слою «2020» маску слоя.

 

28

29

 

В панели слоев кликаем с зажатой клавишей Ctrl по иконке слоя «Полоса», чтобы загрузить выделение слоя. Переходим в меню Выделение-Инверсия. Активируем инструмент Кисть и выбираем жесткую круглую кисть (чтобы вызвать меню выбора кисти, кликните ПКМ по холсту). Если на данный момент в программу не загружен набор с жесткими круглыми кистями, в меню выбора кисти нажмите на «шестеренку» справа и выберите «Основные кисти». В панели цвета в качестве основного выставляем черный оттенок. Для этого достаточно нажать на клавиатуре клавишу D, чтобы сбросить цвета к установленным по умолчанию – черному и белому. По маске слоя (именно по маске слоя, не по самому слою!) жесткой круглой кистью стираем нижнюю часть слоя «2020».  Чтобы изменить размер кисти, воспользуйтесь клавишами квадратных скобок – клавиши «Х» и «Ъ» в русской раскладке или используйте соответствующий ползунок в меню выбора кистей. Аккуратно прорабатываем область, где находится слой «Полоса», чтобы не было пустых мест на тексте выше полосы. Снимаем выделение (Ctrl+D).

 

30

31

32

33

34

35

36

37

 

Снова загружаем выделение слоя «Полоса» (клик по иконке слоя «Полоса» в панели слоев с зажатой клавишей Ctrl). Активируем инструмент Заливка. В панели цвета в качестве цвета основного плана устанавливаем оттенок #f5b917. При активном выделении кликаем по холсту мышью, чтобы залить выделение на слое «Полоса» цветом основного плана. Снимаем выделение (Ctrl+D).

 

38

39

40

41

 

В панели слоев при помощи клавиши Ctrl выделяем слои «Полоса» и «2020» и нажимаем сочетание клавиш Ctrl+E, чтобы слить слои в один. Переименовываем образовавшийся слой в «Текст».

 

42

43

 

В панели слоев дважды щелкаем по слою «Текст», чтобы открыть стили слоя.

Во вкладке Тень используем черный оттенок (#000000) и вводим настройки, как на рисунке ниже.

 

44

 

Результат после применения стилей слоя.

 

45

 

Меняющийся текст готов!

 

финальный результат

 

 БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:

 

          

 

 

Если Вы хотите посмотреть серию бесплатных уроков по рисованию в фотошопе, то введите свои данные в форму подписки ниже:

Печать

Комментарии  

Анатолий
+1 # Анатолий 31.12.2019 17:06
Спасибо большое! С Новым годом!
Ответить | Ответить с цитатой | Цитировать

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

Введите Ваше имя, или зарегистрируйтесь на сайте, что бы имя в ответах вставлялось автоматически: это займёт 2 минуты!
После регистрации вы сможете редактировать свои сообщения и не придётся вводить подтверждение.
Для отображения Аватара (вашей картинки) необходимо на ту же почту иметь аккаунт на - Gravatar, это бесплатно.


Прикрепить фотографии