Искрящийся текст — уроки фотошоп

Искрящийся эффект на железном тексте — Искусство, дизайн, вдохновение — ReJump.ru

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

Примечания: Программное обеспечение, используемое в этом уроке Adobe Photoshop CS6, но вы можете использовать CS3 + версий.

Ресурсы:

Шаг 1

Создайте новый документ размером 1024 x 786 пикселей. Установите основной цвет # 464646, а фоновый цвет # 363636, выберите Gradient Tool, нажмите на значок Radial Gradient на панели параметров, затем нажмите и перетащите из центра документа к одному из углов.

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

Установите Texture7 выше обоих слоев, и измените режим смешивания его слоя на Multiply.

Шаг 2

Напишите текст любым светлым цветом, используя шрифт Age Параметры на картинке ниже:

Измените значение Fill слоя с текстом на 0.

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

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

Шаг 3

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

Далее, растрируйте слой копии текста и его стиль. В Photoshop CS6, вы можете кликнуть правой кнопкой мыши на слое и выбрать Rasterize Layer Style – это новая полезная функция в CS6.
В более старых версиях, нужно вначале сгруппировать слой, затем щелкнуть правой кнопкой мыши на группу и выбрать Merge Group.

Дублируйте растрированный слой

Шаг 4

Дважды щелкните на копию (копия 2) растрового слой и примените следующие стили слоя:
Bevel and Emboss:

Contour:

Color Overlay:

Drop Shadow:

Это создаст эффект сияния железа и у вас получится вот такая красота:

Шаг 5

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

Нажмите Ctrl + J, чтобы дублировать выделение на новый слой (скопируйте и вставьте). Затем удалите оригинальный слой текстуры.

Перейдите к Image -> Adjustments -> Levels и установите параметры как на рисунке ниже:

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

Выберите оригинальный растровый слой (копия). Затем зайдите в Filter -> Blur -> Motion Blur и установите угол до 90 °, а расстояние до 30. Это позволит активизировать тени вертикально, добавляя больше глубины тексту.

Шаг 6

Откройте панель кистей (Window -> Brush) и выберите мягкую круглую кисть.Изменение ее параметров показано ниже:
Brush Tip Shape:

Shape Dynamice:

Scattering:

Dual Brush:

Шаг 7

Щелкните правой кнопкой мыши оригинальный слой текста и выберите Create Work Path.

Создайте новый слой поверх оригинального слоя текста и ниже двух растрированных слоев, переименуйте его в » BG Sparkles «, и измените его режим смешивания на Pin Light. Затем выберите инструмент Direct Selection Tool и установите цвет переднего плана на # fff7e5, а фоновый цвет # 363636

Щелкните правой кнопкой мыши рабочий контур и выберите Stroke Path.

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

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

Шаг 8

Дважды щелкните на слой » BG Sparkles » и примените стиль Outer Glow. Измените режим смешивания на Overlay, цвет # ffd3be, а размер 10.

Получится следующее:

Перейдите к Filter -> Distort -> Wave, и измените значения, как показано ниже:

Это приведет к рассеиванию и размажет блестки немного больше

Шаг 9

Откройте панель кистей (Window -> Brush) и выберите Star 14 пикселей кисти. Изменение ее параметров показано ниже:
Brush Tip Shape:

Shape Dynamice:

Scattering:

Dual Brush:

Color Dynamics:

Transfer:

Шаг 10

Ctrl + Нажмите один из растрированных слоев, чтобы создать выделение.

Откройте панель пути (Window -> Paths), затем нажмите Alt + « Make work path from selection». Это откроет диалоговое окно Make Work Path.Введите 1 для значения Tolerance и нажмите кнопку OK. Более низкие значения дают более точные пути.

Это преобразует выделенный рабочий контур.

Создайте новый слой ниже слоя «BG Sparkles » и назовите его » Text Sparkles».

Щелкните правой кнопкой мыши «BG Sparkles » слой, выберите стиль Copy Layer, затем щелкните правой кнопкой мыши слой «Text Sparkles » и выберите Paste Layer style.

Затем измените режим наложения слоя «Text Sparkles » на Color Dodge.
Убедитесь, что цвета текста и фона по-прежнему устанавливается в # fff7e5 и # 363636, и выберите инструмент Direct Selection Tool.

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

Шаг 11

