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

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

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

1. Создайте новый файл.


2. Создайте инструментом "Фигура" контур круга.


3. Возьмите инструмент "Горизонтальный текст". Установите курсор так, чтобы индикатор базовой линии инструмента "Текст" находился на контуре,
   
   
   
   и щелкните. После этого на контуре появится курсор вставки.
   
   



4. Введите текст, он будет располагаться вдоль контура.
   
   


5. Чтобы переместить текст вдоль контура, возьмите инструмент "Выделение контура" (черная стрелка), подведите курсор к контуру, он примет вид I-образной формы со стрелкой, нажмите левую клавишу мыши и ведите вдоль контура в сторону перемещения:
   
   


6. Чтобы отразить текст внутрь контура, возьмите инструмент "Выделение контура" (черная стрелка), подведите курсор к контуру, он примет вид I-образной формы со стрелкой, нажмите левую клавишу мыши и ведите поперек контура:
   
   


7. Чтобы изменить форму контура с текстом, возьмите инструмент "Стрелка" (белая стрелка), подведите курсор к контуру и щелкните по нему, появятся узловые точки, нажмите левой клавишей мыши на один из узлов и перетаскивайте до нужной формы:
   
   
8. Затем снова выровняйте текст по контуру, как в пункте 5.


9. Форму контура с текстом можно просто переместить инструментом "Перемещение".

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

Текст-маска

1. Создайте новый слой.


2. Возьмите инструмент "Горизонтальный слой-маска", выберите шрифт покрупнее (например, 60) и напишите им что-нибудь. При вводе текста появится красная маска:
   
   


3. По окончании ввода текста щелкните по галочке на панели параметров:
   
   
   Границы текста превратятся в выделение:
   
   


4. Теперь можно залить буквы краской (Редактирование -> Выполнить заливку) или обвести их контур (Редактирование -> Выполнить обводку).
   
   

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

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

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

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


2. Щелкните два раза по этому слою или щелкните по кнопке "Добавить стиль слоя" внизу палитры слоев:
   
   


3. В открывшемся окне настройки эффектов поставьте галочки у тех эффектов, которые понравятся и щелкните ОК. Вот пример предыдущего текста с эффектами - тень и внутреннее свечение:
   
   

Текст также можно заполнить изображением. Об этом в следующих уроках.

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


Сайт www.desiretoinspire.net


Сайт tlcvintagecollection

КЛАССНЫЕ ДЕКУПАЖНЫЕ РАБОТЫ >>>>

Серия сообщений "Идеи декупажа":
Часть 1 - Банки для кофе. Декупаж
Часть 2 - Идеи для декупажа...От Bogumila Kwaszynska
...
Часть 11 - Черно-белый декупаж от My House Of Dreams
Часть 12 - Шкатулки Sweet Home Decor. Декупажные работы
Часть 13 - 36 источников для вдохновения, различные сайты, мастер классы, магазины и галереи, большая коллекция ресурсов для мастеров декора
Часть 14 - Декупаж в стиле прованс: прекрасные работы участников конкурса на DCPG
Часть 15 - Подборка красивых декупажных работ с "Ярмарки Мастеров"
...
Часть 31 - Идеи монохромного декупажа.
Часть 32 - Уютный наборчик для кухни (идеи декупажа)
Часть 33 - Печворк (декупаж)

АВТОР Nataly

Предлагаю превратить обычную бутылку в  креативную.

Автор: Елена Жураковская

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

Для работы вам понадобится:

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

Кабачок такой универсальный овощ! Сколько же блюд из него можно приготовить - Вы знаете? Ну и не надо. Знакомьтесь пока с этим рецептом приготовления кабачковых палочек в сырной панировке. Вкусно! Такие палочки очень хорошо даже идут на праздничный стол в качестве закуски. Они вкусные как в тёплом виде, так и в холодном. Знакомьтесь с рецептом.

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

идея сушки для полотенец

Общие правила:

Оформление текста

Перечёркнутый текст: ТЕКСТ
<s> ваш текст </s>
Подчёркнутый текст: ТЕКСТ
<u> ваш текст </u>
Полужирный текст: ТЕКСТ
<b> ваш текст </b>
Полужирный крупный: ТЕКСТ
<big> ваш текст </big>
Курсивный текст: ТЕКСТ
<i> ваш текст </i>
Маленький текст: текст
<small> ваш текст </small>
Неразрывный пробел:
&nbsp;
Центрирование:

<center>ваш текст (картинка) </center>
Выравнивание текста по правому краю поста:
<div align=right> ваш текст </div>
Равномерное выравнивание текста по всей ширине поста:
<div align=justify> ваш текст </div>
Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 8 пробелов):
<blockquote> текст </blockquote>
Бегущая строка (рекомендую Бегущая строка):

Сноска вверху: ТЕКСТ^сноска
^{ваша сноска}

