//

ФотошопСундучок photoshopsunduchok

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

 

 

 

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

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

 


Канал в Дзене:

 

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

Вход на сайт

Профиль

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

Кто на сайте

Сейчас на сайте 211 гостей и нет пользователей

 

 

 

 

 

 

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

Необычный стиль текста из пересеченных линий в фотошопе

 

Необычный стиль текста

из пересеченных линий в фотошопе

 

Всем привет!

Сегодня мы будем создавать текст из пересеченных линий.

Текст из пересеченных линий отлично будет смотреться на визитках и логотипах.

Сначала мы создадим новый документ и зальем фоновый слой темно-серым цветом.

Затем установим шрифт из папки с исходниками, напишем текст с помощью одноименного инструмента и применим к текстовому слою стиль слоя Обводка.

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

В завершение урока "Необычный стиль текста из пересеченных линий в фотошопе" мы дополним фон: создадим дубликат слоя с линиями, увеличим слой, уменьшим его прозрачность и изменим цвет линий с помощью дубликата корректирующего слоя Градиент и градиента, что мы создавали ранее.

 
Необычный стиль текста из пересеченных линий в фотошопе

 

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

1

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

2

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

3

Активируем инструмент Заливка. В панели цвета в качестве цвета основного плана устанавливаем оттенок # 1a1a1a. Кликаем мышью по холсту, чтобы залить слой «Фон» цветом основного плана.

4

5

6

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

7

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

8

9

10

11

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

12

13

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

14

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

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

15

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

16

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

17

18

19

20

В панели слоев переименовываем слой с линиями в «Линии».

21

В панели слоев создаем дубликат слоя «Линии» и переименовываем дубликат слоя в «Линии 2». Скрываем видимость слоя «Линии 2», нажав в панели слоев на «глазик» около слоя.

22

23

Зажимаем клавишу Ctrl и кликаем в панели слоев по иконке слоя «Обводка», чтобы загрузить выделение слоя.

24

При активном выделении добавляем маску слоя к слою «Линии», нажав на соответствующую иконку в панели слоев. Маска слоя скроет ту часть слоя, что находится за пределами выделения. Чтобы скрыть видимость контуров, нажимаем клавишу Enter.

25

26

27

В панели слоев при помощи клавиши Ctrl выделяем слои «Линии» и «Обводка» и нажимаем сочетание клавиш Ctrl+G, чтобы добавить слои в группу. Переименовываем группу в «Текст».

Если у вас самые ранние версии программы Adobe Photoshop, которые не поддерживают применение обтравочных масок к группам, лучше всего будет не добавлять слои в группу, а слить их в один. Для этого выделяем слои и нажимаем сочетание клавиш Ctrl+E.

28

29

Выше группы «Текст» в панели слоев создаем корректирующий слой Градиент. В окне корректирующего слоя кликаем по строке выбора градиента, чтобы открыть Редактор градиентов. В Редакторе градиентов создаем новый градиент. Для этого кликаем по нижним Контрольным точкам и вводим новые значения. Если в активном в данный момент градиенте есть более двух точек, удаляем лишние, нажав сперва на Контрольную точку, затем – на клавишу Delete. Чтобы добавить новую Контрольную точку, кликните мышью в нижней части Редактора градиентов, непосредственно под градиентом и перетащите образовавшуюся Контрольную точку в нужную позицию. При необходимости введите числовое значение позиции в соответствующем окне.

Создаем градиент с такими параметрами:

Левая Контрольная точка (позиция 0%) – оттенок # 9e0acf;

Правая Контрольная точка (позиция 100%) – оттенок # ffea00.

Для верхних Контрольных точек устанавливаем 100% прозрачность.

В окне корректирующего слоя Градиент вводим настройки, как на картинке ниже.

На данный момент холст должен выглядеть так.

30

31

32

33

34

В панели слоев кликаем ПКМ по корректирующему слою Градиент и выбираем «Создать обтравочную маску». После этого к корректирующему слою Градиент добавится значок в виде стрелочки. А корректирующий слой Градиент будет виден только в пределах нижележащего слоя/группы, не затрагивая остальные слои.

35

36

37

В панели слоев возвращаем видимость слою «Линии 2», нажав на «глазик» около слоя. Перетаскиваем слой «Линии 2» ниже группы «Текст».

38

39

Вызываем Свободное трансформирование (Редактирование-Свободное трансформирование или Ctrl+T), зажимаем клавишу Shift (для сохранения пропорций) и Alt (чтобы трансформирование происходило из центра) и тянем за уголки рамки наружу, чтобы растянуть изображение на весь холст. В самых свежих версиях программы Adobe Photoshop для сохранения пропорций зажимать клавишу Shift не нужно. 

40

41

42

В панели слоев создаем дубликат корректирующего слоя Градиент (Ctrl+J) и перетаскиваем дубликат слоя выше слоя «Линии 2». Добавляем к дубликату корректирующего слоя Градиент обтравочную маску (ПКМ-создать обтравочную маску).

43

44

В панели слоев понижаем прозрачность слоя «Линии 2».

45

46

Текст из пересеченных линий готов.

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

Отличного настроения и вдохновения!

Урока "Необычный стиль текста из пересеченных линий в фотошопе" завершен.

 

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

 

          

 

 

 Если Вы не хотите пропустить интересные уроки стилизации текста в фотошопе - подпишитесь на рассылку.
Форма для подписки находится ниже.


 

Понравилось? Поделитесь:

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

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


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