Помещаем одно из изображений Искр(в разделе Ресурсы в начале урока) поверх всех слоев. Вот крутой трюк, чтобы избавиться от фона. Мы не собираемся удалять его, вместо этого, вы просто измените режим смешивания слоя на Lighten. Это будет работать, потому что фон очень темный, а искры очень яркие.

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

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

Вы можете также использовать Hue / Saturation, чтобы изменить цвет искры, если хотите (Image -> Adjustments -> Hue / Saturation).

Шаг 12

Нажмите кнопку » Create new fill or adjustment layer » значок внизу палитры слоев и выберите Gradient Map.

Убедитесь в том, что корректирочный слой находится поверх всех слоев, а затем измените его режим смешивания на Soft Light, а непрозрачность до 50%. Щелкните поле градиента в панели Adjustments (Window -> Adjustments), чтобы создать градиент.

Перейдите по ссылке ниже градиента, чтобы добавить каждый цвет: # — Цвет — Место 1 — # 503a23 — 0 2 — # 985d31 — 24 3 — # da8437 — 47 4 — # cf8d3f — 73

5 — # edbd41 – 100

Нажмите кнопку » Create new fill or adjustment layer » значок еще раз, но на этот раз выберите Photo Filter.

Выберите » Warming Filter (85). Корректирующие слои добавят очень приятный колорит, делая его ярче и ярче. Они также помогают смешивать различные элементы вместе.

Шаг 13

Создайте новый слой между двумя слоями текстур фона и назовите его » Corners «.

Выберите инструмент Elliptical Marquee Tool и нарисуйте эллипс ближе к краям холста.

Перейдите к Select -> Modify -> Feather, и измените значение пера Raduis до 50. Это создаст хорошие гладкие края для выделения.

Перейдите к Select -> Inverse, чтобы инвертировать выделение.

Заполните инвертированное выделение черным цветом.

Перейдите к Select -> Deselect (или нажмите Ctrl + D), чтобы избавиться от выделения. Это добавит глубины к углам, вместо создания плоского конечного результата.

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

  • Tweet
  • Share 0
  • +1
  • Pinterest 0
  • VKontakte

Источник: http://rejump.ru/iskryashhijsya-effekt-na-zheleznom-tekste/

Photoshop — Урок 15. Эффекты текста

Главная → Уроки Photoshop → Урок 15. Эффекты текстаМожно выполнять различные действия с текстом для изменения его внешнего вида. Например, текст можно деформировать, преобразовать в различные фигуры или добавить к нему тень.

Текст по контуру

  1. Создайте новый файл.
  2. Создайте инструментом «Фигура» контур круга.
  3. Возьмите инструмент «Горизонтальный текст». Установите курсор так, чтобы индикатор базовой линии инструмента «Текст» находился на контуре,и щелкните. После этого на контуре появится курсор вставки.
  4. Введите текст, он будет располагаться вдоль контура.
  5. Чтобы переместить текст вдоль контура, возьмите инструмент «Выделение контура» (черная стрелка), подведите курсор к контуру, он примет вид I-образной формы со стрелкой, нажмите левую клавишу мыши и ведите вдоль контура в сторону перемещения:
  6. Чтобы отразить текст внутрь контура, возьмите инструмент «Выделение контура» (черная стрелка), подведите курсор к контуру, он примет вид I-образной формы со стрелкой, нажмите левую клавишу мыши и ведите поперек контура:
  7. Чтобы изменить форму контура с текстом, возьмите инструмент «Стрелка» (белая стрелка), подведите курсор к контуру и щелкните по нему, появятся узловые точки, нажмите левой клавишей мыши на один из узлов и перетаскивайте до нужной формы:Затем снова выровняйте текст по контуру, как в пункте 5.
  8. Форму контура с текстом можно просто переместить инструментом «Перемещение».

Аналогично можно работать и с инструментами «Вертикальный текст», «Горизонтальный текст-маска» и «Вертикальный текст-маска».

Текст-маска

  1. Создайте новый слой.
  2. Возьмите инструмент «Горизонтальный слой-маска», выберите шрифт покрупнее (например, 60) и напишите им что-нибудь. При вводе текста появится красная маска:
  3. По окончании ввода текста щелкните по галочке на панели параметров:Границы текста превратятся в выделение:
  4. Теперь можно залить буквы краской (Редактирование -> Выполнить заливку) или обвести их контур (Редактирование -> Выполнить обводку).

