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

Красивый текст в Фотошопе на фоне | Pixelbox.ru — Дополнения и уроки по Фотошопу

Содержание

• Шаг 1. Создаем изображение в Фотошопе.
• Шаг 2. Подготавливаем фон.
• Шаг 3. Добавляем текст и эффект.
• Шаг 4. Электрический эффект
• Шаг 5. Корректируем цвет

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

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

 

Шаг 1. Создаем изображение в Фотошопе.

Откройте в фотошопе картинку с фоном. Сохраните как .psd.

Шаг 2. Подготавливаем фон.

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

Дважды кликните на слой с текстурой и установите режим смешивания Мягкий Свет (Soft Light)

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

Режим смешивания Перекрытие (Overlay)

Шаг 3.

Добавляем текст и эффект.

Используйте шрифт LOT free font, напишите текст белым цветом. Я набрал слово FUTURISTIC.

Перейдите во вкладку Каналы (Channels) и с зажатым CTRL выделите все каналы и изображение(+SHIFT). Сохраните это выделение – Выделение – Сохранить.

Мы будем использовать его позже, а пока снимите выделение CTRL+D.

Кликните дважды на слой с текстом и примените следующие стили:

Тиснение (Bevel and Emboss)

Градиент (Gradient Overlay)

Тень (Drop Shadow)

Установите основной цвет черный. (см. стрелочку)

Создайте новый слой с заливкой (Solid Color), режим наложения Перекрытие (Overlay). Назовите слой Color Fill 1.

Примените фильтр Фильтр – Рендеринг – Облака с наложением (Difference clouds).

Перейдите во вкладку Каналы (Channels), правой кнопкой кликните на маску Color Fill 1 – выберите Удалить канал. Зажмите CTRL и кликните на логотип канала Alpha1, далее меню Слой – Слой маска – Показать выделение.

На панели слоев создайте новый слой.

Выберите огромную кисть 1000 пикселей, 20% жесткости.

В разных местах нанесите цветовые пятна.

Режим наложения этому слою установите Перекрытие (Overlay)

Во вкладке Каналы с зажатым CTRL нажмите на логотип канала Alpha 1, а потом меню Слой – Слой маска – Показать выделение.

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

Шаг 4. Электрический эффект

Скопируйте слой с текстом (FUTURISTIC) – CTRL+J.

Отмените на нем все стили, перекрасьте в черный цвет. Нажмите на него правой кнопкой (на слой) и выберите Растрировать.

Дальше Редактирование – Заливка, выбираем белый цвет, режим наложения Умножение (Multiply)

Применяем фильтр Размытие – Размытие по Гауссу в 4 пикселя.

Выполните команды меню:

Фильтр – Стилизация – Соляризация.

Изображение – Автотон.

Фильтр – Искажение – Полярные координаты

Изображение – Разворот – Разворот на 90.

Изображение – Коррекция – Инвертирование

Фильтр – Стилизация – Ветер (2 раза)

Изображение – Коррекция – Инвертирование

Изображение – Автотон

Фильтр – Стилизация – Ветер (2 раза)

Изображение – Разворот – Разворот на 90 (обратно)

Фильтр – Искажение – Полярные координаты

Режим наложения Экран (Screen)

Шаг 5. Корректируем цвет

Добавляем слой Фотофильтр

Вибрация

Это даст металлический оттенок тексту.

Автор перевода – Александр Акимов

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

Рассмотрим, как сделать надпись в Фотошопе красиво и быстро. Все представленные ниже методы можно использовать в любой версии редактора 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%.

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

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

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

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

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

Чтобы нужная надпись оказалась на фотографии, просто выберете «вставка текста», которую можно найти на специальной панели инструментов:
— откройте фото;

— найдите требуемый инструмент, он выглядит как буква «Т»;

— кликните на то место, на котором должен оказаться текст. Впишите текст;

— чтобы изменить тип и размер шрифта, расположение и цвет надписи – следует воспользоваться специальными клавишами, которые открываются в специальном окне;

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

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

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

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

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

Здесь описана возможность создания надписи, выполняя специальную установку шрифтов из других – дополнительных источников, создаем заливку градиента и обводку.
Скачивание шрифтов доступно на различных источниках. Лучше всего выбирать самый популярный, типа – 1001 free fonts. Выбрав нужный шрифт – скачайте и распакуйте пак шрифтов в папку «Шрифты» в Winodws.

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

Далее нужно подобрать размер текста (символов). После чего уже перейти к добавлению специальных эффектов. Откройте вкладку «Окно », далее «Слои ». Перейдите к слою с текстом. В специальном окне стиля добавьте тень. Добавьте 75% непрозрачности на параметре. Совмещение установите на 10 или 12 пикселей, ровно так же на значение 10-12 установите ползунок размера.

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

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

Вводим в поле #fbfea0 . Теперь нажимаем на нижний параметр с ползунком слева и вводим код #ffef04.

Делаем обводку символов. Нажмите на пункт «Обводка», выбрав при этом размер контура «3», а цвет обводки #031f01.

Закройте мешающие окна. И смотрите на результат. Таким же способом можно добавить и другую надпись, с другим шрифтом и обводкой, и вообще другими параметрами.

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

Создавайте надпись в другом проекте. Ведь в случае необходимости, она может быть добавлена и на другую картинку с измененным текстом.
— Открываем проект в Фотошопе. Устанавливаем размер в 800 на 600 пикселей, дублируем слой.

— На слое-дубликате открываем окошко «Стиль слоя». Слева выбираем «Наложить градиент». Справа настраиваем параметры: «Радиальный стиль», установив масштаб на 50%. После чего установите левую точку градиента на #ffffff, а правую #979797.

После закрытия окно стилей, получится такое изображение. Или градиентная текстура.

Теперь загрузите специальный файл с дополнительной текстурой и откройте его в проекте. Картинка должна быть расположена поверх всех других слоев.

Установите на ПК уникальный шрифт «Bubble Gum

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

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

Перейдите во вкладку «Контур » и установите следующие настройки:

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

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

Как мы знаем, шрифты в Фотошопе (до сохранения или растрирования) являются векторными объектами, то есть, при любой обработке сохраняют четкость линий.

Сегодняшний урок по стилизации не будет иметь какой-либо четкой темы. Назовем ее «немного ретро». Просто поэкспериментируем со стилями и изучим один интересный прием наложения текстуры на шрифт.
Итак, давайте начнем сначала. А для начала нам потребуется фон для нашей надписи.

Фон

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

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

Кнопка, которую следует активировать для создания радиального градиента:

В результате получим примерно вот такой фон:

С фоном мы еще поработаем, но в конце урока, чтобы не отвлекаться от основной темы.

Текст

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

Создаем надпись нужного размера и любого цвета, так как от цвета в процессе стилизации мы избавимся полностью. Шрифт желательно подобрать с жирными глифами, например, Arial Black . В результате должна получиться примерно такая надпись:

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

Стилизация

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

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

Доработка фона

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

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

Снижение насыщенности

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

1. Переходим на самый верхний слой в палитре и создаем ранее озвученный корректирующий слой.

2. Используя ползунки «Насыщенность» и «Яркость» добиваемся приглушения цветов.

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

Вот такая симпатичная надпись.

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

Текст в «фотошопе» – главный инструмент для творческого замысла дизайнера. Сделать короткую надпись на фотографии становится проще, если на компьютере установлен Фотошоп. Существует целая группа инструментов для создания красивых, но коротких посланий.

Инструменты работы со шрифтом

Всего существует четыре типа инструментов для работы с текстом и создания красивых надписей:

• горизонтальный;
• вертикальный;
• горизонтальная текстовая маска;
• вертикальная текстовая маска.

Эффекты применимые к подобным слоям схожи с теми, что применяются к изображению:

1. Фильтры.
2. Трансформация и деформация.
3. Редактировать.
4. Маска.

Как вставить текст в Фотошопе

Открыть интересующую фотографию или картинку при помощи закладки «Файл » и выбора команды «Открыть ». Перед добавлением следует определиться с цветом (по умолчанию «черный и белый») для надписи. Существует два способа изменить цвет:

• палитра ­ для выбора уникального цвета;
• клавиша «В» для возврата к стандартному набору.

На панели инструментов (слева от рабочего пространства) выбираем требуемый текстовой инструмент. Мы будем использовать «».

