Помошник...

Помощь блоггеру УРОКИ ОТ ДЖУЛИИ

Бродилочка по МОИМ УРОКАМ

Бродилочка по МОИМ УРОКАМ Блог NATALI ОБЩИЙ ПЕРЕЧЕНЬ МОИХ УРОКОВ Урок от NATALI: Выделение при помощи быстрой маски Урок от NATALI:Использование инструмента маска на картинке Урок от NATALI:Делаем дождь плагином Альен Скин Урок от NATALI: Учимся добавлять глитеры в фотошоп Урок от NATALI:Движение текста по заданному пути Урок от NATALI: Маленькие хитрости в фотошопе Урок от NATALI: Переливы на тексте шумом Урок от NATALI: Бегущая дорожка-блинк Урок от NATALI: Луч света в тёмной комнате Урок от NATALI:Учимся удалять надписи с картинки Урок от NATALI: Учимся создавать рамочку в PNG формате Урок от NATALI: Плывущие облака Урок от NATALI:Отделение объекта от фона Урок от NATALI: Делаем огонь плагином Альен Скин Урок от NATALI: Ещё одно плавное движение в анимации Урок от NATALI:Как использовать МАСКИ в фотошопе Урок от NATALI:Движение жидкости в бокале Урок от NATALI: Переливы на картинке градиентом Урок от NATALI: Как добавит анимашку на картинку в С3 Урок от NATALI: Как картинку вставить в рамочку Урок от NATALI: БЛИКИ Урок от NATALI:как пользоваться Morpheus_Animation Урок от NATALI:как пользоваться FantaMorph3 Урок от NATALI: как пользоваться Nature_Illusion_Studio Урок от NATALI:Ещё один вид стерео-эффекта Урок от NATALI: Как из кисти зделать фигуру Урок от NATALI: Ещё один вариант движения Урок от NATALI:Как пользоваться кистями в фотошопе Урок от NATALI: Переливы на тексте градиентом Урок от NATALI: Оживляем лепесточки цветов Урок от NATALI: Стерео - эффект Урок от NATALI: Плавный переход в анимации Урок от NATALI:Текстовые эффекты Урок от NATALI: Градиент и как им пользоваться Урок от NATALI: Нежный блеск шумом Урок от NATALI: Красивый блик на невидимом узоре Урок от NATALI: Создание Рамочки на картинке в фотошопе Урок от NATALI:Учимся закрывать глазки Урок от NATALI: Воздушный поцелуй зимы Урок от NATALI:Плавное движение всего в четырёх слоях Урок от NATALI:Иллюзия движения при помощи света и тени Урок от NATALI:Красивый эффект движения-блинк Урок от NATALI:Создание картинки с прозрачными краями Урок от NATALI: Учимся добавлять плагины и маски в Корел Урок от NATALI:Для фотошопа С5 -быстрое выделение-волосы Учимся делать крутящийся шар Урок от NATALI: Учимся создавать коллаж Урок от NATALI: Делаем движение фильтром EYE CANDY 4000 Урок от NATALI: Учимся применять маски просто на картинке Урок от NATALI:Учимся делать свет плагином Альен Скин-Impact Урок от NATALI:Плагин- Greg's Factory Output2 и урок Урок от NATALI:Восстанавливающая кисть Урок от NATALI:Марионеточная деформация для С5 Урок от NATALI:Учимся делать блики инструментом осветлитель Урок от NATALI:Заливка с учётом содержимого для С5 Урок от NATALI:Учимся создавать 3Д формат в С5 Урок от NATALI:Учимся делать несколько анимаций в одной картинке Урок от NATALI:Учимся анимировать боке Урок от NATALI:Цветные блёстки Урок от NATALI: Мерцание Урок от NATALI:Ещё один вид мерцания Урок от NATALI:Учимся делать глитер на прозрачном слое Урок от NATALI:Создаем лучи солнца градиентом.. Урок от NATALI:Исчезающий текст с переливами градиента Урок от NATALI:Затемнение Урок от NATALI:Плагин eye kandy 4000 и его возможности Урок от NATALI:Учимся работать с каналами Урок от NATALI:Учимся работать с кистями в фотошопе Урок от NATALI: Учимся создавать анимацию(для новичков) Урок от NATALI: Ещё один вид выделения с помощью каналов Урок от NATALI:Работа с каналами -вариант 3 Урок от NATALI:Восстанавливаем старое фото Урок от NATALI: Убираем на картинке полупрозрачные пиксели Урок от NATALI: Извлекаем узор из маски Урок от NATALI:Делаем картинку из страз Урок от NATALI:Разные эффекты в фотошопе- абстракция2 Урок от NATALI:Разные эффекты -5 нежный контур рисунка Урок от NATALI:Трёхмерная абстракция Урок от NATALI:filters - AAA 8bf Урок от NATALI:Анимация плагином VM-natural Урок от NATALI:Раскрашиваем узор в анимации Урок от NATALI:Фильтр -Текстура -Зерно Урок от NATALI:Тиснение -3 Урок от NATALI:Круги на воде Урок от NATALI:Рисуем крылья Урок от NATALI:Делаем Рамочки и узоры на картинке шумом Урок от NATALI:Тиснение узора - 2 Урок от NATALI:Применение фильтра-свечение краёв Урок от NATALI:Разные эффекты в фотошопе-3 абстракция Урок от NATALI:Разные эффекты в фотошопе-абстракция Урок от NATALI:Выдавливание узора на картинке Урок от NATALI:Нанесение изображения на рельефную поверхность Урок от NATALI:Рисуем пером и кистью Урок от NATALI:Делаем бантики.... Урок от NATALI:Рисуем жемчуг..... Урок от NATALI:Из фото в цветной рисунок Урок от NATALI:Делаем из фото рисунок Урок от NATALI:Учимся делать абстракцию Урок от NATALI:Создаём узоры по контуру Урок от NATALI:Учимся делать стежки Урок от NATALI:Рисуем шторы-вариант 2 Урок от NATALI:Рисуем шторы Урок от NATALI:Быстрая замена цвета Урок от NATALI:Рисуем снежную бурю Урок от NATALI:Делаем снег глитерами Урок от NATALI:Быстрое выделение маски в фотошопе Урок от NATALI:Учимся делать блики кистями Урок от NATALI:Быстрое удаление однотонного фона на картинке Урок от NATALI:Как добавить гифку в фотошоп С5 Урок от NATALI:Извлекаем узор из фракталов Урок от NATALI:Зимние эффекты плагином Альен Скин Урок от NATALI:Движение волос фильтром EYE CANDY 4000