Аналогично можно работать и с инструментом «Вертикальный текст-маска».

Эффекты текстового слоя

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

  1. На панели «Слои» выберите текстовый слой.

  2. Щелкните два раза по этому слою или щелкните по кнопке «Добавить стиль слоя» внизу палитры слоев:
  3. В открывшемся окне настройки эффектов поставьте галочки у тех эффектов, которые понравятся и щелкните ОК. Вот пример предыдущего текста с эффектами — тень и внутреннее свечение:

Текст также можно заполнить изображением.

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

Вы овладели основными навыками и теперь можете создавать различные шапки, менюшки, кнопочки и прочие элементы для ваших web-страниц. Тренируйтесь, овладевайте дополнительными навыками и у вас все получится. Удачи!

Предыдущий урок Вернуться в раздел 

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

Источник: http://www.site-do.ru/photoshop/photoshop15.php

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

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

Шаг 01 добавление текста Создаем документ с черным фоном 800 на 525рх и печатаем текст, который, впоследствии, будет превращен в кучу светлячков. В данном уроке использовался шрифт «Edwardian Script ITC» размером в 250pt:

Шаг 02 создание пути из текста При выделенном инструменте Text, кликаем правой кнопкой мишки и выбираем пункт Create Work Path, после чего в палитре Paths появится путь по форме текста:

Шаг 03 настройка кисти Теперь по этому пути можно запустить дорожку из круглых шариков, а потом заставить их светиться. Но кисть следует еще настроить, для этого нажмите F5 и следуйте параметрам на скрине:

Shape Dynamics:

Scattering:

Шаг 04 обводка Вот теперь кисть готова для использования. Отключите видимость слоя с текстом и создайте новый слой. Цвет переднего плана выберите белым и на палитре Paths нажмите на пиктограмму Stroke Path (или правый клик любым из векторных инструментов и выбор того же пункта, галочка напротив симуляции нажима должна быть снята):

Чтобы улучшить внешний вид надписи следует добавить мелких точек, поэтому мы повторим обводку, но прежде изменим настройки кисти: Brush Tip Size: Diameter = 4px, Spacing около 130%; Scattering: Scatter 600% (не бойтесь ставить больше) Повторите обводку, но на сей раз можно поставить галочку на симуляцию нажима (на скрине немного иной вид, чем должен получиться — у вас будет лучше, менее слипшийся вариант):

Шаг 05 сияние искорок Дважды кликнув по слою с белыми шариками настройте следующие стили для слоя: Drop Shadow:

Outer Glow:

Шаг 06 фон При создании фона, работать будет легче, если вы отключите видимость светящегося текста (не обязательно). Градиентом или кистями подготовьте фон, на котором будет находиться надпись, он зависит от вашего желания или будущего местоположения — здесь он сделан для примера (цвет фона желательно делать более темным, нежели сама надпись):

Шаг 07 последние штрихи Создайте поверх новый слой и залейте его черним цветом. Примените Filter> Render> Lens flare (Lenstype 105mm):

Измените режим смешивания на Soft Light. Сдублируйте слой с искрящимся текстом и переместите копию выше слоя с бликом. Финал:

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

Источник: https://megaobzor.com/iskryaschiysya-magicheskiy-tekst-sozdaem-svoy-shrift-risuem-svoy-shrift-originalnyy-shrift-v-besplat.html

Создаем искрящийся типографический эффект в Photoshop

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

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

Исходники:

Набор картинок частиц от Media Melitia

Набор картинок дыма от Media Melitia

Текстура от Pareeerica

Шрифт Rezland на Dafont

Шаг 1:

Создайте новый документ в Photoshop, 1280×1024 pixels, 72dpi. Начнем с создания радиального градиента. Дважды кликните по слою, чтобы вызвать меню Стиль слоя / Layer Styles. Затем примените Наложение градиента / Gradient overlay. Вот цвета:

Первый цвет – #f2d445

Второй цвет – #98a843

Шаг 2:

Теперь нам нужно создать фон. Откройте файл «Particles008.png» из набора картинок частиц. Укажите слою режим наложения Осветление основы / Color Dodge, и назовите слой “Частицы 1“.

Откройте файл «Particles006.png» из того же набора и перетащите в документ поверх предыдущего слоя с частицами. Смените режим наложения слоя на Осветление основы / Color Dodge и назовите слой “Частицы 2″.

Масштабируйте слой «Частицы 2» до размера холста. Для этого в меню зайдите в Редактировать > Трансформирование > Масштабрирование / Edit >Transform > Scale. Удерживайте клавишу shift, чтобы масштабировать пропорционально.

Шаг 3:

Создайте свою надпись, выбрав инструмент Текст / Тext tool и создав текстовой блок, в котором вы введете текст.

Шаг 4:

Добавляем стили слоев используя Параметры наложения / Blending Options (двойной клик по слою, чтобы вызвать окно стили).

Стиль слоя 1 – Внутренняя тень / Inner Shadow

Стиль слоя 2 – Внешнее свечение / Outer Glow

Цвет: #f7db6a

Стиль слоя 3 – Наложение градиента / Gradient Overlay

Первый цвет – #918d14

Второй цвет – #fbfbfa

Стиль слоя 4 – Обводка / Stroke градиентом

Первый цвет – #f8d04a

Второй цвет – #f6e6b5

Шаг 5:

Теперь добавим эффектов тексту из частиц. 1. Дублируйте слой «Частицы 2» и перетащите копию над слоем с текстом. 2. Создайте маску для слоя «Частицы 2». Для этого в меню найдите  Create a mask for the “Particle 2″ layer by clicking : Слои > Слой маска > Скрыть все / Layer >Layer Mask > Hide All.

Шаг 6:

После применения маски покажется что слой исчез. Но не переживайте. Он все еще есть и мы будем выявлять некоторые его части, рисуя белым цветом по слое-маске. Возьмите инструмент Кисть / Brush Tool выберите растушеванную кисть Диаметром / Diameter 45px и ЖесткостьюHardness в 0%.

Первый цвет – #ffffff

Цвет фона – #000000

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

Шаг 7:

Продолжим с эффектами для  текста. Откройте файл «Smoke_V1_1071.jpg» из набора с картинками дыма и расположите эту картинку над слоем-маской. Масштабируйте картинку примерно до 70-80% . Смените режим наложения слоя на Осветление основыColor Dodge.

Не переусердствуйте с дымом — нам нужно лишь подчеркнуть частицы. Поэтому уменьшите картинку с дымом и используйте инструмент Ластик / Eraser Tool чтобы стереть острые края. Разместите дым в самых светлых частях картинки, как на картинке ниже. Дублируйте, масштабируйте и вращайте слой с дымом, чтобы создать разные копии.

Шаг 8:

Теперь мы добавим эффектный блик. Для этого используем Photoshop Lens Flare. Создайте новый слой, залейте его черным цветом. В меню найдите Фильтр > Рендеринг > Блик / FilterRender > Lens Flare.

Смените режим наложения слоя на Осветление основы / Color Dodge.

Масштабируйте блик: Редактировать > Трансформация > Масштабирование / Edit > Transform > Scale. Уменьшите высоту блика, чтобы он стал плоским.

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

Шаг 9:

Создайте новый слой поверх бликов и назовите его «Виньетка 1». Залейте слой радиальным градиентом.

Первый цвет – #0a5570

Второй цвет – #ffffff

Смените режим наложения слоя на Умножение / Multiply и приберите НепрозрачностьOpacity до  8%.

Создайте еще один слой. Назовите его «Виньетка 2». Залейте его прозрачным радиальным градиентом.

Первый цвет – #000000

Второй цвет – #ffffff

Сделайте первый цвет прозрачным. Для этого кликните по настройкам градиента инструмента Градиент / Gradient tool.

Создайте градиент, затем укажите ему 22% Непрозрачности / Opacity. Используйте большую растушеванную кисть в инструменте Ластик / Eraser Tool чтобы стереть середину слоя. Так, чтобы наша надпись осталась четкой. Вы не заметите большой разницы. Цель этого шага — немного затемнить края рисунка, чтобы привлечь внимание к надписи.

Шаг 10:

Создайте новый Корректирующий слой — Цветовой баланс / Color Balance Adjustment Layer. Для этого кликните по круглому черно-белому значку внизу палитры слоев.

Укажите параметры:

Голубой/ Cyan -61

Пурпурный / Magenta -38

Желтый / Yellow +27

Создайте еще один Корректирующий слой — Цветовой баланс / Color Balance Adjustment Layer.

Голубой / Cyan +100

