Выравнивание объектов в заданных границах. В фотошопе выравнивание по ширине


Как выровнять текст по ширине в Фотошопе

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

Выравнивание текста по ширине

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

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

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

Практика

  1. Выбираем инструмент «Горизонтальный текст»,

    Зажимаем левую кнопку мыши на холсте и растягиваем блок. Размер блока не важен, помните, ранее мы говорили о масштабировании?

  2. Пишем текст внутри блока. Можно просто скопировать заранее заготовленный и вставить в блок. Делается это обычным «копировать-вставить».

  3. Для дальнейшей настройки необходимо перейти в палитру слоев и кликнуть по текстовому слою. Это очень важное действие, без которого текст редактироваться (настраиваться) не будет.

  4. Переходим в меню «Окно» и выбираем пункт с названием «Абзац».

  5. В открывшемся окне ищем кнопку «Полное выравнивание» и нажимаем на нее.

Готово, текст выровнялся по всей ширине созданного нами блока.

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

1. В том же окне («Абзац») переходим на вкладку «Символ» и открываем выпадающий список, указанный на скриншоте. Это и есть настройка трекинга.

2. Выставим значение -50 (по умолчанию – 0).

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

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

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

Помогла ли вам эта статья?

Да Нет

lumpics.ru

Выравнивание в фотошопе по центру и краям

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

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

Первые три кнопки отвечают за выравнивание по вертикали (слева направо): по верхнему краю, по центру, по нижнему краю.

Следующие три кнопки отвечают за горизонтальное выравнивание (слева направо): по левому краю, по центру, по правому краю.

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

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

В этом и кроется секрет того, как сделать объект посередине всего изображения или его отдельного фрагмента.

Итак, последовательность действий следующая:

Допустим, нужно разместить по центру эту картинку:

Вариант 1 — относительно всего холста.

Шаг 1

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

На палитре слоев выделяем фоновый слой и жмем на клавиатуре комбинацию клавиш Ctrl+A (Выделить все). В результате вы должны увидеть рамку выделения из «марширующих муравьев» вокруг фонового слоя. (Как правило, фоновый слой — совпадает по размерам с холстом).

Примечание

Можно выделить фоновый слой еще другим способом — зажмите клавишу Ctrl и щелкните левой кнопкой мыши по фоновому слою. Способ работает, когда этот слой разблокирован (об этом сигнализирует значок замочка, подробнее).

Шаг 2 

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

Выберите слой с картинкой, которую нужно выравнивать, а теперь нажимайте на кнопки в соответствии с тем, куда бы вам хотелось разместить эту картинку. Например, давайте разместим ровно по центру. Тогда нам нужно нажать вот эти кнопки:

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

Вариант 2 — в отдельно взятом фрагменте изображения

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

Шаг 1

Первым делом, по аналогии с первым вариантом, необходимо выделить этот фрагмент. Как этот сделать?

— Если этот фрагмент находится на отдельном слое (как у меня квадрат, который я отдельно вставил), то нужно нажать Ctrl и кликнуть мышью по миниатюре слоя, если он не заблокирован).

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

Шаг 2 

Выберите слой с картинкой и выберите кнопки как бы вы хотели эту картинку разместить. Например по центру:

Совет

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

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

Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter. Спасибо!

psand.ru

Работа с текстом в Photoshop - запись пользователя Оля ☺ serenkaja (serenkaja) в сообществе Компьютерная грамотность в категории Уроки Photoshop

Для создания текста существуют специальные инструменты:

Первый инструмент Horizontal Type Tool создаёт текстовый слой, на котором текст размещается совершенно традиционным горизонтальным образом. Второй инструмент Vertical Type Toolсоздаёт текстовый слой, на котром текст размещается сверху вниз. Следующие два инструмента не создают текстового слоя принципиально. Они создают выделение в виде текста, причём инструмент Vertical Type Mask Tool создаёт текстовое выделение которое распологает буквы текста сверху вниз, а Horizontal Type Mask Tool создаёт текстовое выделение слево направо. Тексторый слой легко отличить от других слоёв по его иконке в строке слоя политры Layers. Если обычный слой имеет иконку виде его миниатюрного отображения, то текстровый слой имеет иконку содержащую букву T.

Когда вы выбираете инструмент работы с текстом, то на панели свойств появляются настройки текста.

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

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

Диалоговое меню работы с траекториями текста выглядит следующим образом:

В разделе Style вы можете выбрать вид траектории, а затем при помощи дополнительных настроек довести текст до ума (вернее сказать безумия). При помощи ползунка Bend вы изменяете силу изгиба траектории. При положении ползунка 0% изгиба (деформации) не будет, а при отрицательных значениях деформация пойдёт в противоположную сторону. Horizontal Distortion управляет искажением текста по горизонтали. Положительные значения увеличивают правую часть текста, отрицательные - левую.