Серия сообщений "Мои уроки":

Часть 1 - Урок от NATALI: Выделение при помощи быстрой маски
Часть 2 - Урок от NATALI:Использование маски на картинке
...
Часть 98 - Урок от NATALI:Быстрое удаление однотонного фона на картинке
Часть 99 - Урок от NATALI:Зимние эффекты плагином Альен Скин
Часть 100 - Урок от NATALI:Движение волос фильтром EYE CANDY 4000

Учебник Лиру

 

15 самых популярных уроков, не вошедших в оглавление

Вначале - кратко о спецкодах и HTML-кодах. Спецкоды – слова, заключенные в квадратные или угловые скобки, которые помогают менять вид текста и делают много полезных вещей. Спецкоды в угловых скобках <> называются HTML- кодами. Их можно вводить "от руки" только в простом редакторе, в расширенном редакторе вместо них нужно пользоваться кнопками над текстом (как в Word). Если всё же хотите использовать и в расширенном - нажимайте кнопку Источник в левом верхнем углу.

Коды заключенные в квадратные скобки - не являются универсальными, они называются BB-кодами, так как происходят из форумов. Их можно использовать и в простом и в расширенном редакторе. Если в BB-коде используется ссылка (код FLASH, например), то надо следить, чтобы расширенный редактор не "подчеркнул" ее, а у простого редактора убрать внизу галочку "Автоматическое распознавание ссылок", иначе код может не сработать правильно. Для удобства использования некоторых BB-кодов в простом редакторе можно активизировать панель спец-кодов.

Теги, применяемые на ЛиРу
Тег - это элемент языка разметки гипертекста (например в HTML), применяется в основном для задания того, как будет отображаться текст.
* Дополнительные спецсимволы HTML (редко используемые буквы и знаки)
1. Как выделить текст?

<b>ВАШ ТЕКСТ</b>Полужирный текст
<i> ВАШ ТЕКСТ</i>Выделение текста курсивом
<u>ВАШ ТЕКСТ</u>Подчёркнутый текст
<s>ВАШ ТЕКСТ</s>Зачёркнутый текст
<tt>ВАШ ТЕКСТ</tt>Текст, имитирующий стиль печатной машинки
<cite>ВАШ ТЕКСТ</cite>Выделение цитат курсивом
<p>ВАШ ТЕКСТ</p>Создание нового параграфа
<hr width="50%" />Горизонтальная разделительная линия (половинка) _________________________
<hr />Горизонтальная разделительная линия (полная) _________________________________________________________________________________________
<br />Перенос строки (если двойная - абзац)
<h1>Ваш Заголовок</h1>

Заголовок

(h1 .. h6 - возможные заголовки. Чем больше число, тем меньше заголовок)

2. Как изменить размер текста?

маленький текст <small>ВАШ ТЕКСТ</small> маленький текст
Уменьшить текст <font size="-2">текст</font> текст - 2
Увеличить текст+1: <font size="+1">текст</font> текст + 1
Увеличить текст+2: <font size="+2">текст</font> текст + 2
Увеличить текст+3: <font size="+3">текст</font> текст + 3

3. Как разместить текст (картинку) на странице и делать отступы?

<div align="left">Ваш текст</div>

<div align="right">Ваш текст</div>

<div style="float:right;">Ваш текст</div><br clear="all" />

<div align="justify">Ваш текст</div>

<center> Ваш текст</center>

Текст будет по центру

<img src="name" align="?" />Выравнивание картинки к одной из сторон документа. Вместо "name" - адрес картинки, вместо "?" - значения: left, right, center, bottom, top, middle.
<blockquote>Ваш текст</blockquote>

Текст для цитат - отделен пустой строкой и отступ слева в 8 пробелов

<p style="text-indent: 40px">Ваш текст</p>

Предложение с отступом в абзаце. Как в книжках.

Как сделать, чтобы текст «обтекал» картинку?
Например, картинка слева, текст справа: добавляем в код картинки: 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 />, который выполняет перенос на следующую строку. В блогсервисах и редакторах текста его заменяет нажатие Enter.
<br /><br /><br /> - три пустые строки.

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

4. Как окрасить текст в разные цвета?

КРАСНЫЙ: <font color="red">текст</font> красный текст
Ало-КРАСНЫЙ: <font color="damask">текст</font> ало-красный текст
ЖЕЛТЫЙ: <font color="yellow">текст</font> желтый текст
ФИОЛЕТОВЫЙ: <font color="purple">текст</font> фиолетовый текст
ЗЕЛЕНЫЙ: <font color="green">текст</font> зеленый текст
Светло-ЗЕЛЕНЫЙ: <font color="lime">текст</font> светло-зеленый текст
КОРИЧНЕВЫЙ: <font color="brown">текст</font> коричневый текст
Ярко-КОРИЧНЕВЫЙ: <font color="maroon">текст</font> ярко-коричневый текст
ГОЛУБОЙ: <font color="blue">текст</font> голубой текст
Светло-ГОЛУБОЙ: <font color="aqua">текст</font> светло-голубой текст
СИНИЙ: <font color="navy">текст</font> синий текст
ФУКСИЯ: <font color="fuchsia">текст</font> фуксия текст
ОРАНЖЕВЫЙ: <font color="orange">текст</font> оранжевый текст

Также: black,white,rose,violet,vinous,gold,silver,bronze,platinum и т.д. (черный, белый, розовый, фиолетовый, бордовый, золотой, серебряный, бронзовый, платиновый).

* Коды цвета для текстов
* Посмотреть сочетаемость цветов
* Таблица "безопасных" цветов
* Все цвета Интернета

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

5. Как сделать бегущую строку?

Бегущая влево строка <marquee>ВАШ ТЕКСТ</marquee>

бегущая влево
Бегущая вправо строка<marquee direction="right">ВАШ ТЕКСТ</marquee> бегущая вправо
Бегущая от края к краю строка<marquee behavior="alternate">ВАШ ТЕКСТ</marquee> бегущая от края к краю

6. Как сделать бегущую картинку?


 

<marquee><img src="адрес картинки"></marquee> - Просто вставьте между кавычками ссылку вашей картинки (http:// и т.д.)

7. Как сделать скользящий (со скроллом) текст?

Скользящий вверх текст
<marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee>

Скролящийся вверх
текст с полезной
информацией,
картинкой или ещё с чем-нибудьСкользящий вниз текст
<marquee direction="down" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee> картинкой или ещё чем-нибудь
информацией,
текст с полезной
Скролящийся вниз

8. Как сделать списки и сноски?

Список c жирная точка спереди <ul><br /> <li>Ваш текст<br /> </li><li>Ваш текст<br /> </li></ul>

• Мужской клуб
   
• Женский клуб

Список сформируется автоматически, если добавить <ol><li> первый пункт Вашего ТЕКСТА<br /> <li> второй пункт Вашего ТЕКСТА<br /> </ol>

1. Первый пункт текста
    
2. Второй пункт текста

Сноска сверху
ТЕКСТ^сноска ТЕКСТ ^сноска
Сноска снизу
ТЕКСТ_сноска ТЕКСТ _сноска

9. Как сохранить текст таким, как вы написали?

"Закрепитель": текст остается таким, каким вы его пишете  <pre>ВАШ ТЕКСТ</pre>

Однажды

        в студеную зимнюю пору

                я из лесу вышел...

10. Как сделать всплывающую подсказку?

Текст со всплывающей подсказкой <acronym title="То, что вы пишете во всплывающей подсказке">ВАШ ТЕКСТ</acronym>
Текст со всплывающей подсказкой - наведите мышкой на это предложение, подсказка всплывет

11. Как дать ссылку на свой дневник или любой адрес?

Если хотите дать ссылку на свой дневник (например, на наше сообщество), то пишете:
<b><a href="ссылка">ВАШ ТЕКСТ например, Только для женщин</a></b>и получится так:Только для женщин

Точно также можно дать ссылку на фото, картинку или видео.
Чтобы картинка была ссылкой на веб-страницу (см. баннер "Только для мужчин" ниже, в п.15):
<a href="Адрес страницы"><img src="Адрес картинки в сети" /></a>

12. Как скрыть часть текста (убрать под кат) ?

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