Как сделать буквы пунктиром в фотошопе

Обновлено: 05.07.2024

Авторизуясь в LiveJournal с помощью стороннего сервиса вы принимаете условия Пользовательского соглашения LiveJournal

Подскажите пожалуйста, как можно пошагово из обычного шрифта создать пунктирный, для детских прописей, чтобы дети обводя ручкой пунктир могли бы учиться правильно писать буквы? Поделитесь пожалуйста опытом или ссылкой с пошаговым объяснением, кто в курсе.
Спасибо! переводишь шрифт в кривые, заменяешь контур на пунктир. секундное дело. Только удобнее это сделать не в Шопе, а в Иллюстраторе. да собственно речь и шла о программе для работы с вектором - иллюстратор или корел. надо было конечно уточнить, мой косяк, согласен.

После этого "секундного дела" (перевода шрифта в кривую, и замены контура пунктиром) НЕ получится требуемый результат.
Всё равно контур будет двойным, т.е. буквы по-прежнему останутся объемными.

А задача стоит принципиально иная -
Вместо объемной буквы должна остаться одиночная линия. Вероятно центральная линия, равноудаленная от контура буквы.
Т.е. задача не такая уж и тривиальная.

1. Если желателен шрифт определенного стиля (например, имитация рукописного), попробуйте схитрить -
возьмите обычный каллиграфический шрифт,
переведите его в кривую (как рекомендовали выше, в кореле или иллюстраторе),
замените контур не пунктиром, а точками
при этом он будет не шибко безобразен, однако появится эффект воздушности, и детям будет понятно
естественно, там же, в граф.редакторе, можно и отрегулировать расстояние между точками, опять таки для регулировки качества
также рекомендуется перепробовать несколько шрифтов, не факт что красивый шрифт останется таковым при замене контура

2. Можно поискать и готовый шрифт, специально предназначенный для обозначенных целей.
Гуглите что-то типа "free font", шрифтовых порталов много, а самих шрифтов миллионы.
Не исключено, что и обнаружится искомое.


Edited at 2012-02-12 13:43 (UTC)

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

Кстати да, действительно, как ни парадоксально, но фонтовый редактор - будет самое то.

Попробуйте. Я создавал шрифты (около десятка). Это несложно.

Сложным, точнее непривычным, будет создавать буквы в этом редакторе.
Но эту "печаль" можно обхитрить.

- В обычном редакторе (в кореле или иллюстраторе) набираете обычный шрифт. В вашем случае армянский.
- Поверх него рисуете требуемый пунктир (обычную кривую безье, с обводкой пунктиром или точками).
- Затем исходник удаляете.
- Полученные буквы экспортируете в фонтовый редактор. Поштучно.
- Собрав в кучу весь комплект букв, сохраняете шрифт, в одном из шрифтовых форматов.
- Загоняете полученный шрифт в папку "фонты" виндоуса,
- Набираете этим шрифтом различные тексты (и в иллюстраторе, и в ворде)
- Смотрите, есть ли косяки. Соответственно, вновь открываете шрифт в фонтовом редакторе, вносите коррективы.

Сие не очень долго. Максимум неделю провозитесь.
Зато будете владельцем уникального шрифта.
И даже скорее всего не одного.

Можно еще попробовать вообще экзотический вариант :)

Сначала буквы перевести в растровое изображение
Затем опять в векторное, через утилиту-трассировщик (в комплекте Корела есть такая)
В составе этой софтины есть опция векторизации методом создания центральной линии.
Не факт, что качество получится влет. Но можно ж попробовать.
Лучшим "исходником" очевидно будет моноширинный шрифт.

Автор: Ольга Максимчук (Princypessa). Дата публикации: 15 мая 2021 . Категория: Уроки фотошопа текст.

Сегодня мы будем создавать двухцветный текст.

Эффект двухцветного текста лучше всего подойдет для визиток, афиш и т.п. в минималистическом стиле.

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

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

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

Далее мы создадим первый вариант эффекта – добавим градиент в качестве обводки на текстовый слой.

В завершение урока "Как сделать двухцветный текст в фотошопе" мы создадим второй вариант – при помощи стилей слоя применим градиент к фоновому слою.

Как сделать двухцветный текст в фотошопе

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

1

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

2

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

3

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

4

5

6

7

7

9

10

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

11

12

13

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

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

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

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

Не выходя из Редактора градиентов, сохраняем созданный градиент, нажав на соответствующую кнопку. Новый градиент появится в конце списка загруженных градиентов.