Vertical Distortion занимается искажаниями по вертикали.

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

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

Существуют такие пары букв, расстояние между которыми визуально кажется большим, чем расстояние между остальными буквами. Для устранения этого оптического обмана применяется операция кернинга, т.е. уменьшения расстояния между буквами такой пары. Обычно такая операция проделывается автоматически, но в любом, более менее серьёзном текстовом редакторе есть возможноть установить такое расстояние вручную. Соответственно есть такая возможность и у Photoshop.

Также есть возможность изменить высоту символов и ширину символов. Для этого служат поля с буковкамиT и соответствующими стрелками. Поле предназначено для смещения выделенных символов вверх или вниз относительно остальной строки (а именно так называемой базовой линии). Если в поле ввести положительные числа, то выделенные символы сместятся вверх, а если отрицательные, то вниз относительно базовой линии текста.

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

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

Вторая палитра управления текстом носит название Paragraph. Paragraph это особый вид текста - блочный текст. Разница состоит в том, что блочный текст это понятие вёрстки, т.е. вы инструментом Type Tool рисуете прямоугольную область, в которую вписывается текст. Т.е. это блок текста, который подобен странице в Word-е.

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

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

В самом низу палитры находится флажок Hypernate - включение автоматического переноса слов.

На последок стоит добавить, что любой текстовый слой можно превратить в растровый, и далее работать с ним как с растровым. Это делается командой Rasterize Layer из контекстного меню текстового слоя или из меню Layers - Rasterize.

Более того, к своему тексту вы можете применять различные стили из панели Style (Стили)

и это тоже не все :) вы можете поискать в интернете уроки по созданию эффектных текстов, как например, горящий текст, текст из мороженного и многие другие!

вот примеры таких сайтов: http://photoshop.demiart.ru/fx_text.shtml, http://www.photoshop-master.ru/lessons.php?rub=2, http://tutorials.psdschool.ru/text-effects, http://arttower.ru/tutorial/text.htmи многие другие... достаточно ввести запрос в любимом поисковике типа "эффекты с текстом photoshop"

Удачи в освоении!

www.babyblog.ru

Как выровнять изображение в Фотошопе

Очень часто начинающие пользователи делают операцию выравнивания на глаз, что занимает много времени и усилий.

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

Делается это довольно просто и легко.

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

Кнопки с четвертой по шестую позволяют выровнять объект по горизонтали.

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

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

В этом и заключается секрет установки объекта посередине всей картинки или же в одном из заданных участков.

Действия выполняются в следующем порядке:

К примеру, вам необходимо расположить картинку по центру:

Первый вариант – относительно всего изображения:

1. Необходимо указать программе область, относительно которой необходимо провести выравнивание. Сделать это можно просто создав выделенную область.

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

Примечание

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

Далее необходимо активировать инструмент перемещения. После появления рамки выделения настройки инструмента выравнивания станут доступными и готовыми к использованию.

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

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

Второй вариант – центрирование по заданному фрагменту полотна.

Предположим, на картинке есть фрагмент, внутри которого необходимо ровно расположить какую-либо картинку.

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

— Если данный элемент располагается на собственном слое, то необходимо нажать на кнопку CTRL и сделать клик мышкой по мини версии слоя в том случае, если он доступен для редактирования.

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

После этого необходимо выбрать слой с изображением и по аналогии с предыдущим пунктом расположить его в нужном вам месте.

Небольшой нюанс

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

Если вы не будете держать клавишу шифт, а решите просто воспользоваться стрелками на клавиатуре, то выделенный элемент будет перемешаться на 1 пиксель за раз.

Таким образом можно выровнять изображение в программе Фотошоп.

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

Помогла ли вам эта статья?

Да Нет

lumpics.ru

Выравнивание объектов в заданных границах

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

Для примера возьмем чистый документ и напишем на нем текст "передвинь-ка!".

2. При активном слое с текстом нажмите CTRL+A чтобы выделить весь документ. Выделение будет играть роль рамки, в пределах которой текст будет выравниваться.

3. После выберите инструмент "перемещение".

4. На панели настроек данного инструмента станут активными следующие кнопки:

1) Выравнивание по верхнему краю

Нажмите, будет так:

2) Выравнивание центров по вертикали

Нажмите, будет так:

3) Выравнивание по нижнему краю

Теперь текст внизу:

4) Выравнивание по левому краю

Если нажать на выравнивание центров по вертикали, а потом по левому краю, то получится так:

5) Выравнивание центров по горизонтали

6) Выравнивание по правому краю

А теперь нажмите сначала выравнивание по верхнему краю, затем по правому краю. Ваш текст переедет в угол:

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

Нажмите CTRL-D чтобы снять выделение. Затем SHIFT+стрелка вправо и SHIFT+стрелка вниз.

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

Вот как теперь выглядит наш текст.