Источник готового текста не важен. В Вордовском документе или Блокноте набираем требуемый фрагмент или фразу. Копируем в буфер обмена при помощи клавиш (ctrl+с).

Выделяем область для надписи.

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

После, соглашаемся с выбранной надписью.

Изменение шрифта

Активируем инструмент горячей клавишей или при помощи иконки с символом «Т», что позволит написать текст в Фотошопе.

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

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

Выбрав вкладку «Редактирование » из выпавшего списка берем «свободное трансформирование ». При помощи этого инструмента можно:

При помощи инструмента «деформация текста» выбранный объект искажается, приобретая визуальное сходства с буквенной лентой.

Как создать стилизованную надпись

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

1. Фон . В нашем примере – это стена.
   
2. Создаем новый слой и заливаем его черным цветом. Корректируем показатель «непрозрачность » до нужного значения. Выбор параметра обусловлен характеристиками монитора и цветовыми настройками. В данном случае этот показатель равен 35%.
   
3. По центру набираем фразу : Flay.Можно использовать любую надпись и шрифт, в примере это «impact».
   
4. . Выделяем слой с надписью (щелкаем левой кнопкой мыши с зажатой ctrl). Сохраняем выделенную область. Сжимаем область до значения равным 4.
   
5. Удаляем получившуюся область. Должна получиться линейная надпись. Снимаем выделение через ctrl+в.
   
6. Заходим в меню «стиль слоя ». Выбираем цвет.
   
7. Выбираем цвет внешнего свечения . Подбираем размер тени. И копируем слой. Эти же настройки позволят создать объемные буквы.
8. При помощи канального выделения создаем эффект неонового света.
   
9. Меняем перспективу при помощи трансформирования. Правим надпись.
   

Так получаем неоновый текст на стене.

Как создать свой шрифт в Фотошопе

Разработка с нуля – работа кропотливая и очень сложная. Для новичка в графической программе лучше всего использовать специализированные приложения, например, подойдет «Font Creator » либо «Adobe Illustrator ».

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

Желательно подписать слои , чтобы не запутаться потом.

Готовый текстовый проект сохраняем в формате «psd » либо «jpg ».

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

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

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

1. Создаём новый рисунок или открываем тот, на который хотим добавить надпись.
2. Кликаем по иконке «Т» в левой панели инструментов.
3. Выбираем, в каком направлении будет идти надпись – горизонтально или вертикально.
4. Пишем желаемый текст.
5. Растягиваем поле до желаемых размеров, перемещаем на нужное место.

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

Отредактировать надпись можно по следующему алгоритму:

1. Выделяем слой, который содержит символы, и нажимаем на «Т» в панели инструментов.
2. Нажимаем на выпадающий список в левом верхнем углу. В нём будут отражены те шрифты, которые установлены в системе. Если системные шрифты не подходят, можно скачать дополнительные. Для этого нужно найти интересующий в Интернете в формате TTF или OTF, после чего вставить его в папку «Шрифты» в «Панели управления».
3. Выделяем текст и нажимаем на прямоугольник сверху для того, чтобы сменить оттенки. Оттенок можно выбрать вручную с использованием палитры. Если есть заранее подготовленные параметры, то их нужно ввести в соответствующее поле.
4. Для переворота строки необходимо кликнуть по «Т» со стрелками.
5. Изменить начертание можно посредством выделения надписи и выбора интересующих пунктов. В этом же меню можно настроить параметры сглаживания – плавное, жёсткое, насыщенное, чёткое.

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

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

Пример работы с эффектами:

1. Нажимаем правой кнопкой на слое со знаками.
2. Переходим в «Параметры наложения».
3. В появившемся списке жмём на «Создать обводку».
4. Задаём параметры рамки – её оттенок, ширину, расположение, прозрачность и т. д.
5. Нажимаем на «Тип», чтобы поменять фактуру. Доступны «Цвет», «Узор» и «Градиент». Градиент, к примеру, позволяет создавать многоцветный текст.

Добавление рамки – это простейшее действие. Разобравшись в меню «Эффекты», вы сможете добавить тень, поработать с освещением, наложить глянцевый эффект и т. д. Результат отображается сразу после применения какого-либо инструмента.

