Как в фотошопе сделать буквы: Добавьте текст на изображение в Photoshop Elements

Содержание

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

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

Создаем объемные буквы в Фотошопе

Перед началом создания объемных букв напишем исходный текст, который в дальнейшем будет преобразован в надпись в формате 3D. Для этого воспользуемся инструментом “Горизонтальный текст”.
Получаем слой с надписью. Теперь можно приступать к выполнению следующих шагов.
Далее производим над текстовым слоем операции, непосредственно предшествующие процессу создания объемных букв. Открываем окно, содержащее настройки стиля текстового слоя, кликнув по нему два раза левой кнопкой мыши. Выбираем в левой части пункт “Наложение цвета” и подбираем подходящий оттенок, например, ярко-желтый. Буквы будут окрашены в выбранный цвет.
Теперь начинаем придавать буквам начальный объем при помощи инструмента “Тиснение”, которое также находится в настройках стиля слоя. Настраиваем параметры выпуклости обрабатываемой надписи, исходя из ее особенностей и личных предпочтений. Основной момент – не переусердствовать с максимальными значениями параметров – в противном случае надпись получится искаженной или неестественной.
В предыдущем шаге была получена заготовка, которая станет основанием для формирования объемного текста. Для начала выбираем текущий текстовый слой, используя инструмент “Перемещение”.
Теперь необходимо создать несколько копий текущего слоя, смещая каждый из них вниз и влево, чтобы получить имитацию объемного изображения. Для этого используем сочетание клавиш Ctrl+J (создание копии слоя) и стрелки “вниз” и “влево” (на клавиатуре) для смещения каждого последующего слоя и создания эффекта 3D.
Повторяем шаг 6, пока количество слоев не создаст эффект объемных букв. В рассматриваемом примере для этого понадобилось 7 слоев.
Чтобы надпись получилась более естественной, изменим цветовой оттенок верхнего слоя на более светлый, в сравнении с базовым. Кликаем два раза на верхний слой, и меняем цвет наложения.
И, наконец, можно внести изменения в фон надписи, чтобы сделать эффект объемных букв более выразительным.

Заключение

Описанный в данной статье способ позволяет создавать привлекательные объемные буквы и надписи без изучения сложных профессиональных инструментов 3D-моделирования, содержащихся в Фотошопе. Скорость обучения и практическая простота позволяют рекомендовать его всем начинающим пользователям графического редактора.

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

Из этого туториала Вы узнаете, как создать прозрачный текст в Photoshop, чтобы изображение позади текста отображалось через буквы! Пошаговое руководство для Photoshop CC, CS6 и более ранних версий.

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

Создать прозрачный текст в Photoshop легко. Мы начинаем с добавления нового слоя над изображением и заливки его белым. Затем мы добавляем наш текст. Чтобы сделать текст прозрачным, мы используем расширенные параметры наложения Photoshop (не беспокойтесь, это очень простые «расширенные» параметры), чтобы превратить наш слой Type в слой «Knockout», который пробивает отверстия вплоть до изображения в формах наших писем!

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

Эффект прозрачного текста.

Давайте начнем!

Как добавить прозрачный текст

Шаг 1: Откройте ваше изображение

Начните с открытия изображения, где вы хотите добавить прозрачный тип. Я загрузил это изображение горизонта Нью-Йорка из Adobe Stock :

Исходное изображение. Фото предоставлено: Adobe Stock.

Шаг 2: Добавить новый слой

На панели «Слои» мы видим изображение на фоновом слое . Добавьте новый пустой слой над изображением, щелкнув значок « Новый слой» в нижней части панели «Слои»:

Нажав на иконку «Новый слой».

Новый слой с именем «Слой 1» появляется над фоновым слоем:

Новый слой добавлен.

Шаг 3: залейте новый слой белым

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

Перейдите в Edit> Fill.

В диалоговом окне «Заливка» установите для параметра « Содержимое» вверху значение « Белый» и нажмите кнопку «ОК»:

Выбор белого в качестве цвета заливки.

Фотошоп заполняет слой белым, временно блокируя изображение из вида:

Новый слой теперь заполнен белым.

Шаг 4: Понизь непрозрачность слоя

Понизьте непрозрачность «Слоя 1» до 75% . Параметр «Непрозрачность» находится в правом верхнем углу панели «Слои».

Понижение непрозрачности «Слоя 1» до 75%.

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

Изображение теперь отображается через «Слой 1».

Шаг 5: Выберите инструмент Type

Выберите инструмент « Текст» на панели инструментов :

Выбор инструмента «Текст».

Шаг 6: выбери свой шрифт

Выберите свой шрифт на панели параметров . Я буду использовать Futura PT Heavy, который я скачал с Adobe Typekit , но подойдет любой шрифт:

Выбор шрифта на панели параметров.

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

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

Шаг 7: установите цвет шрифта на черный

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

Типовой образец цвета на панели параметров.

Шаг 8: добавь свой текст

Нажмите внутри документа и добавьте свой текст. Я наберу слова «Нью-Йорк Сити»:

Добавление текста к изображению.

Нажмите на галочку в панели параметров, чтобы принять ее:

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

На панели «Слои» новый слой «Тип» отображается над «Слоем 1»:

Панель «Слои» с новым слоем «Тип».

Шаг 9: измени размер текста

Перейдите в меню « Правка» в строке меню и выберите « Свободное преобразование» :

Перейдите в Edit> Free Transform.

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

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

Чтобы переместить текст, щелкните внутри поля «Свободное преобразование» и перетащите его на место. Я перенесу свой текст перед ватерлинией. Когда вы закончите, нажмите Enter (Win) / Return (Mac) на клавиатуре:

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

Шаг 10: Откройте параметры наложения

Выбрав слой «Тип», щелкните значок « Стили слоев» (значок « fx» ) внизу панели «Слои»:

Нажав на значок Стили слоя.

Выберите Blending Options в верхней части списка:

Выбирая «Варианты смешивания».

Откроется диалоговое окно «Стиль слоя» в Photoshop с основными параметрами наложения. В разделе Advanced Blending измените Knockout с None на Shallow . Это превращает слой Type в «нокаутирующий» слой, что означает, что Photoshop будет использовать формы букв, чтобы пробить «Layer 1» и показать изображение на фоновом слое:

Установите опцию «Knockout» на «Shallow».

Чтобы увидеть эффект, перетащите ползунок Fill Opacity до 0% :

Уменьшение непрозрачности заливки до 0%.

Нажмите кнопку ОК, чтобы закрыть диалоговое окно «Стиль слоя». Текст не только сам стал прозрачным, но и область «Слоя 1», расположенная непосредственно под текстом, как если бы текст пробивал дыру прямо в нем. Теперь мы можем видеть изображение на фоновом слое через буквы:

Эффект после превращения слоя Type в нокаутирующий слой.

Шаг 11: выберите «Слой 1»

Давайте изменим белую область вокруг текста, чтобы она не закрывала всю фотографию. Нажмите на слой 1 на панели слоев, чтобы выбрать его:

Выбираем «Слой 1».

Шаг 12: измени размер слоя со свободным преобразованием

Перейдите в меню « Правка» и еще раз выберите « Свободное преобразование» :

Перейдите в Edit> Free Transform.

Перетащите верхнюю и нижнюю ручки в направлении текста. Нажмите Enter (Win) / Return (Mac) на клавиатуре, когда закончите:

Изменение размера белой области вокруг текста с помощью Free Transform.

Шаг 13: отрегулируйте непрозрачность слоя

Наконец, настройте непрозрачность «Слоя 1», чтобы настроить видимость текста. Увеличение непрозрачности сделает белую область вокруг текста более сплошной, а текст будет легче читаться. Уменьшение непрозрачности приведет к исчезновению текстовой области на изображении. Я установлю непрозрачность на 85%:

Увеличение значения непрозрачности до 85%.

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

Окончательный эффект прозрачного типа.

Выявление слоя, отличного от фонового

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

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

Будьте первым, кто узнает, когда будут добавлены новые учебники!

Создание уникального шрифта в Photoshop.

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

Шаг 1. Открываем новый документ: Файл => Создать.

Шаг 2. Отрывается окно «Новый».

Пишем имя файла: «Мир».

Определяем ширину и высоту файла: 1920 и 1000 пикселей соответственно.

Разрешение: 300 пикселей на дюйм.

Содержимое фона: Белый.

Все остальные поля оставляем как и были, по умолчанию. Нажимаем «ОК».

Шаг 3. Видим белый лист. Выбираем инструмент «Горизонтальный текст», нажав правой кнопкой мыши на иконке текста «Т». В выпавшем меню нажимаем левой кнопкой мыши на инструменте «Горизонтальный текст».

Шаг 4. На белом листе левой кнопкой мыши рисуем прямоугольник, в котором появляется курсор.

Шаг 5. В верхней панели инструмента «Горизонтальный текст» выбираем:

— шрифт Arial,

— разновидность шрифта Black,

— размер шрифта 72 пикселя,

— цвет шрифта 4baa38 – зеленый.

Шаг 6. Пишем заглавными буквами: «МИР». В верхней панели находим галочку «Применить текущую правку» и нажимаем на нее.

Шаг 7. Идем в панель «Слои», там находим слой с нашим текстом и кликаем на него правой кнопкой мыши.

Шаг 8. Открывается список, в котором мы выбираем «Преобразовать в кривые».

Шаг 9. Нажимаем комбинацию клавиш «Сtrl +». Нажимаем два раза, чтобы увеличить еще больше нашу надпись.

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

Шаг 11. В левой панели находим инструмент «Стрелка», выбираем его.

Шаг 12. Обводим прямоугольником часть буквы «И».

Шаг 13. Видим, что по контуру буквы «И» появились квадратные опорные точки. Те точки, которые были обведены и выделены инструментом «Стрелка» – черные, а все остальные прозрачные.

Шаг 14. Левой кнопкой мыши зажимаем верхнюю выделенную точку и тянем ее вправо. Вместе с ней передвигаются все выделенные точки.

Шаг 15. Видим результат.

Шаг 16. Для симметрии проделаем то же самое с другой стороны буквы «И» (шаги 11 — 15).

Шаг 17. Выбираем инструмент «Перо +» (добавить опорную точку).

Шаг 18. Левой кнопкой мыши ставим новую опорную точку на контуре в необходимом месте.

Шаг 19. Таким же путем ставим еще одну опорную точку.

Шаг 20. Выделяем левой кнопкой мыши угловую точку и нажимаем на клавиатуре «Delete».

Шаг 21. Смотрим, что точка удалена.

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

Шаг 23. Появляется прямая, проходящая сквозь выделенную точку. На концах этой прямой две круглые точки. Левой кнопкой зажимаем круглую точку, как показано на рисунке. И протягиваем немного вверх. Видим, что контур округлился.

Шаг 24. Выделяем точку, и перемещаем ее при помощи левой кнопки мыши.

Шаг 25. Видим результат перемещения.

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

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

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

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

Объемный текст в фотошопе

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

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

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

Для начала пишем текст на белой рабочей области. Еще одна оговорка: воспользуйтесь шрифтом с жирным начертанием для первого раза. С его помощью у вас точно все получится. В то время как шрифты с изящным начертанием подходят далеко не все. Я использовала шрифт dino pro. Цвет текста пока не важен. Мы перекроем его градиентом.

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

Давайте настроим «градиент». Переход от цвета #886174 к #af7c94.

Такой градиент у нас получился.

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

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

Убираем галочку с градиента. И ставим на «наложение цвета». Нам нужен цвет #eddacf. Этот слой будет являться бликом на 3D тексте. Так наши буквы будут казаться более объемными.

Делаем еще один дубликат слоя. Перетаскиваем его в окне слоев так, чтобы он стал первым после фона. Накладываем цвет #342328. И смещаем на пиксель вверх и вправо.

Что-то уже начинает вырисовываться.

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

Вот, что мы имеем на данный момент. Думаю, можно было бы добавить и тень.

Делаем еще один дубликат слоя. Опять же, он должен стоять первым по порядку в окне слоев. Смещать не нужно. Выбираем его в коне слоев. Кликаем правой клавишей мыши. Выбираем «преобразовать в смарт объект». Нажимаем комбинацию клавиш ctrl+t. Делаем клик правой клавишей мыши по слою уже в рабочем окне. Выбираем команду «перспектива». Тянем за уголок текста. Вот, что должно у нас получиться:

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

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

Его настройки найдем здесь:

Кликаем и задаем их:

Нижний левый ползунок: цвет #e4e4e4. Нижний правый – белый.

Верхний левый ползунок: непрозрачность 100% . Нижний правый – 0%.

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

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

Сводим слои. Сохраняем. Все!

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

Простой 3D текст в Фотошоп

Из этого урока вы узнаете, как без особого труда создать 3D текст.

Шаг 1. Для начала откройте Фотошоп и создайте новый документ (Ctrl + N), установив размеры 10х10 дюймов и разрешение 300 пикс/дюйм.

Шаг 2. Разблокируйте фоновый слой, дважды кликнув по нему. Измените цвет на #333333, перейдите в меню Edit > Fill (Редактирование – Выполнить заливку) и в открывшемся окне в параметре «Использовать» выберите «Основной цвет».

Шаг 3. На панели инструментов перейдите к инструменту Horizontal Type Tool (T) (Горизонтальный текст) и установите следующие параметры: шрифт Myriad Pro Black, цвет #FFCC00. Теперь напишите слова SIX размером 286пт и Revisions размером 83пт. Настройки для текста вы можете выбрать на свое усмотрение, обязательно выбирайте жирный шрифт, в противном случае желаемый эффект не получится.

Шаг 4. Растрируйте текстовый слой, для этого нажмите по слою с текстом правой кнопкой мыши и из меню выберите команду Rasterize Type (Растрировать текст). Обратите внимание, что после растрирования, текст редактироваться не будет.

Шаг 5. Теперь нужно немножко наклонить текст, чтобы в дальнейшем придать ему 3D эффект. Нажмите Ctrl + T, зажмите Ctrl и, выбрав правый верхний маркер, перетащите его влево, тоже самое проделайте и с верхним средним маркером. Вот, что у вас должно получиться:

Шаг 6. Теперь к текстовому слою нужно применить некоторые эффекты. Для этого нажмите на значок Add a Layer Style (Добавить стиль слоя) внизу панели слоев и из списка выберите следующие стили:

Bevel and Emboss (Тиснение): цвет для подсветки #FFCC66, цвет для тени #DFA125. Остальные настройки смотрите ниже.

Satin (Глянец): цвет для эффекта #F3881F.

Gradient Overlay (Наложение градиента): в редакторе градиентов установите цвета слева #F7F3A7, справа #F3881F, остальные настройки смотрите ниже.

Шаг 7. На данном этапе мы приступим к созданию 3D эффекта. Для начала продублируйте (Ctrl + J) слой с текстом, у дублированного слоя удалите все примененные стили. Теперь измените цвет текста, для этого перейдите во вкладку Image > Adjustment > Curves (Изображение – Коррекция – Кривые) или нажмите (Ctrl + M) и изогните кривую, как показано ниже.

Цвет текста стал темнее. При помощи коррекции Hue/Saturation (Цветовой тон/Насыщенность) (Ctrl + U) немного снизьте насыщенность цвета.

Шаг 8. Теперь приступим к созданию боковых граней. Переместите текстовый слой оригинал выше слоя с темными буквами. При помощи стрелок на клавиатуре и клавиши Alt нужно переместить каждый дублированный слой немного влево и вниз. Дублируйте слой с темными буквами и перемещайте каждую копию на один пиксель столько раз, сколько необходимо для создания толщины боковой грани.

Шаг 9. Объедините (Ctrl + E) все слои с темными буквами и примените к полученному слою стиль Gradient Overlay (Наложение градиента), предварительно установив для градиента черный и белый цвета.

Шаг 10. Нам осталось добавить тень от букв. Продублируйте слой с темными буквами и к копии примените фильтр Filter > Blur > Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу) со значением радиуса 8 пикселей. После этого откройте окно кривых Ctrl + M и подкорректируйте кривую, чтобы затемнить тень. Настройки для кривых и для размытия смотрите на изображении ниже.

Шаг 11. При сильном увеличении букв можно увидеть, что боковые грани не совсем ровные. Чтобы это исправить, необходимо выделить неровную область инструментом Polygonal Lasso Tool (L) (Прямолинейное лассо), а затем нажать Delete (Удалить). Таким образом, вы удалите все неровные области боковых граней.

Шаг 12. В этом шаге мы добавим еще тени. В нашем случае источник освещения расположен вверху слева, соответственно тени расположенные внизу справа должны быть темнее. Выберите инструмент Born Tool (O) (Затемнитель) и затемните те участки, где это необходимо. Но для начала инструментом Polygonal Lasso Tool (L) (Прямолинейное лассо) создайте выделения в областях граней букв для получения резкого перехода между ними. Повторите те же действия для каждой буквы.

В панели параметров инструмента Born Tool (O) (Затемнитель) измените следующие настройки: диапазон – Highlights (Подсветка), Exposure (Экспонир) 50%, размер кисти 125 пикселей, жесткость 0%.

Так же добавьте тени в тех местах, где они падают с буквы на букву.

Шаг 13. При помощи инструмента Dodge Tool (O) (Осветлитель) добавьте блики. Используйте те же настройки, что и для затемнителя.

Блестящий объёмный 3D текст в Photoshop CC

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

Вот что, примерно, у нас должно получиться в результате:

ШАГ ПЕРВЫЙ: Для работы нам потребуется какой-либо округлый толстый шрифт, я воспользовался шрифтом Bell Bottom, скачать который Вы можете здесь. Как установить шрифт в Photoshop, рассказано здесь.

Создайте новый документ размером 1200 на 640 пикселей. Залейте фон не очень тёмным цветом, я воспользовался сине-голубым радиальным градиентом, возьмите инструмент “Текст” (Type Tool) и введите какое-нибудь слово, я написал слово “PLAY” высотой 300 пикселей. Кроме того, для получения лучшего эффекта, я рекомендую увеличить межбуквенное расстояние:

ШАГ ВТОРОЙ: Давайте теперь преобразуем текст в 3D-объект. В панели слоёв на данный момент должен быть активным слой с текстом! Идём по вкладке главного меню 3D –> Новая 3D экструзия из выделенного слоя (3D –> New 3D Extrusion from Selected Layer). Откроется окно с предложением включить 3D-рабочую среду, нажмите ОК. Если такое окошко не открылось, переключитесь на 3D-среду самостоятельно, подробнее об управлении рабочими средами Photoshop здесь.

Это действие сразу выдавит текст и под буквами появится поверхность плоскости основания:

ШАГ ТРЕТИЙ: Наш текстовый слой назывался “PLAY”. Созданный из него 3D-слой называется так же. Найдите его в панели 3D и кликните по нему. Затем, если не открылась сама, откройте панель свойств (Окно –> Свойства или Window –> Properties) и задайте глубину экструзии (Extrusion Depth) в 0:

Буквы стали плоским, что нам и нужно.

ШАГ ЧЕТВЕРТЫЙ: В верхней части панели свойств нажмите на третий значок слева, в этом разделе мы можем изменить угол и интенсивность раздувания фигуры фигуры.

Сначала, кликните по выпадающему меню “Стороны” (Sides) вверху панели и установите на “Спереди и сзади” (Front and Back). Затем перейдите к разделу “Раздувание” (Inflate) и установите “Угол” (Angle) на 90 ° и “Интенсивность” (Strength) на 20%. Буквы сразу становятся раздутыми. Это хорошо видно на дополнительном виде сверху:

ШАГ ПЯТЫЙ: На данный момент все буквы в слове являются единым объектом. Я же хочу использовать каждую букву, как отдельный элемент. Но, перед тем, как разделить объект из букв, давайте настроим свойства поверхности объекта. На панели 3D нажмите на “Материал передней выпуклости” (Front Inflation Material). В панели свойств, в окне выбора материалов найдите материал с названием “Без текстуры” (No Texture):

Продолжим работу с панелью свойств. Нажмите на прямоугольник-образец цвета рядом с Рассеиванием” (Diffuse) и выберите белый в палитре цветов, затем нажмите OK. Установите “Блеск” (Shine) на 100%, “Отражение” (Reflection) на 75%, “Плавность” (Roughness) около 25% и “Рельеф” (Bump) 10%:

ШАГ ШЕСТОЙ: Пройдите по вкладке главного меню 3D –> Разделить экструзию (3D –> Split Extrusion). Это позволит Вам манипулировать с каждой буквой в отдельности, сохраняя при этом все буквы в том же 3D-слое. Переключитесь на инструмент “Перемещение (Move Tool) и наведите курсор на первую букву. Теперь вы можете использовать 3D-инструменты и виджеты, чтобы изменить позицию и масштаб этой буквы, не затрагивая остальные буквы:

ШАГ СЕДЬМОЙ: Давайте раскрасим каждую букву в свой цвет, начнём с выбранной на данный момент самой левой буквы. В панели 3D нажмите на На панели 3D нажмите на “Материал передней выпуклости” (Front Inflation Material). В панели свойств нажмите на квадратик рядом с ” Рассеиванием” (Diffuse) и выберите, к примеру, зелёный цвет в палитре цветов. Нажмите OK. Сделайте то же самое для остальных букв, задавая каждой из них свой цвет. Вы заметите, что отражающие свойства поверхностей букв остаются без изменений, даже при изменении цвета:

Обращаю Ваше внимание, что в панели 3D надо переключать на “Материал передней выпуклости” для каждой отдельной буквы:

ШАГ ВОСЬМОЙ (для Photoshop CS6): Если Вы используете Photoshop CC, то Вы видите несколько отражающих бликов на 3D-объектах. Эти блики создаются по умолчанию основе освещения IBL (Image Based Light – источник света на базе изображения). В Photoshop CS6 изображение, на основе которого эти источнике света, по умолчанию сплошное чёрное, т.е. никаких источников нет, соответственно, и бликов не будет. На рисунке ниже я показал, как выглядит это изображение в Photoshop CC, также, я показал, каким образом можно открыть и посмотреть изображение IBL:

Это изображение похоже на потолочные светильники, оно и создаёт эффект бликов на буквах. Поэтому, в Photoshop CS6 его надо создать самостоятельно. Действия по созданию новой текстуры похоже на действия на рисунке выше, только вместо “Редактировать текстуру” (Edit Texture) нажмите строку “Новая текстура” (New Texture). Photoshop автоматически откроет окно создания нового документа, введите размеры 538 на 302 пикселя и нарисуйте серо-белый холст, похожий на показанный на рисунке выше, затем сохраните документ.

ШАГ ЗАВЕРШАЮЩИЙ: Освещение готово, и 3D текст разделен на буквы. Теперь, Вы можете с помощью инструментов 3d перемещения, масштаба и виджетов перемещать, наклонять и масштабировать буквы. Кроме того, буквы будут взаимодействовать друг с другом, отражая не только источники света, но и друг друга. Это будет видно после проведения рендериннга. И не забывайте, что даже если вы можете манипулировать с каждой буквой в отдельности, все они по-прежнему остаются на одном 3D-слое.

В Photoshop CC имеется прекрасная система текстовых подсказок. Когда Вы наводите курсор на объект, отображается “габаритный контейнер” объекта, или Gismo, а также его оси. Далее наводим и перемещаем курсор вдоль одной из осей, и Photoshop выдаёт нам варианты, напр., “вращение по оси Z”, “перемещение вдоль оси Y”, “масштаб вдоль оси X” и т.д.:

Вот как выглядит мой финальный результат. Этот рисунок получен после рендеринга документа, запустит рендеринг можно клавишами Ctrl+Shift+Alt+R:

На финальном изображении я скрыл 3D плоскость основания. Как скрыть/показать плоскость основания, рассказано здесь.

Объемные буквы в Фотошопе: как сделать

Создаем объемные буквы в Фотошопе

Перед началом создания объемных букв напишем исходный текст, который в дальнейшем будет преобразован в надпись в формате 3D. Для этого воспользуемся инструментом “Горизонтальный текст”.
Получаем слой с надписью. Теперь можно приступать к выполнению следующих шагов.
Далее производим над текстовым слоем операции, непосредственно предшествующие процессу создания объемных букв. Открываем окно, содержащее настройки стиля текстового слоя, кликнув по нему два раза левой кнопкой мыши. Выбираем в левой части пункт “Наложение цвета” и подбираем подходящий оттенок, например, ярко-желтый. Буквы будут окрашены в выбранный цвет.
Теперь начинаем придавать буквам начальный объем при помощи инструмента “Тиснение”, которое также находится в настройках стиля слоя. Настраиваем параметры выпуклости обрабатываемой надписи, исходя из ее особенностей и личных предпочтений. Основной момент – не переусердствовать с максимальными значениями параметров – в противном случае надпись получится искаженной или неестественной.
В предыдущем шаге была получена заготовка, которая станет основанием для формирования объемного текста. Для начала выбираем текущий текстовый слой, используя инструмент “Перемещение”.
Теперь необходимо создать несколько копий текущего слоя, смещая каждый из них вниз и влево, чтобы получить имитацию объемного изображения. Для этого используем сочетание клавиш Ctrl+J (создание копии слоя) и стрелки “вниз” и “влево” (на клавиатуре) для смещения каждого последующего слоя и создания эффекта 3D.
Повторяем шаг 6, пока количество слоев не создаст эффект объемных букв. В рассматриваемом примере для этого понадобилось 7 слоев.
Чтобы надпись получилась более естественной, изменим цветовой оттенок верхнего слоя на более светлый, в сравнении с базовым. Кликаем два раза на верхний слой, и меняем цвет наложения.
И, наконец, можно внести изменения в фон надписи, чтобы сделать эффект объемных букв более выразительным.

Заключение

Объемный текст — уроки фотошоп

Объемный текст в фотошопе

Основной цвет практически не меняется, но, тем не менее, оттенки совершенно разные. Цвет надписи играет существенную роль в создании 3D текста. Я немного утрировала цвета.

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

Давайте настроим «градиент». Переход от цвета #886174 к #af7c94.

Такой градиент у нас получился.

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

Что-то уже начинает вырисовываться.

Вот, что мы имеем на данный момент. Думаю, можно было бы добавить и тень.

Делаем еще один дубликат слоя. Опять же, он должен стоять первым по порядку в окне слоев. Смещать не нужно. Выбираем его в коне слоев. Кликаем правой клавишей мыши. Выбираем «преобразовать в смарт объект». Нажимаем комбинацию клавиш ctrl+t. Делаем клик правой клавишей мыши по слою уже в рабочем окне. Выбираем команду «перспектива». Тянем за уголок текста. Вот, что должно у нас получиться:

Его настройки найдем здесь:

Кликаем и задаем их:

Нижний левый ползунок: цвет #e4e4e4. Нижний правый – белый.

Верхний левый ползунок: непрозрачность 100% . Нижний правый – 0%.

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

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

Сводим слои. Сохраняем. Все!

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

Источник: http://photoshop-work.ru/obemnyj-tekst-v-fotoshope

Сделать 3D текст в «Фотошоп» — Фотография.Инфо

Мастер-классы

Как сделать объемный 3D текст с «Фотошоп» CS6 и CS5

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

На этом уроке речь пойдет о работе с 3D текстом в «Фотошопе» CS5 или более поздней версии. Лучше всего для этих целей всё же подходит самая последняя версия, входящая в состав Creative Cloud. Именно в ней имеется наибольшее количество инструментов для обработки объемного текста.

Сделать объемный текст в «Фотошоп»

Для начала вам необходимо открыть «Фотошоп» и создать новый файл. Задайте разрешение 600 x 600 пикселей. Сразу при создании документа выберите черный цвет и залейте им изображение (для этого используется инструмент «Заливка»). Возьмите инструмент «Горизонтальный текст» и напишите белым цветом одно слово.

Подберите подходящий шрифт и его размер. В нашем случае это KorinnaBlackC с кеглем в 172 пункта. Текст лучше писать заглавными буквами.
Теперь взгляните на панель с настройками инструмента, располагающуюся над изображением. Там имеется кнопка «3D». Нажмите её.

Так ваш текстовый слой автоматически конвертируется в трехмерный.

3D текст в «Фотошоп» CS6

3D текст в «Фотошопе» фактически создан. Но теперь с ним нужно плотно поработать для улучшения его внешнего вида. У вас должна была открыться панель 3D. Если этого не случилось, то перейдите по пути «Окно >> 3D».

Нажмите на название основной сетки (оно состоит из написанного вами слова), чтобы в панели «Свойства» открылись параметры изображения. Именно над ними вы будете работать. Примечательно, что в любой момент вы можете взять инструмент «Горизонтальный текст» и отредактировать надпись.

Прямо во время оформления объемного текста в «Фотошопе»! Однако не всё так просто. 3D текст редактируется в «Фотошопе» CS6. В более ранних версиях он перед переводом в трехмерный режим растрируется, поэтому редактирование становится невозможным.
В данный момент в панели «Свойства» имеются четыре вкладки-иконки.

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

Следующая вкладка получила наименование «Деформировать». Здесь можно поработать над экструзией объемного текста (фактически его толщиной по оси Z). Вы можете изменить глубину, скрутить её, придать ей эффект конусообразности и совершить прочие действия.

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

Создание 3D текста в «Фотошоп»

Далее рекомендуется переходить к вкладке «Капитель». Здесь задается степень угловатости текста. Лучше не трогайте эту вкладку в том случае, если вы не собираетесь делать углы более фигурными или гладкими. Последняя вкладка получила наименование «Координаты». В ней можно задать точное местонахождение 3D текста в изображении.

Но это ещё не всё. Сделать объемный текст в «Фотошопе» — это не только задать ему цвет, сменить ракурс и изменить глубину экструзии. Взгляните на панель «3D». В ней вы найдете несколько пунктов, ответственных за присвоение тексту того или иного материала. Кликните на строку «Материал передней выпуклости».

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

Предлагаем с оставшимися пунктами панели «3D» ознакомиться самостоятельно. Эксперименты не возбраняются. Мы же напоследок расскажем лишь о пункте «Бесконечный свет 1». Нажмите на него — в «Свойствах» откроются параметры освещения.

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

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

3Д текст в «Фотошоп» CS6

Такие не самые дурные возможности по созданию 3Д текста имеются в «Фотошопе» CS6 и более поздних версиях. Но сделать 3D текст в «Фотошопе» — это только начальный этап работы. Также нужно позаботиться об окружении этого текста. Можно добавить текстуры, которые тоже необходимо располагать в трехмерном пространстве. Словом, всё это — очень интересная тема.

Источник: http://fotografiya.info/?p=711

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

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

Вначале, откроем файл с блестками. Я использовал текстуру синего цвета.
Затем создадим Паттерн. Нажимаем Редактирование > Определить узор (Edit > Define Pattern) затем нажимаем ОК и закрываем файл с текстурой.

Шаг 2.

Создание документа

Создаем новый документ размером 860х640 px. Затем в качестве фона, переносим туда текстуру рисовой бумаги, которая также находится в материалах к уроку. Масштабируем ее так, чтобы она заняла все место в рабочем документе.

Шаг 3.

Добавление текста

Создаем нужный текст размером 150 pt и цветом #B3BEC1. Используйте наиболее подходящий для вас шрифт.

После этого конвертируйте текстовый слой в Смарт-объект, для этого необходимо нажать правой кнопкой мыши в панели слоев по нужному слою и выбрать Преобразовать в Смарт-объект (Convert to Smart Object).

Шаг 4.

Наложение эффектов

Теперь нажимаем правой кнопкой по Смарт-объекту в панели слоев и выбираем самый верхний пункт Параметры наложения.

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

Метод — Жесткая огранка (Technique — Chisel Hard)
Контур глянца – Двойное кольцо (Gloss Contour — Ring- Double)
Сглаживание ставим галочку (Anti-aliased)
Режим подсветки — Яркий свет (Highlight Mode — Vivid Light)
Непрозрачность — 100% (Opacity — 100%)
Непрозрачность тени – 50% (Shadow Mode — Opacity 50%)

Шаг 5.

Наложение эффектов

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

Контур – Перевернутый конус (Contour — Cone Inverted)
Сглаживание — Поставить галочку (Anti-aliased)

Шаг 6.

Наложение эффектов

Добавляем Эффект Текстура (Texture).

Узор (Pattern) – Используем узор который мы сделали в первом шаге (текстуру с блестками).

Шаг 7.

Наложение эффектов

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

Режим наложения – Яркий свет (Blend Mode — Vivid Light)
Узор (Pattern) — используем узор который мы сделали в первом шаге (текстуру с блестками)
Масштаб (Scale) — 10%

Шаг 8.

Наложение эффектов

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

Режим наложения – Яркий свет (Blend Mode — Vivid Light)
Цвет (Color) — #FFFFFF
Непрозрачность (Opacity) — 100%
Смещение (Distance) — 2
Размер (Size) — 2
Шум (Noise) — 5

Шаг 9.

Наложение эффектов

Дублируем Смарт-объект, для этого в панели слоев нажимаем по слою правой кнопкой и выбираем Создать дубликат слоя (Duplicate Layer). После этого у нового слоя удалим все Эффекты, а для этого опять нажмем правой кнопкой по слою и выберем Очистить стиль слоя (Clear Layer Style).

Далее поместим наш новый слой под основной оригинальный текстовый слой и перейдем опять в панель Параметры наложения (Blending Options) и добавим Тень (Drop Shadow) со следующими настройками:

Режим наложение – Умножение (Blend Mode — Multiply)
Цвет (Color) — #000000
Непрозрачность (Opacity) — 20%
Глобальное освещение — Убрать галочку (Use Global Light)
Угол (Angle) -45
Смещение (Distance) — 3
Размер (Size) — 8
Шум (Noise) — 5

Шаг 10.

Промежуточный результат

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

Шаг 11.

Добавление корректирующего слоя

Создадим корректирующий слой Кривые (Curves), переместим его на самый верх в панели Слои. Сгруппировываем корректирующий слой вместе с верхним смарт-объектом, так чтобы корректирующий слой действовал только на него. Затем делаем кривую аналогично той, которая у меня.

Шаг 12.

Финальное изображение

Так как мы изначально из текста сделали Смарт-объект, то теперь мы легко можем его редактировать. Достаточно нажать по Смарт-объекту 2 раза и мы перенесемся к редактированию содержимого, там мы можем изменить текст.

После этого автоматически текст обновиться и на него наложатся все наши эффекты.

Ссылка на источник

Источник: https://sveres.ru/lessons/tekstovye-effety/kak-sozdat-vydavlennyy-blestyashchiy-tekst-v-adobe-photoshop.html

Объемный текст

Чтобы создать красивый объемный текст в фотошопе, нужно потрать 15-20 минут или больше, в зависимости от того, что вы хотите получить в итоге. Никаких сложных 3dmax вам не понадобятся.

В самом начале урока я покажу какой результат получиться в конце. Это стильный объемный 3d текст:

А теперь запаситесь терпением и будьте внимательны к мелочам. Мы начинаем.

Этап 1 — фон

Создайте новое изображение в фотошопе. Я создавал большого размера 1280х1024 пикселя, 72 dpi.

Создайте новый слой и залейте его белым цветом.

Сначала мы подготовим фон для изображения.

Примените к этому слою стиль Gradient Overlay, в режиме Radial — круглый градиент.

Цвета и другие параметры градиента:

Теперь добавьте фигуру с помощью Custom Shape Tool (вызвать на клавиатуре — кнопка U). Фигура из стандартного набора фотошопа. Если такой фигуры у вас нет, подыщите что-нибудь похожее. Или вообще не рисуйте фон, главная цель урока это текст.

Стяните точки фигуры к центру, чтобы получилась примерно такая

Установите прозрачность для слоя с фигурой 70%, Fill — 0. Fill — это заливка.

Примените стиль Gradient Overlay

Создайте новый слой и выберите кисть черного цвета (B), прозрачность 10%. Зарисуйте её края изображения.

Этап 2 — текст

С помощью Text Tool напишем слово, в данном случае слово «style». Желтым цветом.

А сейчас произведем небольшую деформацию букв. Для этого используйте Edit — Free Tranform — Skew — чтобы наклонить текст.

Зажмите CTRL+ALT и нажмите несколько раз на слой с текстом, в поле изображения. При этом перетаскивая мышкой вниз. В результате этого мы создадим несколько копий слоя с текстом и расположеных последовательно вниз.

Соедените все слои, кроме верхнего. Для этого выберите слои и нажмите CTRL+E.

К полученному слою примените стиль Gradinet Overlay

Стиль Stroke

Создадите новый слой и соедените его с этим (над которым только что работали).

С помощью инструмента Burn Tool (O) нанесите теней на буквы.

А с помощью Dodge Tool (O) нарисуем бликов.

Теперь выберите самый верхний слой с желтыми буквами и примените стиль Gradient Overlay

И стиль Stroke

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

Далее нарисуйте белые линии, с помощью Line Tool (U). Обводите края граней на буквах.

На этом работа непосредственно с буквами закончена.

Этап 3 — декорации к тексту

С помощью Pen Tool нарисуйте кривую черного цвета, как на рисунке.

Применим к линии наш любимый стиль Gradient Overlay

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

И теперь по старой схеме добавляем стиль градиент

Заключительная — третья линия

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

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

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

Режим смешивания для слоя поставьте Overlay

Создайте еще слой и на нем нарисуйте такой же орнамент как на изображении.

Примените фильтр Filter — Blur — Gaussian Blur

Параметр Fill — 50%

С помощью Pen Tool, используя цвет #545E4E нарисуйте линии

Результат — объемный текст

Автор перевода — zealot (pixelbox.ru)

Источник: https://pixelbox.ru/obemnyj-tekst

Создаём объёмный металлический текст в Фотошоп

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

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

Итоговый результат

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

Шаг 1

Загрузите текстуру black_background.pat, дважды щёлкнув по исходному файлу.

Шаг 2

Создайте новый документ, идём Файл — Новый (File > New). Установите значение Ширины (Width) на 600 px, а значение Высоты (Height) на 500 px. Разрешение (Resolution) должно быть 72 точек на дюйм (ppi).

Шаг 3

Находясь на слое с задним фоном, продублируйте его, для этого идем Слой — Создать дубликат слоя (Layer > Duplicate Layer) и нажимаем OK. Назовите дубликат слоя Узор Заднего фона (Background Pattern).

Шаг 4

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

Перейдите Слой — Стиль слоя – Перекрытие узора (Layer > Layer Style > Pattern Overlay), выберите текстуру ‘black_background.pat’ из выпадающего меню, установите Масштаб (Scale) 50%, и нажмите кнопку OK.

Шаг 5

Чтобы добавить эффекты освещения сверху, выберите стиль слоя Тиснение (Bevel & Emboss). Примените настройки для данного стиля слоя, которые указаны на скриншоте ниже:

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

Шаг 1

Напишите слово ‘Round’ или любое слово на свой выбор, используя шрифт ‘Stonecross’. Установите Размер Шрифта (Font Size) 132 pt, а также задайте Трэкинг (Tracking) 20 pt. Для улучшения качества, поменяйте метод Сглаживания (anti-aliasing) на Резкое (Sharp). Назовите данный слой с текстом ‘A01’.

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

Шаг 2

Далее, выберите инструмент Перемещение(Move Tool), выделите слой с текстом и слой с задним фоном, а затем в настройках данного инструмента, выберите следующие опции: Выравнивание центров по горизонтали (Align Horizontal Center) и Выравнивание центров по вертикали (Align Vertical Center), чтобы выровнять текст.

Шаг 3

Продублируйте слой с текстом, назовите дубликат слоя ‘A02’. Расположите слои, как показано на скриншоте ниже. Временно скройте слой ‘A02’, чтобы вам было удобно работать, т.к. мы не будем использовать данный слой до 4 части этого урока.

3. Применяем стилизацию к основному слою

Шаг 1

Загрузите текстуру ‘scratched_metal.pat’.

Шаг 2

Мы будем работать со слоем ‘A01’. Перейдите Слой — Стиль слоя – Перекрытие узора (Layer >Layer Style > Pattern Overlay), щёлкните по окошку Узор (Pattern), чтобы выбрать текстуру ‘scratched_metal.pat’ из выпадающего меню. Мы используем данную текстуру в качестве основы для создания металлического эффекта.

Шаг 3

Чтобы получить реалистичный бронзовый цвет, идём Слой – Стиль слоя – Наложение цвета (Layer >Layer Style > Color Overlay). Поменяйте режим наложения на Умножение (Multiply), а также установите следующие значения:

Шаг 4

Далее, к слою с текстом добавьте стиль слоя Тиснение (Bevel & Emboss) и Контур (Contour), как показано на скриншоте ниже.

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

Шаг 5

Далее, идём Слой — Стиль слоя – Глянец (Layer > Layer Style > Satin). Примените следующие значения, чтобы осветлить текст.

Выберите контур ‘Cove – Deep’ из набора контуров.

Шаг 6

Теперь мы улучшим эффект блеска металла, добавив свечение. Идём Слой — Стиль слоя – Внутреннее свечение (Layer > Layer Style > Inner Glow). Установите значения, которые указаны на скриншоте ниже.

Шаг 7

Далее, нам нужно добавить тени, чтобы отделить текст от заднего фона. Идём Слой — Стиль слоя – Внешнее свечение (Layer > Layer Style > Outer Glow). Установите значения, которые указаны на скриншоте ниже.

4. Применяем стилизацию ко второму слою

Шаг 1

Теперь мы будем работать со слоем ‘A02’, не забудьте включить видимость данного слоя! Далее, идём Слой – Стиль слоя – Внешнее свечение (Layer >Layer Style > Outer Glow). Установите значения, которые указаны на скриншоте ниже.

Шаг 2

Чтобы улучшить 3D вид, мы подчеркнем светотени на краях. Идём Слой — Стиль слоя — Тиснение (Layer >Layer Style > Bevel & Emboss). Установите значения, которые указаны на скриншоте ниже. Создайте свой контур, используя значения, которые указаны в правой колонке.

Шаг 3

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

Идём в закладку Символ (Character) и меняем Масштаб по горизонтали (Horizontally Scale) на 98%, как показано на скриншоте ниже.

Шаг 4

Чтобы цвета обоих слоёв с текстом соответствовали друг другу, идём Слой — стиль слоя – Наложение цвета (Layer > Layer Style > Color Overlay). Установите значения, которые указаны на скриншоте ниже.

Шаг 5

Далее, выберите стиль слоя Обводка (Stroke). Установите Тип обводки (Fill Type) Градиент (Gradient). Установите значения, которые указаны на скриншоте ниже, чтобы осветлить края.

Подсказка: чтобы добавить контрольную точку градиента, вам нужно щёлкнуть ниже шкалы градиента. Щёлкнув по контрольной точке градиента, вы сможете провести редактирование Позиции (Location) и Цвета (Color) контрольной точки.

Шаг 6

В этом заключительном шаге мы добавим немного глубины, чтобы сделать текст более выразительным. Примените стиль слоя Тень (Drop Shadow), используя следующие настройки.

Отличная работа, мы завершили урок!

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

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

Источник: https://itc-life.ru/sozdayom-obyomnyj-metallicheskij-tekst-v-fotoshop/

Всё для фотошопа — Объёмный текст

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

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

Шаг 1. Для начала создадим основу. Запустите программу Photoshop, создайте новый документ (Ctrl + N) размером 1600 на 1200 пикс. Далее перейдите в Слои — Стиль слоя — Наложение цвета. Используйте настройки, как на рисунке ниже.

Далее идем в пункт «Наложение градиента«. Здесь будут следующие настройки.

В этом же окне нажмите на редактор градиентов и задайте значения для 6 контрольных точек:

1-я: позиция — 0%, цвет — #858585;

2-я: позиция — 20%, цвет — #4e4e4e;

3-я: позиция — 40%, цвет — #676767;

4-я: позиция — 80%, цвет — #ffffff;

5-я: позиция — 85%, цвет — #ffffff;

6-я: позиция — 100%, цвет — #dadada;

Вот такой должен получиться результат.

Шаг 2. С основой закончили, теперь перейдем к дополнительному тексту. Выберите инструмент «Горизонтальный текст» (Т) и напишите какое-нибудь слово, например, Photoshop. Поместите его в нижней части слоя. Цвет текста черный, размер 250 пт. Я использовал шрифт Rockwell, Вы можете взять любой другой.

Используйте следующие стили слоя для текста:

тень (цвет тени — #a44f4f)

внутренняя тень

Уменьшите заливку слоя до 27%. Смотрите на полученный результат.

Шаг 3. Теперь займемся созданием основного текста. Снова выберите инструмент «Горизонтальный текст» и напишите по центру слово «ps». Цвет текста — черный, размер — 1000 пт, шрифт Tierra Negra из коллекции «173 дизайнерских шрифта«. Сделайте два дубликата этого слоя (Ctrl + J).

Настройки стиля для верхнего слоя.

Внутренняя тень

Тиснение

Наложение градиента

настройки редактора градиентов:

1-я контрольная точка: позиция — 29%, цвет — #858383;

2-я точка: позиция — 45%, цвет — #4f4d4d;

3-я точка: позиция — 58%, цвет — #6а6969;

4-я точка: позиция — 78%, цвет — #ffffff;

5-я точка: позиция — 82%, цвет — #ffffff;

6-я точка: позиция — 100%, цвет — #c9c7c7;

Обводка

настройки редактора градиентов:

1-я контрольная точка: позиция — 0%, цвет — #858383;

2-я точка: позиция — 19%, цвет — #4f4d4d;

3-я точка: позиция — 42%, цвет — #6а6969;

4-я точка: позиция — 80%, цвет — #ffffff;

5-я точка: позиция — 87%, цвет — #ffffff;

6-я точка: позиция — 100%, цвет — #dbd8d8;

Если все сделали верно, то должен получиться следующий результат.

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

Стиль слоя «Внешнее свечение«

Тиснение

Посмотрите на конечный результат

Шаг 5. Уберите видимость слоя «ps копия» как и в предыдущем шаге, затем переходите к слою «ps». Добавьте ему следующие стили с настройками ниже:

тень

тиснение

Вот, что должно получиться

Шаг 6. Верните видимость двум верхним слоям.

Выделите средний слой «ps копия» и инструментом «Перемещение» (V) сместите текст немного вверх, чтобы он слегка выступал над серебристым текстом.

Можете немного растянуть его по вертикали с помощью инструмента «Свободное трансформирование» (Ctrl + T). Для большей точности увеличьте масштаб отображения до 100%.

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

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

Смотрим на финальный результат нашей работы.

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

Смотреть в оригинальном разрешении

{jcomments on}

Источник: http://style-ps.ru/uroki-photoshop/collekciya-1/3d-text.html

Объёмный гранжевый текст

Конечный результат:

Шаг 1 – Illustrator
Создайте новый документ в Illustrator. Шрифтом kilogram напишите текст (я написал “Graphic Design”). Каждое слово должно находиться на своей строке. Поэкспериментируйте с размером и отступами, чтобы создать вид прямоугольника. Можете использовать мои настройки:

Шаг 2
Инструментом Selection Tool выберите текст, кликните правой кнопкой и выберите create outline, потом перейдите в меню Filters>>3D>>Extrude & Bevel. Настройте так:

Шаг 3
Выберите 3d объекты и перейдите в меню Object >> Expand Appearance:

Шаг 4
Разгруппируйте объекты (нажмите Ctrl+Shift+G много раз). Кликните дважды на инструменте Magic Wand Tool и установите значение Допуска (Tolerance) – 0. Сделайте выделение верхней части текста и нажмите Ctrl+G, поднимите вверх. Затем выделите нижнюю часть и также сгруппируйте (Ctrl+G).

Шаг 5 — Photoshop
Создайте новый документ размером 1024х700 пикселей.

Шаг 6
Откройте эту текстуру, перетащите в наш документ и подгоните под размер холста. Установите Заливку (Fill) слоя – 65%. Назовите этот слой BG.

Шаг 7
Вставьте ещё одну текстуру, подгоните под размер холста и установите Заливку (Fill) слоя – 40%, установите Режим наложения – Затемнение основы (Blending Mode – Color Burn). Назовите слой “BG02”.

Шаг 8
Перетащите объёмный текст из Illustrator в Photoshop (нужно будет по отдельности перенести верхнюю и нижнюю части). Вставьте как векторные смарт-объекты. Измените размер обоих слоёв:

Шаг 9
Светлый слой назовите “Upper Part”, а нижний “Below Part”.

Шаг 10
Сделайте копию слоя “BG02” и установите Заливку (Fill) слоя – 0%, Режим наложения – Нормальный (Blending Mode – Normal). В размере уменьшите до 60%. В палитре слоёв расположите этот слой над слоем “Upper Part”. Потом сделайте выделение слоя “Upper Part” (Ctrl+Click).

Шаг 11
Выберите копию слоя “BG02” и кликните на иконке маски слоя в низу палитры слоёв. Скройте слой “Upper Part”.

Шаг 12
Проделайте предыдущие два шага для слоя “Below Part”. Но ко второй копии слоя “BG02” нужно применить стиль Отбрасывание тени (Layer Style — Drop Shadow):

Режим – Умножение

Наложение градиента (Режим – Свечение, Стиль – Линейный):

Шаг 13
Создайте новый слой (Create New Layer) и залейте его чёрным цветом. Понизьте Непрозрачность до 60%. Выберите инструмент Ластик (Eraser Tool) размером 700 пикселей и непрозрачностью 30%, сотрите чёрный цвет с холста, оставив только края нетронутыми.

Шаг 14
Сделайте копию слоя “Upper Part” (она должна быть видимой), понизьте Заливку (Fill) слоя до 0% и примените к ней стиль Наложение цвета (Layer Style — Color Overlay).

Инструментом Свободное трансформирование (Free Transform) измените копию так:

Шаг 15
Сделайте ещё одну копию слоя “Upper Part” и проделайте шаг 14 ещё раз (непрозрачность стиля наложения цвета – 30%). После применения стиля примените фильтр Размытие по гауссу (Gaussian Blur Filter) со значением 2 пикселя. Трансформировать копию нужно так:

Источник: http://silverphoto.my1.ru/publ/objomnyj_granzhevyj_tekst/7-1-0-637

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

ДА! Этот урок будет посвящен тексту в Фотошопе
. Очень часто случается, что нам нужно подписать какую-то картинку или фотографию красивым текстом или мы делаем какую-то обложку, флаер, и прекрасно оформленный текст в таком случае просто необходим.

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

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

Вот такое изображение открыл я:

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

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

Выбираем из списка шрифт, который нам нравится:

Потом нужно установить размер:

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

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

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

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

Нажимаем на нее и в появившемся списке выбираем «Параметры наложения
».

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

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

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

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

После того как все настроено нажимаем «Да
».

Вот такой вот результат на данный момент у меня:

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

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

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

Остался один штрих — нужно Непрозрачность сделать поменьше. В палитре слоев уменьшаем Непрозрачность по вкусу. Я сделаю процентов 30.

У меня вот так:

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

И давайте еще нашу картинку сделаем более яркой. Заходим в меню «Изображение — Коррекция — Уровни
».

В появившемся окне левый ползунок слегка переместим вправо, а правый — влево. После настройки нажимаем «Да
».

Вот, что в итоге у меня получилось:

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

Как установить шрифт в 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. Зажав левую кнопку мыши, растягивать опорные точки в любую сторону, чтобы контуры буквы приобрели новые очертания.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ни для кого не секрет, что рекламные баннеры, открытки и многое другое разрабатывают в Photoshop. Возможно, вас посетила идея и вы хотите создать свой мотиватор или праздничную открытку. Картинка подобрана, но вы не знаете, как написать текст в Photoshop? Если вам ни разу не доводилось писать в Фотошопе (Photoshop), в этой статье мы расскажем, как пользоваться текстовым инструментом. Заранее предупреждаем, написать текст на картинке в Фотошопе очень просто, даже если вы не знаете, как сделать текст по кругу.

В Photoshop есть целая группа текстовых инструментов. Работа с текстом в Photoshop происходит на особом виде слоя — текстовом.

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

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

Выбрав текстовый инструмент нужного направления, щёлкните по изображению в том месте, где нужно сделать надпись. Сразу появится новый слой с пометкой Т
, то есть текстовый слой. На изображении вы увидите мигающий курсор, а на панели управления — настройки текста. Они такие же, как в привычных нам всем текстовых редакторах типа Word. Здесь можно подобрать шрифт, размер, способ начертания (жирный, курсивный и так далее), задать цвет и выравнивание текста, абзац, то есть всё, что может быть нужно для написания текста.

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

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

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

Вот наглядный пример сглаживания Windows (слева) и «Плавное»/Smooth (справа).

Следующие три атрибута — выравнивания. Они всем знакомы из текстовых редакторов. Это выравнивание текста по центру, по правому либо по левому краю. Дальнейший элемент — выбор цвета. Щёлкните по нему один раз и в открывшейся палитре укажите нужный цвет.

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

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

Выбираем инструмент «Горизонтальный текст»
, щёлкаем по месту на изображении, где нужна надпись. Выбираем шрифт, цвет и размер. При изменении размера шрифта будет меняться высота мигающего курсора. Это поможет вам понять, какого размера у вас получится текст. Напишите задуманную фразу. Если написание завершено, нажмите Enter
в цифровой части клавиатуры (справа). Вы заметите, что имя текстового слоя изменилось на внесённую вами фразу. Если нужно исправить текст, изменить цвет полностью или отдельного символа, то, используя тот же текстовый инструмент, стоя на слое с текстом, щёлкните по нему. У вас снова замигает курсор. Текст можно выделять, удалять символы (стирать) так же, как в Word или другом текстовом редакторе. Переносить строку нужно клавишей Enter
на буквенной части клавиатуры.

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

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

Чтобы повернуть текст, станьте на слой с ним и нажмите Ctrl+T
. Это работает так же, как в случае с поворотом обычного слоя. Когда появится рамка с вершинами, подведите курсор к угловой. Как только на курсоре появится закруглённая стрелка, начните вращать изображение в нужную сторону. По завершении нажмите Enter
.

Добавление тени и обводки на тексте осуществляется так же, как на обычном слое. Мы рассматривали это в предыдущих статьях. Для добавления тени и обводки нужно вызвать «Параметры наложения»/Blending Options
(нижняя панель в палитре слоёв, правый нижний угол).

В диалоговом окне справа выбрать пункт «Обводка»/Stroke
, либо «Тень»/Shadow.
В правой части окна подобрать нужный размер, цвет и, по завершении, нажать Ok
.

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

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

Значения «Искажения по горизонтали»/Horizontal Distortion
и «Искажения по вертикали»/Vertical Distortion
оставьте в позиции 0
. «Изгиб»/Bend
отведите максимально вправо. По окончанию нажмите Ok
.

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

Подгоните полученный текст, переместив слой с ним так, чтобы надпись была вокруг чашки. Всё!

Как и было обещано в начале статьи, сделать текст в Фотошопе так же просто, как в любом текстовом редакторе. Желаем вам новых идей!

объемный текст в фотошопе

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

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

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

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

2. Заливаем основной слой-подложку темно-серым цветом, например таким #333333: редактирование → выполнить заливку → в верхнем выпадающем меню выбираем “цвет” → назначаем темно-серый → жмем ок. Либо можно просто выбрать цвет заливки, затем взять инструмент “заливка” (ведерко) и залить слой.

3. Создаем текст. Я для своего текста выбрал шрифт Myriad Pro Bold, цвет #FFCC00. Слова написал на разных слоях. Трансформировал их размер с помощью свободной трансформации (ctrl+T) до нужного соотношения между ними. Расположил их относительно друг друга.

4. Растрируем текстовые слои и объединяем их в один слой: удерживая клавишу Shift выбираем нужные слои → жмем правой кнопкой → выбираем “растрировать текст”. Затем для объединения делаем то же самое но выбираем “объединить слои”.

5. Слегка искажаем текст (наклоняем) с помощью свободной трансформации. Включаем трансформацию (ctrl+T) → удерживая ctr тянем за уголки.

6. Два раза кликаем по слою с текстом, в выпавшем окне стилей слоя задаем следующие эффекты: тиснение, глянец, наложение градиента. Цвета в тиснении (режим подсветка и режим тени) для этого случая: #FFCC66 и #DFA125.

Цвет для глянца в этом примере #F3881F.

Цвета для градиента использовались: слева светлый #F7F3A7, справа темный #F3881F.

7. Дублируем слой с текстом (ctrl+J). В дубликате убираем эффекты, просто перетащив их в корзину на панели слоев. Делаем цвет дубликата более темным – способов масса. Я сделал с помощью “кривых”. Изображение → коррекция → кривые → тащим кривую вправо мышкой как на скриншоте. Уменьшаем насыщенность этого слоя: изображение → коррекция → цветовой тон / насыщенность → двигаем ползунок насыщенности влево до -40. Перетаскиваем этот слой под первый слой с текстом и эффектами.

7. Перетаскиваем дубликат слоя который сделали в предыдущем пункте под первоначальный слой с текстом. Находясь на этом слое удерживая alt нажимаем поочередно стрелки курсора вниз и влево. При этом ниже создаются новые слои со сдвигом – получается как бы объем у букв.

8. Объединяем образовавшиеся слои – удерживая shift выделяем все образовавшиеся слои( ниже первоначального слоя с текстом) → жмем правую и выбираем “объединить слои”.

9. Два раза кликаем по получившемуся слою и в выпавшем окне назначаем наложение градиента со следующими параметрами:

10. Дублируем этот слой. Правим его кривые (изображение → коррекция → кривые). Добавляем размытия (фильтры → размытие → размытие по Гауссу)

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

12. Добавляем тени снизу букв (на слое с выпуклостью): на поверхностях которые с углами, делаем выделения с помощью полигонального лассо и используя инструмент “затемнитель” (экспонирование 50%) затемняем эти участки. На поверхностях без углов (круглые буквы) просто затемнителем делаем тени чисто интуитивно.

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

Оставляйте пожалуйста комментарии и вопросы! Жмите пожалуйста на кнопки социальных сетей!

с уважением, Agor

Не в тему

Недавно ко мне в подземном переходе подошел молодой мужчина лет 30-ти, попросил сигарету. Я достал пачку вытащил для него одну. Он вдруг стал говорить – “слушай брат я на безнадеге дай две”. Я достал еще одну и поинтересовался – “это как “на безнадеге”? Пьешь чтоли?”. Он сказал – “слушай ну вообще на безнадеге, надо идти” – взял сигареты и скрылся. А я вспомнил роман Кинга “Безнадега”.

Непременно поделитесь с друзьями!

Как создать замечательный 3D-текст в Photoshop

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

Окончательный результат

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

Настройка документа Photoshop

1 Прежде всего, мы собираемся открыть Photoshop и создать новый документ (Ctrl + N). В диалоговом окне «Новый документ» установите для единиц ширины и высоты дюймы (если это еще не сделано). Мы создаем квадратный холст; установите ширину и высоту 10 дюймов . Мы создаем графику с высоким разрешением, готовую к печати, поэтому установите разрешение 300 пикселей / дюйм .

2 Создав холст, залейте фоновый слой темно-серым ( # 333333 ) цветом. Один из способов сделать это — сначала установить темно-серый цвет переднего плана (на панели «Инструменты»). Затем выберите фоновый слой на панели слоев и нажмите Ctrl + A (что создает выделение вокруг всего холста — вы также можете сделать это с помощью Select> All). Наконец, выберите «Правка»> «Заливка» (Shift + F5), чтобы открыть диалоговое окно «Заливка», убедитесь, что для параметра «Использовать» установлено значение «Цвет переднего плана», а затем нажмите «ОК», чтобы применить заливку.

Создание текста

3 Теперь разместим текст на холсте. Выберите инструмент «Горизонтальный текст» на панели «Инструменты» и введите желаемый текст / логотип. Измените цвет текста на панели параметров на желтый ( # FFCC00 ), используйте довольно большой размер шрифта и попробуйте выбрать жирный шрифт, так как этот метод работает лучше всего. Здесь использовался шрифт Myriad Pro Black , размер 286pt, для слова «Шесть» и 83pt, для слова «Revisions».Начните набирать текст в центре холста; в этом руководстве используется текст «Шесть редакций», но, конечно, вы можете его изменить.

4 Растрируйте текст, чтобы нам было легче с ним работать; у этого есть побочный эффект, заключающийся в том, что текст больше не нужно изменять, поэтому убедитесь, что текст вас устраивает. Щелкните правой кнопкой мыши текстовый слой и выберите Rasterize Type (или Rasterize Layer в зависимости от того, какую версию Photoshop CS вы используете).

Использование произвольного преобразования текста

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

6 Удерживая нажатой клавишу Ctrl, щелкните верхний правый элемент управления преобразованием поля. Перетащите угол влево. Сделайте то же самое с верхним средним элементом управления преобразованием. У вас должно получиться что-то вроде того, что показано ниже.

Добавление стилей слоя

7 Мы собираемся добавить несколько стилей слоя к нашему тексту. Убедитесь, что текстовый слой выбран на панели «Слои», а затем щелкните значок «Добавить стиль слоя» в нижней части панели «Слои».Выберите Bevel and Emboss, чтобы открыть диалоговое окно Bevel and Emboss Layer Style. Установите его на настройки, которые у меня ниже; это сделает края текста действительно резкими. Не забудьте изменить цвета светлых и темных участков. Блик — # FFCC66 , а тень — # DFA125 .

8 Вернитесь в диалоговое окно «Стили слоя» (если вы вышли из диалогового окна «Стили слоя», просто дважды щелкните слой на панели «Слои», чтобы вернуться) и примените стиль слоя «Атлас».Это придаст некоторую глубину цвету нашего текста, а не просто сплошному или градиентному. Измените цвет на # F3881F .

9 Последнее, что мы собираемся сделать с лицевой стороной текста, — это добавить стиль слоя Gradient Overlay. Щелкните градиент и измените левый ограничитель цвета на # F7F3A7 , а правый ограничитель цвета на # F3881F .

Создание 3D-эффекта

10 Мы собираемся придать этому тексту трехмерный вид.Во-первых, мы хотим продублировать наш текстовый слой; выберите слой и нажмите Ctrl + J, чтобы продублировать слой. Перейдите к дублированному слою и избавьтесь от стилей слоя, щелкнув и перетащив их в значок корзины в правом нижнем углу панели слоев.

11 Теперь, когда у нас есть логотип без стилей слоя, мы собираемся настроить цвет. Откройте параметры «Кривые», выбрав «Изображение»> «Регулировка»> «Кривые» (Ctrl + M) и настройте их так, как показано ниже, чтобы придать слою более темный цвет.

12 Мы хотим снизить насыщенность, потому что цвет слишком яркий, чтобы быть тенью. Перейдите в Hue / Saturation с помощью Ctrl + U (или Image> Adjustments> Hue / Saturation) и отрегулируйте настройки, как показано ниже.

13 Теперь мы собираемся создать края нашего текста, чтобы он выглядел трехмерным. Во-первых, мы хотим щелкнуть и перетащить наш слой под исходный желтый текстовый слой и переместить его на одно место влево с помощью клавиши со стрелкой. Удерживая нажатой клавишу Alt, несколько раз нажмите стрелки вниз и влево.Это будет дублировать коричневый слой каждый раз, когда вы нажимаете кнопку со стрелкой. Продолжайте дублировать слой, пока не получите нужный размер и глубину.

Объедините дублированные слои

14 Давайте объединим все эти дублированные слои в один. Для этого нажмите на самый верхний коричневый текстовый слой на Панели слоев, удерживайте Shift, а затем нажмите на самый нижний коричневый текстовый слой, чтобы выделить их все. Затем, выбрав все соответствующие слои, щелкните значок Связать слои в нижней части панели слоев.Значок цепочки должен появиться на всех коричневых текстовых слоях, когда вы щелкнете по нему. Как только вы свяжете все коричневые текстовые слои вместе, снова выберите все слои на панели слоев (если вы каким-то образом отменили их выбор) и нажмите Ctrl + E, чтобы объединить все связанные слои вместе.

15 Давайте добавим стиль слоя Gradient Overlay к нашему комбинированному краевому слою текста, чтобы он соответствовал градиенту желтого текста. Цвета — черный (# 000000 ) и белый ( #FFFFFF ) (дважды щелкните объединенный слой, чтобы открыть диалоговое окно «Стили слоя»).

Создать тень

16 Дублируйте слой с коричневой кромкой текста с помощью Ctrl + J, пока он выбран на панели слоев. Мы собираемся использовать его для создания тени на нашем тексте. Перейдите в Filter> Blur> Gaussian Blur и настройте его так, чтобы параметр Radius был равен 8p x. Теперь перейдите в Curves, нажав Ctrl + M, и настройте их так, как у меня есть. Это должно дать вам черноватую тень.

17 Если вы увеличите масштаб по краям букв с помощью инструмента «Масштаб» (Z), вы заметите, что коричневые стороны, выходящие из углов, зазубрины.Мы займемся этим и исправим их. Используя инструмент Polygonal Lasso Tool, щелкните фигуру вокруг области, которую нужно удалить, и нажмите клавишу Delete. Повторите это для каждой области, которая в этом нуждается, пока не получите гладкие края на всех ваших буквах.

Некоторые дополнительные шаги

18 Пока это выглядит неплохо, и мы, вероятно, могли бы остановиться на этом и быть довольны этим, но если вы хотите приложить дополнительные усилия, мы можем начать добавлять еще несколько теней. Наш свет исходит из верхнего левого угла, поэтому мы должны спланировать, чтобы наши тени были самыми темными из нижнего правого угла.Чтобы получить правильные тени, мы собираемся использовать инструмент Burn Tool на коричневом слое с краем текста, чтобы затемнить его. Прежде чем мы начнем добавлять нашу тень, мы хотим использовать инструмент Polygonal Lasso Tool, чтобы создать некоторые края, где на тексте будут углы. Сделайте это для всех углов нашего текста, удерживая Shift и перетаскивая мышь, чтобы добавить к выделению области.

Инструмент прожига

19 Теперь мы можем начать прожиг в выбранных областях. Измените параметры записи на панели параметров так, чтобы для параметра «Диапазоны» было значение , основные моменты, , а для экспозиции — значение , 50%, .Я также использовал кисть с Master Diameter, установленным на 125px с твердостью 0% .

20 С такими же настройками затемнения мы собираемся обработать остальные области, которым нужны тени. Поскольку у вас все еще должны быть выделены области, мы можем сделать обратное выделение, Select> Inverse (Ctrl + Shift + I), затем мы можем записать области, которые мы еще не сделали, не сжигая области, которые мы уже сделали.

21 Мы также можем сделать некоторые блики с помощью Dodge Tool.Используйте ту же кисть, те же настройки и тот же метод, что и с инструментом затемнения.

Готово!

Вот он, трехмерный текст, использующий только Photoshop. Вот что у меня получилось:

Поделитесь своей работой на Flickr

Почему бы вам не поделиться своей работой в группе Six Revisions Flickr и не продемонстрировать ее сообществу?

Скачать

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

Связанное содержимое

Создание трехмерного текста в Photoshop: пошаговое руководство

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

Первая часть этого урока проходит в 3D-среде Photoshop CC, что означает, что вам придется работать с тремя разными панелями почти одновременно. Панель «Слои» — это место, где вы размещаете и создаете трехмерный текст.На панели 3D вы получаете доступ к командам 3D, а на панели свойств вы применяете эффект выдавливания, искажаете и применяете различные материалы для добавления реализма. Работать в трехмерном пространстве довольно легко, но на это нужно обращать пристальное внимание.

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

01. Создайте фон

Перейдите в рабочее пространство 3D и загрузите фоновое изображение

Сначала измените рабочее пространство.Перейдите в Window> Workspace> 3D. Теперь создайте новый пустой холст ( cmd / ctrl + N) . Назовите его 3D Text, установив ширину на 1500 пикселей, высоту на 620 пикселей, разрешение на 300 пикселей на дюйм и затем нажмите OK. Перейдите в File> Place Embedded ‘pix_117004_background.jpg’, отрегулируйте размер и нажмите return / enter .

02. Загрузите новый шрифт

Загрузите нужный шрифт перед тем, как продолжить

Перейдите на сайт dafont.com и загрузите шрифт South Afirkas 2100 от zanatlija.Разархивируйте файл и установите его в своей системе. Возьмите инструмент «Текст» ( T ). В разделе «Параметры» выберите «Тип шрифта: Южная Африка», размер: 70 пунктов, а затем введите слово «САФАРИ».

03. Добавить текстуру

Придайте тексту немного текстуры

Перейдите в меню «Файл»> «Поместить встроенный» pix_2068284_texture1.jpg. Поместите поверх текста и затем обрежьте слои, нажмите cmd / ctrl + opt / alt + G . Удерживая Shift , щелкните слой Safari. Когда оба слоя активны, нажмите cmd / ctrl + E для объединения.Переименуйте слой Safari_texture.

04. Создайте 3D-слой

Теперь вы можете выдавить текст в 3D.

Перейдите в 3D> Новое 3D-выдавливание из выбранного слоя. На панели «Свойства» щелкните «Сетка», выберите «Отображение текстуры: масштаб» и установите для параметра «Глубина выдавливания» значение 10 мм. На панели 3D нажмите Safari_Texture Front Inflation Material, установите Roughness на 80% и Bump на 100%.

05. Добавьте больше текстур

Другая текстура улучшает внешний вид вашего 3D-текста

На панели 3D-слоя щелкните Safari_Texture Extrusion Material.Теперь на панели «Свойства» щелкните значок «Рассеивание» и выберите «Заменить текстуру», найдите «pix_2068284_texture2.jpg» и откройте. Установите Шероховатость на 80% и Наращивание на 100%.

06. Редактирование свойств UV

Настройте текстуру, отредактировав ее свойства UV

Теперь мы собираемся редактировать текстуру выдавливания. В свойствах снова откройте значок Diffuse и выберите Edit UV Properties. Установите Масштаб U / X на 65% и Масштаб V / Y на 50%, а затем нажмите OK.

07. Эффект скоса

Отредактируйте слой Safari_Texture, чтобы придать ему эффект скоса

На панели 3D щелкните слой Safari_Texture.Теперь на панели свойств щелкните Cap. Установите стороны на передний план, ширину скоса на 35% и измените контур на конус_инвертированный.

08. Переместите трехмерный текст

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

Выберите инструмент «Перемещение» ( V ). В рабочем пространстве 3D нажмите на 3D-камеру Dolly (это третий значок в левом нижнем углу). Удерживая кнопку мыши, перетащите вверх, чтобы переместить текст дальше. Нажмите на орбиту и панорамируйте 3D-камеру, чтобы повернуть и переместить изображение вниз.

09. Регулировка света

Получите более эффектный вид, отрегулировав свет

На панели 3D нажмите «Бесконечный свет». С помощью контроллера на изображении отрегулируйте свет, поместив его перед трехмерным текстом и переместив на 75 градусов в верхний левый угол. Выполните рендеринг изображения, перейдя в 3D> Render 3D Layer.

10. Создайте маску слоя

Используйте маску слоя и кисть Dune Grass, чтобы смешать с травой

На панели «Слои» нажмите cmd / ctrl + J , чтобы дублировать слой Safari_Texture.Перейдите в Layer> Rasterize> 3D. (Скройте исходный слой 3D Safari_Texture.) Добавьте маску слоя. Возьмите инструмент «Кисть». Нажмите F5 и выберите кисть Dune Grass, настройте Shape Dynamics и Scattering, затем закрасьте маску, смешивая траву.

11. Внесите корректировки

Увеличьте резкость изображения и настройте тона

Во-первых, давайте немного увеличим резкость изображения. Щелкните эскиз Safari_Texture. Перейдите в Filter> Sharpen> Sharpen More. Теперь отрегулируйте тона. Перейдите в Layer> New Adjustment Layer> Levels.Установите Inputs на 0, 1.15, 215 и обрежьте слои.

12. Поместите льва

Пора добавить немного дикой природы

Перейдите в Файл> Поместить встроенный ‘pix_1236169_lion.jpg’. Возьмите инструмент «Быстрое выделение» ( W ) и выберите льва. Перейдите в Select> Select and Mask. Измените режим просмотра на Overlay. Установите Радиус обнаружения края на 15 пикселей, установите флажок «Умный радиус» и используйте инструменты для улучшения выделения. Вывод на «Новый слой с маской слоя».

13. Дополнительные настройки

Несколько корректировок помогут льву более естественно вписаться в сцену.

Возьмите кисть Dune Grass и закрасьте маску, чтобы скрыть лапы и хвост за кустами.Теперь перейдите в Filter> Sharpen> Sharpen. Затем перейдите в Слой> Новый корректирующий слой> Уровни. Установите Inputs на 0, 0.95, 245 и обрежьте слои.

Добавьте слона и с помощью инструмента «Перо» вырежьте его.

Перейдите в меню «Файл»> «Поместить встроенный» pix_602530_elephant.jpg. Возьмите инструмент «Перо» ( P ) и нарисуйте путь вокруг слона. В разделе «Параметры» нажмите «Сделать: выбор», а затем нажмите «ОК». Перейдите в Layer> Layer Mask> Reveal Selection. Нажмите cmd / ctrl + T и отрегулируйте размер.

15. Добавьте дополнительные настройки

Как и в случае со львом, вам нужно настроить слона, чтобы он не торчал

Перейдите в Слой> Новый корректирующий слой> Яркость / Контрастность. Установите Яркость на 30, Контрастность на 15, обрежьте слои и нажмите ОК. Теперь сделайте быструю цветокоррекцию. Перейдите в Layer> New Adjustment Layer> Photo Filter. Выберите Filter: Deep Yellow, установите Density на 30%, обрежьте слои и нажмите OK.

16. Принесите страуса

Пора немного больше дикой природы

Перейдите в «Файл»> «Поместить встроенный» pix_341989_ostrich.jpg ‘. Возьмите инструмент «Быстрое выделение» ( W ) и выберите изображение. В разделе «Параметры» нажмите «Выбрать и замаскировать». Используйте инструмент Refine Edge Brush ( R ) или Brush tool ( B ), чтобы улучшить маску, затем нажмите OK. Измените размер изображения и поместите страуса рядом со слоном.

17. Регулировка кривых

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

Теперь давайте применим корректировку Кривые для корректировки тонов. Перейдите в Layer> New Adjustment Layer> Curves.Поместите курсор мыши в центр и потяните немного вниз или установите Input на 45 и Output на 40, обрежьте слои и нажмите OK.

18. Поместите больше изображений

Хорошо, давайте обезьяну …

Перейдите в меню «Файл»> «Поместить встроенный» pix_1224295_monkey.jpg. Используйте инструмент «Быстрое выделение», чтобы выбрать изображение, и команду «Выделение и маска», чтобы уточнить выделение. Измените размер изображения и разместите его над буквами. Используйте настройку «Кривые», чтобы скорректировать тона.

19. Добавьте жирафа

…и жираф. Что возможно могло пойти не так?

Поместите pix_927281_giraffe.jpg. Выберите и замаскируйте жирафа. Добавьте новый слой поверх него и обрежьте слои ( cmd / ctrl + opt / alt + G ). Измените режим наложения на Мягкий свет, возьмите инструмент «Кисть» и, используя светло-желтый цвет, закрасьте тело, чтобы осветлить тени.

20. Коррекция цвета

Добавьте фильтр потепления для последнего тонального штриха

Поместите новый корректирующий слой поверх стопки слоев.Перейдите в Layer> New Adjustment Layer> Photo Filter. Выберите Filter: Warming Filter (85), установите плотность на 25% и нажмите OK.

21. Создайте снимок

Последняя корректировка, и все готово.

Нажмите shift + cmd / ctrl + opt / alt + E , чтобы создать снимок. Теперь сделайте окончательную настройку. Перейдите в Фильтр> Фильтр Camera Raw. Установите Exposure на +0.25, Highlights на -30, Clarity: +10 и Saturation: +5, затем нажмите OK.

Эта статья впервые появилась в 152 выпуске Photoshop Creative. Подпишитесь здесь .

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

55 Cool Photoshop Text Effect Tutorials for Designers

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

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

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

Учебники по простому тексту в Photoshop для начинающих

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

1. Использование текста в качестве контейнера для большего количества текста в Photoshop

2. Глянцевые текстовые эффекты эмблемы

3. Создание реалистичного эффекта тиснения / дебосс

4. Ледяные стили в Photoshop

5. Как создать эффект золотого текста в Photoshop

6. Текстовый эффект лунного сияния

7. Простой стиль текста с эффектом звезд

8. Элегантный глянцевый золотой текстовый эффект

9.Эффект хипстерского текста в Photoshop CS6

10. Эффект сахарного мешка

11. Типографика с легким орнаментом мелом в Photoshop

12. Эффект абстрактного сияющего текста с классным шрифтом

13. Простой пластиковый текст со стилями слоев в Photoshop

14. Эффект текста из бумаги

15. Создание обтравочной маски с текстом в Photoshop

16. Простой текстовый эффект боке

17.Эффект текста волны

18. Создайте модный типографский дизайн плаката

19. Как создать эффектный текстовый эффект

20. Затерянный в космосе Типографика в Photoshop

Учебные пособия по Photoshop для среднего уровня

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

21. Краткое руководство: создание многоразовой обработки ретро-типа

22. Потрясающие 3D-эффекты за 30 минут

23. Мягкий стилизованный 3D тип

24. Текст с инкрустацией из дерева

25. Создайте текстовый эффект со вкусом конфет в Photoshop

26. Как быстро создать стильный эффект ретро-текста

27.Дизайн стиля 80-х с использованием Photoshop

28. Создание ретро складчатой типографики с помощью Photoshop

29. Создайте эффектный текстовый эффект травы в Photoshop

30. Текст стежками

31. Как создать эффект приостановленного текста

32. Веселые стикеры

33. Использование света и тени для оживления текста

34. Эффект свернутого текста

35.Эффект текста мелом

36. Числовые свечи Текстовый эффект

37. Великолепный эффект стекловидного текста

Расширенные учебные пособия по работе с текстом в Photoshop

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

38. Создание трехмерного текста из резины и стекла в Photoshop CS6

39.Блестящая надутая фольга с эффектом 3D текста

40. Создайте эффект 3D-ледяного текста с помощью Modo и Photoshop

41. Трехмерный текстовый эффект небоскреба в Photoshop CS5

42. Расширенные эффекты свечения

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

44. Создание эффекта трехмерного цветочного текста

45. Как создавать блоки 3D-текста в Photoshop

46.Эффект 3D текстурированного текста

47. Простой 3D эффект акрилового текста в Photoshop CS6

48. Как создать красочный деревянный трехмерный текст

49. Как сделать трехмерный текст полупрозрачным

50. Создайте эффектный текстовый эффект в стиле

51. Учебное пособие по Photoshop. Освоение текстовых эффектов 3D

52. Как создать 3D-текст Обработка фотографий

53. Создайте дизайн мечты с помощью 3D-типографики

54.Создание 3D-текста с помощью Photoshop CS6

55. Учебник по Adobe Illustrator и Photoshop: Откройте для себя скрытые глубины в текстовой иллюстрации

БОНУС: текстовый эффект Delicious Bagels

Заключение

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

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

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

Более 100 классных уроков по текстовым эффектам в Photoshop

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

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

А теперь пора дать волю своему творчеству и попробовать поэкспериментировать с этими стилями.

Или посмотрите недавно добавленный список из 40 самых популярных уроков по типографике в Photoshop для создания простого текста.

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

Дополнительную информацию см. Ниже.

Chocolate Bar Text Effect выпускается в вариантах молочного или темного шоколада и выглядит достаточно естественно.Поэкспериментируйте со своим дизайном, используя эту технику.

***

Эффект Brush Studio включает 91 художественную кисть, 18 стилей рисования в деревенском стиле, 15 узорных кистей, 40 орнаментов, 22 компонента обрамления, два набора надписей и многое другое. Похоже, слова написаны на доске мелком.

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

Ретро футуристическая типографика. Если вы большой поклонник «Звездных войн», этот эффект поразит вас.

Tron Legacy Style — это воспроизведение логотипа из одноименного фильма. Чтобы начать работу с этим эффектом, вам нужно поработать в Adobe Illustrator, Adobe Photoshop и Cinema 4D.

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

Учебники по текстовым эффектам в Photoshop … Может ли лучше?

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

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

Но вернемся к виртуальным объектам …

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

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

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

* * *

30 безумно креативных типографских дизайнов с потрясающим эффектом

* * *

Создание светящегося жидкого текста с эффектом брызг воды в Photoshop

* * *

Создание текстового эффекта «Электрифицированный металл» в Photoshop

* * *

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

* * *

Создание пылающей типографии с эффектом искр в Photoshop

* * *

Создайте эффект абстрактного текста с помощью инструмента «Перо» и украшения кисти «Гранж» в Photoshop

* * *

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

* * *

Бумага для вырезания точек с текстовым эффектом

* * *

Создание титровального эффекта 3D со стилями слоев и смарт-объектами

* * *

Создание текстового эффекта «Волшебная энергия огня» в Photoshop

* * *

Красочный футуристический текстовый эффект

***

Эффект металлического текста в Photoshop

* * *

Символ «Человек из стали» в Illustrator и Photoshop

* * *

Легкий пушистый текст в Photoshop

* * *

Создание эффекта вышивки крестиком в Photoshop

* * *

Создание вдохновляющего трехмерного золотого текста с помощью Photoshop Extended

* * *

Создание быстрого и простого эффекта 3D-типа

* * *

Эффект текста граффити в Photoshop

* * *

Создание реалистичного деревянного трехмерного текстового изображения

* * *

Создание выделяющегося жирным шрифтом

* * *

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

* * *

Текстовый эффект с декорированным деревом

* * *

Adobe Illustrator & Photoshop Tutorial: шрифт, подходящий для еды

* * *

Оставайтесь в курсе!

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

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

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

Объемная резина и стекло в Photoshop CS6

Прежде всего, запишите текст и определите, какой стиль вам нужно придать. Следующим шагом будет настройка всех выбранных панелей: 3D и Свойства. Затем переходим к созданию текстуры и цветовой схемы текста. Последние шаги: выбор и добавление к тексту эффектов стекла или резины, а также настройка света и тени.

Эффект замороженного текста

Во-первых, мы собираемся заполнить наш фон инструментом Paint Bucket Tool .Во-вторых, мы строим Layer Curves для создания эффекта льда. Написание текста шрифтом Trojan Pro. Затем нарисуйте узор в режиме мягкого света. Мел очерчивает края текста и применяет фильтр « Accented Edges Filter », чтобы подчеркнуть цвета.

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

С каждым текстовым эффектом становится легче объяснить как? Какие? И где? Так что этот урок не будет сильно отличаться от других. Создание его аналогично.Итак, мы создаем новый документ, составляя несколько знаков в середине страницы. Далее мы добавляем текст, выбирая шрифт так, чтобы он был шероховатым. Примените команду « Gaussian Blur » и сделайте немного ярче. Используйте мягкую круглую кисть и добавьте наложение цвета, внешнее свечение, внутреннее свечение. Затем добавьте штрихи разных ярких цветов и снова добавьте «размытие по Гауссу». Завершая работу, сохраните все слои в один финал.

Эффект металлического текста

В этом уроке мы научимся создавать эффект рельефного металла.Давайте активируем линейки и создадим горизонтальную направляющую. Перетащите направляющую в центр и создайте нужную форму с помощью функции «Масштаб». С помощью инструмента Rectangular Marquee Tool нарисуйте отверстия с обеих сторон и убедитесь, что они симметричны. Чтобы придать материалу большие размеры и придать тексту эффект штамповки, мы должны задать контур, градиентное наложение, падающую тень. Следующий шаг — создать текст и сделать его экранирующим цветом. Далее — нанесение, скос и тиснение надписи в центре пластины.Придайте ему контур, градиентное наложение, падающую тень и объедините все слои в один.

Текстовые эффекты Photoshop в стиле киви

Пора дегустировать, вкусный десерт! Однако этот эффект создать довольно сложно. Дело в том, что киви — это трехмерный объект с множеством деталей.

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

Ржавые текстовые эффекты Photoshop

Начните с черного фона и установите передний план как ореховый цвет. Найдите команду « Облака » и отрегулируйте яркость. Затем перейдите к команде Sprayed Strokes, затем к — « Добавить шум ».После завершения мы будем использовать команды Splatter и Unsharp Mask . Чтобы создать новый текст, нам нужно переключиться на инструмент набора текста. Наконец, мы используем: « Inner shadow » и « Liner Dodge » — если вы хотите изменить направление.

Текстовые эффекты в Photoshop с 3D цветочным рисунком

Установите цвет фона и используйте инструмент градиента, чтобы отметить круг. Следующим шагом является создание трехмерного текста и применение градиента поверхности попеременно к каждой букве. Чтобы подчеркнуть тот же цвет, примените наложение градиента.Следующая задача — добавить цветочные завитки как на сами буквы, так и на фон вокруг букв. Последний шаг — создать светящиеся звезды с помощью Soft Brush Tool.

Текстовые эффекты Photoshop со смещением контура

Сначала делаем ровную дорожку. С помощью « Direct Selection Tool » вы можете легко выбрать место, которое хотите отредактировать, и нарисовать там маленький кружок. Теперь используйте кружок, чтобы отметить важные места. Затем в разделе «Путь» мы используем смещение 10 пикселей и повторяем этот шаг.Загрузите фоновое фото. Затем переносим вектор на картинку и переходим к команде Инвертировать и Фотофильтр .

Текстовый эффект логотипа био темы

Текстура листа была создана отдельно с помощью « Warp ». Чтобы добиться этого эффекта, нам нужно создать зеленый текст на черном фоне. Затем поместите листик поочередно на каждую букву в разных направлениях. Далее отметим белым примерно грани, где будут завиваться веточки наших листочков.Затем с помощью « Bevel and Emboss » превратите их в живые и объемные. Используйте Drop Shadow, чтобы исправить 3D-эффект. После этого мы рисуем лозу, которая соединит текст и бабочку, сидящую на первой букве.

Текстовый эффект динамического взрыва частиц

Напишите текст жирным жирным шрифтом. Переключитесь на « Outer Glow », « Inner Glow » и « Gradient Overlay ». Используйте слой « Clouds » и начните щелкать белой кистью, чтобы создать эффект взрыва.Также используйте кисти большего размера и « Gaussian Blur » для создания более реалистичного движения. Затем используйте команду « Растрировать тип ».

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

***

Надутый текст с использованием 3D

Часто задаваемые вопросы: текстовые эффекты Photoshop

Что такое текстовый эффект Photoshop?

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

Почему мне нужно использовать текстовые эффекты Photoshop?

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

Нужны ли мне дополнительные инструменты для использования текстовых эффектов Photoshop?

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

Создание векторного шрифта в Photoshop, шаг за шагом

С помощью Fontself для Photoshop можно создать 2 типа шрифтов:

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

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

Векторные шрифты VS Растровые шрифты

Вот что вы узнаете на этой странице:

Подготовьте свое произведение
Превратите свое произведение в шрифт
Отредактируйте и снова откройте свои шрифты
Удалите или замените глиф
Нелатинские алфавиты
Акценты, знаки препинания и многое другое

Подготовьте изображение

Нарисуйте каждую букву с помощью инструмента Pen одинарный слой формы .Любая векторная фигура, которую вы добавляете на слой Shape, будет частью создаваемого вами персонажа ( в текущей версии Fontself, цвет фигуры не будет приниматься во внимание ).

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

Закрепление вырезов

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

Другие рекомендации

Все буквы должны быть выровнены в одной строке , чтобы импортировать их сразу.
Алфавиты также должны быть выровнены, расположены слева направо: от A до Z .
Номера должны быть выровнены, заказывать слева направо: от 0 до 9 .

Превратите вашу иллюстрацию в шрифт

Выберите один или несколько слоев, которые вы хотите преобразовать в глифы.
Нажмите кнопки панели Fontself, чтобы преобразовать слои в символы: — Для одного символа введите или вставьте связанный символ в текстовое поле Fontself и нажмите «Создать глиф».- Для всего алфавита нажмите кнопку «a – z», если это набор строчных букв, или нажмите «A – Z» для прописных букв. — Для любого другого набора символов нажмите «Пакет». Глифам, созданным с помощью этого метода, присваивается уникальный символьный ключ, который вы можете изменить (он выглядит как пустой квадрат на оранжевом фоне). На самом деле это символы частной области использования (PUA), которые вы можете копировать / вставлять в других приложениях .
Перетаскивание на панели Fontself также работает как альтернативный способ создания глифов.Просто перетащите свой выбор поверх соответствующей области.
Отрегулируйте базовую линию и поля вокруг каждого глифа на панели Fontself (просто щелкните и перетащите), а также вы можете изменить клавишу клавиатуры, введя новый символ под каждым глифом.
Нажмите «Сохранить», чтобы сохранить шрифт в виде файла OpenType .otf, и щелкните ссылку «Открыть шрифт» в зеленом предупреждении, чтобы установить шрифт в вашей операционной системе.

Вот и все. Теперь rince, повторите и получайте удовольствие!

Не видите установленные шрифты? Не волнуйтесь.Когда вы сохраняете шрифт и используете его в приложениях Mac, таких как TextEdit или Pages, он может не отображаться на панели «Шрифты». Это происходит, когда шрифты не имеют всех глифов, требуемых системой, и это можно решить, выбрав «Все шрифты» в столбце «Коллекция» панели:

⌘-T, чтобы отобразить панель «Шрифты», а затем 1. развернуть установите размер панели, чтобы отобразить столбец «Коллекция», 2. выберите «Все шрифты» и 3. найдите и выберите свой личный шрифт.

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

Отредактируйте и снова откройте свои шрифты

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

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

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

Вы можете легко переименовать любой глиф, щелкнув текст под каждым глифом: просто введите (или скопируйте / вставьте) нужный символ. Легкий!

Удалить или заменить глиф

Чтобы удалить глиф, просто наведите на него курсор на панели Fontself и щелкните значок корзины.

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

Нелатинские алфавиты

Fontself хорошо работает с языками на основе латиницы и кириллицей, но еще не оптимизирован для нелатинских языков , таких как арабский, иврит, тайский, греческий, китайский и т. Д. .

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

Эти обновления будут выпущены как часть наших бесплатных обновлений.

Теперь, как уже говорилось, вы можете назначить глифу любой символ Unicode, так что он также может быть отдельным символом в нелатинском сценарии, который еще не поддерживается Fontself, например, китайский 爱 или арабский ﷺ.

Акценты, знаки препинания и прочее

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

Символы с диакритическими знаками , такие как à, È, ñ, å
Другие символы как ø, ß, ş
Нелатинские символы как Ω, β, Д, б
Символы как €, √, ☞
Пули и стрелки как ☑︎, • , ⇒, ➽
Пунктуация , например ¡¿, «, ‘или ❡
Пиктограммы , например ☼ , ♛, ☯

Вы можете легко переименовать любой глиф. в тексте под каждым глифом: просто введите (или скопируйте / вставьте) нужный символ.Легкий!

# Совет: на Mac нажмите Ctrl + ⌘ + Пробел, чтобы отобразить палитру символов в большинстве приложений Mac… ну, кроме Photoshop 🙁

Настройка текста с помощью Pen Tool в Photoshop

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

[Если вы хотите загрузить изображения, использованные в этом руководстве, чтобы попрактиковаться в этих методах, посетите www.Layersmagazine.com/downloads.html.]

Изменить атрибуты типа на нескольких слоях

ШАГ 1 Выберите несколько слоев типа
Если вы хотите изменить атрибуты типа, такие как цвет, размер точки или шрифт, на нескольких типах слоев одновременно, есть простой способ сделать это. В палитре «Слои» выберите текстовые слои, с которыми вы хотите работать. Если все они примыкают друг к другу, щелкните первый слой, а затем, удерживая клавишу Shift, щелкните последний; будут выбраны слои, на которых вы щелкнули, и все слои между ними.Если текстовые слои не являются смежными, щелкните, удерживая нажатой клавишу «Command» (ПК: щелкните, удерживая нажатой клавишу «Ctrl»), чтобы выбрать нужные слои.

ШАГ 2 Измените атрибуты с помощью панели параметров
Выбрав типовые слои, выберите инструмент «Текст» на панели инструментов. Теперь на панели параметров измените атрибут сразу для всех выбранных слоев. В нашем примере мы изменили цвет трех слоев шрифта с красного на черный, щелкнув образец цвета на панели параметров и выбрав новый цвет в палитре цветов, но вы также можете легко изменить размер или шрифт.

Применение стилей слоя к нескольким слоям

ШАГ 3 Примените стиль слоя Outer Glow
Если вы следите за изображением плаката «Типографское литье», нажмите на слой с текстом «сердитый рыбак», чтобы сделать его активным. В нижней части палитры слоев щелкните значок «Добавить стиль слоя» (маленький курсив f) и выберите «Внешнее свечение». В диалоговом окне «Стили слоя» щелкните небольшой образец цвета и измените свечение на белый. Установите непрозрачность на 65% и размер на 10 пикселей.Нажмите OK, чтобы применить Outer Glow.

ШАГ 4 Скопируйте стиль слоя на несколько слоев
Удерживая нажатой клавишу Control (ПК: щелкните правой кнопкой мыши) на слое типа «сердитый рыбак», в контекстном меню выберите «Копировать стиль слоя» (он находится внизу ). Теперь щелкните слой типа «сценарист», а затем, удерживая клавишу Shift, щелкните слой типа «заостренные объекты», чтобы выбрать их оба. Удерживая нажатой клавишу Control (ПК: щелкните правой кнопкой мыши) по этим слоям, выберите «Вставить стиль слоя» из контекстного меню. Вы также можете копировать стили слоя, удерживая клавишу Option (ПК: клавиша Alt) и перетаскивая значок «Эффекты слоя» с одного слоя на другие.

Создание рыболовного крючка

ШАГ 5 Превратите текст в рабочий путь
Щелкните текстовый слой «Тип», чтобы сделать его активным. В меню «Слой» выберите «Текст»> «Создать рабочий путь» (если в вашей системе не установлен шрифт American Typewriter, попробуйте изменить его на Courier, если вы получите предупреждение об этом). Новый рабочий контур будет добавлен в палитру «Контуры». Дважды щелкните путь и переименуйте его в «ТИП слово». В оставшейся части урока мы изменим нижнюю часть буквы «y» и превратим ее в рыболовный крючок.(Существует законченный путь типа рыболовного крючка, который вы можете использовать, если хотите пропустить этапы изменения пути.)

ШАГ 6 Выровняйте путь с направляющим слоем
Чтобы упростить изменение пути для тех, кто впервые Инструментом «Перо» мы создали направляющий слой над слоем основного изображения. Включите видимость слоя «Гид по траектории рыболовного крючка» и отключите значок глаза для текстового слоя «Тип». Путь, который вы создали из слова «Тип», уже должен быть выровнен с буквами на направляющем слое, но если это не так, выберите инструмент «Выбор контура» (черная стрелка), щелкните и перетащите рамку вокруг всех букв контура. , и переместите путь, пока он не выровняется с направляющим слоем.

ШАГ 7 Удалите нижнюю часть Y
В палитре навигатора выделите процент масштабирования в нижнем левом углу, введите 500 и нажмите Return (ПК: Enter), чтобы приблизить масштаб. Нажмите и удерживайте пробел, чтобы вызвать инструмент «Рука», и перетащите его, пока не увидите букву «y». На панели инструментов выберите инструмент «Прямое выделение» (белая стрелка). Перетащите рамку вокруг нижнего загнутого кончика буквы «y» (A), чтобы выбрать точки привязки, которые определяют эту часть буквы (B).Нажмите Удалить (ПК: Backspace), чтобы удалить эти точки и связанные с ними линейные сегменты (C).

ШАГ 8 Регулировка точек привязки
Деактивируйте точки привязки, щелкнув белую область рядом с контуром. С помощью инструмента «Прямое выделение» (белая стрелка) отрегулируйте положение двух точек, где была удалена нижняя часть буквы. Щелкните каждую точку и переместите ее так, чтобы она выровнялась с соответствующим красным квадратом на слое «направляющая траектории рыболовного крючка» (точки A и L, как показано выше).Вам также может потребоваться отрегулировать ручки управления, которые выступают из точек привязки, чтобы выровнять линейные сегменты, соединенные с этими точками, так, чтобы линии соответствовали направляющей как можно точнее.

ШАГ 9 Добавление нового сегмента к контуру
Выберите инструмент «Перо», затем щелкните значок «Контуры» в левой части панели параметров. Переместите кончик инструмента над точкой в нижней правой части хвоста буквы «y». Появится небольшой квадрат с горизонтальной линией, проходящей через него, что означает, что вы подключите новый отрезок линии к существующей опорной точке.Нажмите на точку (A) и переместите курсор вниз к следующему красному квадрату (точка B). Одним движением щелкните и перетащите вниз под тем же углом, что и верхняя часть линии, вытягивая ручку управления.

ШАГ 10 Обведите форму рыболовного крючка
Щелкните следующую точку (C) и перетащите вверх в направлении кривой после точки. Нажмите и перетащите в следующую точку (D), а затем на кончик крючка (E). Затем, удерживая нажатой клавишу Option (ПК: Alt), щелкните конец правого управляющего маркера точки E и потяните его вниз, чтобы изменить направление и создать точку возврата.Нажмите на кончик первой зазубрины (F) и потяните за кончик. Теперь, удерживая нажатой клавишу Option (ПК: Alt), щелкните и перетащите правый управляющий маркер обратно в направлении зубца.

ШАГ 11 Создайте зазубрины
Щелкните следующую точку (G), удерживайте Option (ПК: Alt) и измените направление ручки управления, чтобы следовать за зазубриной, как в предыдущих шагах. Нажмите на кончик второй зазубрины (H) и вытяните ручку, чтобы совместить линию с небольшим изгибом зазубрины.Удерживая нажатой клавишу Option, щелкните и перетащите (ПК: щелкните и перетащите с нажатой клавишей Alt), чтобы изменить направление назад к последнему красному квадрату на внутренней части зазубрины (I). Щелкните эту точку, удерживая клавишу Option (ПК: Alt), и потяните вниз к следующей точке (J) на внутренней стороне нижней части формы рыболовного крючка.

ШАГ 12 Закройте траекторию и выполните точную настройку
Продолжайте прослеживать форму нижней кривой, переходя к точкам K и, наконец, до L, чтобы соединиться с последней открытой точкой и замкнуть траекторию.Используйте инструмент «Прямое выделение» (белая стрелка) для точной настройки любой из кривых или управляющих маркеров, чтобы форма крючка выглядела так, как вы хотите. Когда вы закончите, нажмите на значок глаза на слое «Руководство по траектории с рыболовным крючком», чтобы скрыть его.

ШАГ 13 Добавление слоя формы на основе измененного пути
Нажмите D, чтобы установить цвета переднего плана / фона по умолчанию, затем нажмите X, чтобы поместить белый цвет в образец переднего плана. Когда измененная траектория рыболовного крючка «Тип» все еще активна, щелкните значок «Создать новый корректирующий слой» в нижней части палитры «Слои» и выберите «Сплошной цвет» в контекстном меню.Цвет слоя уже должен быть белым, так как это цвет переднего плана. Нажмите OK, чтобы добавить белый слой заливки в форме измененного контура.

ШАГ 14 Последняя настройка крючка
Увидев готовый слой Color Fill 1, мы решили сделать крючок короче. Для этого используйте инструмент «Прямое выделение», чтобы перетащить зазубрину крючка. Затем, удерживая клавишу Shift, перетащите точки B и K, как показано, чтобы добавить их к выделенной области. Нажмите на нижнюю часть крючка и потяните вверх под тем же углом, что и стержень, чтобы приблизить его к верхней части «y».Наконец, мы добавили стиль слоя тени как к слою с рыболовным крючком Color Fill 1, так и к слою типа «Casting».

30 лучших руководств по Photoshop для создания творческих текстовых эффектов

Текстовые инструменты

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

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

В этой коллекции вы найдете 30 очень креативных руководств по созданию текстовых эффектов Photoshop.

Вам также могут понравиться: 100 лучших руководств по освоению Photoshop.

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

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

В этом уроке вы узнаете, как создать абстрактную композицию со световыми эффектами и применить ее как текстуру.

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

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

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

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

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

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

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

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

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

В этом уроке Жоао Оливейра создает 3D типографскую иллюстрацию, используя сначала Cinema 4D для построения 3D, а затем Photoshop для пост-обработки.

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

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

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

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

Из этого туториала Вы узнаете, как создать стильную орнаментальную типографику, а затем применить эффект классной доски с помощью Adobe Illustrator, Photoshop и некоторых векторных орнаментов.

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

В этом уроке вы узнаете, как объединить Photoshop и Filter Forge, чтобы создать текстурированный текстурированный дерево 3D текстовый эффект с простым красным стеклянным сердцем.

В этом уроке вы узнаете, как создать изображение и текстовый эффект в стиле ар-деко на основе плаката фильма «Великий Гэтсби», используя Illustrator и Photoshop.

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

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

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

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

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

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

Вам также могут понравиться эти уроки Adobe Illustrator по текстовым эффектам.