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

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

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

 

 

Помощь сайту

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

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

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

Меценаты

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

Вход на сайт

Профиль

Кто на сайте

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

  • lev-mir
  • Tatyana6011

 

 

 

 

 

 

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

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

Как сделать объемный текст в фотошопе

Как сделать объемный текст в фотошопе

Всем привет!

В уроке "Как сделать объемный текст в фотошопе" создадим имитацию шрифта, который используется в Facebook.

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


Как сделать объемный текст в фотошопе

 

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

1

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

2

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

3

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

4

5

6

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

7

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

8

9

10

11

Создаем дубликат текстового слоя с буквой «f» (Ctrl+J). Зажимаем клавишу Shift (чтобы переместить слой ровно по горизонтали) и при помощи инструмента Перемещение сдвигаем дубликат слоя вправо. Можно использовать для перемещения слоя клавиши стрелок на клавиатуре, при этом инструмент Перемещение должен быть активен. В панели слоев дважды щелкаем по иконке текстового слоя и на холсте меняем букву «f» на «a».

12

13

14

15

Создаем копию слоя с буквой «a», передвигаем копию слоя и меняем букву с «a» на «c». Так продолжаем до тех пор, пока не напишем все слово facebook. На рисунке ниже вы можете увидеть этапы моей работы и конечный результат.

16

17

18

19

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

Во вкладке Обводка меняем оттенок на # 3b589b и вводим настройки, как на рисунке ниже.

20

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

21

22

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

23

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

24

25

Если у вас установлена одна из самых свежих версий программы Adobe Photoshop, вы можете сразу применить все стили слоя, которые мы применяем к текстовому слою. Для того, чтобы добавить к слою два стиля слоя Обводка, нужно в окне стилей слоя нажать на «плюсик» у соответствующей строки. Но я покажу способ посложнее для обладателей более старых версий программы.

26

В панели слоев щелкаем ПКМ по слою с буквой «f» и выбираем «Скопировать стиль слоя». В панели слоев при помощи клавиши Shift выделяем слои с остальными буквами, щелкаем ПКМ по слоям и выбираем «Вклеить стиль слоя». Результат с включенным и отключенным слоем «Фон».

27

28

29

30

31

В панели слоев при помощи клавиши Shift выделяем все слои с буквами, щелкаем по ним ПКМ и выбираем «Растрировать стиль слоя».

32

33

34

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

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

35

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

36

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

37

Копируем стиль слоя со слоя с буквой «f» и вставляем его на остальные слои с буквами. Вы же помните, как это сделать, не так ли? ПКМ по слою «f»-«Скопировать стиль слоя»-выделяем все остальные слои с буквами в панели слоев-ПКМ по них-«Вклеить стиль слоя». На данном этапе наш холст должен иметь следующий вид.

38

В завершение нам необходимо изменить очередность слоев в панели слоев так, чтобы слой с первой буквой слова находился выше всех слоев с буквами, а слой с последней буквой – ниже всех слоев с буквами. Вид панели слоев до и после перестановки слоев и сам холст после перестановки.

39

40

41

В панели слоев выделяем все слои с буквами, зажимаем клавиши Ctrl и Shift и при помощи инструмента Перемещение сдвигаем слои немного вправо, чтобы расположить их по центру холста.

42

 

Урок "Как сделать объемный текст в фотошопе" завершен. Мы создали стиль начертания шрифта в социальной сети Facebook!

 

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

 

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

 

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

 

          

 

 

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

Печать

Комментарии  

Татьяна Смирнова
0 # Татьяна Смирнова 26.01.2020 12:39
Спасибо ка интересный урок.

Фотографии автора:
Ответить | Ответить с цитатой | Цитировать
Анатолий
0 # Анатолий 25.01.2020 10:43
Спасибо! Интересно!
Ответить | Ответить с цитатой | Цитировать

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

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


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