Как изменить расстояние между строками фотошопе. Группа инструментов «Текст». Настройки. Как изменить и настроить межстрочный интервал

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

Находится группа на панели инструментов под кнопкой с буквой «Т». Открываем ее любым способом:

нажатием на черный нижний правый уголок иконки;
нажатием на иконку правой кнопкой мыши

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

Рис.1. Группа инструментов Текст

Здесь все интуитивно понятно.

Горизонтальный – для создания привычной нам записи в горизонтальном положении.
Вертикальный – располагает надпись сверху вниз.
и 4. Создают быстрые маски с горизонтальным и вертикальным выделением.

Чаще других используется горизонтальное направление.

Панель управления группы инструментов Текст

При активном инструменте верхняя панель управления принимает такой вид:

Рис.2. Верхняя панель управления инструментов Текст

В версии Photoshop CS6 введено меню Шрифт, содержащее несколько вариантов настроек. Об этом будет в другой статье. Теперь рассмотрим настройки верхней панели управления.

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

Над цифрой 1 рис.2 – сохранение параметров . Очень удобная функция, чтобы сохранить установленные настройки (название шрифта, его размера и т.д.), если к ним периодически приходится возвращаться или перед растрированием текстового слоя.

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

Рис.3. Сохранение параметров текста в Фотошоп

В списке появляется новая строчка. Для наглядности на предыдущем шаге было введено название «Пример нового сохранения».

Рис.4. Сохраненные параметры

Теперь чтобы выставить на панели все значения, которые были при сохранении, нужно нажать на эту строчку.

Чтобы удалить строку, нажимаем на нее правой кнопкой мыши и выбираем удаление.

Над цифрой 2 рис.2 – смена ориентации текста . Нажатие на кнопку с буквой Т и стрелочками — направление надписи меняется с горизонтального на вертикальное и обратно. Не забывайте, что в палитре слоев активным должен быть этот текстовой слой.
Над цифрой 3 рис.2 – гарнитура шрифта . Нажатие на кнопку со стрелкой открывает весь список имеющихся на компьютере шрифтов. Можно выбрать из списка нужный или ввести его в окошко вручную, затем нажать Enter.
Над цифрой 4 рис.2 – начертание шрифта . Кнопка со стрелкой открывает список стилей, которые поддерживает выбранный шрифт. Если кнопка неактивна, значит выбранный шрифт поддерживает только один предложенный стиль.
Над кнопкой 5 рис.2 – размер шрифта , он же Кегль. Выпадающий список предлагает варианты от 6 до 72 пикс. Любое свое значение можно ввести в окошко вручную, затем нажать Enter. Достаточно ввести только цифры, а буквы «пт» редактор поставит автоматически.

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

Над цифрой 6 рис.2 – начертание шрифта . Нажатие на эту кнопку открывает список стилей, которые поддерживает выбранный шрифт: курсив, жирный, полужирный… Не все шрифты поддерживают полный список стилей, поэтому там может быть разное количество вариантов. Если кнопка не активна, значит выбранный шрифт поддерживает только один предложенный стиль.
Над цифрой 7 рис.2 – выравнивание текста по одной из сторон или по центру. Работают кнопки так же, как в Документе Word. Настройки находятся в панели Абзац. Об этом читайте ниже.
Над цифрой 8 рис.2 – выбор цвета . В окошке показан цвет, который будет применен к тексту. Изменить его можно нажав на это окошко и в открывшейся палитре выбрать любой другой. Если текст уже введен, то его предварительно надо выделить.
Над цифрой 9 рис.2 – деформирование текста . Нажимаем на эту кнопку, затем открываем стили и перед нами различные варианты деформации. Поэкспериментируйте.

Рис.5. Деформирование текста

Над цифрой 10 рис.2 – открывает/закрывает панели Символ, Абзац . Об этом подробнее.

Панели Символ, Абзац

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

Внимание! Панель Символ, при работе с инструментами группы Текст, имеет приоритет над панелью Абзац.

Рис.6. Панели Символ, Абзац

Панель Символ

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

Остальные обозначены на рисунке 6 выше:

Межстрочный интервал. Определяет интервал между строками.
Кернинг для правки расстояния между двумя символами. Например, из всего текста только два символа нужно сблизить или отдалить друг от друга. Ставим между ними курсор, открываем список и выбираем нужный вариант, или вводим его в окошко вручную.
Межсимвольный интервал для установки расстояния между символами текста.
Масштаб по вертикали для увеличения/уменьшения высоты знаков задается в процентах. Вводится число в окошко вручную. Знак % можно не ставить, Фотошоп поставит его автоматически, как только вы нажмете Enter.
Масштаб по горизонтали растягивает/сжимает строчку. Так же как и предыдущий параметр вводится в процентах.
Смещение базовой линии. Удобная функция при введении математических формул и других обозначений с надиндексом и подиндексом. Она позволяет поднять/опустить часть строки или слова. Предварительно эту часть нужно выделить. Вводится значение в окошко вручную. Аналогичные возможности дает и следующая строчка – псевдопараметры.
Псевдопараметры. Настройки шрифта в этой строчке видны наглядно – жирный шрифт, курсив, текст заглавными и т.д.
Лигатуры, то есть символы, которые получаются слиянием нескольких букв или знаков, то есть объединением их в один знак. Используется очень редко. Активными будут только те, которые поддерживает выбранный шрифт.
Открывает список языков для проверки орфографии.

Панель Абзац

Настройка параметров абзацев, таких как отступ, перенос и т.п.

Рис.7. Панель Абзац

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

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

В третьем блоке указываются отступы перед или после абзаца

В следующем блоке включается/отключается автоматическая расстановка переноса строчки.

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

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

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

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

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

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

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

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

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

В 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; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Совет

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

Совет

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

Совет

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

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