Сноска внизу: ТЕКСТ_сноска
_{ваша сноска}

Линия:

ее код:<hr>
Ударение:
Cтавим после нужной буквы:
&#769;
“Закрепитель” (фиксирует текст так, как и расположите его в поле поста):

Я
  Пешу
       Лесинкой!!!

<pre>ваш текст</pre>

РАЗМЕР ШРИФТА:
Уменьшить текст: текст - 2
<font size="-2"> уменьшенный текст </font>
Увеличить текст на 1 пункт: текст
<font size="+1"> увеличить текст на 1 пункт </font>

Увеличить текст на 2 пункта: текст

<font size="+2"> увеличить текст на 2 пункта </font>

Увеличить текст на 3 пункта: текст

<font size="+3"> увеличить текст на 3 пункта </font>

Увеличить текст на 4 пункта: текст

<font size="+4"> увеличить текст на 4 пункта </font>

ЦВЕТ ШРИФТА:

КРАСНЫЙ: красный текст
<font color="red"> красный текст </font>
ЖЕЛТЫЙ: желтый текст
<font color="yellow"> желтый текст </font>
ФИОЛЕТОВЫЙ: фиолетовый текст
<font color="purple"> фиолетовый текст </font>
ЗЕЛЕНЫЙ: зеленый текст
<font color="lime"> зеленый текст </font>
СИНИЙ: синий текст
<font color="navy"> синий текст </font>
ФУКСИЯ: фуксия текст
<font color="fuchsia"> фуксия текст </font>

Таблица “базовых” цветов (вводим “Имя” или “Код”):
 

• Посмотреть сочетаемость цветов
• Таблица безопасных цветов
• Все цвета Интернета

  ВИД ШРИФТА:
  Шрифт этого текста “Monotype Corsiva”
  <font face="Monotype Corsiva"> текст </font>
  Все вышеперечисленные атрибуты тега font можно объединять в одном теге:
  Шрифт этого текста “Monotype Corsiva”
  код этого текста:
  <font face="Monotype Corsiva" size="+2" color="fuchsia"> текст </font>

  Оформление ссылок (рекомендую спец. страницу Ссылки):

  Как вставить ссылку на веб-страницу:
  <a href="АДРЕС СТРАНИЦЫ"> ВАШ ТЕКСТ</a>
  Как сделать, чтобы картинка была ссылкой на веб-страницу:
  <a href="АДРЕС СТРАНИЦЫ"><img src="АДРЕС КАРТИНКИ"></a>
  Как вставить ссылку на веб-страницу, чтоб она открылась в новом окне:
  <a href="АДРЕС СТРАНИЦЫ" target="_blank">ВАШ ТЕКСТ</a>
   

  ---

  Спец. теги ЖЖ:

  Элементарный жж-кат (с “Read more”):
  <lj-cut> ТЕКСТ </lj-cut>
  жж-кат с ВАШИМ ПОДЗАГОЛОВКОМ:
  <lj-cut text="ПОДЗАГОЛОВОК"> ТЕКСТ </lj-cut>
  Работу ката не видно в режиме “ПРОСМОТР”
  Как в сообщение вставить жж-пользователя чтобы это выглядело, например, так: wildmale
  <lj user="wildmale">
  Сссылка на сообщество, например: aforism
  делается точно так же:
  <lj user="aforism">
  Если надо так:wildmale
  или так: comm - идем СЮДА

  Вместо wildmale пишем Дикий самец:
  <a href="lj://user/wildmale/">Дикий самец</a>
  Ежели надо с “человечком”: Дикий самец:
  <lj user="wildmale" title="Дикий самец">
  Скопировав код, не забудьте поменять реквизиты.
  Вставка МЕДИА-файлов:
  Видео, флеш и проч. в ЖЖ вставляются так:
  <lj-embed> код вашей вставки</lj-embed>
   

  ---

  Публикация картинок:

  Код любой картинки в сети в простом варианте выглядит так:
  <img src="http://.../...jpg">
  Уникальный URL (http://.../...jpg) выдает картинке хостинг, куда ее необходимо закачать с компа.
  Совсем “чайникам” рекомендую (для ЖЖ):
  1.Открываешь ljplus.ru
  2. Регистрируешься
  3. Жмешь: КАРТИНКИ-ЗАГРУЗИТЬ-ОБЗОР-ЖМИ УЖЕ!
  4.Смотришь на HTML-коды и копируешь нужный в поле поста или каммента
  5. Постишь. Становишься знаменитым.
  В каменты картинки ставятся аналогично, кат не работает.

  Как сделать, чтобы текст «обтекал» картинку?
  Легко - картинка слева, текст справа:
  добавляем в код картинки:
  align=left hspace=20
  Код картинки примет вид:
  <img src="http:…" align=left hspace=20>
  Помни:
  align=left – картинка слева, текст справа
  align=right - картинка справа, текст слева
  hspace=20 - расстояние между текстом и картинкой 20 пиксел по горизонтали
  vspace=20 - расстояние между текстом и картинкой 20 пиксел по вертикали
  Код картинки с плавным обтеканием текстом справа и снизу (или сверху):
  <img src="http:…" align=left hspace=20 vspace=15>

  Прекратить обтекание и вернуть текст под картинку можно тэгом <br>
  Закрывать не надо, он работает один. <br> выполняет перенос на следующую строку. В блогсервисах и редакторах текста его заменяет нажатие Enter.
  <br><br><br> - три пустые строки.

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

  Регулируем расстояние меж картинками по-горизонтали:
  С помощью “неразрывного пробела”:  &nbsp;
  Расстояние, равное 8 пробелам будет выглядеть так:
  &nbsp; &nbsp; &nbsp; &nbsp;
  Вставляется меж кодов картинок, есс-но

  Если надо всплывающую подсказку при наведении курсора на картинку, как здесь: - введите в код картинки title="ТЕКСТ"

  Если надо цветную рамку , добавьте в код картинки: style="border:5px solid red;" - задана красная рамка толщиной 5 пикселей

  Чтоб быстро вставить картинку с другого сайта, вставьте в пост:
  <img src="">
  затем войдите в “Свойства” картинки на этом сайте, скопируйте ее URL и вставьте в код меж кавычек

  Изменить размер картинки можно с помощью атрибутов width (ширина) и height (высота). Вставьте в код картинки, например, width=300 и ваша картинка будет шириной 300 пикселов, высота подгонится пропорционально. Браузер при этом все равно подгружает изначальную картинку, и если та весила 3МБ, то меньше не станет:)