Photoshop позволяет создавать из знаков объёмные фигуры. Для этого:

1. Выбираем слой и нажимаем на «3D».
2. Переходим в меню «Новая сетка из градаций серого» и выбираем интересующие характеристики.
3. Используем параметр «Новая структура» для изменения слоя. К выбору доступна «пирамида», «куб», «шар» и другие фигуры.

Надпись можно деформировать – для этого нужно кликнуть по искривлённой «Т» и перейти к пункту «Деформировать». Текст можно выстроить дугой, волной, аркой или любым другим способом.

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

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

Видеоинструкция

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

Заключение

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

Текстовый эффект хипстера

в Photoshop CS6

Несколько недель назад мы опубликовали учебник, показывающий, как создать текстовый эффект хипстера с помощью Pixelmator. Теперь мы решили показать вам тот же эффект с помощью Photoshop CS6. Как мы уже говорили, мы будем делать это и в Fireworks, и в CSS. Так что следите за обновлениями.

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

Шаг 1

Откройте Photoshop CS6 и создайте новый документ. Тот, который я создал, имеет размер 2560×1600 пикселей. После этого залейте фоновый слой цветом #e4cba9.

Шаг 2

С помощью Horizontal Type Tool (T) добавьте текст, используя шрифт Sulivan. Вы можете скачать его по адресу http://www.losttype.com/font/?name=sullivan . Используйте тот же шрифт, что и фон, и тип заливки для шрифта.

Шаг 3

Дублируйте слой шрифта и измените режим наложения на Overlay. Измените тип шрифта на Sullivan Bevel.

Шаг 4

Снова продублируйте слой и измените режим наложения на Overlay и используйте шрифт Sullivan Regular .

Шаг 5

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

Шаг 6

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

Шаг 7

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

Шаг 8

Сгруппируйте все слои, используемые для создания 3D-эффекта, а затем объедините их в один слой. После этого перейдите в Layer>Layer Styles>Color Overlay. Использовать #c66d33 для цвета с режимом наложения Multiply.

Шаг 9

Давайте создадим еще один 3D-эффект, но теперь в правом верхнем углу.

Шаг 10

Повторите тот же процесс, чтобы объединить слои в один и примените Color Overlay, , затем перейдите к Filter>Blur>Gaussian Blur. Используйте 7,5 пикселей для Радиуса.

Шаг 11

Перейдите к Фильтр > Размытие > Размытие в движении. Используйте 45º для угла и 50 пикселей для расстояния.

Шаг 12

Инструментом «Прямоугольник» (U) создайте прямоугольник в центре документа, под текстом и чуть выше фона. Перейдите в Layer> Layer Style> Pattern Overlay . Используйте шаблон Graphy 80 на 80 пикселей с Subtlepatterns.com . Измените режим наложения на Linear Burn.

Шаг 13

Добавьте дополнительный текст, используя шрифт Mensch. Вы можете скачать его по адресу http://www.losttype.com/font/?name=mensch. Повторите тот же процесс, чтобы создать небольшой 3D-эффект.

Шаг 14

Добавьте новый слой поверх остальных, а затем заполните его другим узором с thinpatterns.com. Я использую Rocky Wall . Для режима наложения используйте умножение на 50%.

Шаг 15

Перейдите к Layer>New Adjustment Layer>Photo Filter. Используйте сепию на 60%

Заключение

Вы можете продублировать все слои и объединить их в один, а затем применить фильтр «Шум», чтобы добавить красивую текстуру поверх дизайна. Идея этого урока состояла в том, чтобы показать вам, как создать простой эффект типографики в винтажном стиле с помощью Photoshop. Раньше мы делали это в Pixelmator, а теперь в Photoshop. Следующий будет на CSS 🙂 Надеюсь, вам понравится и вы весело проведёте время, пытаясь создать свой собственный.

Загрузить файл Photoshop

Скачать исходный файл

Photoshop Text Effects Archives — Laughing Lion Design

Дженнифер Фарли

*Обновлено в июне 2016 г. с учетом изменений в Photoshop CC*

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

1. Создайте новый документ и предположим, что он будет напечатан, поэтому установите разрешение 300 точек на дюйм и размеры 1000 пикселей в ширину и 1000 пикселей в высоту.