Пурпурный / Magenta -30

Желтый / Yellow +1

Шаг 11:

Откройте текстуру из исходников, поместите ее поверх корректирующих слоев и смените режим наложения на Жесткий свет / Hard Light. Убавьте параметр Заливка / Fill до 79%.

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

Автор урока loswl
Перевод — Дежурка

Смотрите также:

Источник: http://www.dejurka.ru/tutorial/sparkling-typography-photoshop-tutorial/

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

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

Итак, первый шаг. Нужно создать новый документ, который будет отличаться такими параметрами: высота – 750 пикселей, ширина – 1250, разрешение – 300 пикселей. Заливаем документ черным фоном, и дублируем его.

Далее работаем с палитрой цветов, где устанавливаем нужные нам компоненты: цвет фона ffff, черный 0000. На фоне создаем так называемое северное сияние, собственно на котором и будет находится наш текст. Необходимо перейти в функцию Фильтр – Рендеринг – Волокна. Здесь делаем соответствующие настройки. Выставляем интенсивность – 5.

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

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

Используем инструмент Горизонтальный текст, где выбираем шрифт Playball

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

Открываем оригинальный текстовый слой, и к нему применяем такие параметры:

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

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

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

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

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

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

Тиснение: напротив Сглаживания поставить галочку; выбрать стиль – внутренний скос; размер – тринадцать пикселей; глубина – сто процентов; метод – плавное.

Выбрали для работы контур – Инверсия по Гауссу. Напротив Сглаживания поставили соответствующую галочку

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

У нас готов второй слой стеклянного текста. Переходим к применению цветов.

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

Автор идеи использовал такие цвета:

Финальный результат будет выглядеть таким образом:

Источник: http://PhotoshopDestek.com/lesson/kak-sozdat-v-fotoshop-steklyannyj-tekst/

Как использовать инструмент «Текст» в Photoshop

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

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

Основные инструменты для работы с текстом

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

Вот основные инструменты для работы с текстом в Photoshop:

  • При нажатии на инструмент «Текст» в палитре инструментов (#1), в появившемся контекстном меню вы можете найти много средств для работы с текстом;
  • #2 Выбор шрифта (тип шрифта, стиль шрифта, полужирный, курсив и т.д.);
  • #3 Размер шрифта (здесь вы можете ввести любое число, так что ваш текст может быть любого размера — например, введите в этом поле 500 и посмотрите, что получится!);
  • #4 Режимы сглаживания;
  • #5 Выравнивание текста;
  • #6 Корректировки текста.

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

Эксперименты с текстом

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

Откройте в Photoshop новый документ, и нажмите на инструмент «Текст». Начните вводить текст. Вы увидите что-то вроде этого:

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

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

Начните печатать текст. Введите большое количество слов. Видите, как текст ограничивается размером блока? Это метод добавления текста абзацем.

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

Вы можете использовать инструмент «Перемещение», чтобы разместить весь блок текста в любом месте страницы.

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

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

Трансформация букв в тексте

Чтобы разнообразить текст, вы также можете изменить интервалы между отдельными буквами, высоту и ширину букв. Вы также можете изменить регистр букв. Иногда шрифт может не иметь версию курсива. Но его можно создать в Photoshop. Давайте рассмотрим окно «Символы текста», в котором вы можете попробовать разные настройки:

Вы можете открыть это окно через верхнее меню — убедитесь, что у вас выбран инструмент «Текст», обратите внимание, где на схеме размещается элемент #6.

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

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

Трансформация блоков текста

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

То же самое вы можете сделать с помощью команд Правка> Трансформация> Масштабирование и Правка> Трансформация> Вращение. Проще простого!

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

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

Три простых способа сделать текст заметным

Иногда, когда вы добавляете к фотографии текст, он может немного затеряться на фоне изображения. Даже если вы делаете его большим, он просто кажется недостаточно четким или прозрачным. Есть несколько причин этого:

А) Это может быть связано с настройками сглаживания. Зайдите в верхнее меню. Убедитесь, что для перехода не установлено значение «Нет». Это особенно важно для изображений, которые вы будете публиковать в интернете. Выберите любой из других вариантов и посмотрите, как при этом меняются края текста. Окончательный выбор типа сглаживания зависит от ваших личных предпочтений:

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

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

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

Вот как это сделать:

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

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