Как вставить ПРОКРУТКУ в пост.

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

А теперь посмотрим из чего состоит прокрутка.
1.scrollbar-face-color - это цвет передней стороны панели прокрутки
2.scrollbar-shadow-color - это цвет нижней и правой граней панели прокрутки.
3.scrollbar-highlight-color - это цвет верхней и левой граней панели прокрутки
4.scrollbar-3dlight-color - это цвет отсвета.
5.scrollbar-track-color - это цвет полосы, по которой "ходит" панель прокрутки.
6.scrollbar-arrow-color - это цвет треугольника на верхнем и нижнем квадратах.
7.#FFFFFF - это коды цвета, которые можно менять.
Не обязательно использовать все теги.
Я использую только те при помощи которых можно поменять цвет прокрутки.

Чуть ниже можно скопировать код ПОСТА С ПРОКРУТКОЙ,
который Вы потом будете вставлять в свой пост.
В коде где написано. КОД КАРТИНКИ.
Загружаете картинку через Радикал фото.Код берёте под №1.
Меняете только размеры картинки width="480" height="280"
Если вставляете через Лиру тогда вам нужна только та часть кода,
что находится внутри кавычек.


Дальше! Там где написано РАЗМЕР ПРОКРУТКИ.
Меняем эту надпись на цифры размера КАРТИНКИ.
В моём случае height="280".
Тоесть вместо слов РАЗМЕР ПРОКРУТКИ я ставлю"280"
Это нужно для того чтобы прокрутка не вылезала за размеры картинки или не была меньше её.Хотя размер прокрутки можете делать любой.Так просто красивее.

Идём дальше.Где написано ФОН ДЛЯ ТЕКСТА.
можно поставить фон.
Так же через радикал фото код под №1.
Или через Лиру так же как мы вставляли код картинки.
В моём случае я не стала добавлять Фон для текста.

И самое основное.
Где написано ВАШ ТЕКСТ.
Пишите свой текст.
Но ПРОКРУТКА начинает появлятся тогда,когда написано много текста.
Вот и всё удачи вам в оформлении.

Код ПОСТ С ПРОКРУТКОЙ.<img data-cke-saved-src="КОД КАРТИНКИ" src="КОД КАРТИНКИ" width="480" height="280" align="left" /><div style="overflow:auto;scrollbar-arrow-color:#000000;scrollbar-base-color: #228B22; position: width:99%;height:РАЗМЕР ПРОКРУТКИpx;background-image:url(' ФОН ДЛЯ ТЕКСТА ');top:5px;text-align:left;text-indent:5pt"> ВАШ ТЕКСТ </div>

Серия сообщений "Разное":
Часть 1 - Без заголовка
Часть 2 - Как вставить ПРОКРУТКУ в пост
Часть 3 - Делаем баннер
Часть 4 - Ассорти новогодних ссылок
...
Часть 7 - Новогодний текст (картинки)
Часть 8 - Зимне-новогодние анимашечки с кодами
Часть 9 - Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих!

Здравствуйте,мои дорогие,читатели!

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

Итак:

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

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

выбираем "написать" .Обычно сразу открывается расширенный редактор. 

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