Полные настройки для вкладки Наложение градиента на последнем скриншоте.

14

15

16

17

18

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

19

Теперь есть два варианта подчеркнуть двухцветный текст – с помощью обводки и фона.

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

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

20

21

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

22

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

23

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

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

24

25

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

26

Теперь нам осталось только при помощи инструмента Перемещение подкорректировать расположение текстового слоя так, чтобы линии на тексте и фоне совпадали. И вот что получилось.

27

Двухцветный текст готов! Урок "Как сделать двухцветный текст в фотошопе" завершен.

Автор: Ольга Максимчук (Princypessa). Дата публикации: 17 апреля 2021 . Категория: Уроки фотошопа текст.

Сегодня мы будем создавать эффект вдавленного текста на коже.

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

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

Затем установим шрифт и напишем текст.

Далее применим к текстовому слою стили слоя Тиснение и Внутренняя тень.

После этого создадим несколько корректирующих слоев, чтобы затемнить изображение, обесцветить и добавить контраста.

В завершение урока "Как сделать вдавленный текст в фотошопе" мы добавим на изображение виньетку – при помощи инструмента Кисть нарисуем затемнение по углах и размоем слой с виньеткой.

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

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

1

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

2

3

4

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

5

6

7

8

9

В панели слоев понижаем заливку текстового слоя к 50%.

10

11

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

12

13

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

14

В панели слоев выше слоя с текстурой, но ниже текстового слоя создаем корректирующий слой Яркость/Контрастность и вводим следующие настройки.

15

16

17

18

В панели слоев выше корректирующего слоя Яркость/Контрастность, но ниже текстового слоя создаем корректирующий слой Цветовой тон/Насыщенность и меняем настройки на те, что показаны ниже.

19

20

21

В панели слоев создаем еще один корректирующий слой Яркость/Контрастность. Данный слой должен находиться в панели слоев ниже текстового слоя, но выше всех остальных слоев. Вводим настройки, как на рисунке ниже.

22

23

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

24

25

Активируем инструмент Кисть и выбираем мягкую круглую кисть (чтобы вызвать меню выбора кисти, кликните ПКМ по холсту). Если на данный момент в программу не загружен набор с мягкими круглыми кистями, в меню выбора кисти нажмите на «шестеренку» справа и выберите «Основные кисти». В панели цвета в качестве основного выставляем черный оттенок. Выбираем кисть, отмеченную стрелочкой. Рисуем кистью на слое «Виньетка» по краям изображения.

26

27

28

29

30

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

31

32

Переходим в меню Фильтр-Размытие-Размытие по Гауссу и вводим настройки, как на рисунке ниже.

33

34

35

Вдавленный текст готов! Урок "Как сделать вдавленный текст в фотошопе" завершен.

Как создать в Photoshop пунктирную, штрих-пунктирную, и линию из точек, рассказывается здесь. Этот способ подходит для векторных форм (Shape), контуров (Path), а также контуров, созданных при помощи инструмента "Перо" (Pen Tool).

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

Вот пример текстов, обведённых разными вариантами прерывистых линий:

как обвести текст штрих-пунктирной линией

Для начала, берём инструмент "Текст" (Type Tool) и пишем какое-либо слово:

текст для обводки пунктиром

Цвет букв не важен, главное, чтобы буквы имели достаточную толщину.

В Photoshop СС текст можно сразу конвертировать в векторную форму через вкладку главного меню Текст --> Преобразовать в кривые ( Type --> Convert to Shape):

текст в кривые

Затем на панели инструментов выбираем один из векторных инструментов или инструмент "Перо" (Pen Tool). После выбора одного из этих инструментов, на расположенной верху панели параметров появляются инструменты для заливки и обводки.

Отключаем заливку и настраиваем обводку, как подробно рассказывается в этой статье. Вот что получилось, когда я применил стандартную линию из точек:

обводка текста точками

Собственно, теперь надо настроить параметры линии обводки текста, этот процесс подробно описывается здесь.

В версии Photoshop СS6 опция "Преобразовать в кривые" (Convert to Shape) отсутствует, поэтому преобразуем текст в контур, как рассказывается здесь, затем полученный контур определяем, как пользовательскую форму (подробнее во второй части этой же статьи).
Переключаемся на инструмент "Произвольная фигура" (Custom Shape Tool), находим нашу вновь созданную фигуру из текста и наносим эту фигуру на документ. Дальше фигуру можно обвести пунктирной линией, как рассказано выше.

Читайте также: