Интервал в фотошопе. Межстрочный и межсимвольный интервал в Microsoft Word

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

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

Высота строк

В CSS расстояние между строками можно продемонстрировать следующим рисунком.

На изображении выше указаны параметры с соответствующими расстояниями. Текст располагается в пространстве font-size. Обратите внимание, что линия текста начинается не на основании, а немного выше. Пространство ниже предусмотрено для букв, у которых есть элементы снизу (g, у и так далее).

Обратите внимание, что пространство между блоками font-size называется leading. В HTML и CSS это свойство никак не фигурирует, но оно есть в других графических и текстовых редакторах. Например, в Adobe Photoshop.

На рисунке выше указано, где в "Фотошопе" можно указать leading. А рядом указывается параметр font-size.

Примеры использования line-height

В CSS расстояние между строками можно задать процентами. Наглядный пример приведен ниже.

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

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

Тонкости оформления

В CSS расстояние между строками можно дополнительно настраивать различными отступами. Рассмотрим пример на рисунке.

В поле "Элемент" в нашем случае будет текст. Padding - это отступ внутри объекта, а margin - отступ за объектом. Border - это рамка. Она может быть 0 пикселей, а может быть и 100.

На следующем изображении показаны сразу все отступы, рамка и высота линии текста.

Если у вас текст небольшой, всего в одну строку, или каждая строка в отдельном абзаце, то расстояние можно настраивать отступами между этими абзацами. То есть maring и padding между строчками в одном элементе не оказывают никакого влияния. Они создают отступы только по краям объекта. Объект - это весь абзац, а не строчки в нем. Здесь важно не запутаться.

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

Как увеличить расстояние между строками CSS

Расстояние между строками HTML можно прописывать к какому-нибудь классу или для всех абзацев в тексте. Если вы укажете вот так: p { line-height:20px; }, - то абсолютно все абзацы на странице будут со строками размером 20 пикселей. Если нужно в разных местах различные размеры, то рекомендуется делать следующим образом.

Прописываем стили.

Class1 { line-height:20px; }

Class2 { line-height:16px; }

Class3 { line-height:12px; }

Для наглядности добавим рамку, чтобы вы увидели, что это работает. В дальнейшем ее нужно убрать.

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

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

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

У поисковика "Гугл" есть специальный инструмент, который помогает в этом анализе. Он очень удобен для веб-мастеров.

Вот пример результатов, которые могут быть.

1. В палитре Layers (Слои) выберите текстовый слой.
2. По желанию. С помощью инструмента Туре выделите тот фрагмент текста, который следует изменить. Иначе трекинг будет применен ко всему тексту.
3. Щелкните по кнопке Palettes (Палитры), чтобы открыть палитру Character (Шрифт), если она еще не открыта.
4. Выберите одно из значений трекинга во всплывающем меню Tracking (Tpeкинг) либо введите любое свое значение (рис. 17.19). Воспользуйтесь отрицательным значением, чтобы сблизить символы, и положительным - чтобы увеличить зазор между ними.

Рис. 17.19. Увеличенное межзнаковое расстояние в заголовке

Нажав клавишу Alt при активном инструменте Move (Перемещение) и нажимая клавиши со стрелками «вправо»/«влево», можно скопировать весь текстовый блок.

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

Установка межстрочного расстояния для горизонтального текста

Межстрочное расстояние (интерлиньяж) -это расстояние между текущей строчкой текста и строчкой, расположенной над ней. У каждого символа может быть свое собственное межстрочное расстояние; наибольшее значение будет определять межстрочное расстояние для данной строки.

Межстрочный интервал по умолчанию рассчитывается пропорционально кеглю. Их отношение указывается в диалоговом окне Justification (Выравнивание), которое открывается с помощью меню палитры Paragraph (Абзац). По умолчанию величина интервала составляет 120% от кегля. Например, межстрочное расстояние для кегля в 30 точек по умолчанию равно 36.

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

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

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

Сказанное выше о форматировании текста относится только к Фотошопу. Если вы используете другие приложения, возможно, порядок действий при выборе шрифта будет иным. При создании текстов для сети Internet лучше обратиться к программе, предназначенной для Web-дизайна.

1. В палитре Layers (Слои) выберите нужный слой.
2. По желанию. Выделите одну или несколько строк, в которых будете менять межстрочный интервал. Если текст был введен в построчном режиме, то необходимо выделить всю строку. Если не выделять строки, то изменения произойдут во всем тексте.
3. Выберите или введите значение межстрочного интервала в палитре Character (Шрифт) - см. рис. 17.20, 17.21.

Рис. 17.20. Выбор межстрочного интервала

Рис. 17.21. Абзацы с одинаковым кеглем, но разными межстрочными интервалами

Смещение выделенных символов относительно базовой линии

1. На палитре Layers (Слои) выберите нужный слой.
2. По желанию. С помощью инструмента Туре (Текст) выделите те символы, которые следует сместить. Иначе изменят положение все символы слоя.
3. Откройте палитру Character (Шрифт).
4. Введите значение в поле смещения относительно базовой линии (рис. 17.22) -положительное, если хотите, чтобы буквы были расположены выше базовой линии; и отрицательное - в противном случае (рис. 17.23). Если вы не выполняли шаг 2, нажмите клавишу Enter.

Рис. 17.22. Поле смещения относительно базовой линии

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

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

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

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

Как изменить и настроить межстрочный интервал

Для изменения межстрочного интервала в Word предусмотрено несколько способов :

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

Значения межстрочного интервала

Межстрочный интервал представляет собой расстояние между гипотетическими линиями, проходящими через середину букв в строчках и по умолчанию равен размеру шрифта. Стандартные размеры , доступные в Word, составляют 1, 1,15, 1,5, 2 и 3 значения этого расстояния.

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

Изменяем межбуквенный интервал

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

Регулировка осуществляется с шагом в 0,1 пункта. Доступ к этому параметру можно осуществить двумя способами:

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

• Используя контекстное меню «Абзац » вызываемое по нажатию правой копки мышки;
• Используя группу команд «Абзац » на вкладке «Главная » Word.

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

Палитра Символ (Character) позволяет задавать такие параметры шрифта, как межстрочный интервал, расстояние между символами и т. д. (табл. 6.2). Вы также можете сделать текст курсивным или жирным, оформить текст заглавными буквами или индексами. На палитре Параграф (Paragraph) находятся элементы управления, задающие параметры параграфов текста (отступ красной строки, ширина полей, расстояние между параграфами и т. д.). Используются эти палитры для тонкой настройки текста. Ниже приведено описание некоторых из расположенных на них элементов управления.

Таблица 6.2. Некоторые элементы управления панели Символ (Character)

Элемент управления	Функция
	Задает размер шрифта
	Определяет межстрочный интервал
	Позволяет изменить расстояние между двумя соседними символами. Для изменения этого параметра нужно установить курсор между двумя символами и выбрать из списка нужное значение. Расстояние между символами можно как уменьшать, так и увеличивать
	Предназначен для задания дополнительного межсимвольного интервала в пределах выделенного участка текста. Как и в случае с расстоянием между соседними символами, расстояние между символами в группе может быть увеличено или уменьшено
	Позволяют настраивать высоту и ширину символов
	Используется для настройки сдвига базовой линии шрифта. Это может оказаться полезным для написания индексов или буквиц (букв увеличенного размера, начинающих абзац)
	Отображает цвет текста. Позволяет сменить его при помощи стандартного диалога выбора цвета Фотошоп
	Дополнительная настройка оформления текста. Щелкая мышью по символам, вы можете изменять начертание шрифта и его оформление (подчеркивание, индексы и т. д.)
	Выбор языка для автоматической проверки орфографии. Эта функция впервые введена в Фотошоп
	Выбор режима сглаживания границ символов. В большинстве случаев достаточно использовать значение по умолчанию

ПРИМЕЧАНИЕ. Расстояние между двумя символами принято называть кернингом (от английского слова kerning - межсимвольный интервал). Дополнительное расстояние, добавляемое между всеми символами выбранной последовательности, называют трекингом (от английского слова tracking - установка межсимвольных расстояний).

В обоих видах текста: Точечном и Абзац-тексте, возможна установка межстрочного пространства (вертикальный интервал между базовыми линиями). Введите числовое значение в окне данной опции, либо воспользуйтесь клавишей «Авто» для автоматической настройки.

5. Настройки опции «Абзац» (Paragraph Options).

Основы выравнивания (Alignment).

Поскольку слой Абзац-текста может содержать несколько строк, его форматирование очень важно для качественного построения дизайна. Откроем эту функцию, перейдя во вкладку Окно-Абзац (Window > Paragraph) . Создайте слой Абзац-текста, написав что-либо, примените правку (нажмите галочку для заключения вверху панели) и активируйте слой с текстом, нажав на миниатюру слоя в панели слоев. Затем перейдите во вкладку «Абзац» и установите нужные вам настройки по расположению строк текста, нажав одну из клавиш. Альтернативный вариант: выделите ваш текст, или его часть, используя инструмент «Текст» (Type Tool) и примените вариант настройки в окне «Абзац» только для выделенных строк этого тестового слоя.

Конечно, основная функция опции «Абзац» это выравнивание текста. Вы легко можете выполнить настройки этой функции: выравнивание слева, по центру, справа, или полное выравнивание (Left, Center, Right or Justify) , сделав клик вверху окна «Абзац». Кроме этого, есть три варианта выравнивания по ширине, изменение выравнивания последней строки текста, или выделенного текста (справа, по центру, слева).

