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

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

1. Выберите текст или объект WordArt.
2. На вкладке Главная выберите текстовые эффекты.
3. Выберите нужный эффект. Для получения дополнительных вариантов наведите указатель на пункты Контур, Тень, Отражение или Свечение, а затем выберите нужный эффект.

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

Нужна дополнительная помощь?

Нужны дополнительные параметры?

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

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

Как сделать текст с тенью в ворде?

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

Первый способ.

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

На экране появится меню «Шрифт», которое открыто в закладке «Шрифт», в нем есть раздел «Видоизменение», в котором поставим галочку напротив строки «с тенью», после закрываем меню через кнопку «ОК» или клавишу «Enter».

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

Второй способ.

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

Пишем в специальном меню точно такой же текст, как в первом способе и нажимаем на кнопку «ОК».

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

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

PNG Текст с тенью настройка настройка яркости цвета радиуса размытия тени

• ФОТОРЕДАКТОР
• ГЛАВНАЯ
• ТЕКСТ СИМВОЛАМИ
• КРАСИВЫЕ ШРИФТЫ С АНИМАЦИЕЙ
• ГЕНЕРАТОР GIF ТЕКСТА
• 3D ТЕКСТ
• OUTLINE ТЕКСТ
• ТЕКСТ С ТЕНЬЮ
• PNG НЕОНОВЫЙ ТЕКСТ
• GIF НЕОНОВЫЙ ТЕКСТ
• GIF ГРАДИЕНТ ТЕКСТ
• GIF 3D ТЕКСТ
• BOUNCE 3D ТЕКСТ
• ПАДАЮЩИЕ БУКВЫ
• ТЕКСТ С АНИМАЦИЯМИ
• SHATTER ТЕКСТ
• ENERGY ТЕКСТ
• ТЕКСТ ЖИДКОСТЬ
• BLOB ТЕКСТ
• ТЕКСТ ДВИЖЕНИЕ ТЕНИ
• ТЕКСТ РИСУНКОМ
• GIF ТЕКСТ КОНТУР
• RETROWAVE ТЕКСТ
• CYBERPUNK ТЕКСТ
• КАЛЛИГРАФИЧЕСКИЙ ТЕКСТ
• PNG ГРАДИЕНТ ТЕКСТ
• 3D ГРАДИЕНТ ТЕКСТ
• МЕТАЛЛ ТЕКСТ
• РЕТРО ТЕКСТ
• RED ТЕКСТ
• AQUA ТЕКСТ
• НЕОНОВЫЕ GIF БУКВЫ
• ГРАДИЕНТ СТИКЕР
• PNG НЕОН

Как сделать в Ворде тень от шрифта?

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

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

модератор выбрал этот ответ лучшим
комментировать
в избранное ссылка отблагодарить
Nelli­ 4ka [115K]
5 лет назад

Для начала нужно найти в настройку шрифтов. Сделать это можно тремя способами:

• нажать одновременно на ctrl и D;
• выделить текст и нажать на правую кнопку мыши;
• перейти на вкладку «Главная», под настройкой размера, курсива и т.д. вы увидите слово «Шрифт», справа от него небольшой значок уголком, нужно нажать на него.

После того, как окно с настройкой шрифтов открыто, нужно нажать на «Теневые эффекты» (действие номер 1), а после перейти на «Тень» (действие номер два). Потом вас ожидает ручная настройка, в которой можно задать угол, степень размытия, расстояние и т.д. Можно задать тени определенный цвет.

Как сделать текст с тенью в ворде?

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

Первый способ.

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

На экране появится меню «Шрифт», которое открыто в закладке «Шрифт», в нем есть раздел «Видоизменение», в котором поставим галочку напротив строки «с тенью», после закрываем меню через кнопку «ОК» или клавишу «Enter».

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

Второй способ.

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

Пишем в специальном меню точно такой же текст, как в первом способе и нажимаем на кнопку «ОК».

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

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

Как добавить тень к тексту в css

Для добавления тени к тексту можно воспользоваться CSS свойством text-shadow .

Тень описывается её смещением по осям X и Y относительно текста, радиусом размытия и цветом.

Рассмотрим на конкретном примере: предположим, у нас на странице есть заголовок первого уровня, для которого заданы следующие CSS свойства:

h1  text-shadow: 3px -4px 5px red; > 

В результате у заголовка мы получим тень красного цвета, которая относительно текста будет смещена по оси X на 3 пикселя вправо (так как значение положительно), по оси Y на 4 пикселя вверх (так как значение отрицательно), а радиус размытия тени будет составлять 5 пикселей.

Текст и тень

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

Использование text-shadow

В качестве значений пишется четыре параметра: цвет тени, смещение по горизонтали и вертикали и радиус размытия тени (рис. 1).

Рис. 1. Параметры text-shadow

Цвет допускается писать в начале или в конце всех параметров в любом подходящем формате CSS. Так что можно сделать и полупрозрачную тень через формат rgba. Положительные значения смещения «отбрасывают» тень вправо и вниз, а отрицательные, соответственно, влево и вверх. Чтобы тень была вокруг текста, достаточно задать нулевые значения смещения. Радиус размытия устанавливает, насколько тень будет резкой. Чем больше радиус размытия, тем мягче выглядит тень.

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

