Нажмите "Enter" для пропуска содержимого

Как создать надпись в фотошопе: Создание красивой надписи в Photoshop

Содержание

Как сделать стильную надпись в фотошопе. Как сделать красивую надпись на фото в фотошопе

Как установить шрифт в Photoshop? Полноценные шрифты, которые можно использовать в различных приложениях, в среде Photoshop создать нельзя. Для этого есть другие, платные и бесплатные, инструменты.
Но разработать уникальный шрифт для логотипа или фирменной надписи вполне возможно.
1. Запустить Photoshop. Создать новый лист путем вызова команд Файл – Новый (File — New).

2. В окне «Новый» (New) необходимо задать параметры: название файла в поле «Имя» (Name), тип файла в поле «Набор» — «Заказной» (Custom), размеры листа (можно задавать в пикселях или сантиметрах), а так же цветовой режим и цвет фона.


3. На панели слева выбрать инструмент «Горизонтальный текст», щелкнув правой кнопкой мыши на значке «T».

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

5. На панели вверху задать параметры ввода текста: размер, шрифт, цвет и разновидность шрифта.

7. Справа выбрать меню «Слои» (Layers) и правой кнопкой мыши на слое с текстом вызвать контекстное меню.

8. Воспользоваться пунктом меню «Преобразовать в кривые» (Convert to Shape).

9. Увеличить текст, нажав сочетание клавиш «Ctrl +» несколько раз – таким образом можно удобно вносить изменения в каждую букву.

10. На панели инструментов слева выбрать «Стрелка» (Direct Selection Tool).

11. Обвести любую букву текста. Например, «О».

12. На контуре буквы «О» появились опорные точки.

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

Рассмотрим, как сделать надпись в Фотошопе красиво и быстро. Все представленные ниже методы можно использовать в любой версии редактора Photoshop.

Самый простой способ: вставка текста

Если вам быстро нужно добавить надпись простую на фотографию, можно воспользоваться только стандартной «вставкой текста», которая находится слева на панели инструментов (дашборде) программы:

  • откройте фотографию в окне редактора;
  • найдите на панели инструментов элемент «Текст», как показано на рисунке:

  • теперь кликните указателем на том месте картинки, где будет размещена надпись. Начните печатать текст;

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

  • выполним настройку деформации текста, с помощью соответствующей кнопки;

  • чтобы убрать появившуюся рамочку вокруг текста, необходимо изменить стиль слоя. Перейдите в соответствующее окно и выберите слой с введённой надписью;

  • в открывшемся окне настройки стилей слоя настройте тени, обводки и прочие эффекты.

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

Таким образом можно очень быстро добавить стандартные виды текста на картинку в Фотошоп.

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

Читайте другие наши статьи о работе в Фотошопе:

Выбираем шрифт

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

Скачивать дополнительные шрифты для Фотошоп можно на сторонних ресурсах.

Самый популярный из них – 1001 free fonts . Выберите понравившийся шрифт и скачайте его, затем распакуйте архив.

Переместите файл формата TTF в системную папку Шрифты Windows, которая расположена в панели управления.

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

Теперь нажмите на инструмент «Горизонтальный текст».

Напишите его на любом месте фотографии.

С помощью верхней панели выберите шрифт (помимо стандартных элементов, в этой вкладке также будет отображаться установленный шрифт).

Выберите размер символов. Теперь можно приступать к добавлению различных эффектов. Откройте окно слоёв (вкладка «Окно», пункт «Слои»).

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

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

Теперь добавим свечение внешней части текста. Для этого в том же окне «Стиль слоя» слева отметьте галочкой «Внешнее свечение».

В правой части окна выставьте параметр «Размах» как 8% и Размер как 27 пикселей. Чтобы увеличить площадь свечения, отрегулируйте элемент «Размах».

Нажмите на цвет градиента, чтобы открыть палитру оттенков. Можно выбрать цвет с помощью мышки или ввести код оттенка. Введём #fbfea0.

Теперь сделаем обводку для символов. Кликните на «Обводка» и выберите размер контура «3» и цвет обводки под кодом #031f01.

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

Создаём стилизованную надпись

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

Откройте новый проект в редакторе Photoshop. Размер листа должен быть 800×600 px. Выполните дублирование слоя с задним фоном.

Теперь кликните на дубликате и откройте окно «Стили слоя». В левой части окна выберите пункт «Наложение градиента» (или «Gradient Overlay»). Справа настройте параметры: радиальный стиль (Radial Style), Масштаб – 50% (Scale). Затем выставьте цвет градиента левая точка будет иметь код #ffffff, а правая — #979797.

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

Далее загрузите по ссылке файл с текстурой. Откройте его в проекте. Скачанная картинка должна быть расположена выше всех остальных слоёв.

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

Скачайте на свой ПК шрифт «Bubble Gum» по ссылке и установите его. Не забудьте сохранить проект перед тем, как будете перезагружать проект в Фотошоп.

Добавьте на страницу проекта надпись, используя новый установленный шрифт. Выставьте размер – 170 пт., вид – Обычный.

Примечание: каждую новую строку следует создавать только на отдельной вкладке Layer

На панели Layer выделите два текстовых слоя (если вы создали три строки, то выделите три слоя) и создайте их дубликаты.

Выставьте значение заливки равное 0 (параметр Fill) для каждого дубликата слоя строки текста.

Кликните по оригинальному слою текста в соответствующем меню, чтобы открыть окно «Стиль слоя».