Чтобы настроить интервалы межсловные или межбуквенные, в окне «Абзац» нажмите на стрелку справа и в выпадающем меню выберите опцию «Интервалы» (Justification) . Введите настройки для интервалов между словами и буквами, масштаб глифа и параметры межстрочного пространства.

Перенос (Hyphenation).

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

Большую часть времени автоматическая расстановка переносов великолепно справляется с текстом, но иногда требуются индивидуальные настройки. Чтобы активировать дополнительные функции переносов, нажмите в окне «Абзац» стрелочку справа и в выпадающем меню выберите «Расстановка переносов», и вы увидите следующее:

В словах, длинее, чем #букв (Words Longer Than # Letters) : если вы установите числовое значение, равное 5 в слове «PHOTO», то переноса (значка дефиса) не будет. Если же вы установите число 3, то это слово будет выглядеть так «PHO-TO». Значение по умолчанию равно 2.

После первых # букв и перед последними # буквами (After First # Letters and Before Last # Letters) : определяет минимальное количество символов в начале или конце слова, которые могут быть нарушены дефисом,т.е. если вы установите значение 1, то в слове «Hello» получите такой перенос как «Н-ello», в слове «action» получится «action-n». Настройка опции по умолчанию равна 2.

Лимит переноса (Hyphen Limit) : устанавливает максимальное число последовательных линий, возможных для переноса.

Зоны переноса (Hyphenation Zone) установка расстояния от правого края абзаца.

Переносы в словах с заглавными буквами (Hyphenate Capitalized Words) : предотвращает перенос в словах с заглавными буквами.

Отступ и интервал между абзацами (Indent and Space Between Paragraphs) .

Сделать отступы довольно просто. Для этого активируйте текстовой слой или выделите текст и введите установки для отступа с правой или левой стороны. Также можно сделать отступ только для первой строки абзаца, как во 2 примере ниже.
Кроме того, вы легко можете добавлять интервал между абзацами (до или после) в окне «Абзац», используя произвольные настройки в окнах Space Before / Space After .

Деформация текста (Warp Text).

Одной из самых мощных функций инструмента «Текст» (Type Tool) является возможность деформации любого текстового слоя в соответствии с вашими потребностями. Для деформации текстового слоя сделайте двойной клик по миниатюре слоя и нажмите в правой части верхней панели установок иконку с изогнутой буквой «Т».

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

Конечно, можно деформировать слой Абзац-текста таким же стилем «Дуга», имитируя эффект текста в фильме «Звездные войны» за счет вертикального искажения и применения Градиента на маске этого слоя.

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

Создание текста по контуру (Type on a Path).

Вы можете создавать текстовой слой, который будет проходить по сделанному вами контуру инструментом Перо (Pen Tool) или инструментом Произвольная фигура (Shape Tool) в режиме контуров. Сначала сделайте нужную вам контурную линию, затем активируйте инструмент «Текст» и установите курсор в любом месте контура. Вы увидите, что форма курсора изменилась, приняв S-образную форму. Теперь нажмите на контур и начните ввод текста.

Создание контура на фигуре (Path on a Shape).

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

Редактирование текста на контуре (Edit Type on a Path).

Иногда вам нужно изменить ориентацию текста или его положение на контуре. Для этого активируйте инструмент «Выделение контура» (Path Selection Tool) , поместите курсор на текст. Вы заметите, что теперь от курсора идет в сторону маленькая черная стрелка. Щелкните по тексту и поместите его на другую сторону контура. Аналогично происходит расположение текста внутри векторной формы. Вы можете добавить стиль слоя этому тексту и редактировать его по своему желанию.

Преобразование текста в векторную форму (Convert Type into Shape).

Иногда мы нуждаемся в изменении формы символов для таких, например, целей как дизайн логотипа. Фотошоп отлично с этим справляется. Создайте текстовой слой или выберите один из уже созданных, и перейдите во вкладку Слои-Текст-Преобразовать в форму (Layer > Type > Convert to Shape) . Эта функция преобразует текст в слой с векторной маской, который можно так же редактировать, как и другие виды векторных форм. Вы можете создать из текста рабочий контур, перейдя в Слои-Текст-Преобразовать в рабочий контур (Layer > Type > Convert Work Path) .

Инструмент Текст-маска (Type Mask Tool).

Наконец, вы можете делать большую часть работ инструментом «Текст», используя выделение текста вместо текстовых фигур. Для этого нажмите и удерживайте клавишу мыши на иконке инструмента «Текст», затем выберите Горизонтальную текст-маску или вертикальную. При выборе этого инструмента вы можете быстро создавать выделение фигуры, что удобно для использования на любой маске слоя или в режиме «Быстрой маски». Ниже приведен пример создания слова с помощью инструмента текст-маска. Я использовал выделение для создания маски слоя на картинке.

6. Заключение.

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