Применяйте эти знания, чтобы перемещать объекты на вашем рабочем документе. Это очень удобно. С помощью клавиш Shift + Стрелка у вас будут получаться ровные промежутки между элементами. И ваша дизайнерская работа станет смотреться более организованной и сбалансированной.

До встречи на www.photoshop-master.ru!

photoshop-master.ru

Инструменты выравнивания Photoshop, выравнивание и распределение слоёв

Так каким же образом я могу перестроить блоки внутри документа и расположить их геометрически правильно относительно друг друга и всего документа?Конечно, я мог бы попытаться упорядочить их вручную с помощью "Перемещения" (Move Tool), но это займет приличное время, и я сомневаюсь, что я был бы в состоянии разместить их точно, используя метод "на глаз". Лучше, и гораздо более проще выровнять и упорядочить блоки с помощью специальных опций выравнивания (Align and Distribute options).

Чтобы получить доступ к этим опциям, мы должны выбрать инструмент (Move Tool):

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

Давайте посмотрим, что произойдет, если выбрать несколько слоёв. Зажав клавишу Ctrl, я выберу три слоя, "Top Left", "Top Right" и "Top Center":

Опции теперь активны. Давайте теперь подробнее рассмотрим каждую из них.

Опции выравнивания

Это первые шесть значков в группе опций. Перечисляю назначение значков слева направо:  - выравнивание по верхним краям - центры слоёв по вертикали - по нижнему краю - по левому краю - центры по горизонтали - по правому краю

Эти опции могут применяться к содержимому двух или более слоёв и будут отталкиваться от краёв либо от центров содержимого:

Опции распределения

Далее идут шесть вариантов распределения, которые применяются к содержимому нескольких (больше двух) слоёв и распределяют поровну интервалы между ними:

Перечисляю их слева направо: - распределение по верхним краям содержимого - по центрам слоёв по вертикали - по нижним краям - по левым краям - по центрам по горизонтали - по правым краям

Внимание! Обратите внимание, для того, чтобы опция стала доступна, вам необходимо иметь выбранными три или более слоя!

А теперь давайте посмотрим, как на практике применить эти опции для упорядочения блоков в моем документе. Как вы помните, я выбрал три слоя - Top Left, Top Center, и Top Right (верхний левый, верхний центральный, верхний правый). Я собираюсь временно отключить другие блоки в документе, нажав на значок видимости каждого. Я отключил видимость только для наглядности, на работу опций выравнивания это нисколько не влияет:

Теперь в окне документа остались видимыми всего три блока:

Для начала, я выровняю эти три блока по горизонтали по верхнему краю блоков. Чтобы это сделать, следует нажать на опцию "выравнивание по верхнему краю" (Align Top Edges) в панели параметров:

При этом Photoshop определяет положение этих трёх блоков, выясняет, какой из них находится ближе к верху документа, а затем перемещается два других блока до уровня верхней кромки самого верхнего, в данном случае, это блок с жёлтой буквой "О", и это действие выполняется мгновенно. Для лучшего понимания этого момента наведите мышку на картинку, при этом отобразится изображение с положением блоков до перемещения:

Я также хочу разместить эти три блока по горизонтали так, чтобы они находились на равном расстоянии друг от друга, для этого я применю опцию "Распределение центров по по горизонтали" (Distribute Horizontal Centers):

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

Для лучшего понимания материала, рекомендую скачать файл PSD, который я использовал в этой статье, и попробовать выровнять блоки самостоятельно:

Читайте продолжение на следующей странице:

rugraphics.ru

Как в Фотошопе выровнять текст

Многострочные надписи присутствуют во многих изображениях, создаваемых с использованием графического редактора Adobe Photoshop, поэтому в нем предусмотрены некоторые инструменты для работы с текстовыми блоками. Разумеется, не следует ждать от программы для работы с графикой тех же возможностей, которые предоставляет текстовый процессор, но функции выравнивания - «выключки» - текста в нем есть.

Вам понадобится

Графический редактор Adobe Photoshop.

Спонсор размещения P&G Статьи по теме "Как в Фотошопе выровнять текст" Как изменить размер текста в Photoshop Как написать имя в "Фотошопе" Как написать текст вверх ногами

Инструкция

1

Инструменты форматирования текстовых блоков в Adobe Photoshop помещены на отдельную панель - она называется «Абзац». Если ярлычка с таким названием вы не видите среди открытых в настоящий момент панелей, раскройте в меню редактора раздел «Окно» и поставьте отметку напротив пункта «Абзац».

2

По умолчанию все вводимые тексты выравниваются по левому краю, но отдельная кнопка для включения этого варианта форматирования есть на панели - самая первая в верхнем ряду. При наведении курсора на эту пиктограмму всплывает подсказка «Выключка текста влево». Если вам требуется задать выключку по центру, кликните вторую иконку этого ряда, а для выравнивания по правому краю - третью.

3

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

4

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

masterotvetov.com