К сожалению, IE до версии 10.0 не поддерживает text-shadow , так что в этом браузере мы никаких красивостей не увидим.

Контурный текст

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

Рис. 2. Контурный текст

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

Пример 1. Контурный текст

HTML5 CSS3 IE 9 IE 10+ Cr Op Sa Fx

     .stroke  
 

Контур, сделанный этим методом, продемонстрирован на рис. 1. Контур получается слегка размытым, поэтому для тех, кто хочет получить чёткую линию, предназначен второй метод. Он заключается в использовании четырёх резких теней одного цвета, они смещаются в разные углы на один пиксел (пример 2).

Пример 2. Четыре тени для контура

HTML5 CSS3 IE 9 IE 10+ Cr Op Sa Fx

     .stroke  
 

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

Рис. 3. Контур с помощью четырёх теней

Трёхмерный текст

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

Рис. 4. Трёхмерный текст

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

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

Пример 3. Тень для добавления трёхмерности

HTML5 CSS3 IE 9 IE 10+ Cr Op Sa Fx

     .stroke  
 

Для всех теней ставим нулевой радиус размытия и одинаковый цвет. Различаются тени только значениями смещения.

Тиснение текста

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

Рис. 5. Рельефный текст

Для добавления подобного эффекта нам понадобится две тени — белую тень мы смещаем влево вверх на один пиксел, а тёмно-серую вправо вниз (пример 4).

Пример 4. Рельефный текст

HTML5 CSS3 IE 9 IE 10+ Cr Op Sa Fx

Рельеф выигрышнее всего смотрится именно на сером фоне, поэтому эффект подойдёт не для каждой цветовой схемы сайта. Кстати, легко получить вдавленный, а не выдавленный текст, достаточно поменять местами цвета тени.

 text-shadow: #333 -1px -1px 0, #fff 1px 1px 0;

Свечение

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

Рис. 6. Свечение текста

Пример 5. Свечение

HTML5 CSS3 IE 9 IE 10+ Cr Op Sa Fx

Размытие

Тень сама по себе размывается, так что если оставить только тень, а сам текст скрыть, то мы получим размытые буквы (рис. 7), причём степень размытия легко регулировать через параметр text-shadow .

Рис. 7. Текст с размытием

Для сокрытия оригинального текста достаточно задать цвет как transparent (пример 6). Цвет тени после этого выступает цветом текста, а радиус размытия устанавливает степень нерезкости букв.

Пример 6. Размытие текста

HTML5 CSS3 IE 9 IE 10+ Cr Op Sa Fx

Тень и псевдоклассы

Тень не обязательно добавлять непосредственно к тексту, свойство text-shadow прекрасно сочетается с псевдоклассами :hover и :first-letter . За счёт этого получаются интересные эффекты с текстом вроде контурной первой буквы абзаца или свечения ссылки при наведении на неё курсора мыши. В примере 7 показаны такие приёмы.

Пример 7. Использование псевдоклассов

HTML5 CSS3 IE 9 IE 10+ Cr Op Sa Fx

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

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

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

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

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

Урок достаточно простой и отлично подойдет для людей, которые только начинают осваивать фотошоп.

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

Затем поместим в документ текстуру из папки с исходниками, растянем ее на весь холст, поменяем режим наложения слоя с текстурой на Экран и понизим прозрачность слоя.

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

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

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

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

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

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

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

Левая нижняя Контрольная точка (позиция 0%) –оттенок # 1b0e50;

Правая нижняя Контрольная точка (позиция 100%) – оттенок # 910d7a.

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

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

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

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

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

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

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

В панели слоев создаем дубликат текстового слоя (Ctrl+J). Временно скрываем видимость оригинального текстового слоя, нажав в панели слоев на «глазик» около слоя в панели слоев.

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

Во вкладке Внешнее свечение меняем оттенок на # ffffec и вводим настройки, как на рисунке ниже.

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

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

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

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

Во вкладке Обводка меняем оттенок на # fff770 и вводим настройки, как на картинке ниже.

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

В панели слоев возвращаем видимость копии текстового слоя.

Активируем инструмент Перемещение и при помощи клавиш-стрелок перемещаем слой с обводкой влево и вниз. 1 клик клавишей стрелкой=сдвиг на 1 пиксель. 1 клик клавишей стрелкой с зажатой клавишей Shift=сдвиг на 10 пикселей.

Создаем несколько копий слоя с обводкой (Ctrl+J) и при помощи инструмента Перемещение и клавиш со стрелками располагаем на холсте. Я сдвигала каждую последующую копи на 10 пикселей влево и на 10 пикселей вниз. В зависимости от размера холста и текста вам могут понадобиться другие значения. Вот что получилось у меня в результате.

В завершение при помощи клавиши Shift выделяем все слои с текстом и немного поднимаем их вверх.

Текст со светящейся тенью готов! Урок «Как сделать тень текста в фотошопе» завершен.

Отличного настроения и творческих успехов!

БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ: