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

Цвет текста и фона в CSS. Фоновое изображение

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

Цвет в CSS можно задать двумя способами (подробнее здесь. ).

Цвет текста

Свойство color предназначено для задания цвета текста элемента.

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

Свойство применимо ко всем элементам.

<link rel= "stylesheet" type= "text/css" href= "style.css" >

<body>
<p> <span > З </span> ададим цвет текста для абзацев данного документа. </p>
<p> <span >А </span> также создадим стиль, который применим к первым буквам каждого абзаца! </p>
</body>

З ададим цвет текста для абзацев данного документа.

А также создадим стиль, который применим к первым буквам каждого абзаца!

Цвет фона

Свойство background-color предназначено для задания фонового цвета элемента.

Свойство применимо ко всем элементам.

<body>
<p> Зададим фоновый цвет. </p>
<p> Для всех абзацев текущей страницы. </p>
</body>

Зададим фоновый цвет.

Для всех абзацев текущей страницы.

Фоновое изображение

Свойство background-image предназначено для задания фонового изображения элемента.

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

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

Свойство применимо ко всем элементам.

<p style="background-image : url(img/peng_64.gif) ; height : 100px ; border : #FF0000 solid 1px ; "> Пингвин является фоновым изображением данного абзаца. </p>

Пингвин является фоновым изображением данного абзаца.

Повторение фонового изображения

Свойство background-repeate задает направление, в котором фоновое изображение будет повторяться.

Значения repeat-x и repeat-y устанавливают повторение фонового изображения по горизонтали и по вертикали соответственно.

Значение no-repeat отменяет повтор изображения.

Если свойство не указано или указано значение repeat , то фоновое изображение повторяется и по вертикали и по горизонтали, как видно из предыдущего примера для свойства background-image .

Свойство применимо ко всем элементам.

<p style="background-image : url(img/peng_64.gif) ; background-repeat : no-repeat ; height : 100px ; border : #FF0000 solid 1px ; "> Пингвин является фоновым изображением данного абзаца. И он не повторяется! </p>

Пингвин является фоновым изображением данного абзаца. И он не повторяется!

Расположение фонового изображения

Свойство background—position задает положение фонового изображения элемента относительно его верхнего левого угла.

Положение изображения можно задать как с помощью ключевых слов: left , right , center , top , bottom , так и в единицах, принятых в CSS (подробнее здесь. ).

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

<p style="background-position : 120px bottom ; background-image : url(img/peng_64.gif) ; background-repeat : no-repeat ; font-size : 18px ; width : 500px ; ">
По умолчанию фоновое изображение располагается в левом верхнем углу элемента. Я расположил его в нижней части области, занимаемой данным абзацем, сместив на 120 пикселей вправо.
</p>

Фиксация фонового изображения

Свойство background-attachment определяет, будет ли фоновое изображение прокручиваться вместе с содержимым элемента — значение scroll или будет неподвижным — значение fixed .

Свойство применимо ко всем элементам.

Универсальное свойство

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

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

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

Свойство применимо ко всем элементам.

<p style="background : url(img/peng_64.gif) right no-repeat ; "> К данному абзацу с помощью свойства background я применил три свойства, относящиеся к фону элемента и его фоновому изображению, указав через пробел только значения свойств. Фоновым изображением является пингвин. Он смещен вправо и не повторяется. Фоновый цвет элемента не указан, а по умолчанию он белый. </p>

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

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

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

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

Фон можно задать как для всей страницы (body), так и для отдельного элемента страницы. Давайте создадим блок и будем задавать ему разные варианты внешнего вида фона, добавляя к селектору bg_example разные CSS свойства.

<div ></div> // HTML разметка

.bg_example <
width: 400px;
height: 300px;
>

Это важно! Я не буду перечислять все возможные варианты записи CSS правил, а используемые верстальщиками в рабочих проектах (сокращенная запись).

Цвет фона в СSS

Цвет фона задается в виде шестнадцатеричного кода.

Как сделать фон в CSS.

Как сделать картинку фоном

В веб-дизайне существует три подхода с картинками:

размноженная маленькая текстурная картинка

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

Как сделать фон в CSS.

картинка фоном без повтора

background: url(icon.png) no-repeat;

no-repeat – без повтора

Классический пример – это иконка. Ничто не мешает вставить иконку на сайт тегом img, но по правилам SEO, так делать не нужно. Существует четкое разделение между контентом и дизайном. Так вот иконка – это украшательство и вставляется на сайт фоном. Изображения в галереях, каруселях, статьях, портфолио – это все контент.

Как сделать фон в CSS.

растянутая картинка на всю секцию или экран

Чтобы растянуть картинку на всю секцию с сохранением пропорций, применяют значение cover. Только нужно понимать, что размер оригинального изображения по ширине, не должен быть меньше размера самого большого монитора , 1920 пикселей. Иначе растягивание картинки приведет к потери её качества.

background: url(bg_full.jpg) no-repeat cover;

Как сделать фон в CSS.

Полупрозрачный фон на CSS

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

background: rgba(0, 0, 0, 0.5);

Градиент фона в CSS

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

background: linear-gradient(147deg, #ffe53b 0%, #ff2525 74%);

Как сделать фон в CSS.

Размытый фон

Эффект размытого фона хорошо виден на фотографии. Для наглядности размоем не весь фон, а какую-нибудь область на нем. Размывать будем CSS фильтром blur и SVG фильтром feGaussianBlur, для лучшей кроссбраузерности. Однако для IE эта комбинация все равно не работает.

Как сделать фон в CSS.

<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
<filter >
<feGaussianBlur stdDeviation="6"></feGaussianBlur>
</filter>
</svg>

bg-image <
background: url(&#039;kabachok.jpg&#039;) no-repeat fixed center / cover;
position: relative;
>br
.block <
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: inherit;
filter: blur(10px);
filter: url(#blur);
>

Заключение

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

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

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

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

Она выглядит вот так:

Комментарии ( 0 ):

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

Как сделать фон для текста в html – Фон под текстом CSS

seodon.ru | Учебник HTML &#8212; Меняем цвет текста и фона

Опубликовано: 29.09.2010 Последняя правка: 08.12.2015

В этом уроке вы узнаете, как менять цвет фона и текста любых элементов HTML-страницы. Вообще, в языке HTML у некоторых тегов есть специальные атрибуты меняющие цвет, например bgcolor (цвет фона). Но, во-первых, эти атрибуты являются устаревшими (думаю помните, что это значит), а во-вторых, как я уже сказал, они есть не у всех тегов. И вот, допустим, вы захотели изменить цвет фона у параграфа текста. И как вы это будете делать, ведь у тега <P> нет такого атрибута? Поэтому, как и в предыдущих уроках, мы будем использовать стили (CSS), то есть универсальный атрибут style, который позволит нам менять цвет там, где мы захотим.

Как можно указывать цвет?

Цвета в HTML (и CSS) можно указывать несколькими способами, я покажу вам самые популярные и распространенные:

  • Имя цвета — В HTML имеется большой список цветов с именами и для того, чтобы указать цвет, достаточно написать его имя на английском, например: red, green, blue.
  • HEX-код цвета — Абсолютно любой цвет можно получить, смешав в разных пропорциях три базовых цвета — красный, зеленый и синий. HEX-код — это три пары шестнадцатеричных значений отвечающих за количество этих цветов в каждом цвете. Перед кодом цвета необходимо поставить знак решетка (#), например: #FF8C00, #CC3300 и так далее.

Как изменить цвет текста?

Чтобы изменить цвет текста в любом элементе HTML-страницы надо указать внутри тега атрибут style. Общий синтаксис следующий:

<тег>&#8230;</тег> — указание цвета текста по имени.

<тег>&#8230;</тег> — указание цвета текста по коду.

И как обычно, чтобы изменить цвет текста на всей странице — достаточно указать атрибут style в теге <BODY>. А если необходимо изменить цвет шрифта для фрагмента текста, то заключите его в тег <SPAN> и примените атрибут к нему.

Пример изменения цвета текста

Результат в браузере

Красный текст заголовка

Синий текст параграфа.

Зеленый курсив. Красный текст.

Как изменить цвет фона?

Цвет фона любого элемента страницы меняется также с помощью атрибута style. Общий синтаксис такой:

<тег>&#8230;</тег> — указание цвета фона по имени.

<тег>&#8230;</тег> — указание цвета фона по коду.

Пример изменения цвета фона

Результат в браузере

Заголовок.

Жирный текст. Обычный текст.

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

  1. Создайте заголовок статьи и двух ее разделов. Напишите в начале статьи и каждом разделе по одному параграфу.
  2. Установите на всей странице шрифт Courier с размером 16px, у заголовка статьи — 22px, а у подзаголовков по 19px.
  3. Пусть у заголовка статьи будет цвет текста #0000CC, а у подзаголовков — #CC3366.
  4. Выделите фоновым цветом #66CC33 два слова во втором параграфе. А в третьем параграфе этим же цветом, но одно подчеркнутое слово.
  5. Не забывайте о том, что значения атрибута style можно группировать, ставя между ними точку с запятой (;).

Посмотреть результат → Посмотреть ответ

Как изменить цвет фона и текста в HTML? Как сделать фон картинку? Урок &#8212; 8

О том, как менять цвет текста я писал тут. Хочу сказать, что это не всегда удобно. Вот, например, вы хотите поменять цвет текста всей HTML страницы. Например, черный цвет текста изменить на красный. Для этого существует атрибут text для тэга <body>. Хочу зацепить тег <body>, так как в этом теге есть атрибуты, которые помогут изменить не только цвет текста, но и фон всей HTML страницы. А теперь подробней и с примером.
Вот атрибуты, которые мы сейчас рассмотрим:

TEXT – этот атрибут задает цвет текста всего документа.
BGCOLOR – этот атрибут указывает цвет фона HTML странице.
BACKGROUND – с этим атрибутом можно залить фон страницы изображением.

Изменяем цвет текста с помощью атрибута text.

Атрибут text прописывается в теге <body>. Цвет задается в виде цифрового кода:

или обычным названием цвета:

Код кодировки и название цвета для HTML вы посмотрите тут.

Изменяем цвет фона с помощью атрибута BGCOLOR.

При помощи атрибута BGCOLOR, который тоже размещается в теге <body>, можно задать цвет фона HTML страницы.

Цвет задается в виде цифрового кода:

или обычным названием цвета:

Изменяем цвет фона с помощью атрибута BACKGROUND.

Атрибут BACKGROUND тоже размещается в теге <body>. С помощью этого атрибута вы сможете сделать картиночный фон. Формат картинки берите jpg или gif. Разрешение картинки можно брать от 12х12 пикселей и больше.

Если фоновая картинка размещена вместе с HTML файлом, это будет выглядеть так:

Если фоновая картинка размещена в папке images, это будет выглядеть так:

Вот и все.
Теперь вы знаете, как изменить или задать цвет фона. Пробуйте закрепить урок, поменять значение, поэкспериментируйте.
Спасибо, что посетили блог BlogGood.ru. Удачи.

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

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

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

Популярные статьи:

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

Метки: html, основы

Как задавать цвет фона HTML документа

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

В данном уроке мы рассмотрим, как с помощью одного из этих тегов задать цвет фона html документа.

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

Цвет фона всего html документа, задается в теге <body>. Теперь сделаем фон нашего документа, например желтым. Для этого в теге <body> необходимо прописать атрибут bgcolor=&#187;#FFFF99&#8243;. Прописывается данный атрибут следующим образом: <body bgcolor=&#187;#FFFF99&#8243;> </body>. Таким образом, код нашей html странички с желтым фоном будет выглядеть так:

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

После этого запустите созданный html документ при помощи браузера, и вы увидите, что фон страницы стал бледно желтым. Атрибут bgcolor=&#187;&#187;, который задает цвет фона, содержит в кавычках значение &#171;#FFFF99&#187; &#8212; это код цвета, который мы хотим задать в качестве фона, полный список таких кодов вы можете посмотреть в таблице html цветов.

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

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

Скопировав это значение и вставив его в кавычки, вы измените цвет фона вашей странички. Только помните, что впереди значений должен находиться знак решетка #, например #dce8ff. Кроме этого цвет фона html документа можно устанавливать просто словами, например если в нашем атрибуте bgcolor вместо &#171;#FFFF99&#187; прописать &#171;red&#187; т. е. <body bgcolor=&#187;red»> то цвет фона будет красным. Буквенное написание цветов вы также сможете найти в таблице htm кодов цветов.

Материал подготовлен порталом: webmastermix.ru

Обновлено: 04 Сентябрь 2013

Создано: 12 Январь 2010

Цвет фона | htmlbook.ru

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

Цвет фона веб-страницы задается с использованием атрибута bgcolor тега <body>.

Пример 1. Изменение цвета фона

Цвет можно указывать в шестнадцатеричном значении или по его имени.

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

Фоновый рисунок

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

Пример 2. Добавление фонового рисунка

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

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

Пример 3. Использование фонового рисунка и цвета фона

Фиксированный фон

По умолчанию, при использовании полосы прокрутки, фоновый рисунок перемещается вместе с содержимым веб-страницы. Internet Explorer позволяет сделать фон неподвижным с помощью атрибута bgproperties=&#187;fixed&#187; тега <body>.

Пример 4. Задание фиксированного фона

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

Как сделать фон в HTML-странице. Основы HTML для начинающих. Урок №12

Главная » Основы HTML » Как сделать фон в HTML-странице. Основы HTML для начинающих. Урок №12

Как сделать фон в HTML-странице. Основы HTML для начинающих. Урок №12

Всем привет!
Продолжаем изучать основы HTML.
В этом уроке я расскажу и на примерах покажу, как сделать фон из цвета или картинки в HTML-странице.
Все довольно просто!
Начнем из цвета!
Я думаю, вы не пропустили урок №11, там, где я рассказывал, как менять цвет текста и в конце статьи давал коды различных цветов и оттенков. Почему я напомнил вам об этом уроке? Да потому, что там есть таблица с готовыми кодами цветов, берите их и практикуйте сразу в этом уроке.
Итак, как сделать цветовой фон в HTML…

Цветовой фон в HTML

Цвет фона в HTML-документе по умолчанию белый. Как же задать цвет по желанию?
В этом нам поможет атрибут «bgcolor». Чтобы закрасить задний фон, пропишите этот атрибут к тегу «body» :

Вот полный HTML-код:

Результат будет вот таким:

Как сделать в HTML картинку фоном

Если вы хотите сделать фон из картинки, тогда к тегу «body» пропишите атрибут «baсkground»:

Залейте любую картинку туда, где лежит ваша веб-страница (на примере у меня страница имеет название «fon» с расширением «.gif»):

Вот полный HTML-код:

Результат будет вот таким:

Если фоновая картинка размещена в папке images или в какой-то другой папке, это будет выглядеть так:

Вот полный HTML-код:

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

Предыдущая запись
Коды цветов в HTML. Основы HTML для начинающих. Урок №11&#13; Следующая запись
Как прописать путь к файлу, картинке или странице. Основы HTML для начинающих. Урок №13&#13;

background | htmlbook.ru

CSS Internet Explorer Chrome Opera Safari Firefox Android iOS
2.1 6.0+ 8.0+ 1.0+ 3.5+ 1.0+ 1.0+ 2.1+ 1.0+
3 9.0+ 1.0+ 10.5+ 1.3+ 3.6+ 2.1+ 1.0+
Краткая информация
Версии CSS
Описание

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

Синтаксис

<фон> = [background-attachment || background-image || background-position || background-repeat] | inherit

<последний_фон> = [background-attachment || background-color || background-image || background-position || background-repeat] | inherit

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

Значения

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

Результат данного примера показан ниже (рис. 1).

Рис. 1. Вид фона и фонового рисунка в блоке фиксированного размера

Объектная модель
Браузеры

Internet Explorer до версии 7.0 включительно не поддерживает значение inherit.

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

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

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

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

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

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

&#13;

На следующем этапе устанавливаем для этого слоя заливку в 20%.

Далее, кликаем два раза по слою выделения и вызываем окно свойства слоя. Открываем вкладку «Обводка«. Здесь в пункте «Цвет» выбираем белый цвет. Размер выставляем два пикселя. В разделе положение ставим «Снаружи», а «непрозрачность» устанавливаем как 50%.

Создаем копию фонового слоя. У нас получится три слоя: «фон», «фон копия» и верхний слой – «слой выделение». Активируем слой «фон копия». Затем зажимаем клавишу Ctrl и щелкаем левой кнопкой мыши по миниатюре слоя с выделением (третий верхний слой). В результате выделится часть фонового слоя под прямоугольником.

Затем в главном меню выбираем «Фильтр-Размытие-Размытие по Гауссу».

Радиус размытия устанавливаем равным 20.

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

Вот такой текст на фоне можно создать. Потренировавшись, можно создавать свои варианты фона как однотонные, так и цветные градиентные. Удачи!

Автор публикации

&#13; 0 Комментарии: 1Публикации: 127Регистрация: 02-12-2017

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *