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

 

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

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

 

 

Помощь сайту

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

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

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

Меценаты

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

Вход на сайт

Профиль

Кто на сайте

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

 

 

 

 

 

 

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

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

Белый текст

Белый

текст

Всем привет!

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

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

Сначала мы создадим новый документ, установим шрифт из папки с исходниками и при помощи инструмента Текст напишем текст.

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

Далее изменим цвет текстового слоя с группы на черный, размоем слой и создадим несколько копий слоя, сместив каждую копию на два пикселя влево и вниз.

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

belym po belomu

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

1

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

2

Переименовываем фоновый слой в «Фон».

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

3

Устанавливаем шрифт из папки с исходниками.

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

После этого шага шрифт установится одновременно в программу фотошоп и систему.

4

Активируем инструмент Текст. Пишем слово «Бумага».

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

В верхней панели настроек инструмента Текст кликаем по иконке панели символов и вводим следующие настройки.

При помощи инструмента Перемещение располагаем текст по центру холста.

5

6

7

8

9

10

В панели слоев щелкаем ПКМ по текстовому слою и выбираем «Преобразовать в смарт-объект».

11

12

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

Во вкладке Наложение цвета меняем оттенок на белый (# ffffff) и вводим настройки, как на рисунке ниже.

13

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

Текстовый слой стал невидимым. В дальнейшем мы это исправим.

14

Выше слоя «Фон», но ниже текстового слоя создаем новый пустой слой и называем его «Фон 2».

15

16

Активируем инструмент Заливка.

В панели цвета в качестве цвета основного плана устанавливаем оттенок #f7f7f7.

Щелкаем мышью по холсту, чтобы залить слой «Фон 2» цветом основного плана.

17

18

19

Создаем дубликат текстового слоя (Ctrl+J).

Переименовываем дубликат слоя в «Тень».

Зажимаем клавишу Shift и кликаем по иконке группы в панели слоев, чтобы добавить слой в группу.

Переименовываем группу в «Тень от текста».

Перетаскиваем в панели слоев группу «Тень от текста» ниже оригинального текстового слоя.

20

21

22

23

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

Редактируем уже примененный к слою стиль слоя Наложение цвета, изменив оттенок с белого на черный (# 000000).

24

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

25

26

27

Переходим в меню Фильтр-Размытие-Размытие в движении и применяем фильтр со следующими настройками к слою «Тень».

28

29

30

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

31

32

В уроке белый текст, создаем дубликат слоя «Тень» (Ctrl+J).

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

Это помогут нам сделать клавиши стрелки.

1 клик клавишей = сдвиг на 1 пиксель.

Результат на данный момент едва заметен.

33

Создаем дубликат слоя, образовавшегося в предыдущем шаге и снова сдвигаем его на два пикселя влево и вниз.

Повторяем действия несколько раз, у меня получилось 14 копий слоя.

Не забываем: дублируем тот слой, который образовался в результате предыдущего дублирования, не оригинальный слой «Тень» и двигаемся снизу вверх.

34

35

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

В окне корректирующего слоя Градиент кликаем по строке выбора градиента, чтобы открыть редактор градиентов.

В Редакторе градиентов создаем новый градиент от черного к белому.

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

Для левой Контрольной точки (позиция 0%) выставляем оттенок # 000000, для правой Контрольной точки (позиция 100%) - #ffffff.

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

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

36

37

38

39

40

41

В панели слоев понижаем прозрачность корректирующего слоя Градиент.

42

43

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

44

45

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

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

46

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

47

Вот мы и «написали» белый текст.

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

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

 

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

 

 

          

 

 

 

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


 

Комментарии  

Alex
0 # Alex 04.12.2019 23:07
Спасибо!Я делал текст из фото.Как бы буквы были вырезаны из фото.Делал это для заставки в видеоролик.Что-то похожее.Но это было давненько.Сейчас попробую сделать так на фотографии.
Ответить | Ответить с цитатой | Цитировать
Анатолий
0 # Анатолий 03.12.2019 18:25
Спасибо!
Ответить | Ответить с цитатой | Цитировать

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

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

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


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