Теперь откройте вкладку «Тиснение» («Bevel and Emboss»). Теперь выставьте все настройки аналогично к показанными на рисунке ниже (код цвета в параметре «Shadow Mode» — #878787):

Теперь перейдите во вкладку контура и выставьте такие настройки:

Во вкладке «Текстуры» кликните на встроенный узор «Диагональные полоски».

Теперь необходимо настроить внутреннюю тень. Перейдите на соответствующую вкладку и задайте такие параметры (Цвет — #ffffff):

Параметры вкладки «Внутреннее свечение» (левая точка градиента — #391c21, правая — #f7efed):

Теперь откройте вкладку «Глянец» и выставьте настройки (код цвета — #ffeae3):

Настроим наложение цвета (код — #e0dadb):

Создаём градиент надписи (левая точка — #ffffff, правая точка — #999999):

Откройте вкладку «Перекрытие узора» и выберите узор под номером 6. Масштабирование – 7%.

Теперь нужно настроить тень надписи:

Скопируйте созданный стиль для каждого слоя текста (для каждой строки). Итоговый вид надписи:

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

Читайте другие наши статьи о Фотошопе:


Сделать своими руками эксклюзивную виртуальную открытку с индивидуальным поздравлением или подписать фотографии поможет графический редактор. Текстовую надпись можно добавить, например, с помощью обычного Paint, но она получится слишком простая. Чтобы текст выглядел эстетично или даже стильно, лучше воспользоваться более продвинутой программой. Как сделать надпись в Фотошопе, которая будет смотреться красиво, вы узнаете из этого простого урока.

Этап 1. Настройка параметров и создание надписи

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

В верхнем меню над рабочим полем настройте инструмент: выберите шрифт, его начертание (жирный, курсив), размер, цвет, течение, расположение надписи. Также ее можно деформировать, например, выбрать вид искажения «Дуга», «Флаг»и так далее.

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

Напечатайте текст. Если размер, шрифт или другие параметры не устраивают, выделяйте текст и меняйте соответствующие настройки. Хотя это можно сделать и позже. После того как надпись готова, нажмите галочку в верхнем меню справа. Для отмены изменений нужно нажать перечеркнутый круг рядом с нею.

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

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

Но это далеко не все, что можно сделать. Мы подготовили лишь шаблон текста, теперь будем делать его красивым, для этого редактор дает массу возможностей.

Этап 2. Стилизация надписи в Фотошопе

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

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

Каждый из стилей можно дополнительно настроить, для этого его необходимо выделить, справа появятся настройки. Например, можно отрегулировать прозрачность, смещение, размер и цвет тени; выбрать узор текстуры и его масштаб и так далее.

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

Достаточно немного потренироваться, и непременно должна получиться красивая надпись в

22.07.2010 27.01.2018

Потратьте несколько минут своего времени и создайте красивый текстовый эффект в фотошопе. Текст вы можете написать любой.

90% успеха красивого эффекта составляет шрифт.

Используемый шрифт:

В этом интересном уроке раскрываются некоторые секреты и методики создания красивого постера с прекрасно оформленным текстом. Урок для тех кто интересуется текстовыми эффектами в фотошопе.

Создайте новый документ

В окошке слоев (layers) выберите Gradient

Делайте следующие настройки

Жмем на прямоугольник напротив слова «Gradient» и выставляем:

Должно получится так

Берем Brush tool и выставляем:
Color: #ccffff
Hardness: 0%

Создаем новый слой, поставьте данному слою Оpacity — 60% . И brush tool кликните на центр, у вас должно получится вот так:

Загрузите кисти Splatter Brushes from Bittbox .
Создаем новый слой и при помощи Brush tool (#77e5e4 ) сделайте также как автор.

Дублируем слой с брызгами. Жмем Filter > Blur > Gaussian Blur и выставляем параметр Radius на 3px . Данному слою выставляем Blending Mode — Color Dodge

.

Переместите слоя с брызгами (тот который без blur ) на верх и выставите ему Blending Mode — Linear Dodge .

Таким же способам добавляем еще брызг на ваше усмотрение, автор использует цвет #e577d2 .

Берем Text tool и пишем “design”.

Двойной клик по слой с текстом (“design”) и делаем как на картинках ниже:

Цвета — #1b2f2f / #231d1d

Вот что должно получится в итоге:

Сохраняем нашу работу в формате.psd.
Жмем Alt+F9, откроется окошко Actions. Загружаем Photoshop Actions Set . Появится папка free-web-design.co.cc и вне находится записанные автором Actions Set.

Выберите желаемый результат из 12 вариантов и нажмите кнопку воспроизвести.
Автор выбрал такой:

Добавим эффекты.
Filter > Render > Lighting Effects и сделайте так как показано ниже.

Жмем Filter > Render > Lens Flare .

Повторите Filter > Render > Lighting Effects .

Добавим Filter > Render > Lens Flare .

В этом уроке мы научимся создавать текстовую надпись .

1. Набор текста.

Чтобы сделать надпись выбираем слева на панели инструмент Type (Текст) После щелкаем мышкой в нужной части документа и набираем текст на клавиатуре. Текст можно начинать набирать от точки или выделить прямоугольную область, которая определит границы текста.

Кликните на картинку для увеличения

На панели Options (Параметры) Можно выполнить настройку текста, как до его введения, так и после.

2. Выбор гарнитуры

3. Выбор начертания шрифта

4. Размер шрифта

5. Алгоритм сглаживания шрифтов

6. выравнивание текста

7. Цвет текста

8. Деформация текста

9. Вызов палитры

Изменять можно как весь текст целиком, так и отдельные его части.

Примечание : работать с текстом и изменять его можно только тогда, когда включен на панели инструмент Type .

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

2. Цвет текста.

Чтобы изменить цвет текста, нам нужно выделить текст или его часть, и выбрать на панели (Цвет текста), в результате появится диалоговое окно. Цвет можно выбрать как из палитры, так и пипеткой на изображении. После чего выделенная часть изменит свой цвет.

Цвет текста можно создать при помощи Gradient (Заливка). Для этого сначала нужно выделить буквы в тексте, сделать это можно при помощи Magic Wand (Волшебная палочка) . Буквы выделятся движущимся пунктиром.

Затем выбираем заливку из стандартных, или создаем свою собственную и заливаем выделенный текст.

3. Стиль текста.

Теперь попробуем изменить вид текста при помощи Styles (Стили) на панели в правом верхнем углу.

В Adobe Photoshop имеется стандартный набор стилей, который можно изменять и пополнять по необходимости.

Для изменения стиля текста мы будем работать в панели Layers (Слои). В правом нижнем углу выбираем слой с текстом, который будем изменять и, затем, применяем к нему необходимый стиль.

4. Деформация текста.

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

Расположить текст в документе можно вдоль любого контура. Сначала нам необходимо создать сам контур. Для его создания воспользуемся инструментом Pen (Перо).

Я выбрала Freeform Pen (Свободное перо) и нарисовала контур «от руки».

После того, как текст набран, кликаем по контуру и убираем его.

Создаём Неоновый Текст в программе Adobe Photoshop

Эффекты свечения и блеска помогают создать красивые и глянцевые объекты. В этом уроке, я покажу вам, как создать задний фон из текстуры кирпича, а затем, с помощью стилей слоя и инструмента Перо (Pen Tool), мы создадим яркий неоновый эффект, который мы применим к тексту, кроме этого, мы добавим электрические провода к тексту. Итак, давайте приступим!

Исходные материалы

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

  • Шрифт Beon Medium
  • Текстура Кирпичная Стена Image 2 — Large (2000×2328) (Изображение 2 – Размер большой (2000×2328)
  • Набор Текстур Гранж

1. Создаём Задний Фон

Шаг 1

Создайте новый документ 1500 x 950 px, установите Разрешение (Resolution) 300.

Итак, идём Файл – Поместить встроенные (File > Place Embedded), и в появившемся окне, выберите исходное изображение с текстурой кирпичной стены. Примените масштабирование на своё усмотрение. Нажмите клавишу (Enter), чтобы применить изменения.

Шаг 2

В нижней панели инструментов, нажмите значок Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) и в появившемся меню, выберите опцию Levels Уровни (Levels).

Шаг 3

Преобразуйте данный корректирующий слой Уровни (Levels) в обтравочную маску к слою с текстурой кирпичной стенки. Далее, в настройках корректирующего слоя Уровни (Levels), установите значение для Теней (Shadows) 85.

Шаг 4

Далее, добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) в качестве обтравочной маски. Далее, в настройках данного корректирующего слоя, установите значение Насыщенности (Saturation) 11, а значение Яркости (Lightness) -83.

2. Создаём Текст

Шаг 1

Создайте текст, все буквы заглавные. Шрифт ‘Beon Medium’. Цвет текста #a33e88, размер шрифта 103 pt.

Шаг 2

Продублируйте слой с текстом. Отключите видимость оригинального слоя с текстом, щёлкнув по глазку рядом с миниатюрой слоя. Далее, щёлкните правой кнопкой мыши по дубликату слоя и в появившемся окне, выберите опцию Растрировать текст (Rasterize).

Что мы сделаем далее- это отделим вертикальные и диагональные фрагменты текста от горизонтальных фрагментов текста, чтобы применить эффекты, используя различные значения Углов (Angle).

Шаг 3

Выберите инструмент Прямоугольная область (Rectangular Marquee Tool (или выберите любой инструмент выделения, который вам нравится), в настройках данного инструмента, выберите режим Добавление к выделенной области (Add to selection), и с помощью данного инструмента, выделите горизонтальные фрагменты текста.

Шаг 4

Далее, идём Редактирование — Вырезать (Edit > Cut), а затем идём Редактирование – Специальная вставка – Вставить по месту (Edit > Paste Special > Paste in Place). Таким образом, горизонтальные фрагменты будут выделены на отдельном слое. Назовите слой с вертикальными фрагментами Вертикальные (Vertical), а слой с горизонтальными фрагментами Горизонтальные (Horizontal).

Шаг 5

Уменьшите значение Заливки (Fill) до 0 для обоих слоёв Вертикальные (Vertical) и Горизонтальные (Horizontal).

Шаг 6

Дважды продублируйте каждый из слоёв Вертикальные (Vertical) и Горизонтальные (Horizontal), далее, сгруппируйте слои в соответствующие группы. Назовите новые группы Вертикальные / Горизонтальные (Vertical/Horizontal). Примечание переводчика: в каждой группе должно быть по 3 слоя.

Шаг 7

Расположите слой с группой Горизонтальные (Horizontal) ниже слоя с группой Вертикальные (Vertical).

3. Добавляем Стилизацию к Оригинальному Слою с Горизонтальными Фрагментами Текста

Дважды щёлкните по оригинальному слою Горизонтальные (Horizontal), чтобы применить следующие стили слоя:

Шаг 1

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки:

  • Размер (Size): 10
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 0
  • Высота (Altitude): 70
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Линейный свет (Linear Light)
  • Режим тени (Shadow Mode) – Непрозрачность (Opacity): 0%

Шаг 2

Добавьте стиль слоя Контур (Contour) со следующими настройками:

  • Поставьте галочку в окошке Сглаживание (Anti-aliased).

Шаг 3

Добавьте стиль слоя Внутренняя тень (Inner Shadow) со следующими настройками:

  • Режим наложения (Blend Mode): Осветление (Screen)
  • Цвет: #e658d4
  • Угол (Angle): 30
  • Смещение (Distance): 0

Шаг 4

Добавьте стиль слоя Внутреннее свечение (Inner Glow) со следующими настройками:

  • Непрозрачность (Opacity): 85%
  • Цвет: #fe66f1
  • Источник (Source): Из центра (Center)
  • Размер (Size): 18

Шаг 5

Добавьте стиль слоя Тень (Drop Shadow) со следующими настройками:

  • Смещение (Distance): 13
  • Размер (Size): 7

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

4. Добавляем Стилизацию к Первому Дубликату Слоя с Горизонтальными Фрагментами Текста

Дважды щёлкните по первому дубликату слоя Горизонтальные (Horizontal), чтобы применить следующие стили слоя:

Шаг 1

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки:

  • Размер (Size): 16
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): -36
  • Высота (Altitude): 42
  • Контур глянца (Contour): Cove — Deep
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
  • Режим тени (Shadow Mode) – Непрозрачность (Opacity): 0%

Шаг 2

Добавьте стиль слоя Контур (Contour) со следующими настройками:

  • Контур глянца (Contour): Cone — Inverted
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)

Итак, мы дополнительно добавили свечение к тексту.

5. Добавляем Стилизацию ко Второму Дубликату Слоя с Горизонтальными Фрагментами Текста

Дважды щёлкните по второму дубликату слоя Горизонтальные (Horizontal), чтобы применить следующие стили слоя:

Шаг 1

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки:

  • Размер (Size): 16
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 18
  • Высота (Altitude): 58
  • Контур глянца (Contour): Half Round
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
  • Режим тени (Shadow Mode) – Непрозрачность (Opacity): 0%

Шаг 2

Добавьте стиль слоя Контур (Contour) со следующими настройками:

  • Контур глянца (Contour): Sawtooth 2
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)

Шаг 3

Добавьте стиль слоя Внутреннее свечение (Inner Glow) со следующими настройками:

  • Режим наложения (Blend Mode): Линейный свет (Linear Light)
  • Шум (Noise): 5%
  • Цвет: #ffdcfa
  • Источник (Source): Из центра (Center)
  • Размер (Size): 38

Шаг 4

Добавьте стиль слоя Внешнее свечение (Outer Glow) со следующими настройками:

  • Цвет: #7f2d65
  • Размер (Size): 15

Это стилизация заключительного слоя Горизонтальные (horizontal). Мы дополнительно добавили глянец и свечение.

6. Добавляем Стилизацию к Оригинальному Слою с Вертикальными Фрагментами Текста

Шаг 1

Щёлкните правой кнопкой по оригинальному слою Горизонтальные (Horizontal) и в появившемся окне, выберите опцию Скопировать стиль слоя (Copy Layer Style), а затем, щёлкните правой кнопкой мыши по оригинальному слою Вертикальные (Vertical) и в появившемся окне, выберите опцию Вклеить стиль слоя (Paste Layer Style).

Дважды щёлкните по оригинальному слою Вертикальные (Vertical), чтобы откорректировать Угол (Angle), установив значение на 90 в стиле слоя Тиснение (Bevel and Emboss), а также поменять значения Высоты (Altitude) на 74.

Шаг 2

Для стиля слоя Внутреннее свечение (Inner Glow), просто поменяйте Размер (Size) на 15.

Мы провели коррекцию эффекта в соответствии с вертикальными и диагональными фрагментами текста.

7. Добавляем Стилизацию к Первому Дубликату Слоя с Вертикальными Фрагментами Текста

Скопируйте стили слоя первого дубликата слоя Горизонтальные (Horizontal), а затем, вклейте скопированные стили слоя к первому дубликату слоя Вертикальные (Vertical). Дважды щёлкните по дубликату слоя Вертикальные (Vertical), чтобы откорректировать Угол (Angle), установив значение на -76 в стиле слоя Тиснение (Bevel and Emboss), а также поменять значения Высоты (Altitude) на 53.

Результат для первого дубликата слоя.

8. Добавляем Стилизацию ко Второму Дубликату Слоя с Вертикальными Фрагментами Текста

Скопируйте стили слоя второго дубликата слоя Горизонтальные (Horizontal), а затем, вклейте скопированные стили слоя ко второму дубликату слоя Вертикальные (Vertical). Дважды щёлкните по второму дубликату слоя Вертикальные (Vertical), чтобы откорректировать Угол (Angle), установив значение на -82 в стиле слоя Тиснение (Bevel and Emboss), а также поменять значения Высоты (Altitude) на 53.

Итак, мы завершили стилизацию обеих частей текста.

9. Дополнительно Добавляем Свечение и Создаём Электрические Провода

Шаг 1

Создайте новый слой ниже слоя с текстом, видимость которого мы отключили ранее. Назовите этот слой ‘Свечение на заднем фоне’. Поменяйте режим наложения для данного слоя на Линейный свет (Linear Light).

Установите цвет переднего плана на #98338b, выберите инструмент Кисть (Brush Tool), установите большую мягкую кисть. Просто щёлкните несколько раз, добавив свечение за текстом (не ведите кистью, просто поставьте цветное пятно).

Шаг 2

Создайте ещё один новый слой ниже слоя ‘Свечение на заднем фоне’. Назовите этот слой ‘Провода’. Выберите инструмент Перо (Pen Tool), в настройках данного инструмента выберите режим Контуры (Path).

Что вам нужно сделать далее- это создать контуры там, где бы вы хотели добавить электрические провода. Вы можете добавлять опорные точки, а также создавать кривые, потянув за направляющие опорные точки. При создании контуров, не забывайте, что контуры не должны быть идеальными. В любой момент, вы можете воспользоваться инструментом Стрелка (Direct Selection Tool) для коррекции опорных точек или направляющих линий.

Шаг 3

Чтобы создать раздельные контуры, удерживайте клавишу (Ctrl). Вначале нарисуйте контур, потом нажмите + удерживайте клавишу (Ctrl), далее, щёлкните за пределами контура, таким образом, создав отдельный контур, который не будет привязан к следующему контуру, который вы будете создавать далее.

Шаг 4

Не торопитесь в этом шаге, чтобы получить интересный результат.

Шаг 5

Выберите инструмент Кисть (Brush Tool), далее, зайдите в панель настроек кисти Окно – Кисти (Window > Brush), установите жёсткую круглую кисть 7 px, значение Интервала (Spacing) 1.

Шаг 6

Установите цвет переднего плана на #252525, выберите инструмент Стрелка (Direct Selection Tool), щёлкните правой кнопкой мыши по контуру и в появившемся окне, выберите опцию Выполнить обводку контура (Stroke Path).

Шаг 7

В появившемся окне, выберите инструмент Кисть (Brush), а также уберите галочку в окошке Имитировать нажим (Simulate Pressure).

Шаг 8

Итак, мы выполнили обводку контура. Нажмите клавишу (Enter), чтобы удалить рабочий контур.

10. Добавляем Стилизацию к Проводам

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

Шаг 1

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки:

  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
  • Цвет: #ec6ab7
  • Непрозрачность (Opacity): 24%

Шаг 2

Добавьте стиль слоя Контур (Contour) со следующими настройками:

  • Поставьте галочку в окошке Сглаживание (Anti-aliased).

Шаг 3

Добавьте стиль слоя Наложение узора (Pattern Overlay) со следующими настройками:

  • Режим наложения (Blend Mode): Умножение (Multiply)
  • Узор (Pattern): 8

Шаг 4

Добавьте стиль слоя Тень (Drop Shadow) со следующими настройками:

  • Непрозрачность (Opacity): 60%
  • Смещение (Distance): 13
  • Размер (Size): 10

Итак, мы добавили стилизацию к проводам.

11. Создаём Крепления

Шаг 1

Выберите инструмент Прямоугольник (Rectangle Tool), чтобы создать прямоугольник размерами 11 x 15 px. Примечание переводчика: далее, я опишу весь процесс создания крепления: 1. в настройках данного инструмента установите режим Слой-фигура (Layer-shape) 2. Добавьте опорные точки, сместите их (применяя инструмент Стрелка) 3. Растрируйте фигуру 4. Создайте дубликат. 5. Примените стили слоя.

Шаг 2

Выберите инструмент Добавить опорную точку (Add Anchor Point Tool). Добавьте две опорные точки по центру вертикальных линий прямоугольника.

Шаг 3

Теперь, выберите инструмент Стрелка (Direct Selection Tool), с помощью данного инструмента, выделите центральные точки, которые вы добавили, а затем, нажмите один раз клавишу со стрелкой ‘Влево’, чтобы сместить точки на 1 px влево. Примечание переводчика: 1. при выделении точек Стрелкой, удерживайте клавишу (Shift) 2. вы не увидите контурного выделения, не переживайте, вы уже их выделили, т.к. точки станут активными, вы это увидите, теперь, просто нажмите клавишу со стрелкой ‘влево’, чтобы сместить точки 3. попробуйте нажать несколько раз клавишу влево, чтобы заметить эффект смещения.

Шаг 4

Продублируйте слой с прямоугольником. Поверните дубликат прямоугольника, для этого идём Редактирование – Трансформация – Поворот 90° по часовой стрелке (Edit > Transform > Rotate 90° Clockwise). Назовите первый слой с прямоугольником ‘H’ (для горизонтальных (horizontal) фрагментов текста, а второй слой назовите ‘V’ (для вертикальных (vertical).

12. Применяем Стилизацию к Креплениям

Дважды щёлкните по слою ‘H’, чтобы применить следующие стили слоя:

Шаг 1

Добавьте стиль слоя Наложение градиента (Gradient Overlay) со следующими настройками:

  • Непрозрачность (Opacity): 42%
  • Тип градиента (Style): Линейный (Linear) Щёлкните по шкале градиента, чтобы установить цвета градиента #151515 слева, #6d6d6d в центре и #161616 справа.

Шаг 2

Добавьте стиль слоя Тень (Drop Shadow) со следующими настройками:

  • Непрозрачность (Opacity): 60%
  • Смещение (Distance): 13
  • Размер (Size): 10

Итак, мы добавили стилизацию к горизонтальному креплению.

Шаг 3

Скопируйте стили слоя, щелкнув правой кнопкой по слою ‘H’ и в появившемся окне, выберите опцию Скопировать стиль слоя (Copy layer style). Таким же образом, вклейте стиль слоя на слой ’V’. Далее, дважды щёлкните по слою ‘V’, чтобы поменять угол стиля слоя Наложение градиента (Gradient Overlay) на 0.

Шаг 4

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

13. Добавляем Слой с Заливкой Цвета

Создайте новый корректирующий слой Цвет (Solid Color). Цвет заливки #a34799. Расположите данный корректирующий слой ниже слоя с электрическими проводами, поменяйте режим наложения для данного корректирующего слоя на Яркий свет (Vivid Light). Таким образом, мы добавим розовый оттенок на кирпичную стену за текстом и усилим свечение и освещение итогового результата.

Поздравляю! Мы завершили урок!

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

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

Как только мы создали текст и применили к нему стилизацию, мы дополнительно добавили свечение на задний фон и с помощью инструмента Перо (Pen Tool), создали контур для электрических проводов. Мы выполнили обводку контура и применили стили слоя, чтобы создать 3D вид.

В заключение, мы применили инструмент Прямоугольник (Rectangle Tool), чтобы создать крепления для электрических проводов, а затем, применили к ним стили слоя. И, наконец, мы добавили последний корректирующий слой, чтобы усилить цвета итогового результата.

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

Создаем в Photoshop надпись в японском стиле

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

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

Скачать архив с материалами к уроку

Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант изображений для выполнения урока.

1. Создаем кисть в виде мазков

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

Шаг 1

Открываем в Фотошоп картинку painted brush strokes. В идеале, мазок должен быть длинным с плавно затухающим текстурным концом с одной стороны.

Шаг 2

Переходим в меню Image – Adjustments – Desaturate (Изображение – Коррекция – Обесцветить), чтобы полностью обесцветить картинку.

Получившийся мазки слишком светлые, поэтому их нужно затемнить. Применяем к ним Image – Adjustments – Brightness/Contrast (Изображение – Коррекция – Яркость/Контрастность). Устанавливаем Contrast (Контрастность) на 100 и Brightness (Яркость) – на -150.

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

Шаг 3

Нам нужно выделить мазки. Для этого переходим Select – Color Range (Выделение – Цветовой диапазон) и кликаем мышкой по черному цвету мазка. Устанавливаем Fuzziness (Разброс) на 200 и жмем ОК.

Шаг 4

Создаем заливку Layer – New Fill Layer – Solid Color (Слой – Новый слой-заливка – Цвет). Благодаря выделению, заливка автоматически примет его форму.

Шаг 5

Далее нам нужно немного сгладить контуры мазков. Для этого кликаем правой кнопкой по маске слоя на панели слоев и выбираем Select and Mask (Выделение и маска).

Устанавливаем Smooth (Сглаживание) на 9, Contrast (Контрастность) – на 24% и Shift Edge (Сместить край) – на -30%. Ваши значения могут отличаться от моих. Главное, следите, чтобы мелкие детали мазков не исчезли.

Шаг 6

Теперь инструментом Crop Tool (C)  (Кадрирование) обрезаем лишнюю часть документа, оставив только один мазок, и переходим Edit – Define Brush Preset (Редактирование – Определить кисть). В открывшемся окне вводим название кисточки и сохраняем ее.

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

Шаг 7

Если вы не знаете, как установить набор кистей, сделайте следующее. Активируем инструмент Brush Tool (B) (Кисть), кликаем правой кнопкой по полотну и в правом верхнем углу панели нажимаем на значок шестеренки. В открывшемся меню выбираем Import Brushes (Импорт кистей).

Далее программа предложит вам выбрать файл кистей на компьютере. Находим их и готово!

2. Создаем шрифт с эффектом мазка кисти

Наконец мы можем приступить к созданию самого шрифта в японском стиле!

Шаг 1

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

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

Пишем слово или словосочетание. Теперь этот текст можно использовать в качестве шаблона для создания своего шрифта.

Шаг 2

Добавляем в Фотошоп набор кисточек с мазками или открываем папку с png-мазками, чтобы они уже были у вас под рукой. Я буду использовать готовые мазки в формате PNG.

Шаг 3

Далее наша задача – комбинировать разные мазки, чтобы сформировать из них буквы. Давайте начнем с буквы «М».

Переносим в Фотошоп мазки, которые мы накладываем на три вертикальные линии буквы «М».

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

Шаг 4

В верхней части буквы вставляем один горизонтальный мазок. Буква «М» готова!

Советую вам группировать (Ctrl+G) мазки по буквам, к которым они относятся. Каждую группу можно назвать соответствующей буквой: «М», «А» и т.д.

Шаг 5

Кисточкой (В) или ластиком (Е) можно доработать отдельные детали мазков, убрать лишнее, чтобы добавить разнообразия.

Также не забудьте, что мазки можно отражать по горизонтали и вертикали (Ctrl+T), а также менять их масштаб, высоту и ширину, чтобы избежать повторений.

Шаг 6

Для изогнутых букв, например, «С», можно использовать Pen Tool (P)  (Перо). С его помощью создаем контур, кликаем по нему правой кнопкой мышки и выбираем Stroke Path (Выполнить обводку контура). В открывшемся окне выбираем Brush (Кисть) и жмем ОК. Только перед применением кисти она должна быть настроена.

Также используйте для изогнутых букв режим деформации Edit – Transform – Warp (Редактирование – Трансформирование – Деформация), чтобы создавать и приводить в соответствие кривые, а также подбирать формы в соответствии с текстовым шаблоном.

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

Шаг 7

С помощью слоя-заливки Solid Color (Цвет) можно заполнить текст любым цветом. Только не забудьте превратить заливку в обтравочную маску (Ctrl+Alt+G), чтобы она не выходила за пределы надписи.

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

Мы закончили!

Буквально за считанные минуты мы создали свой собственный шрифт! Можете не останавливаться только на этой надписи и создать целый алфавит. Сохраните его в формате PSD и у вас будет полноценный авторский шрифт!

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

Автор: Abbey Esparza

Источник: design.tutsplus.com

Создаем горящую надпись в Фотошопе

Уроки Фотошопа, Иллюстратора, Флэш и 3ds max. Статьи о дизайне и фотографии.

Огненный текст в Фотошопе

В данном уроке мы создадим текст из огненных букв в Фотошопе. Данный огненный текст смотрится очень эффектно.

Шаг 1. Создаем новый документ (Ctrl+N) в Фотошоп с черным фоном нужного размера. Вбиваем какую-нибудь букву или цифру. У нас это цифра 1 из шрифта Trajan Pro размером 280 пт.
Шаг 2. Идем в Стили Слоя (Layer Styles) (можно через кнопоку внизу Палитры Слоев). Выбираем стили – Outer Glow (Внешнее Свечение), Color Overlay (Наложение цвета), Satin (Глянец) и Inner Glow (Внутренне Свечение). Параметры задаем как на рисунках.

Шаг 3. Растрируем слой с текстом (кликаем правой кнопкой мыши по слою с текстом и выбираем пункт Rasterize (Растрировать Текст)). И, выбрав Eraser Tool (Ластик) с диаметром Кисти 200 пикселей (кисть выбираем мягкую), и стираем верхнюю чаcть цифры, котрая у нас как будто ужне сгорела.
Шаг 4. Идем Filter>Liquify (Фильтр>Исказить), выбираем инструмент Forward Warp Tool (Деформация), задаем соответсвующие параметры и добавляем волну букве.
Шаг 5. Скачиваем фото огня . Загружаем её в фотошопе, идем на панель Channels (Каналы), а там преходим на Green (Зеленый) и кликаем по его миниатюре, удерживая Ctrl, чтобы выделить светлые участки данного канала.
Шаг 6. C помощью инструмента Move Tool (Перемещение) перетаскиваем выделение из файла с огнем в файл с цифрой.
Шаг 7. Используя Eraser tool (Ластик) диаметром 15 пикселей, стираем лишнее.
Шаг 8. Дублируем слой с огнем и задаем для копии Opacity (Непрозрачность) – 30%, Blending Mode – Overlay (Перекрытие).
Шаг 9. Повторяем процедуру с огнем необходимое число раз, пока не станет устраивать результат.
Шаг 10. Добавляем еще букв тем же способом.
Шаг 11. По желанию, можно добавать фон на задний план, вот такой, например. При необходимости масштабируем (Ctrl+T) и перемещаем его (Move Tool (V)).
Шаг 12. Для усиления эффекта создаем новый слой над слоем с фоном и заливаем его черным цветом. После этого уменьшаем Непрозрачность (Opacity) слоя до 50% и стираем Ластиком все лишнее.
Шаг 13. Создаем ещё один слой и рисуем на нем мягкой Кистью 3 пятна, как на рисунке.
Шаг 14. Режим Смешивания для этого слоя ставим – Color Dodge. Ну вот и все, наш огненный текст готов.

Урок переведен автором сайта и при цитировании его на русском языке ссылка на сайт обязательна. Автор Johnson Koh. Оригинал статьи на английском

Создаем горящую надпись в Фотошопе


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

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

Сегодня научимся создавать огненные буквы в нашем любимом Фотошопе.

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

Дважды кликаем по слою с текстом, вызывая стили.

Для начала выберем «Внешнее свечение» и сменим цвет на красный или темно-красный. Размер подбираем, исходя из результата на скриншоте.

Затем переходим в «Наложение цвета» и меняем цвет на темно-оранжевый, почти коричневый.

Далее нам понадобится «Глянец». Непрозрачность 100%, цвет темно-красный или бордовый, угол 20 град., размеры – смотрим на скриншот.

И, наконец, переходим во «Внутреннее свечение», цвет меняем на темно-желтый, режим наложения «Линейный осветлитель», непрозрачность 100%.

Нажимаем ОК и смотрим на результат:

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

Далее идем в меню «Фильтр – Искажение – Рябь».

Фильтр настраиваем, руководствуясь скриншотом.

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

После того, как огонь размещен на холсте, нужно сменить режим наложения для этого слоя (с огнем) на «Экран». Слой должен находиться в самом верху палитры.

Если буква не достаточно хорошо видна, то можно продублировать слой с текстом сочетанием клавиш CTRL+J. Для усиления эффекта можно создать несколько копий.

На этом создание огненного текста завершено.

Учитесь, творите, удачи и до новых встреч!

Отблагодарите автора, поделитесь статьей в социальных сетях.

Урок создания огненного текста в Фотошопе

Приветствуем вас на очередном уроке по Фотошопе, в котором мы научимся создавать огненные надписи.

У нас уже были подробные разборы на тему работы со шрифтами/текстом, например: “Как сделать золотые буквы в Фотошопе”

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

Создание горящего текста в Photoshop

Для стилизации мы возьмем первую букву нашего логотипа – “M”.

Подготовка текста: работа со стилями слоя

  • Создаем один слой с черной заливкой и поверх него располагаем слой с белым текстом – буквой “M” (наш шрифт: Fira Sans SemiBold Italic):
  • После, открываем параметры наложения (стили) для слоя с текстом, двойным кликом по нему. Можно также вызвать стили слоя, кликнув правой кнопкой мыши на слой и в выпадающем меню выбрать “Параметры наложения”:
  • В открывшемся окне настроек ставим галку возле “Внешнее свечение”, тем самым активировав эффект. В параметрах эффекта выбираем в пункте “Цвет” оттенки красного/темно-красного, непрозрачность ставим на 80%, размах – 0%, режим наложения – “Экран”, а в поле размер все индивидуально. У нас получились такие настройки:
  • После, активируем эффект “Наложение цвета” и выбираем в его настройках оттенок темно-оранжевого цвета, режим наложения – “Нормальный”, а непрозрачность – 100%, как показано на скриншоте ниже:
  • Переходим к добавлению “Глянца”. Режим наложения выбираем “Умножение”, если не стоит по умолчанию, непрозрачность – 100%, в качестве цвета выбираем оттенки мутного темно-красного, угол поворачиваем на 30 градусов, контур – “по Гауссу”, а размеры и смещение индивидуально.
  • Последний этап в настройках стиля слоя – активация «Внутреннего свечения». Режим наложения – “Линейный осветлитель”, непрозрачность – 100%, шум – 0%, цвет выбираем – мутно-желтый, метод – “Мягкий”, источник – “На краях”, стягивание – 0%, размер – индивидуально. См. скриншот ниже:
  • Применяем изменения нажатием “ОК” и получаем предварительный результат до наложения огня:
  • Теперь, прежде чем мы будем работать дальше, нужно растрировать слой с текстом. Просто нажимаем правой кнопкой мыши на слой с текстом и в выпадающем меню выбираем “Растрировать текст”, как показано на скриншоте ниже:
    А затем еще раз кликаем по слою и выбираем уже “Растрировать стиль слоя”:
  • После переходим в главное меню “Фильтр” ->“Искажение” –>“Рябь”.
    В открывшемся окне настроек ряби передвигаем ползунок на глаз, но при этом размер нужно выбрать “Средний”. Кликаем “ОК”.

Наложение пламени на текст

Мы подошли к самой интересной части – наложению заранее подготовленного изображения огня на букву. Если у вас еще нет такого изображения, то вы можете поискать его в в Google картинках. Стоит отметить также и то, что на букву М сложнее найти изображения пламени, поэтому лучше начинать эксперименты с буквы А.

  • Когда пламя уже подобрано, необходимо разместить его на самом верхнем слое в палитре и поменять режим наложения на “Экран”, а ползунок непрозрачности сдвинуть на отметку 95%.
  • Таким образом наша огненная буква уже почти готова. Но… Еще один момент. Если буква теряется на фоне пламени, то вы можете просто создать копию слоя с текстом. Можете создавать столько копий, сколько нужно, пока все не будет смотреться гармонично.

Результат

Вот и все. Теперь вы знаете как сделать огненный текст в Фотошопе. И, как оказывается, это не так сложно.

17 февраля 2015 | Опубликовано в Уроки | 5 Комментариев »

Adobe продолжают выпускать обновления для Photoshop CC. В последнем обновлении вы можете найти фильтр Flame, с помощью которого можно создать самые разнообразные огненные эффекты, начиная с огонька свечи, закачивая пылающими объектами. В этом уроке мы будем создавать горящие буквы при помощи этого нового фильтра.

Результат

Шаг 1: Создание нового файла

Выберите File>New/Файл>Создать. Чтобы ускорить процесс редактирования, создайте небольшой документ размером 600×400 px, 72 ppi, 8-bit с белым фоном. Так как пламя будет лучше видно на черном фоне, инвертируйте цвет фона, нажав Command-I/Ctrl-I.

Шаг 2: Добавляем текст

Нажмите D и X чтобы быстро выбрать белый цвет в качестве первого цвета. Возьмите инструмент Type/Текст (T) и выберите шрифт, похожий на Arial Regular. Кликните внутри документа и введите текст. В нашем случае: “INFERNO”. Пусть все буквы будут заглавные. На панели настроек нажмите на иконку с галочкой, чтобы завершить редактирование текста.

Если текст вышел слишком мелким или крупным, нажмите Command-T/Ctrl-T, чтобы вызвать режим свободного трансформирования. Удерживая Shift, потяните за край рамки трансформации и масштабируйте надпись так, чтобы она заполнила почти все поле документа. Нажмите Enter, чтобы принять изменения. Чтобы выровнять текст, нажмите Command-A/Ctrl-A), возьмите инструмент Move/Перемещение (V) и кликните иконки Align Vertical Centers/Выравнивание центров по вертикали и Align Horizontal Centers/Выравнивание центров по горизонтали. Нажмите Command-D/Ctrl-D, чтобы снять выделение.

Шаг 3: Конвертируем текст в рабочий контур

Фильтр Flame/Пламя работает только с контурами, поэтому нам нужно конвертировать текст в контур. В меню выберите Type>Create Work Path/Текст>Создать рабочий контур. В палитре Layers/Слои кликните по иконке с глазом слева от слоя с текстом INFERNO, чтобы сделать его невидимым. Кликните по иконке Create a New Layer/Создать новый слой в нижней части палитры Layers/Слои. В этом слое мы будем создавать эффект пламени.

Помните: Фильтр Flame/Пламя также работает с контурами, созданными инструментом Pen/Перо или базовыми фигурами, созданными как контур. Представьте какие возможности это открывает!

Шаг 4: Применение эффекта

В меню выберите Filter>Render>Flame. Если появится предупредительное окно, оповещающее вас что ваш контур длиннее 3,000 px, просто нажмите OK чтобы его закрыть. Давайте настроим эффект. В меню Flame Type выберите Multiple Flames Along Path. В параметре Length укажите 114. Также укажите в параметре Width значение «5», и в параметре Interval — «10». Включите опцию Adjust for Interval Loops, установите параметры «Flame Lines (Complexity)» на 9, «Turbulent» на 0, «Jag» на 0, «Opacity» на 25 и «Flame Bottom Alignment» на 9. В меню Flame Style выберите режим Normal, в Flame Shape укажите Pointing, также выберите Medium в меню Quality. Снимите галочку с параметра Randomize Shapes и укажите Arrangement в 1. В зависимости от вашего шрифта, вам могут понадобится иные параметры. Экспериментируйте, а если вам не нравится результат, нажмите кнопку Reset, чтобы начать все сначала.

После того как все настройки сделаны, нажмите OK и подождите немного, чтобы фильтр прошел этап рендеринга. Дело сделано. Зайдите в палитру Paths/Контуры (Window>Paths/Окно>Контуры) и кликните где-нибудь , чтобы сделать рабочий контур неактивным.

Шаг 5: Детали

Эффект смотрится впечатляюще, но мы можем добавить некоторые детали. Выберите в меню Layer>Layer Style>Inner Glow/Слой>Стиль слоя>Внутреннее свечение. В настройках укажите Blend Mode/Режим наложения Color Burn/Затемнение с Opacity/Непрозрачностью в 100%. Кликните по желтому значку образца цвета и выберите вместо него оранжевый (R:255, G:114, B:0) и укажите Size/Размер в 8 px.

Кликните по стилю Outer Glow/Внешнее свечение, чтобы включить и настроить его тоже. В настройках стиля укажите Blend Mode/Режим наложения Screen/Осветление на Opacity/Непрозрачности в 22%. Вместо желтого цвета также выберите оранжевый (R:255, G:114, B:0) и укажите Size/Размер в 8 px.

Нажмите OK, чтобы закрыть окно стилей слоя и наша работа готова.

Результат

Автор урока Mark S. Johnson

Делаем золотые буквы в Photoshop

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

Шаг 1: подготовка к работе

1. Создайте новый рисунок размером 1200х800 px и откройте окно «Слои».

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

3. Выберите белый цвет в палитре и напишите что-нибудь, используя инструмент «Текст». Мы выбрали шрифт Times New Roman Bold размером 230 пт, рис.2.

4. Расположите текст посередине с помощью инструмента «Перемещение». Чтобы изменить размер надписи используйте «Свободную трансформацию» в меню «Редактирование».

Шаг 2: делаем золото

1. Нажмите внизу окна слоев кнопку fx и выберите в списке «Наложение градиента». Кликните один раз по его цвету для редактирования. Появится окошко с цветовой школой. Если на панели инструментов у вас стояли стандартные цвета (черный и белый), то градиент будет черно-белым.

На шкале вы увидите ползунки, это контрольные точки цвета. Кликните два раза мышкой на нижний левый ползунок и выберите на палитре желтый (#ffff00), рис.3, точно так же измените конечный цвет градиента, кликнув на второй нижний ползунок справа. Оттенок поставьте ближе к золотому (мы взяли #cc9900), рис.4. Нажмите «Ок». В окошке со стилями градиента измените стиль на «Зеркальный», непрозрачность и масштаб поставьте 100%, рис.5, снова кликните «Ок». Должно получиться примерно как на здесь, рис.6.

2. Снова нажмите fx и «Тиснение». Измените метод на «Жесткая огранка», глубина 195%, размер 90, рис.7, выберите «Двойное кольцо» для контура глянца и поставьте галочку напротив «Сглаживание» рядом с контуром, рис.8. Уже похоже назолото. Можно еще увеличить глубину по вкусу.

3. Но не спешите закрывать окно стилей, слева под «Тиснением» поставьте галочку напротив «Контур».

4. Там же, в окне стилей, поставьте галку перед «Глянец» и выделите его мышкой, перейдя в настройки. Выберите режим«Осветление основы», непрозрачность поставьте примерно 50%, а цвет ярко-желтый (#ffff00), рис.9.

5. Теперь выберите «Тень», режим наложения «Нормальный», непрозрачность 100%, цвет #999900, смещение и размах = 0, размер = 6, контур «Двойное кольцо» плюс «Сглаживание», рис.10. Вот что получилось, рис.11.

Шаг 3: усиливаем эффект

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

1. Создайте новый пустой слой (вторая кнопка справа от корзины в окне слоев).

2. Активируйте инструмент «Пипетка» и возьмите пробу цвета с самого светлого участка букв.

3. Переключитесь на «Кисть» с непрозрачностью 100% и отрегулируйте размер инструмента.

4. В настройках кисти в верхнем меню загрузите категорию «Разные кисти» и выберите кисточку №25 или №48, рис.12.

5. Нарисуйте блеск на буквах, там, где это будет уместно. Примерно как на образце, рис.13.

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

Кровавая надпись в фотошоп — Уроки фотошоп и все о фотошоп

В этом уроке мы создадим кровавую надпись в фотошоп. Эффект кровавой надписи лучше применять к крупному шрифту.

Шаг 1. Создайте новый документ. Выберите основной чёрный цвет (D) и залейте слой, нажав Alt + Backspace. Выберите инструмент Текст ( Т ) и напишите белым цветом свою надпись. Затем нажмите Ctrl + T, при необходимости измените размер надписи и расположите немного выше середины как показано ниже.

Шаг 2. Растрируйте текст щёлкнув на слое с надписью правой кнопкой мышки и выбрав команду Растрировать текст (Rasterize Type). Затем объедините слои нажав Ctrl + E. Выберите команду Изображение — Повернуть холст — 90° по часовой стрелке (Image — Rotate Canvas — 90 CW). Затем выберите Фильтр — Стилизация — Ветер (Filter — Stylize — Wind). Установите следующие параметры и нажмите ОК.

Фильтр Ветер примените 4−5 раз. Для этого просто нажмите несколько раз клавиши Ctrl + F. Я применил фильтр 4 раза. Далее поверните текст в исходное положение.

Шаг 3. Теперь превратим свисающие полосы в стекающую с надписи кровь. Для этого выберите команду Фильтр — Эскиз — Линогравюра (Filter — Sketch — Stamp) укажите следующие значения и нажмите ОК.

Затем инвертируйте изображение нажав Ctrl + I. Если Вы всё сделали правильно, то в результате должно получиться примерно так:

Шаг 4. Выберите инструмент Волшебная палочка (W) и щёлкните левой кнопкой мышки на чёрном цвете изображения. Затем щёлкните правой кнопкой мышки и выберите команду Подобные оттенки (Similar), чтобы полностью выделить чёрный цвет.

Инвертируйте выделения, чтобы выделить только надпись, нажав Shift + Ctrl + I. Затем снова щёлкните правой кнопкой мышки на изображении и выберите команду Вырезать на новый слой. В результате надпись окажется на новом слое.

Шаг 5. Удерживая нажатой клавишу Ctrl, щёлкните на эскизе слоя с надписью в палитре Слои.

Затем выберите красный цвет (#df0023) и залейте им текст, нажав Alt + Backspace. Снимите выделения Ctrl + D.

Шаг 6. В нижней части палитры Слои щёлкните на значке похожем на букву f и выберите команду Тиснение (Bevel and Emboss). Укажите следующие значения, но кнопку ОК не нажимайте.

Теперь выберите команду Контур. Установите значения и нажмите ОК.

Вот и всё. Эффект кровавой надписи готов (чтобы было лучше видно эффект, я поменял цвет фонового слоя).

Автор: Владимир Нестеров Источник: photoshop-virtuoz.ru

Создаем эффект разбитой каменной надписи в Photoshop

Любопытный туториал, в котором вы узнаете, как в Photoshop «разбить» надпись? сделанную из камня.
Можно просто наложить «каменную» текстуру, но нам же вечно мало реализма, так? Давайте добавим несколько этапов. 

 
Наберите в новом документе требуемый текст. В нашем примере это будет, как ни странно, слово «ДЕЖУРКА» Да, не забудьте поместить каждую букву в отдельный слой!
Теперь переводим все буквы в растр (правый клик по названию слоя — Rasterize Type).


 
Отлично. А теперь вооружаемся пером Pen Tool и создаем на буквах пути. Эти-то пути и разобьют наши буквы на кусочки. Каждый кусочек — отдельный путь. Всем, кто «плавает» в использовании этого крайне полезного инструмента =- непременно пройти урок Pen Tool: мастер-класс по использованию инструмента Перо.


 
Затем, находясь в соответствующем слое, выбираем нужный путь. Создаем из пути выделение (либо нажимаем CTRL+Enter, либо правой кнопкой по пути, Make Selection). 
Переносим выделившуюся часть буквы в новый слой и сдвигаем кусочек по вертикали и горизонтали, поворачиваем, как нам нравится.
 
Получается что-то вроде этого:
 

Накладываем паттерн; мне приглянулась текстура плит из этой подборки Дежурки.
Если возникнут вопросы, как наложить текстуру — смотрим наш предыдущий туториал 
 

И добавляем Drop Shadow.


 
Нижним слоем добавляем фон. Предлагаю вот такой побитый жизнью снимок стены. Кликабельно.
 

Кладем его в самый низ. А под ним располагаем чистый слой, залив его черным цветом. Теперь давайте сделаем фоновую картинку полупрозрачной, процентов 15-20. Вот что получается:


 
Последний штрих — возьмем кисть с изображением разбитого стекла , повторим его в новом слое несколько раз и положим самым верхним слоем. Переведем этот слой в режим Overlay.

Ну, вот, что получилось. Надеюсь, наша Дежурка по-настоящему так никогда не упадет )))


 
По материалам статьи waseem



Комментарии

[an error occurred while processing the directive]

Похожие статьи

Случайные статьи

Как создать рукописный плакат на новоселье в Adobe Photoshop

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

Но если вы хотите сэкономить несколько часов работы и найти лучшие рукописные шрифты для своих цифровых проектов, прокрутите вниз после этого руководства.У нас есть набор премиальных рукописных шрифтов от Envato Elements.

Создавайте подобные рукописные цитаты с помощью премиального рукописного шрифта от Envato Elements.

Чему вы научитесь в этом уроке письма от руки

  • Как рисовать буквы в Photoshop 
  • Как нарисовать буквы для постера
  • Как делать цитаты от руки
  • Как оцифровать надписи от руки

Начнем!

1.Как создать надпись от руки с помощью Pen Tool

Шаг 1

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

На первом наброске я пытаюсь вставить цитату внутрь фигуры дома, но в данном случае, мне кажется, изображение выглядит несколько тесноватым и перегруженным ненужными деталями, а основная часть композиции — сама надпись — слишком монотонно.Кроме того, оно не взаимодействует со словом «сердце», которое является еще одним важным и значимым элементом всей фразы, балансируя со словом «дом».

Подумав таким образом, я делаю еще один грубый набросок (даже более грубый, чем первый, как вы можете заметить), где четко подчеркиваю оба слова. Я также добавляю немного символизма, изображая стилизованную крышу поверх слова «дом» и размещая слово «сердце» в форме сердца. Теперь все выглядит более сбалансированно и осмысленно.Давайте сделаем плакат из второго эскиза!

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

Шаг 2

Продолжим практику письма от руки. Создайте 3000 x 3000 px, 300 ppi New Document и поместите туда свой набросок. Мы научимся рисовать буквы в фотошопе.

Используйте инструмент «Пипетка» (I).  выберите темно-синий цвет из эскиза и примените его к фоновому слою.  с помощью инструмента «Заливка» (G).

Уменьшите Opacity Sketch до 25% , сделав его полупрозрачным, если он вас слишком отвлекает.

Шаг 3

Теперь давайте возьмем Pen Tool (P) и начнем обводить буквы слова «дом». Используйте полилинию, чтобы нарисовать левый стержень буквы «H». Закройте путь и перейдите к правому стеблю, сделав его тоньше.

Не уверены в Pen Tool? Не волнуйтесь, вам просто нужно немного больше практики! Этот инструмент на самом деле не так страшен и сложен в использовании, как может показаться! Ознакомьтесь с этими простыми инструкциями по использованию Pen Tool и убедитесь в этом сами!

  • Ручка

    Photoshop за 60 секунд: знакомство с инструментом «Перо»

    Кирк Нельсон

  • Инструменты и советы

    Инструмент «Перо» в Photoshop: подробное руководство

    Ян Йейтс

Этап 4

Сделайте прямоугольную форму для перекладины, и давайте объединим все элементы нашей буквы! Выберите их все с помощью Direct Selection Tool (A) и перейдите в меню Path Operations на панели управления сверху.Здесь давайте выберем Объединить фигуры и применим его, выбрав Объединить компоненты формы в нижней части меню. Вот оно! Теперь все части письма объединены!

Шаг 5

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

Выберите оба овала с помощью Инструмента прямого выделения (A) , и на этот раз давайте Исключить перекрывающиеся фигуры в меню Операции с контурами . Щелкните Merge Shape Components , чтобы вырезать внутренний круг.

Шаг 6

Мы можем заполнить нашу букву каким-либо цветом, чтобы увидеть, работают ли Path Operations . Давайте откроем панель Paths (Window > Path) и щелкнем Заливка контура цветом переднего плана в нижней части панели, применив цвет переднего плана , который в настоящее время установлен на белый на нашей панели Color .

Шаг 7

Давайте отменим (Control-Alt-Z) наше предыдущее действие по удалению заливки и продолжим оформление буквы.

Инструментом Pen Tool (P) () придайте форму букве «O», используя набросок в качестве основы и обведя его над ним. Начните с верхней левой части буквы «О» и постепенно двигайтесь вправо, образуя кривую в форме банана.

Шаг 8

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

Мы всегда можем использовать Direct Selection Tool (A) для перемещения опорных точек, чтобы линии выглядели гладкими.

Шаг 9

Давайте выберем оба элемента буквы «О» и воспользуемся функциями Объединить фигуры и Объединить компоненты формы , чтобы объединить фигуры.

Шаг 10

Давайте продолжим и используем Pen Tool (P) , чтобы нарисовать букву «M» ломаной линией.

Шаг 11

Продолжить до буквы «Е»‘; это будет немного сложнее, чем предыдущие буквы. Начните создавать эллиптическую форму с помощью Pen Tool (P) , аналогично тому, что мы сделали с буквой «O». Используйте прямые линии, чтобы сформировать окончание буквы, а затем продолжайте формировать изогнутый путь для внутренней части буквы «Е».

Шаг 12

Постепенно двигаться вверх. Удерживайте Alt , чтобы изменить направление ручки якоря, чтобы сделать угол на перекладине буквы «Е». Добейте его силуэт, закрывая путь.

Шаг 13

Добавьте каплевидную форму для внутренней части (счетчика) буквы. Теперь мы можем выбрать оба элемента и применить Исключить перекрывающиеся фигуры (не забудьте Объединить компоненты формы после выбора нужной функции в Операции с контурами ).

Мы можем проверить нашу букву в панели Paths , залив ее белым цветом.

Шаг 14

Теперь давайте добавим косую черту на противоположной стороне перекладины, используя Pen Tool (P) , чтобы сформировать изогнутую форму.

Шаг 15

Выберите обе части и Объединить фигуры в Операции с контурами , нажав Объединить компоненты формы , чтобы применить эффект.

Шаг 16

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

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

2. Как добавить тени и градиенты

Шаг 1

Следующими шагами в нашей практике рукописного письма являются тени и градиенты. Давайте добавим объем нашим буквам, используя градиентную заливку. Возьмите Gradient Tool (G) (вы можете найти его в том же выпадающем меню, что и Paint Bucket Tool ).

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

Перейдите на панель Color и установите синий цвет для переднего плана и белый цвет для фона.

Затем возьмите Gradient Tool (G) и перетащите снизу вверх слово «дом», применив вертикальный линейный градиент от синего к белому.Вы можете проверить настройки градиента в панели управления сверху, выбрав нужный тип градиента.

Шаг 2

Чтобы сделать слово «дом» более заметным, давайте создадим тень, отбрасываемую буквами на фон. Создайте Новый слой прямо под «домашним» слоем. Теперь, не снимая выделения с нового слоя, удерживайте нажатой клавишу Control и щелкните слой «дом». Таким образом, мы создаем выделение вокруг букв в виде «марширующих муравьев».

Установите цвет переднего плана на темно-синий в панели Color , возьмите инструмент Paint Bucket Tool (G) и щелкните для заливки, создав темно-синюю копию слова «дом» на новом слое.Теперь мы можем переместить нижний слой на несколько пикселей вниз и вправо, сделав темно-синюю тень видимой.

Шаг 3

Теперь давайте посмотрим, как мы можем добавить мягкие тени к буквам, сделав их более трехмерными. Мы будем использовать инструмент Pen Tool (P) или инструмент Freeform Pen Tool для создания формы. Давайте Увеличим масштаб (Control-+) на букву «е» и нарисуем путь, соединяющий ее косую черту с перекладиной, как показано на скриншоте ниже.

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

Шаг 4

Выберите «домашний» слой на панели Слои , удерживайте нажатой Alt и нажмите кнопку Создать новый слой . Во всплывающем окне Новый слой установите флажок Использовать предыдущий слой для создания обтравочной маски , чтобы создать связанный слой. Рядом с нашим новым слоем вы увидите маленькую стрелку, указывающую, что все, что мы на нем рисуем, будет отображаться только внутри границ объектов основного слоя.

Давайте посмотрим, как это работает. Щелкните правой кнопкой мыши и Сделайте выбор.  Используйте инструмент «Градиент» , чтобы применить диагональный линейный градиент от синего к белому.

Шаг 5

Переключите режим наложения связанного слоя на Multiply , сделав белую часть градиента прозрачной. Таким образом мы создали мягкую тень, отделяющую перекладину (и ее штрих) от тела буквы «е».

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

Шаг 6

Используйте ту же технику, чтобы добавить тень к букве «о», отделив ее изогнутую полосу от чаши буквы.

Теперь все слово выглядит объемным и законченным! Переходим к следующему элементу композиции!

3. Как оцифровать плакаты с надписями от руки

Шаг 1

На следующем этапе изучения того, как оцифровывать надписи от руки, мы добавим несколько пользовательских фигур. Что мы собираемся сделать дальше, так это добавить форму сердца.К счастью, нам не нужно рисовать его вручную, так как мы можем взять Custom Shape Tool , выбрать сердце из списка Shapes на панели управления вверху и создать сердце желаемого размера, используя наш эскиз в качестве ссылки.

Шаг 2

Возьмите инструмент Direct Selection Tool (A) и переместите опорные ручки, сделав сердце более выпуклым и закругленным внизу. Если вы не видите маркеры, используйте инструмент Convert Point Tool , чтобы щелкнуть и перетащить маркеры из опорной точки.

Мы можем переключаться между цветом Заливка и Обводка (или применять оба, или не устанавливать оба значения) с панели управления сверху, выбирая нужный цвет из раскрывающегося списка.

Я устанавливаю цвет Fill на None , так как мне нужно видеть буквы моего эскиза внутри сердца.

Шаг 3

Перейдем к слову «сердце». Для таких нарисованных от руки надписей я предпочитаю использовать настоящую кисть и бумагу.Если вы всегда хотели попробовать писать от руки, это хорошая отправная точка. Одной из лучших кистей для начала является Tombow Fudenosuke, или это может быть любая другая кисть на ваш выбор.

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

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

Отсканируйте надпись (или сделайте фотографию) и перетащите ее в Photoshop. Перейдите к Image > Adjustments > Levels (Control-L) и отсюда нам нужно увеличить общую контрастность и яркость нашего слоя с надписями, чтобы сделать темные буквы действительно черными, а цвет фона белым, чтобы текстура бумаги исчезла.

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

Шаг 4

Когда вы будете удовлетворены своим контрастным шрифтом, перейдите к Select > Color Range , чтобы открыть окно параметров. Отсюда у вас будет Eyedropper Tool , выбранный по умолчанию. Используйте его, чтобы навести курсор на слово «сердце» и щелкнуть любую из черных букв.Оставьте ползунок Fuzziness в положении 40% или измените значение, если вы чувствуете, что не вся черная область видна в предварительном просмотре. Нажмите OK , когда будете готовы, и вы увидите выделение «марширующие муравьи» вокруг букв. Скопируйте (Control-C) буквы.

Шаг 5

Теперь мы можем Вставить (Control-V) слово «сердце» в наш постер и нажать Control-T для Свободное преобразование , чтобы изменить размер и повернуть слой, чтобы он соответствовал форме сердца.

Если некоторые из букв не соответствуют форме сердца, используйте инструмент Lasso Tool (L) , чтобы выбрать букву (просто обведите ее), а затем снова нажмите Control-T и поверните/измените размер выбранной буквы индивидуально.

Сделаем наши буквы видимыми и яркими. Выберите слой «сердце» и перейдите к Image > Adjustment > Invert , изменив цвет букв с черного на белый.

Шаг 6

Давайте добавим небольшие детали вокруг букв.Возьмите Brush Tool (B) и либо откройте панель Brush (Window > Brush) , либо щелкните правой кнопкой мыши , чтобы открыть список кистей, и выберите жесткую круглую кисть .

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

Шаг 7

Вы можете найти настройки кисти в панели управления сверху.Я сохраняю Opacity и Flow на 100% , делая линии четкими и толстыми. Я рисую точки и штрихи вокруг буквы «h» с помощью графического планшета.

Шаг 8

Продолжайте добавлять штрихи и точки вокруг каждой буквы. Когда вы закончите и будете довольны результатом, выберите слой с формой сердца, нажмите Custom Shape Tool , чтобы активировать меню Shape на панели управления вверху, и установите красный цвет Fill , заполняя внутреннюю часть сердца.

Шаг 9

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

Шаг 10

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

Я использую ту же жесткую круглую кисть и свой графический планшет, чтобы нарисовать маленькую букву «i», используя набросок в качестве эталона.Как видите, сначала я рисую верхнюю и нижнюю горизонтальные линии, а затем добавляю две вертикальные линии по краям буквы, определяя ее толщину. И, наконец, я просто закрашиваю внутреннюю часть буквы голубым, почти белым цветом.

Затем я использую точно такую ​​же технику для буквы «s»: я рисую ее силуэт, а затем закрашиваю ее внутреннюю часть цветом.

Шаг 11

Здесь мы можем увидеть, как выглядит наш постер. Я использовал копию слоя «is» (Control-J) , чтобы добавить его прямо под сердце.

Шаг 12

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

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

Итак, давайте напишем фразу «где твой» на бумаге с помощью пера-кисти, а затем отсканируем ее и перенесем в Photoshop, чтобы сделать ее чистой и контрастной, используя Уровни (Control-L). Затем используйте  Select > Color Range , чтобы выбрать черные буквы, Скопируйте (Control-C) их и Вставьте (Control-V) прямо в плакат. Используйте Free Transform (Control-T) , чтобы повернуть и изменить размер слов, чтобы они соответствовали верхней части формы сердца.

Не забудьте Image > Adjustment > Invert слоя, чтобы сделать буквы белыми.

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

Шаг 13

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

Шаг 14

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

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

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

Шаг 15

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

Шаг 16

Наши темные украшения готовы! Давай продолжим!

Шаг 17

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

В завершение добавьте светло-голубые горизонтальные штрихи с обеих сторон слова «is» в самом низу плаката.

Дом, милый дом! Наш постер с надписями от руки готов!

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

Удачного проектирования!

5 лучших рукописных шрифтов от Envato Elements

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

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

Давайте рассмотрим некоторые потрясающие стили рукописного ввода от Envato Elements:

1. Шрифт Backabon Hand Lettering (OTF, TTF, WOFF)

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

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

2. Gorden: Шрифт в ручном стиле (OTF, TTF)

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

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

3. Steelmond: Ручной шрифт (OTF, TTF)

Есть много стилей письма от руки. Этот вдохновлен надписью от руки кистью. Используйте этот классный дизайн рукописных надписей для логотипов, одежды, цитат от руки или любого другого проекта!

4. Monstalk: винтажный шрифт с засечками от руки (OTF, TTF, WOFF)

Ищете винтажные рукописные надписи? Этот винтажный шрифт с засечками для вас.Этот тип рукописного шрифта отлично смотрится на плакатах и ​​брендинге.

Попробуйте этот полный набор для рукописного ввода с веб-шрифтами уже сегодня!

5. Розмари: Шрифт с засечками (OTF, TTF, WOFF)

Если вы ищете набор для ручного письма для вашего следующего логотипа, Розмари для вас. Этот элегантный дизайн рукописных букв особенно хорошо смотрится в проектах брендинга.

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

Ознакомьтесь с другими классными шрифтами для рукописного ввода и ресурсами

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

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

Учебники по текстовым эффектам — 51 лучший учебник по типографике

38. Как создавать изометрическую типографику

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

39. Как создать отражающую типографику в InDesign

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

40. Создание эффекта длинной тени в Photoshop

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

41. Создайте редактируемый стиль ретро-текста в Illustrator

В этом уроке Крис Спунер покажет вам, как создать ретро-типографику, используя заливки и обводки на панели «Внешний вид» Illustrator. Эти модные буквы имеют искусственный трехмерный вид и полностью редактируются.

42. Быстрое создание двухцветного текстового эффекта в Photoshop

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

43. Создайте текстовый эффект старинного названия фильма в Photoshop

В этом уроке Spooner объясняет, как создать типографику, вдохновленную стилями названий старых черно-белых фильмов. Используя 3D-возможности Photoshop CS6 и Photoshop CC, он добавляет сложное освещение и тени к этим буквам в стиле ретро.

44. Создание золотого 3D-текста в Illustrator

Если вы хотите добавить блеска своей типографике, следуйте этому руководству Adobe Illustrator от иллюстратора Karol Gadzala.Шаг за шагом она объясняет, как выдавливать текст в 3D, применять металлические материалы, чтобы придать ему золотой блеск, и добавлять драгоценные камни, блестки и мерцание.

45. Создайте текстовый эффект Chrome в Illustrator

Текстовые эффекты Chrome — это стиль 80-х и 90-х, о котором забыли времена. Но эти ретро-образы теперь возвращаются. Следуйте этому руководству, чтобы узнать, как создать аналогичный эффект металлического текста в стиле ретро в Adobe Illustrator.

46. Создание пользовательского шрифтового дизайна в Illustrator

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

47. Три способа добавления текстур к шрифтовым рисункам

Текстуры Photoshop — отличный способ имитировать эстетику старых гравюр и произведений искусства ручной работы и придать вашим цифровым дизайнам более тактильный вид. В этом уроке Крис Спунер объясняет три способа, которыми вы можете повредить свои логотипы и текст, каждый из которых приводит к немного другому внешнему виду.

48. Создайте текстовый эффект «чертеж» в Illustrator

Узнайте, как создать текстовый эффект «чертеж» в Adobe Illustrator. В этом уроке показано, как сочетать простые штрихи, базовые приемы режимов наложения и различные эффекты преобразования, чтобы создать впечатляющий вид вашей надписи.

49. Создание декоративной буквицы в Illustrator

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

50. Создание векторной цветочной типографики в Illustrator

Здесь Юлия Соколова объясняет, как создать композицию цветочной типографики в Adobe Illustrator. Вы узнаете, как создавать свои собственные векторные кисти и использовать различные инструменты рисования Adobe Illustrator для создания цветов, листьев и цветочных элементов.

51. Создание эффекта текстового портрета в Photoshop 

В этом уроке показано, как создать классный эффект портрета с помощью длинного фрагмента текста, который изгибается и деформируется по контурам лица.Этот суперкрутой эффект, известный как каллиграмма, создается с помощью фильтра Photoshop Displace.

Статьи по теме:

Надписи в Photoshop! Два простых метода создания надписей | Жасмин Лаве

Стенограммы

1. Добро пожаловать в Photoshop Надписи: Современный шрифт: Привет. Я просто люблю. Добро пожаловать в фотошопную современную весну, где вы научитесь создавать надписи с помощью Adobe Photoshopped. Вместе мы изучим и применим элементы современных шрифтовых стилей, которые мы видим в современной каллиграфии, кисти, леттеринге и шрифтовом дизайне.Вы увидите примеры того, как я применяю эту технику к реальным проектам надписей, а также увидите, как я создаю новые надписи от начала до конца. Этот класс содержит множество полезных советов по формированию букв, которые помогут использовать шрифт сценария оценщика именно так, как вы хотите. Он также включает в себя создание пользовательской кисти для надписей, а также бонусное видео о том, как победить глаза. Надпись вашего фотомагазина. Этот класс идеально подходит для всех любителей леттеринга, независимо от уровня навыков. Когда вы закончите свой классный проект, вы можете применить свои надписи на пальцах ног, такие как открытка, одежда, грин-карта, настенное искусство или что угодно.Если у вас нет Adobe Photo Shop или приветственного Sinti, не проблема. Техники Тео, которые вы изучите на этом занятии, можно применять с помощью iPad, Windows Surface pro или любого другого планшета для рисования в стилисте, который вам удобно использовать. Готовы ли вы начать? Итак, я присоединился сейчас, и давайте начнем 2. Инструменты и обзор: Всем привет и добро пожаловать. Я так рада, что ты решил пойти на этот урок. Я очень счастлив. Давайте начнем с краткого обзора класса. Во-первых, мы поговорим о многих двух вариантах, которые у вас есть для участия в этом классе.В следующем видео мы отправимся на поиски вдохновения. Он рассмотрит несколько книг, а затем пару веб-сайтов, чтобы дать вам некоторое представление о том, какие элементы помогают создать стиль. Далее мы создадим в Photoshop кисть для надписей Andy Racer. Создать их очень просто. Для тех из вас, кто захочет пропустить эту часть, вы сможете загрузить пресет кисти, который я создал. Тем не менее, я рекомендую вам в любом случае следовать, потому что там может быть что-то, чего вы еще не знаете.Кто знает. После этого мы узнаем, что такое руководство по леттерингу, как его создать и как им пользоваться. Наконец, мы начнем наш проект Photoshopped Lettering. У вас будет два варианта, и я продемонстрирую оба в этом классе, не стесняйтесь заполнять оба варианта. На самом деле, я поощряю это, потому что выполнение обоих вариантов улучшит вашу практику. Это повысит ваши навыки, и тогда вы сможете оценить, какой метод лучше всего подходит для вас. Кроме того, чем больше вы напишете, тем больше удовольствия получите.Кому не нравится возможность просто выделиться и создать надпись в фотомагазине? Я люблю это. Наконец, в бонусном видео я кратко расскажу о том, как векторно поднять надпись в вашем фотомагазине. Это очень быстро и очень просто, так что давайте поговорим об инструментах. Техники, которые вы узнаете на этом уроке о цифровых надписях, не ограничиваются использованием фотомагазина W или приветственного антикварного планшета. Это именно то, что я решил использовать для своего классного проекта в этом классе. Хорошо, начнем с программного обеспечения и EPS.Если у вас нет Photoshopped, вы можете загрузить 30-дневную бесплатную пробную версию с сайта adobe dot com. Если вы только что использовали бесплатную пробную версию Google Photoshop, вы должны быть в состоянии буксировать. Найдите ссылку, ведущую на Adobe. Страница загрузки, найдите Photoshopped, нажмите, скачайте и следуйте инструкциям. Procreate не является AB для пользователей iPad, который имитирует многие функции фотомагазинов. Это отличный фотосалон. Чередуйте, когда вы в пути, и все, что у вас есть, это ваш iPad и стилисты. Хотя это не замена Photoshop в целом, оно по-прежнему отлично подходит для рисования надписей и стоит около 6 долларов в магазине Apple App.Adobe Photo Shop Sketch — бесплатное приложение для рисования для пользователей iOS. Оно во многих отношениях ограничено по сравнению с фотомагазином или созданием потомства, но все же это отличное приложение для надписей. На самом деле, я начал работать над нарисованным от руки шрифтом, используя его, и теперь я могу отключиться и просто рисовать. А еще у нас есть Astro Pad. Astro Pad — это приложение, которое превращает ваш iPad в планшет для рисования на компьютере Mac. Предполагалось, что это будет альтернатива старинному приветствию. Я никогда не использовал это раньше, но на YouTube есть несколько обзоров по этому поводу.Если вы хотите узнать больше об этом, есть много других APS для рисования для пользователей Windows и Android. Все дело в том, чем вам нравится рисовать. Что касается аппаратного обеспечения и устройств, также доступно несколько вариантов. Когда дело доходит до стилиста, я предпочитаю использовать что-то с чувствительностью к давлению, чтобы мне было легче имитировать мазок кисти, и последний совет для тех, кто будет использовать планшет для рисования на экране или iPad Pro или что-то подобное, где Ваша рука на экране, купите ватные шарики.Это значительно увеличивает отклонение ладони, так что вы случайно не оставляете метки по всему рисунку. В следующем видео мы узнаем о формах букв сценария и начнем поиск вдохновения. 3. Охота за вдохновением: прежде чем мы начнем с надписями, я хочу рассказать вам, на что стоит обратить внимание в поисках вдохновения. Несколько мест для исследования элементов стиля находятся в книгах. Некоторые книги были созданы для обучения и практики, тогда как другие были созданы исключительно для вдохновения. Эта книга под названием «Современная каллиграфия» Молли Супер Торп предназначена для обучения и практики.Как вы могли догадаться, он наполнен несколькими формами современной каллиграфии и включает в себя отработку подсказок, таких как строки и столбцы буквенных символов, каждый из которых написан по-разному. Когда вы рисуете слова, старайтесь думать о различных формах букв. Вы когда-нибудь практиковались в написании букв и замечали, что продолжаете рисовать один и тот же тип букв снова и снова? Если да, то книги, подобные этой, идеально подходят для вас, потому что они побуждают вас рисовать разные скелеты, что затем приводит к созданию ваших собственных уникальных стилей.Два популярных элемента, которые мы видим в сегодняшней надписи, или тыквы и завитки. Они обычно используются, чтобы сделать надписи нестандартными, элегантными, женственными или забавными. На что следует обратить внимание, так это на то, как буквы соединяются. Вот отличный пример слова «ненавидит». Посмотрите, как буква «О» соединяется с буквой «V». два O имеют типичные петлевые разъемы. Старайтесь помнить об этих мелких деталях, когда практикуете разные формы букв.Еще одна вещь, которую вы заметите, это то, что Молли удвоила толстый штрих, чтобы создать высококонтрастные надписи на этой странице. Нерегулярные волнения и базовые линии придают надписи игривый вид. Обратите внимание на то, как они расположены: все достигает высоты X и опускается ниже базовой линии. Кроме того, O и You очень маленькие по сравнению с другими буквами. Это то, что я называю преувеличенными буквенными формами. Этот мне очень нравится. Взгляните на букву F в слове, потому что это восходит к созданию новых и уникальных буквенных форм.Мне нравится это. Если это произойдет так скоро, когда вы нарисуете свой сценарий, это будет связанный сценарий, также известный как курсив, или он будет отключен? См. слова сохранить даты и свадьбы. О, потому что Молли приколола эти слова, а не напечатала их. По определению, это шрифт, этот тип всех заглавных букв. Шрифт также является популярным стилем письма и каллиграфии. Может быть, вы захотите добавить терминалы к своим надписям. Если да, то где вы добавите их в дизайн шрифта, который обычно находится в конце руки, ноги или брови букв, таких как A, C, F, G, J, R, или почему? Но в надписях вы также можете увидеть их на концах росчерка, если эта книга под названием «Сценарии» была создана Луизой Фили и Стивеном Хиллером.Это книга для вдохновения, и она наполнена широким спектром шрифтовых надписей 19-го и 20-го веков. Это действительно отличный ресурс. Вот один из моих любимых разворотов из книги. Мне он нравится, потому что он показывает одну фразу, написанную или нарисованную разными способами разными булавками или кистями. Еще один замечательный источник — книга Райана Хьюза «Пользовательские надписи сороковых и пятидесятых годов». Эта сверхтолстая книга просто не может быть заполнена нестандартными надписями. Я просто хотел выделить часть оглавления, чтобы показать вам их категории надписей.Как видите, у них почерк, кисть, почерк, пин-почерк, графика, почерк. В этой книге так много хорошего, что вам обязательно стоит ее прочитать. Я вытащил пару изображений из книги, чтобы указать еще на несколько элементов. Q и F имеют уникальную лигатуру, когда вы смотрите на вдохновение, и когда вы пишете буквы, вы также замечаете, казалось бы, мелочи, такие как то, как буква рисуется от начала до конца. Например, если вы посмотрите на букву в «От королевы», вы заметите, что штрихи горбов разветвляются от нижней части первого штриха, а не от середины или сверху.Теперь, если вы посмотрите на шрифт, который я использую на этом слайде, вы увидите, что выступы на концах расположены ближе к верху, чтобы буквы оставались связными. Важно обратить внимание на то, как штрихи сужаются в начале и в конце. Как вы можете видеть по слову «редакторский», начальный штрих D. I. T. и L одинаковы, потому что они были написаны или нарисованы одной и той же кистью. Это отличная вещь, о которой следует помнить, когда рисуете и очищаете отредактированные в Photoshop надписи. О, и мы не можем забыть об этих чернильно-кровавых краях.Мне нравится этот внешний вид, поэтому мы собираемся создать цифровую кисть, которая имитирует этот внешний вид. Наконец, я хотел оставить вам несколько советов по типографике, которые помогут вам в написании букв. Так вот я написал. Чем больше вы разбираетесь в типографике и дизайне шрифтов, тем лучше для создания хорошо сформированных надписей, например, вы можете изменить способ, которым вы обычно рисуете перекладину. Иногда в строчных буквах, таких как T, E и F, поперечная полоса проходит прямо поперек. В других случаях под углом.Это еще один элемент, который вы можете использовать, чтобы помочь унифицировать ваши буквы и определить свой стиль. Я добавил несколько различных стилей терминала для вашего рассмотрения. Также подумайте о повороте и межбуквенном интервале. Так что, если мы вернемся к этому слову «редакция» или это сообщение в редакцию, это будет похоже на «Лореаль». Но я думаю, что это должна была быть буква Т, так что мы просто притворимся, что это редакционная статья. Так что это слово Editori ой, плотно Керн. А затем, если мы вернемся к этому слову, представьте, что буквы расставлены по воздуху.Итак, еще раз, это еще одна вещь, которая влияет на стиль надписей, которые вы решили нарисовать, потому что вы записались на этот класс. У вас есть доступ к бесплатному скачиванию этого pdf-файла со страницы описания проекта, чтобы вы всегда могли вернуться и почерпнуть из него какие-то идеи. Я просто хочу быстро показать вам, ребята, эту современную доску сценариев Pinterest, которую я создал, чтобы помочь вам приступить к поиску вдохновения для вашего проекта. Поэтому, просматривая это, подумайте, какое слово, имя или фразу вы хотите нарисовать и для чего вы будете использовать свои надписи.Чтобы дать вам некоторые идеи, вы можете создать логотип бренда, поздравительную открытку, приглашение, обложку книги, плакат. Я имею в виду с надписью. Кажется, что нет никаких ограничений, поэтому обязательно ознакомьтесь с этой доской Pinterest на веб-сайтах — это отличный способ поиска альтернативных форм букв на этом веб-сайте. Я просто захожу в строку поиска, набираю скрипт, нажимаю Enter, потом хочу отключить изображения, ввожу букву и смотрю, что появляется. Существует также расширенный поиск, который позволяет вам исключить стили, которые вы не хотите видеть.Иногда это работает. Иногда это не зависит от того, что люди пометили свои шрифты тегом Хорошо, теперь, когда мы рассмотрели, что искать в источнике вдохновения, давайте сделаем здесь паузу и сделаем наш первый шаг к нашему проекту, создав проект класса в галерее проектов. После того, как вы выберете имя, слово или фразу, которую хотите нарисовать, добавьте их в качестве названия своего проекта. Например, я хочу использовать свои надписи на открытке, чтобы название моего проекта было привет или приветствие, потому что это слова, которые я хочу нарисовать.После того, как вы потратите время вместе, создайте по крайней мере пять источников вдохновения, вы можете создать доску Pinterest и ссылку на страницу своего проекта, чтобы другие могли ее просмотреть или подписаться. Или вы можете просто загрузить скриншот своей доски настроения, по крайней мере, с пятью изображениями. В следующем видео мы создадим пользовательскую кисть для надписей, поэтому запустите страницу своего проекта и давайте двигаться дальше. 4. Создание кисти для надписей: Добро пожаловать! Впервые я создал кисть для надписей в Photoshop, когда подчищал часть надписей для открыток ко Дню святого Валентина.Я использовал свой собственный почерк в качестве вдохновения, чтобы нарисовать слова сценария. Затем я проследил окончательный рисунок с помощью микронной булавки с войлочным наконечником, и мне нужно было что-то, чтобы имитировать края чернил, пока я очищал свое произведение. Я был приятно удивлен тем, как хорошо работает эта кисть. После этого я, Виктор, поднимаю свои надписи из собственных чернил и акварельных текстур и бум! Это стало картой, которая очень нравится людям, и я даже смог воспроизвести и продать их со словами: «Давайте начнем». Мы собираемся создать цифровую кисть, которая выглядит как чернила на бумаге.Первое, что вам нужно сделать, это перейти на страницу описания проекта, а затем загрузить и установить стартовую кисть. Мы будем использовать это в качестве основы для создания нашей кисти для чернил. Для тех из вас, кто хочет следовать, но пропустить создание кисти, вы можете загрузить файл предустановки инструмента кисти, чтобы установить файл кисти. Просто дважды щелкните его, чтобы открыть в фотомагазине. Однако, если вы не видите его в списке кистей, откройте палитру пресетов кистей. Нажмите на значок шестеренки и выберите «Загрузить кисти». Посмотрите на свою кисть на компьютере и нажмите «Открыть».Чтобы установить предустановку инструмента для груди, вы должны загрузить ее из фотомагазина. Откройте панель предустановок инструмента. Нажмите на значок меню и найдите предустановки инструментов загрузки. Найдите файл настроек инструмента и выберите «Открыть». После того, как вы установите начальную кисть, нам нужно будет загрузить еще одну кисть, и вы можете найти ее внутри Photoshopped CC в палитре пресетов кистей. Нажмите на значок шестеренки, прокрутите вниз до кистей с искусственным покрытием и обуви. Добавить. Убедитесь, что вы выбрали начальный пакет, а затем установите поток кисти на 70%.Теперь перейдите на панель кистей, чтобы мы могли настроить и создать кисть. Итак, что я собираюсь сделать, так это показать вам настройки моей кисти 300 DP I. Убедитесь, что ваш размер при рождении установлен на 25 пикселей. Убедитесь, что округлость установлена ​​на 100%. Убедитесь, что интервал отмечен и установите его на 5%. Вздыхает. Джетер установлен на 15%. Управление настроено на штифт до минимального диаметра 5%. Установите шкалу наклона на 200%. Прокрутите вниз до угла джиттера и установите элемент управления на Pinto. Следующий. Джиттер округлости составляет 30%.Регулятор настроен на давление штифта. Минимальная округлость составляет 25%. Убедитесь, что выбраны и функция flip exchequer, и функция flip y jitter. Переходим к рассеянию. Убедитесь, что оба доступа отмечены галочкой, и установите разброс на 20% с учетом четырех и дрожанием учетной записи на 30%. Пропустите вниз, чтобы сделать кисть. Убедитесь, что режим установлен на жесткий, а затем прокрутите вниз, пока не увидите, что трафаретная губка вращается. Это кисть, которую мы загрузили из пресета faux Finish. Установите размер 65 пикселей. Если еще не указано расстояние до 30%, установите флажок «Оба доступа», а затем установите разброс на 130%, что означает, что количество равно трем.Теперь давайте двигаться дальше. Для передачи ниже уровня потока Гетер установил регулятор на минимальное давление штифта, равное 20%. Теперь мы собираемся убедиться, что у нас есть наращивание и сглаживание цыпленка. Итак, позвольте мне показать вам, что создает эти наслоения, из-за чего ваша кисть выглядит так, будто она впитывается в бумагу. Это так здорово. Так что не забудьте проверить свою кисть и поэкспериментировать с ней. Вносите изменения, пока вам это не понравится, просто чтобы дать вам кисть. Совет по шероховатости. Если вам когда-нибудь понадобится более или менее шероховатый текстурированный край мазка кисти, попробуйте уменьшить этот процент разброса для получения более гладкой линии.Больше для более грубой линии. Например, когда вы рисуете меньшей кистью и очищаете или добавляете края, вы можете захотеть, чтобы шероховатость осталась прежней. Таким образом, когда вы уменьшаете размер кисти, вы должны увеличивать процент рассеивания. Наконец, не забудьте сохранить свою пользовательскую кисть, и ее настройки теперь являются предустановленными инструментами для ластика. Есть способ стереть без использования ластика. Он называется ясным, и сейчас он в настроении рисовать кистями. Это работает только для слоев, на которых нет прозрачной блокировки пикселей.Это включает в себя запертую заднюю комнату, в отличие от вашего фона, нажав на замок один раз, вы сможете использовать режим очистки. Вы заметите, что это делает все прозрачным. Поэтому, если вы хотите, чтобы ваш фон оставался сплошным, вы должны убедиться, что рисуете на отдельном слое. Я собираюсь продублировать фон с помощью команды или элемента управления J. Затем я выберу свой фоновый слой и заполню его белым, используя команду, удаление или клавишу Backspace. Затем я собираюсь повторно выбрать свой дубликат слоя.И теперь мой режим очистки работает как положено. Четкие мотивы — это круто, но мне нравится двигаться, не задумываясь о своем движении. Поэтому я предпочитаю использовать ластик. Что я делаю, так это убеждаюсь, что у меня выбраны предустановки инструмента «Кисть для надписей». Сделайте отметку на странице, чтобы фотоснимок знал, какой инструмент кисти я использовал последним. Затем возьмите инструмент «Ластик», откройте средство выбора кистей и выберите последнюю использовавшуюся кисть. В этом случае. Так как я взял ластик и на нем была мягкая кисть, мне пришлось перейти к следующей кисти, которая, как я знала, была моей кистью для надписей.Теперь ваш ластик оснащен всеми теми настройками кисти, которые мы создали для нашей кисти. Это позволяет мне просто быстро нажимать клавишу E для ластика в кисти B Kiefer без необходимости каждый раз открывать раскрывающееся меню. Сохраните пользовательский ластик в качестве предустановки инструмента. И точно так же у вас есть собственная кисть с цифровыми чернилами и соответствующий ластик. В следующем видео мы создадим руководство по леттерингу. 5. Создание руководства по леттерингу. Итак, давайте немного порассуждаем. Что такое руководство по леттерингу? Метод леттеринга.Это началось со мной недавно, когда я работал над большим проектом свадебных канцелярских принадлежностей и декора для вечеринок. На моей текущей работе, где я работаю, у нас есть масса проектов и очень быстрые сроки. Поэтому для этого проекта я действительно хотел создать свой собственный шрифт, потому что я чувствовал, что это идеальное время, чтобы включить больше себя и больше моей страсти в мой проект. Кроме того, у нас очень ограниченное количество хороших сценариев. Нам доступны шрифты, поэтому большинство из них очень традиционные или старомодные.Я хотел, чтобы надписи на канцелярских принадлежностях имели характер и выглядели более современно, но мне нужен был быстрый и структурированный способ сделать это. Мне нужно было что-то, что направляло бы меня, чтобы все шло быстрее, и вот когда появился сад надписей. Но это было рождено для меня. Я уверен, что это не ново для других внештатных иллюстраторов или писем. По сути, я начал со шрифта под названием Amazon. Сначала я подумал, что просто использую этот шрифт для своего дизайна, но мне показалось, что он слишком формальный или традиционный для этой свадьбы в современном стиле, тема которой называлась «Вечеринка в саду».Поэтому я расположил свой шрифт так, как хотел, с помощью иллюстратора. Затем я принес свой шрифт в фотомагазин, понизил A pass it Ito, где я едва мог видеть его, как 4%, и начал рисовать поверх него. Но в моем собственном стиле, поскольку я уже имел в виду стиль надписей, я использовал шрифт в качестве ориентира для сохранения интервала между буквами, веса и расположения в соответствии с моими первоначальными идеями для этого дизайна. Для этого вы можете использовать фотомагазин или иллюстратор, или любое программное обеспечение или приложение, которое позволяет вам редактировать текст.Давайте начнем с ввода слова, имени или фразы, которую мы хотим нарисовать. Выберите начертание шрифта, достаточно близкое к желаемому виду, но не слишком близкое. Поэтому, если вы хотите избежать кражи вашего вдохновения, не используйте точный лицевой или часть надписи из вашего вдохновляющего коллажа. Я предлагаю использовать шрифт с плоской или традиционной базовой линией, чтобы вы могли создать свою собственную базовую линию, не отвлекаясь на шрифт, созданный кем-то другим. Что касается размера пункта, я рекомендую не менее 72 пунктов для вашего руководства.Это на самом деле размер, который я использовал для свадебных канцелярских принадлежностей, которые были на карточке пять на семь дюймов. Конечно, размер точки может быть больше или меньше, в зависимости от продукта. Вы намерены использовать свои надписи. Один. Если вы используете Illustrator CC, вы сможете воспользоваться преимуществами нового инструмента сенсорного ввода, который действительно ускоряет процесс стилизации. Упорядочивание макета вашего шрифта так, как вы хотите, чтобы ваш законченный вид надписи выглядел, например, увеличенными буквами с каплевидными чашечками, обычным интервалом поворота базовой линии и так далее.После этого вы готовы скопировать и вставить его в Photoshopped. Мне нравится использовать мой текст в качестве смарт-объекта на случай, если я захочу преобразовать его без искажений или если мне нужно будет отредактировать его позже. Иллюстратор. Если вы работаете в фотоателье, вы можете использовать наиболее удобные инструменты, которые помогут вам в любом случае. Например, если вы хотите нарисовать кривую, сделайте копию живого текста, используя сочетание клавиш Command J, сохраните оригинал. от оригинального Rast.Поднимите дубликат в режим свободного преобразования и щелкните значок деформации. Вы можете использовать это, чтобы обуздать свой текст. Это побудит вас рисовать на бордюре, а не просто по прямой линии. Если вы предпочитаете просто иметь изогнутую направляющую для рисования, то более быстрым способом будет захватить ярлык инструмента формы или сдвинуть вас, пока вы не увидите инструмент «Эллипс» и не нарисуете свою кривую. После того, как вы поработаете со своим шрифтом, уменьшите непрозрачность до 5-15%. Позвольте ему быть достаточно видимым, чтобы вы могли видеть, но достаточно прозрачным, чтобы не отвлекать внимание.Цель этого шрифта — использовать его в качестве основы для макета, интервала, размера букв, штриха, толщины и так далее. Помните, мы не копируем этот шрифт. Этот тип будет служить ориентиром. Только вы будете принимать свои собственные дизайнерские решения, чтобы создать свою собственную уникальную надпись. В следующем видео мы начнем фотошопить леттеринг с помощью леттеринга. Метод бога. Если хотите, можете поделиться шрифтом, который вы выбрали как парень. Увидимся в следующем видео. 6.Photoshop Lettering I: моя доска вдохновения показывает контраст, ожидания, терминалы, размывки и интересные лигатуры. Теперь я могу не использовать все эти элементы, но это то, что я буду иметь в виду. Пока я рисую свое слово. Начните рисовать, используя свои рекомендации по написанию букв и свой собственный стиль замусоривания. Не бойтесь стереть то, что вам не подходит. Иногда хитрость заключается в том, чтобы начать заново. — Сделайте нам столько копий слоев, сколько вам нужно, пока вы рисуете и определяете размер букв, толщину, интервалы и уникальность.Вращайте и переворачивайте область артборда по мере необходимости. Я знаю, что многим цифровым художникам нравится делать это, чтобы увидеть вещи с другой точки зрения или получить лучший угол рисования. Мне нравится делать это, когда я редактирую свои кривые. Мне также нравится менять размер кисти по ходу работы, я буду использовать больший размер для рисования и меньший размер для редактирования. Завершите надпись и загрузите скриншот на страницу вашего проекта. Если вы еще не закончили работу над надписью, вы можете поделиться снимком процесса, чтобы получить обратную связь и, в конечном итоге, сравнить окончательный рисунок с черновым наброском.На это всегда весело и вдохновляюще смотреть. В следующем видео я продемонстрирую рукописное письмо с помощью 7. Photoshop Lettering II: начните с набросков или эскизов вашего слова, написанных собственным почерком. Это может быть набросок карандашом на бумаге или цифровой набросок. Другой вариант — бесплатно разместить надпись прямо здесь, как в фотомагазине. Для меня процесс надписей на фотографиях похож на рисование. Сначала вы блокируете свое произведение искусства, а затем уточняете и очищаете его, как лепку. — Вот простой прием очистки, который я использовал, чтобы обрезать или думать в письме.Выберите содержимое слоя с помощью команды. Нажмите на значок изображения слоев, затем убедитесь, что у вас выбран инструмент выделения. Вы можете немного подтолкнуть контур к мазку или от него и использовать носок кисти. Добавьте или ластик, чтобы убрать вес. Тео Уэй. После бонусного видео я покажу вам, как работать с вектором. Поднимите свои отфотошопленные надписи, сохраняя при этом чернильную кисть. Смотреть 8. Бонус: векторизация надписей в Photoshop: я собираюсь показать вам, как я векторизирую Rise, мой отфотошопленный мусор с помощью Adobe Illustrator. Сначала я скопирую его из фотомагазина.Убедитесь, что выбран слой с надписью. Теперь загрузите выделение содержимого слоя с помощью команды. Нажмите на значок слоя и команду See for copy. Теперь перейдите в иллюстратор и вставьте. Итак, у меня уже есть предустановка трассировки изображения. Итак, я просто расскажу вам о своих настройках, которые мне нравится использовать, когда Invicta поднимает мой мусор. Иногда я получаю эту небольшую ошибку, которая происходит, когда в моих буквах есть дыры, поэтому мне приходится ее исправлять. В противном случае он делает эту странную вещь, которую вы видите здесь, есть пара способов исправить это.Я могу немного увеличить процент углов. Итак, я перешел с 45 на 48, и он исчез. Ну и замечательно. Другой способ исправить это — зайти в фотоателье и убрать маленькие дырочки. Как только эта часть будет готова, скопируйте и вставьте ее обратно в Illustrator, выберите мой пресет, и он будет исправлен. У меня есть несколько пресетов надписей в том, который я сейчас использую. Я просто назвал это надписью. Три для порога, который мне нравится иметь на уровне 90. Пути установлены на 100%, углы установлены на 45%, а шум установлен на один пиксель.Что касается метода, я установил его для почкования, который создает вырезанные пути, а затем для создания у меня есть. Он настроен на Фила вместо штрихов для опций, кривых привязки, буксирных тросов. Иногда это дает заметную разницу. Иногда это не так. А потом я игнорирую выбранных белых, и все. 9. Мотивация: Поздравления. Я так горжусь тобой за то, что ты дошел до конца этого класса. Я не могу дождаться, чтобы увидеть, что вы создаете. Поэтому, пожалуйста, не забудьте загрузить свой проект. Начните с изображения вашей доски вдохновения.Я создал этот класс с мыслью о вас. Так что я хочу посмотреть, что вы создадите с вашими новыми или улучшенными навыками надписей в Photoshop. Когда вы загружаете свой проект, вы вдохновляете и поощряете других загружать свои проекты. И тогда мы все увидим прекрасные работы друг друга. Если вам понравился этот класс, пожалуйста, дайте ему положительный отзыв. Это повысит видимость класса и позволит другим любителям букв находить и наслаждаться ими. Надеюсь, вам было очень весело, как и мне. Большое спасибо.И увидимся на моем следующем уроке.

Как создать искусственную акварельную надпись от руки в Photoshop — Hello Brio

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

Изготовление надписей своими руками — это увлекательный способ добавить персонализированный штрих «сделай сам» в свой блог и бренд. В конце концов, работа, которую вы создаете с помощью ручного письма, на 100% уникальна, что может помочь вашему бренду выделиться.

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

Шаг 1: набросайте и нарисуйте надпись от руки

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

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

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

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

Сначала сделайте набросок карандашом на бумаге.

Вот несколько быстрых советов по написанию букв печатными буквами:

  • Набросок карандашом первый
  • Карандаш в необходимых местах
  • Аккуратно обведите буквы тонким черным маркером
  • Закрасьте буквы более толстым черным маркером
  • Закрасьте углы и детализированные буквы тонким черным маркером
  • Дайте вашей работе высохнуть, а затем слегка сотрите линии карандаша

Шаг 2. Сканируйте в своей работе

Теперь просканируйте свою работу.Я рекомендую сканировать с разрешением 300 dpi, чтобы у вас было красивое изображение с высоким разрешением для работы с ним в Photoshop. Кроме того, если вы хотите распечатать свою надпись от руки после того, как отредактировали ее в Photoshop, вам в любом случае нужно работать с разрешением 300 dpi, что является разрешением печати.

Итак, приступайте к черно-белому сканированию с разрешением 300 dpi.

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

Шаг 3. Очистите рисунок в Photoshop

Когда вы впервые перенесете свой рисунок в Photoshop, он будет выглядеть немного серым. Чтобы это исправить, откройте панель «Уровни», нажав CMD+L (или CTRL+L для ПК) на клавиатуре. Или перейдите в «Изображение» > «Коррекция» > «Уровни…».

Отрегулируйте уровни отсканированного рисунка в Photoshop с помощью панели «Уровни» в Adobe Photoshop.

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

Используйте белую и черную пипетки на панели «Уровни», пока ваши рукописные буквы не станут четкими черными на ярком белом фоне.

Если вы довольны результатами, нажмите OK.

Теперь обрежьте документ, чтобы в нем была видна только ваша работа. Нажмите C на клавиатуре для инструмента обрезки, затем нарисуйте рамку вокруг своей работы. Нажмите Enter, чтобы завершить обрезку.

Обрежьте изображение по своему вкусу, используя C на клавиатуре для инструмента обрезки.

Теперь вы можете сосредоточиться на очистке остальной части вашего рисунка. Используйте инструмент Eraser (Ластик) (E), чтобы стереть лишние метки. Используйте инструмент «Кисть» (B), чтобы заполнить пробелы или очистить края. Увеличьте масштаб там, где это необходимо, чтобы вы могли видеть надпись от руки. Вы можете быстро отрегулировать диаметр ластика и кисти, используя левую и правую скобки на клавиатуре, [ и ].

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

Теперь нам нужно отделить черную надпись от руки на белом фоне с помощью инструмента «Волшебная палочка». После того, как вы выберете инструмент «Волшебная палочка» (W), снимите флажок «Смежные» на верхней панели Photoshop. Это позволит вам выбрать одну область черных букв от руки, и Photoshop автоматически выберет все черные буквы, потому что они соответствуют этому значению. Установите допуск примерно на 32, затем щелкните, чтобы выбрать надпись.

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

Нажмите CMD+C на клавиатуре, чтобы скопировать выделение, затем создайте новый слой. Нажмите CMD+V, чтобы вставить выделение на этот новый слой.

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

Теперь ваше искусство с рукописными буквами изолировано на прозрачном фоне.

Прежде чем мы применим некоторые акварельные текстуры, вам нужно изменить цветовой режим вашего документа (поскольку сейчас он, скорее всего, в оттенках серого).Перейдите в «Изображение» > «Режим» > и выберите «Цвет RGB», если вы планируете использовать рукописные надписи в Интернете, или выберите «Цвет CMYK», если вы планируете использовать его в печати.

Когда будет предложено объединить слои, нажмите OK.

Шаг 4. Создайте или выберите акварельную текстуру

При желании создайте собственную акварельную текстуру.

Шаг 5: нанесите акварельную текстуру на надпись на руке

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

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

Если вам нужно было сделать что-то похожее на меня и использовать более одного акварельного мазка, сведите вместе акварельные текстуры, щелкнув оба слоя, удерживая клавишу CMD, а затем нажмите CMD+E на клавиатуре, чтобы объединить слои.

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

Выберите пиксели вашего слоя с рукописными буквами в Photoshop.

Выберите акварельный слой.

Затем в нижней части панели слоев щелкните значок «Маска». Скройте исходный слой с надписью от руки, и теперь у вас есть акварельная надпись от руки!

Используйте инструмент «Маска» на панели слоев Photoshop, чтобы замаскировать края вашей акварельной текстуры.

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

Шаг 6: восхищайтесь своей работой!

Вуаля, готовый продукт!

Поместите свой рисунок поверх слоя из искусственной бумаги и любуйтесь своей работой!

Надеюсь, вам понравился этот урок. Опять же, создание нестандартных надписей от руки — это веселый и полезный способ продвинуть свой бренд уникальным способом.Теперь, когда вы знаете, как создавать уникальную графику для своего блога, вы можете использовать эти навыки, чтобы помочь визуально связать свой бренд воедино в таких местах, о которых вы никогда не думали: создав заголовок блога, опубликовав вдохновляющие цитаты в стиле акварели в своей ленте Instagram, создав уникальная графика заголовков для ваших сообщений в блоге и т. д.! И что еще лучше, у вас есть возможность создавать столько уникальной графики, сколько вам нужно, без необходимости нанимать дизайнера.

Способность создавать собственную фирменную графику — мощный навык для творческого предпринимателя.Поздравляем с повышением уровня ваших знаний Photoshop!


Как сделать текст с блестками в Photoshop

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

Шаг 1. Начнем

Создайте новое изображение в Photoshop (Файл>Создать или Command+n).Размер файла составляет 600 x 600 пикселей при плотности 72 ppi (пикселей на дюйм). Обязательно выберите RGB в качестве цветового режима, если вы используете его для Интернета.

Шаг 2. Найдите блестки, стоковое изображение

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

Шаг 3 — Создание фона

Я начну с добавления бумажного фона.Вот набор из 12 бесплатных бумажных текстур на Dribbble. Просто перетащите изображение на холст. Затем создайте квадрат меньше вашего холста (545 х 545 пикселей) с помощью инструмента «Прямоугольник» (U). Уменьшите непрозрачность квадрата до 50%. В итоге вы получите красивый, чистый, многослойный фон.

Шаг 4. Введите текст

При вводе текста создавайте новый слой для каждого слова, которое вы хотите покрыть блестками. Для текста, который я выбрал, у меня есть 3 отдельных текстовых слоя: «Блеск», «Мой любимый» и «Цвет!» Я использовал Sign Painter House Script для текста сценария и Nexa Light (размер 40px, цвет #6e071d) для текста без засечек.Я также добавил пунктирные линии в качестве украшений, чтобы окружить средний текст (используя для этого инструмент «Перо» в режиме формы). Я рекомендую использовать шрифт толщиной при создании этого эффекта. Шрифты Script обычно имеют хороший диапазон толщины букв. Вот как должно выглядеть ваше изображение сейчас:

Сгруппируйте слои «Блеск» и «Цвет!» вместе. Это 2 текстовых слоя, которые мы будем добавлять к блесткам. Вот как должны выглядеть ваши слои сейчас:

Шаг 5 – Добавьте Блеск (БЕЗ БЕСПОРЯДКА)

Перетащите изображение с блестками на холст Photoshop .Мне нравится преобразовывать изображение в смарт-объект , чтобы оно не теряло качество при уменьшении масштаба слоя. Для этого щелкните правой кнопкой мыши слой на панели слоев и выберите «Преобразовать в смарт-объект».

Расположите слой с блестками над текстовым слоем, который вы хотите сделать «блестящим».

Шаг 6. Добавляем обтравочную маску

После того, как вы расположили слои, вам нужно создать обтравочную маску. Чтобы сделать это, удерживайте option/alt и щелкните между слоем с изображением блесток и группой текста с блестками .Вы увидите этот значок при наведении курсора между слоями:

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

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

Шаг 7. Настройка блеска

Осталось настроить изображение блесток так, чтобы оно соответствовало тексту. Переместите изображение, поверните или масштабируйте, чтобы найти идеальное соответствие вашему тексту . Поздравляем, вы только что создали потрясающий текстовый эффект с блестками, затрачивая на это НУЛЕВОЕ время!

Дополнительный шаг — изменение цвета

Ну и что, если ваша аудитория НЕНАВИДИТ ярко-розовый? Легко настроить Оттенок/Насыщенность изображения с блестками на другой цвет . Создайте слой Hue/Adjustment в нижней части панели слоев (или Layer > New Adjustment Layer > Hue/Saturation).Отрегулируйте уровни, чтобы найти идеальный оттенок, который вы ищете.

И, вуаля! Ну вот!

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

25 удивительных руководств по созданию текстовых эффектов в Photoshop: от начинающих до продвинутых

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

От классных текстовых 3D-эффектов до создания вкусного шоколадного текста, от металлических и хромированных текстовых эффектов до типографики в стиле ретро — создание текстовых эффектов в Photoshop может быть очень увлекательным. И, надеюсь, эти руководства помогут вам освоить новые приемы и приемы, которые вы сможете использовать в своем следующем дизайн-проекте.Я следовал руководству по Photoshop «Винтажный текстовый эффект» (перечисленному ниже), чтобы создать избранное изображение для этого поста, как показано выше.

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

В этом руководстве Криса Спунера объясняется, как создать светящуюся вывеску-лампочку, аналогичную тем, которые используются в казино Лас-Вегаса и бродвейских театрах.Мощные 3D-инструменты Photoshop используются для создания реалистичного текстового эффекта в виде лампочки в винтажном стиле.

Довольно сложный, но «замечательный» эффект ретро-текста, созданный с использованием только одного текстового слоя и эффектов слоя, а также новых функций стиля слоя — нескольких экземпляров стиля слоя и наложения штрихов в Photoshop.

Используя стили слоя в Photoshop, научитесь создавать этот блестящий металлический эффект в прохладных летних цветах. Идеально подходит для ваших весенних и летних тематических дизайнерских работ.

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

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

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

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

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

Исследуйте различные текстуры, такие как текстура коры дерева, текстура листа, меловая кисть, различные инструменты выделения, корректировки изображения и эффект осветления/затемнения, чтобы создать этот лиственный текстовый эффект в Photoshop.

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

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

Научитесь создавать эффект блестящего кристального текста в Photoshop с помощью мощных стилей слоя и кисти с блестками.

Эффект яркого пылающего текста. В этом видео показано, как создать этот эффект с нуля в Photoshop без использования фотографий. Реалистичные языки пламени создаются с помощью фильтра «Генератор пламени» — функции Photoshop CC. В то время как хромированный текст создается с использованием нескольких стилей слоя.

От создания текстового слоя до добавления множества различных эффектов — этот великолепный текстовый эффект стоит потраченного на него времени.

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

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

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

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

В этом уроке показано, как использовать смарт-объекты, фильтры, текстуры и обтравочные маски в Photoshop для создания текстового эффекта в стиле ретро-печати.

В этом хорошо объясненном видеоуроке вы узнаете, как создать текстовый эффект меха (или волосы) в Photoshop, используя слои и маски.

В этом уроке показан процесс создания этой интересной типографики с использованием смеси элементов снега и огня в Photoshop.

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

В этом видео подробно объясняются шаги, необходимые для создания потрясающего хромированного 3D-текста с использованием источников света на основе изображений в Photoshop CS6 Extended.

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

Научитесь создавать этот гладкий шоколадный текст с нуля, используя различные стили слоя в Photoshop.

Где найти отличные бесплатные шрифты для текстовых эффектов?

Для создания этих впечатляющих текстовых эффектов в Photoshop вам понадобится хороший шрифт, который будет хорошо смотреться с эффектами, которые вы планируете применить к ним.dafont.com и Font Squirrel – два популярных сайта, на которых можно найти совершенно бесплатные шрифты (даже для коммерческого использования!). Вы также можете обратиться к моему сообщению на Super Dev, в котором перечислены другие сайты, предлагающие бесплатные шрифты, которые вы можете использовать в своих проектах. Повеселись!

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

Рекомендуемое чтение:

Родственные

Облака Текст в Photoshop Photoshop Tutorial

www.psd-dude.com

Узнайте, как создать свой собственный текст облаков в Photoshop из этого простого руководства. Любой может это сделать, все, что вам нужно сделать, это применить некоторые фильтры, и ваш текст, написанный облаками , готов. Используйте несколько кистей облаков для последних штрихов менее чем за 5 минут, и вы получите реалистично выглядящий текст облаков Photoshop , который, я надеюсь, вам понравится!

Твитнуть Текстовый эффект облаков

в Photoshop

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

Как создать текстовый эффект облака

Чтобы создать облаков с текстом в Photoshop, нам понадобится красивый синий фон. Этот синий фон будет нашим небом. Итак, создайте новый слой, залейте его цветом #4db0ff и назовите его. Слой неба .

Добавьте новый Текстовый слой и с помощью Horizontal Type Tool напишите нужный текст. Я буду писать «облака» шрифтом Cooper Std . Вы можете выбрать любой шрифт, который вам нравится, но я думаю, что он выглядит лучше всего на круглых шрифтах.

Если вы решили использовать другой шрифт и не знаете, как его установить, ознакомьтесь с этим руководством. Установите шрифт в Photoshop.

Щелкните правой кнопкой мыши Текстовый слой и Преобразуйте в форму текст.Выберите инструмент Path Selection Tool , выберите буквы и перемещайте их вверх и вниз, чтобы выглядеть лучше.

Создание облачных букв с помощью фильтра пульсаций Photoshop

Выберите слой неба и текстовый слой и нажмите CTRL+E , чтобы объединить два слоя. Идти к Фильтр , Искажение и выберите эффект Ripple со следующими настройками.

Улучшение текстового эффекта с помощью мазков кисти > Брызги

Снова перейдите в меню Filter , на этот раз выберите Brush Strokes и из этого списка выберите эффект Spatter .Настройки: 10 для радиуса распыления и 4 для гладкости. Конечно, вы можете поиграть с этими настройками, чтобы получить интересные результаты.

Завершите текстовый эффект облаков с помощью размытия по Гауссу

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

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

Станьте первым комментатором

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

Ваш адрес email не будет опубликован.

2019 © Все права защищены. Интернет-Магазин Санкт-Петербург (СПБ)