2. Выберите инструмент Type Tool (T)   и на панели параметров в верхней части экрана настройте свой тип.

Я использую Open Sans Condensed Bold. Это бесплатный шрифт, который вы можете скачать с Google Fonts здесь. Этот эффект будет хорошо работать с любым тяжелым жирным шрифтом.

Цвет, который вы выберете на этом этапе, не имеет значения, потому что мы удалим этот текст в конце.

Я установил размер шрифта 200 пунктов.

3. Добавьте в документ текст.

4. Создайте новый слой над текстовым слоем и назовите его Fur.

5. Выберите инструмент Brush Tool (B) и на панели параметров вверху щелкните раскрывающееся меню кистей и выберите кисть Dune Grass.

5. Кисть «Дюнная трава» «разбрасывает» дюнную траву по мере рисования и изменяет цвет каждой травинки в зависимости от цветов переднего плана и фона. Выберите цвета переднего плана и фона одного оттенка, например светло-голубой и темно-синий. Нажмите один раз на образец цвета переднего плана, чтобы открыть палитру цветов. Я использовал цвет переднего плана #0066FF и цвет фона #000033.

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

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

 
8. Теперь есть два варианта: либо повернуть холст с помощью инструмента «Поворот холста» (H) и продолжить работу вокруг буквы, либо повернуть кисть. Мы собираемся вращать кисть, потому что я хочу показать вам некоторые параметры, доступные на панели «Кисти». Откройте панель кистей, выбрав Window > Brushes или нажав F5 . Нажмите на слова « Форма кончика кисти » (да, это кнопка!) в левом верхнем углу панели кистей.

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

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

11. В последний раз вернитесь к панели «Кисти». Измените угол примерно на 110 градусов. Продолжайте рисовать кистью вдоль левой стороны букв. Закрасьте внутреннюю часть буквы, пока она не будет полностью покрыта, и у вас получатся две красивые пушистые буквы, что-то вроде этого;

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

 

Надеюсь, это руководство по Photoshop было полезным для вас, и я был бы очень признателен, если бы вы им поделились. Большое спасибо! 🙂Сохранить

Сохранить

by Jennifer Farley

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

Высокая печать работает, вдавливая чернила в бумагу, оставляя цветной отпечаток. Вы можете найти ТОННУ информации о высокой печати здесь, на веб-сайте Five Roses.

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

1. Создайте новый документ в Photoshop и установите для фона не совсем белый или кремовый цвет для бумаги. Я использовал #fdffdd.

   
   

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

   Выберите «Фильтр» > «Текстура» > «Текстуризатор».

   
   

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

3. Добавьте текст к своему изображению. Ретро-шрифты работают особенно хорошо, и пару недель назад я написал пост о некоторых бесплатных ретро-шрифтах, которые вы можете скачать. Я использую один из них, от Font Diner, под названием Font Diner Huggable. Лучше всего использовать светлый цвет для шрифта, но не слишком яркий, поскольку вы пытаетесь воссоздать вид чернил, а чернила никогда не бывают такими яркими, как цвета, которые вы видите на экране. Я использовал красный — #cc0000.

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

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

По умолчанию внутренняя тень будет черной. Измените его на более темный цвет, чем цвет текста, который вы используете. Черный слишком суров. Уменьшите непрозрачность примерно до 60% или меньше и оставьте параметры Расстояние и Размер небольшим числом пикселей. Эффект должен быть тонким.

6. Чтобы текст поместился немного больше, нам нужно его тоже текстурировать. Выберите «Фильтр» > «Текстуризация» (поскольку это был последний использованный фильтр). Вы увидите сообщение с вопросом, хотите ли вы растрировать шрифт. Нажмите «ОК».

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

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

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

Дженнифер Фарли

*Обновлено в июле 2016 г., чтобы отразить (не каламбур) изменения в Photoshop. Это все еще отлично работает на старых версиях программы *

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

1. Создайте новый документ Photoshop, выбрав Файл > Новый или нажмите Cmd + N (Mac) или Ctrl + N (Windows) на клавиатуре. В любом случае появится то же самое диалоговое окно «Новый документ».
Установите ширину 1000 пикселей и высоту 1000 пикселей с белым фоном. Поскольку это графика, которую мы создаем только для Интернета, а не для печати, вы установите низкое разрешение 72 ppi. Нажмите «ОК».

2. Выберите инструмент «Текст» (T) на панели инструментов. Установите семейство и размер шрифта на панели параметров в верхней части экрана. Вы можете использовать для этого любой шрифт, но в этом примере я использую шрифт без засечек под названием Phosphate Inline, который является бесплатным и его можно найти на нескольких веб-сайтах шрифтов — вот одна ссылка, где вы можете его получить. Установите шрифт на большое значение, я использовал 150 pt и установил черный цвет.

3. Добавьте текст в документ Photoshop. Щелкните один раз инструментом «Текст», затем начните печатать.

4. Создайте дубликат слоя, нажав Ctrl + J (Windows) или Ctrl + J (Windows) . На экране это не будет выглядеть иначе, но если вы проверите панель «Слои», вы увидите, что теперь у вас есть точная копия слоя выше.

5. Вы собираетесь трансформировать новый текстовый слой, отразив его по вертикали. Быстрый способ сделать это — выбрать Правка > Свободное преобразование. Вокруг текста появляется ограничивающая рамка. Щелкните правой кнопкой мыши и в появившемся меню выберите Отразить по вертикали .

6. Вы увидите, что дубликат текста перевернут. Выберите инструмент «Перемещение» (V) на панели инструментов, затем используйте клавишу со стрелкой вниз на клавиатуре, чтобы переместить перевернутый текст вниз.

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

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

7. Нажмите «Ввод» (Windows) или «Return» (Mac) на клавиатуре, чтобы выполнить свободное преобразование, и ограничивающая рамка исчезнет. Примечание: вы также могли бы сделать это до того, как переместите перевернутый текст вниз.

8. Следующее, что вам нужно сделать, это еще одна свободная трансформация, на этот раз вы сделаете трансформацию перспективы. Однако, прежде чем Photoshop позволит вам это сделать, вы растрируете шрифт. Не знаю, почему Фотошоп не позволит сделать это без растеризации, но не будет! 🙂

На панели «Слои» щелкните правой кнопкой мыши дубликат или перевернутый текстовый слой и выберите «Растрировать слой » в появившемся меню.

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

9. Выберите Edit > Free Transform . Вокруг перевернутого текста появляется ограничительная рамка. Щелкните правой кнопкой мыши внутри ограничивающей рамки и выберите Перспектива .

10. С помощью курсора выберите нижний левый угловой маркер и перетащите его немного влево. Нажмите Enter (Windows) или Return (Mac), чтобы завершить преобразование.

11. На панели «Слои» на перевернутом текстовом слое нажмите Ctrl + (Windows) или Cmd + (mac) на миниатюре предварительного просмотра. Это сделает выделение вокруг всего перевернутого текста.

12. Выберите Выберите > Modify > Expand и расширьте выделение на 3 пикселя. Вы увидите, как выделение становится больше вокруг перевернутого текста.

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

14. Далее вы добавите градиент от черного к белому в пустое выделение. Сначала вам нужно сбросить цвета фона и переднего плана на белый и черный соответственно. Сделайте это, нажав D на клавиатуре или нажмите на крошечные черно-белые значки образцов под основным селектором переднего плана и фона на панели инструментов .

14. Выберите инструмент «Градиент» (G).

15. На панели параметров инструмента в верхней части экрана нажмите Редактор градиентов.

Выберите градиент от переднего плана к фону при открытии редактора градиентов. Щелкните ОК.

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

17. Нажмите Crtl + D (Windows) или Cmd + D (mac), чтобы отменить выделение.

18. На панели «Слои» уменьшите непрозрачность перевернутого текста примерно до 40% (увеличьте процент, если хотите увидеть больше «отражений»).

19. Теперь вы закончите отражение, добавив тонкое внутреннее свечение вокруг отражаемого текста. Нажмите кнопку «Стили слоя» в нижней части панели слоев и выберите 9.0009 Внутреннее свечение из выпадающего меню. Установите цвет свечения на белый, режим на экран и непрозрачность примерно на 40%.

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

 

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