Посмотрите, как белый текст выделяется на этом изображении, хотя оно состоит из мягких оттенков? Здесь нет огромных теней 1990-х годов. Но тень достаточно подчеркивает края букв, делая текст четким, при этом, не портя эстетическое восприятие:

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

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

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

Текст над секретным слоем

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

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

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

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

С помощью нескольких простых методов вы можете сделать так, чтобы текст на самом деле привлекал к себе внимание. И вы можете сделать текст более стильным, декорировав его. Раскройте в себе художника-графика — теперь у вас есть все необходимое!

Перевод статьи «How to Use the Text Tool in Photoshop» был подготовлен дружной командой проекта Сайтостроение от А до Я.

Источник: http://www.internet-technologies.ru/articles/kak-ispolzovat-instrument-tekst-v-photoshop.html

Урок «Green Text»

Урок «Green Text»

Автор: Genashazzz он же Шахматист
Источник: CreativeStation.ru

За ссылку на интересный урок благодарю: А НУ НА ФИГ…. О_О
Для Вас я его выложила со своими скриншотами и дополнениями

1. Создаем новый документ: Размер — 700 х 600 пикселей, Разрешение — 72 пикс. на дюйм,

2. Выбираем инструмент «Градиент» с такими настройками, как показано на скриншоте и редактируем его, как показано ниже, цвета в левой панели инструментов стоят черно-белый:

Заливаем наш документ радиальным градиентом от центра в угол

3. Создаем в окне «Слои» Новый слой нажатием на листик, назовем его «Волокна» (как переименовать слой см. Здесь), активируем инструмент «Заливка» и заливаем его черным цветом
Идем: Фильтр — Рендеринг — Волокна и выставляем такие параметры :

В окне «Слои» меняем «Параметры наложения слоя» с «Обычного» на «Перекрытие» и «Непрозрачность» ставим 10%

4. Переходим к написанию Текста: активируем инструмент «Горизонтальный текст»

Для текстового слоя «PS» я выбрала такие настройки:

Шрифт Impact скачать можно: Здесь

Для текстового слоя «Всё для Adobe Photoshop» я выбрала такие настройки:

Шрифт a_RomanusTitul-Regular скачать можно: Здесь

Шрифт a_Romanus Regular/Italic/Bold скачать можно: Здесь

в итоге получилось :

5. Теперь давайте создадим «Кисть» которая понадобится нам для создания нашего текста.
Для этого создаем «Новый документ» с теми же параметрами: Размер — 700 х 600 пикселей, Разрешение — 72 пикс. на дюйм, Цвет фона — белый
Основные цвета в левой панели инструментов 

Идём в Фильтр — Текстура — Витраж, выставляем и применяем такие параметры:

Теперь создаем «Кисть»
Идём: Редактирование — Определить кисть

«Кисть»готова, документ закрываем!

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

Глазик на слое с текстом «PS» откл.
Стоим на слое «Сетка», выделяем текст «PS» — для этого зажмите клавишу Ctrl и кликните по иконке слоя с текстом «PS»

Ставим в левой панели инструментов основной цвет #77c66c, выбираем инструмент «Кисть» и используем созданную нами ранее кисть, кликнув  по выделенной области один раз
Получаем такой результат:


7. Применим к слою «Сетка» стиль слоя с параметрами:

8. Переходим на слой «PS», включаем глазик, кликаем по слою правой кнопкой мыши и выбираем строку «Растрировать текст»

Идём: Выделение — Модификация — Сжать и сжимаем выделение на 5 пикс.
Жмем клавишу Delete — удалить и сочетание клавиш Ctrl+D — снимаем выделение!


9. Применяем к слою «PS» стиль слоя с параметрами:

10. Переходим на слой с текстом «Всё для Adobe Photoshop» и применяем стиль слоя с параметрами:

Вот что получаем:

11. Теперь украшаем наш текст клипартом «Листья» Скачать

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

12. В окне «Слои» жмём на иконкуи создаем новый корректирующий слой Цветовой тон/Насыщенность
Я поставила такие настройки, вы регулируете на своё усмотрение

Добавляем стиль слоя «Тень» со стандартными настройками к слою «Листья»


Источник: http://ps-cs.ucoz.ru/load/uroki_adobe_photoshop/uroki_adobe_photoshop/urok_green_text/49-1-0-1312

Ссылка на основную публикацию