Иллюстрированный самоучитель по Web-разработке на Macromedia Studio MX
dfc6131b

Настройка интервала и опорной линии


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

Междустрочный интервал в программе Fireworks называется Leading от слова lead (свинец), так как прежде в типографиях для установки этого интервала применялась полоска свинца, вставляемая наборщиком между собранными строками. Толщина этой полоски определяла, как близко строки расположены друг к другу. Сдвиг опорной линии просто передвигает буквы вниз или вверх относительно воображаемой линии, на которой расположен текст. Например, в выражении З2 цифра 2 сдвинута вверх относительно опорной линии, а в формуле Н2О — сдвинута вниз. Как уже говорилось раньше, средства программы Fireworks не настолько совершенны, чтобы удовлетворять требованиям качественной печати, но вполне достаточны для творчества в Web.

Для того чтобы сдвинуть опорную линию, выполните следующее.

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

2. Выберите инструмент Text, щелкните на странице и введите такой текст:

welcome to

ELMORELEONARD.COM

this site uses FLASH

 if you see the animation below

 CLICK HERE

 to enter


Рис. 12.11. Значение кернинга нижней строки составляет 7%



3. Выделите первую строку текста и в окне свойств установите такие параметры форматирования:

Font — Helvetica;

Size -12;

Color-FF9900;

Weight - Bold;

Alignment — Flush left;

Tracking - 5%;

Leading - 100%;

Horizontal scale - 100%;

Baseline Shift - 0.

4. Выделите вторую строку текста и в окне свойств установите такие параметры форматирования:

Font — Helvetica;

Size — 16;

Color - FF9900;

Weight - Bold;

Alignment — Flush left;

Tracking - 9%;

Leading-91%;

Horizontal scale -100%;

Baseline Shift - 0.

5. Щелкните в начале второй строки и с помощью пробелов подвиньте строку так, чтобы буква Е оказалась под буквой о в слове welcome.

6. Выделите слова this site uses в третьей строке и установите для нее такие параметры форматирования:



Font — Helvetica;

Size - 12;

Color - FFFFFF;

Weight - Bold Italic;

Alignment — Flush left;

Tracking - 9%;

Leading - 148%;

Horizontal scale - 100%;

Baseline Shift - 0.

7. Выделите слово FLASH в третьей строке и установите для нее такие параметры форматирования:

Font — Helvetica;

Size - 14;

Color - FFFFFF;

Weight - Bold Italic;

Alignment — Flush left;

Tracking - -7%;

Leading - 148%;

Horizontal scale - 100%;

Baseline Shift - 0.

8. Щелкните в начале третьей строки и, добавляя пробелы, сдвиньте ее так, чтобы ее начало оказалось под буквой Е в слове ELMORE.

9. Выделите четвертую строку и установите для нее такие параметры форматирования:

Font — Helvetica;

Size - 12;

Color - FF9900;

Weight — Normal;

Alignment — Flush left;

Tracking - 0%;

Leading - 95%;

Horizontal scale - 100%;

Baseline Shift - 0.

10. Передвиньте строку так, чтобы буква i в слове if совпала с буквой i в слове this.

11. Выделите пятую строку и установите для нее такие параметры форматирования:

Font — Helvetica;

Size - 16;

Color -FFFFFF;

Weight - Bold;

Alignment — Flush left;

Tracking - 0%;

Leading - 133%;

Horizontal scale - 100%;

Baseline Shift - 0.

12. Передвиньте строку так, чтобы буква С оказалась под буквой h в слове the.

13. Выделите шестую строку и установите для нее такие параметры форматирования:

Font — Helvetica;

Size - 14;

Color - FF9900;

Weight - Bold;

Alignment — Flush left;

Tracking - 0%;

Leading - 79%;

Horizontal scale - 100%;

Baseline Shift - 0.

14. Передвиньте шестую строку на нужное место. Все это должно выглядеть, как на рис. 12.12.

15. Создайте новый слой и назовите его Text 2. Выберите инструмент Text, щелкните им на холсте и введите следующий тест:

if not, get the plug-in

from MACROMEDIA.COM

16. Выделите первую строку этого текста и установите для нее такие параметры форматирования:

Font — Helvetica;

Size - 12;

Color - FF9900;

Weight - Bold;

Alignment — Flush left;

Tracking - 0%;

Leading - 93%;

Horizontal scale - 100%;

Baseline Shift - 0.





Рис. 12.12. С помощью параметров окна свойств можно добиться интересных эффектов

17. Выделите слово from и установите для него следующие параметры форматирования:

Font — Helvetica;

Size - 12;

Color - FF9900;

Weight - Bold;

Alignment — Flush left;

Tracking — 0%;

Leading-115%;

Horizontal scale - 100%;

Baseline Shift - 0.

18. Выделите слова MACROMEDIA.COM и установите для него такие параметры форматирования:

Font — Helvetica;

Size - 14;

Color - FFFFFF;

Weight - Bold;

Alignment — Flush left;

Tracking - 0%;

Leading - 30%;

Horizontal scale — 100%;

Baseline Shift - -10.

19. Переместите текст в нижнюю часть холста. Создайте новый слой и назовите его Dots. Выберите инструмент Ellips и нарисуйте им окружность. Залейте ее цветом FF9900. С помощью комбинации <Alt+Click+Drag> создайте еще три окружности. Страница готова и должна выглядеть так, как на рис. 12.13. Сохраните свою работу.



Рис. 12.13. Так должна выглядеть ваша страница


Содержание раздела