Как сделать колонки в фотошопе
Из этого урока мы узнаем про новые функции, преимущества и удобства при построении новых направляющие в версиях Photoshop CC 2014 и выше.
С помощью простого ввода значений в диалоговое окно » Просмотр —> Новый макет направляющей» (View —> New Guide Layout), мы сможем создавать любое количество строк и столбцов, добавлять канавки, поля отступа и даже сохранить шаблон для дальнейшего использования в качестве предустановок!
Но тем, у кого версия Photoshop ниже CC 2014, отчаиваться не надо. Для вас имеется абсолютно бесплатный плагин GuideGuide, скачать который, а также, прочитать руководство по применению Вы можете здесь.
Чтобы понять содержание урока, не нужно подбирать какое-либо специальное изображение для работы. Вполне подойдёт и простой белый холст.
Старый способ добавления направляющих в Photoshop
Прежде, чем мы будем рассматривать использование и применение новых направляющих, давайте вспомним, каким образом мы могли добавлять направляющие по заданным параметрам в старых версиях программы. Для удобства сначала следует включить линейки нажатием комбинации клавиш Ctrl+R. Это включит отображение линеек вдоль верхней и левой сторон документа:
Чтобы создать вертикальную направляющую, нажмите на вертикальную линейку и протащите курсор вправо. Для горизонтальной — нажмите на горизонтальную линейку и протащите курсор вниз:
Установка вертикальной направляющей Photoshop. Курсор с зажатой клавишей начал движение от начала красной стрелки, т.е. с вертикальной линейки.
Аналогичным образом можно поставить и горизонтальную направляющую, от горизонтальной линейки вверху окна.
Также, поставить одну направляющую с заданной позицией Вы сможете через вкладку Просмотр —> Новая направляющая ( View —> New Guide). для этого Вам следует выбрать вертикальную или горизонтальную и вести расстояние от начала координат:
С помощью этого диалога будет поставлена вертикальная направляющая на расстоянии 50 пикселей от левого края.
Новый метод установки направляющих
Чтобы получить доступ к опции, пройдите по вкладке главного меню Просмотр —> Новый макет направляющей (View —> New Guide Layout).
Это действие открывает диалоговое окно опции. В этом диалоговом окне мы можем легко добавлять любое количество строк и столбцов для нашего макета. Мы можем указать точную ширину для столбцов или точную высоту для строк, либо они могут делить на равные расстояния весь документ.
Мы можем создать промежуток между указанными направляющими, добавить поля вдоль верхнего, нижнего, левого и правого края нашего документа. Мы можем даже сохранить наш пользовательский макет в качестве предустановки, чтобы в следующий раз мы могли быстро его загрузить для повторного использования.
Если вы используете функцию «Новые направляющие» в первый раз, то при первом запуске появится диалоговое окно с настройками по умолчанию, которые добавляют в документ восемь колонок, отделенных друг от друга промежутками в 20 пикселей. В окне нет пункта меню о добавлении этих настроек в настройки по умолчанию, но мы рассмотрим, как это сделать, позже:
Диалоговое окно «Новый макет направляющей»
На рисунке ниже я показываю, как выглядит макет по умолчанию в документе. И ещё одна вещь, которую следует иметь ввиду. Если до применения макета в документе имелись какие-либо направляющие, то они не удаляются, а остаются:
Восемь колонок и семь интервалов между ними по 20 пикселей
Удалить существующие направляющие
Чтобы очистить документ от всех предыдущих направляющих и сделать так, чтобы в документе имелись направляющие только из нового макета, следует выбрать опцию «Удалить существующие направляющие» (Clear Existing Guides), расположенную в нижней части диалогового окна:
Опция «Очистить существующие направляющие»
Изменение количества столбцов
Чтобы изменить количество колонок в макете, просто измените значение в поле «Число» (Number). Я снизил это значение с 8 до 4:
Уменьшение количества столбцов с 8 до 4.
Photoshop мгновенно обновляет макет, изменяя количество столбцов и ширину столбцов, оставляя неизменными только интервалы между ними:
Макет теперь содержит четыре одинаково разнесенных столбца вместо восьми, с интервалом в 20 пикселей между столбцами.
Предварительный просмотр
Если в документе не отображается предварительный просмотр ваших изменений, убедитесь, что в диалоговом окне установлена галочка «Просмотр» (Preview):
Опция «Предварительный просмотр» должна быть включена
Изменение интервала между столбцами
Интервал между колонками (столбцами) в официальном русскоязычном Photoshop’е называется почему-то «Средник» (в англ. — Gutter).
Для увеличения или уменьшения этого расстояния измените значение в поле ввода «Средник» (Gutter). Значение по умолчанию «Средник» 20 точек, что добавляет пространство в 20 пикселей между каждой колонкой, это указано на рисунке вверху .
Чтобы удалить «Средник» полностью, выделите его значение в поле ввода мышкой и нажмите клавишу Пробел (Backspace) на клавиатуре. Это очистит значение «Средник» и оставляет поле пустым:
Удаление пространства между колонками. В поле ввода опции «Средник» (Gutter) — пусто
Теперь, когда данное поле ввода пустое, в документе нет никакого разделения столбцов:
Пространство между колоннами был удалено
Указание ширины столбца
По умолчанию, Photoshop задаст ширину колонки автоматически, поле ввода «Ширина» (Width) по умолчанию пустое, так что они равномерно расположены по документу слева направо, но мы можем установить собственную ширину, введя значение в поле ввода «Ширина» (Width). Например, я задам ширину для моих колонкам 70 пикселей:
Ввод значения ширины столбцов.
Photoshop снова обновит макет, на сей раз устанавливая ширину каждого столбца точно на 70 пикселей:
Компоновка колонок после указания их ширины.
Центрирование столбцов
Обратите внимание, что на данный момент колонки расположены не по центру документа. Вместо этого, они сдвинуты влево. Если вы хотите расположить их по центру, поставьnе галку у опции «Центрировать колонки» (Center Columns) в нижней части диалогового окна:
Включение опции «Центрировать колонки» (Center Columns).
Со включенной опцией колонки сосредоточены в центре макета:
Компоновка после центрирования колонок
Добавление строк
Для добавления строк в макет сначала включите опцию «Строк» (Rows), по умолчанию она отключена:
Включение горизонтальных направляющих, формирование строк.
Затем просто введите необходимое количество строк вам нужно в поле ввода «Число» (Number). Вы также можете задать определенную высоту для каждой строки в поле ввода «Высота» (Height), или оставить его пустым, тогда Photoshop разделит холст на равные расстояния по высоте. Вы также можете ввести значение «Средник» (Gutter), чтобы добавить пространство между строками.
Я собираюсь для примера установить количество строк равное 3-м, и я также изменю количество колонок до 3-х. Я оставлю поле «Ширина» для столбцов и поле «Высота» для строк пустыми, чтобы Photoshop разделил холст на равные части тремя строками и тремя столбцами.
Установка количества столбцов и строк, равное трём
Это быстрый и простой способ создания стандартной сетки 3 на 3:
Стандартная легко создаётся с помощью функции Photoshop «Новый макет направляющей»
Добавление полей отступа от края (Margin)
Чтобы добавить поля отступа по краям документа, сначала включительно опцию «Поле» (Margin), а затем введите ширину поля, которое вы хотите создать вверху, слева, внизу и справа. В моем случае я установлю все четыре значения в 20 пикселей:
Добавление полей отступа от края в макет.
Это действие добавляет 20 пикселей интервала до строк и столбцов с внутренней стороны краёв документа. При этом, Photoshop автоматически изменят расстояние между строками и столбцами:
Внешний вид макета 3 на 3 с полями отступа
Мы можем даже добавить отрицательные поля, просто введя отрицательные значения. Отрицательные поля могут быть полезны, если в документ добавляется элемент, линейные размеры которого больше размеров холста документа, либо создаётся выделенная область больше холста:
Сохранение пользовательского макета направляющих в качестве предустановки
Если вы будете использовать этот макет в дальнейшем, имеет смысл сохранить его в качестве предустановки.
В верхней части диалогового окна, напротив слова «Наборы» (Preset) нажмите на поле с надписью «Заказные» (Custom):
Нажатие на окно выбора наборов (пресетов).
Это действие открывает выпадающее меню с несколькими встроенными настройками макетов (8,12, 18 и 24 колонки), а нам нужна строка «Сохранить набор» (Save Preset):
Выбор опции «Сохранить набор»
Когда появится стандартное диалоговое окно сохранения, введите описательное имя нового набора в поле «Сохранить как» (Save As). Я назову свой макет «3 -строки-3-колонки-20-пикс-отступ». Затем нажмите кнопку «Сохранить» (Save) :
Окно сохранения макета направляющих
Теперь макет сохранён в качестве предустановочного, и в следующий раз, когда он вам понадобится, вы сможете быстро выбрать его из списка предустановок:
Мой собственный макет направляющих появился в списке
Скрытие и очистка направляющих
Чтобы временно скрыть макет направляющих из видимости в документе, при этом не удаляя их, пройдите по вкладке главного меню Просмотр —> Показать —> Направляющие (View —> Show —> Guides). Сделайте то же самое еще ??раз, чтобы снова включить их отображение. Кроме того, можно просто нажать Ctrl + клавиша «английская точка с запятой».
Чтобы полностью очистить макет, пройдите Просмотр —> Удалить направляющие (View —> Clear Guides).
Владелец данного сайта. Графический дизайнер, специалист по Фотошопу с опытом 10+ лет. Также веду канал о графическом дизайне на Ютуб и развиваю тематическое сообщество во ВКонтакте. Связаться со мной можно через комментарии, форму обратной связи или по электронной почте [email protected]
Начинающий пользователь Photoshop? Хотите научиться работать с инструментом «Текст»? Вы обратились по адресу.
Быстро находите понятные ответы, советы и учебные видеоролики по самым часто задаваемым вопросам об инструменте «Текст».
Загрузить файл примеров и шрифты для пробного использования
Мы подготовили пример файла, на котором можно попрактиковаться и создать что-нибудь красивое. Загрузите и откройте этот документ PSD (ZIP, 1,35 МБ) и попробуйте выполнить все задания в своем собственном файле. Поэкспериментируйте с размером и цветом шрифта, а также с расположением текста, чтобы получить желаемые результаты.
Если на компьютере не установлены шрифты, используемые в образце файла, можно заменить их шрифтами по умолчанию. Вы также можете получить шрифты, используемые в этом файле: Nunito и Roboto. Дополнительные сведения см. в разделе Активация шрифтов.
Оставьте комментарий, если у вас возникнут вопросы, ответы на которые вы не найдете здесь.
Откройте фотографию или документ Photoshop (PSD).
На панели инструментов выберите инструмент Текст или просто нажмите клавишу «Т» для быстрого выбора.По умолчанию выбран пункт Инструмент «Горизонтальный текст» , с помощью которого можно добавить текст в горизонтальной плоскости. Если требуется добавить текст в вертикальной плоскости, еще раз щелкните инструмент «Текст» и выберите Инструмент «Вертикальный текст» в контекстном меню.
Хотите добавить несколько слов в качестве заголовка? Щелкните в любом месте холста, чтобы ввести текст. В Photoshop это называется короткий текст.
Еще один тип текста в Photoshop — текст абзаца. Как можно понять из названия, этот тип текста используется для ввода абзаца текста. Щелкните и перетащите курсор на холсте, чтобы создать ограничительную рамку, в которой можно будет ввести текст абзаца. Она поможет эффективно редактировать и выравнивать абзац в дальнейшем.
Несмотря на поговорку, гласящую, что одна картина стоит тысячи слов, нередко, при редактировании изображений требуется добавить надпись к картинке, это может быть подпись, заголовок, содержимое баннера, текст кнопки, водяной знак, копирайт и т.д.
И, конечно же, иногда мы просто хотим создать интересный текстовый эффект.
В этом материале мы рассмотрим основы работы с текстом в программе Photoshop.
В Photoshop существует два основных метода добавления текста — ввод текста строкой (обычный) и ввод текста в область. Наиболее часто используемым из этих двух методов является способ добавления текста строкой.
Ввод текста в Photoshop
Для ввода текста в Photoshop используется инструмент «Текст» (Type Tool), расположенный на панели инструментов в левой части экрана, либо, для выбора инструмента следует нажать на клавишу клавиатуры T:
Когда инструмент выбран, курсор мыши изменится на символ, который обычно называют как «двутавровой балкой». На рисунке ниже я несколько увеличил этот символ:
Смотреть другие материалы по инструменту «Текст»:
Выбор шрифта
Как только мы выбираем инструмент «Текст», на панели параметров верху экрана отображаются опции и параметры, относящиеся к этому инструменту, слева расположены варианты для выбора типа, стиля и размер шрифта:
Чтобы просмотреть полный список доступных шрифтов, нажмите на маленький треугольник справа в поле выбора шрифта.
Это действие открывает список всех шрифтов, которые вы можете выбрать в данный момент. Количество и выбор шрифтов зависит от шрифтов, установленных в данный момент в Вашей операционной системе:
Примечание! Не все установленные в Вашей системе шрифты поддерживают кириллицу (русские буквы).
Примечание! Шрифты не обязательно устанавливать в системную папку Windows, возможно временная загрузка шрифта до перезагрузки/выключения компьютера, подробнее об установке шрифтов в Photoshop рассказывается здесь.
Изменение размера предпросмотра шрифта
В окне предпросмотра Photoshop показывает не только имя каждого шрифта, но и отображает предварительный просмотр образца внешнего вида (для образца применяется слово «Sample», располагающееся справа от названия шрифта):
Мы можем изменить размер предварительного просмотра шрифта. В зависимости от версии, ниже CS5 надо пройти по вкладке главного меню Редактирование —> Установки —> Текст (Edit —> Preferences —> Type), в версиях выше — по вкладке главного меню Текст —> Размер просматриваемого шрифта (Type —> Font Preview Size). По умолчанию размер установлен как «средний» (Medium). Для примера, я выберу самый большой размер, вот как теперь выглядят образцы предварительного просмотра шрифтов:
Не забывайте, что всегда можно вернуться и выбрать меньший размер образцов.
Выбор стиля (начертания) шрифта
Как только вы выбрали сам шрифт, мы можем выбрать его стиль, нажав на треугольник в правой части окна выбора стиля. Задайте нужный стиль шрифта, выбрав обычный (Regular), жирный (Bold), курсив (Italic):
Установка размера шрифта
Выберите размер для вашего шрифта, нажав на треугольник в правой части окна выбора размера. Это откроет список часто используемых предустановленных размеров, которые можно выбрать от 6 px до 72 px:
Если ни один из этих размеров не удовлетворяет Вашим потребностям, Вы можете вручную задать любое собственное значение, кликнув мышкой в поле размера, ввести значение, затем нажать Enter, единицы «px» в конце числа ставит не обязательно, т.к. Photoshop автоматически добавит его при нажатии Enter. Другой способ изменения размеров — навести курсор мыши немного слева от окна ввода, нажать левую клавишу (курсор изменит свой вид на палец со стрелками) и протащить курсор влево или вправо для увеличения или уменьшения размера:
Выбор цвета текста
Правее находится бар, где мы можем задать тексту цвет. По умолчанию, цвет установлен в черный. Чтобы изменить цвет, нажмите на образец. Photoshop откроет палитру цветов, где мы можем подобрать другой цвет для текста:
Добавление текста в документ Photoshop
Как я уже говорил кратко в начале урока, есть два различных метода добавления текста в документ Photoshop, это обычный (строкой) и метод добавления текста в область. Разница между ними в том, что первый способ в основном используется для добавления небольшого количества текста в документ (одной или нескольких букв или слов, заголовка и т.п.), в то время как добавление в область применяется для добавления большего количества текста внутрь заранее установленной области.
Здесь мы рассмотрим первый метод, т.к. он применяется в подавляющем большинстве случаев.
Чтобы добавить текст в документ, выберите инструмент «Текст», наведите курсор в ту точку, где Вы хотите, чтобы было начало текста и нажмите левую клавишу мыши. Мигающим маркер на документе укажет, что Photoshoop готов для ввода текста:
При этом Photoshop добавит в палитру слоёв новый, особый вид слоя, называемый текстовым, его легко отличить по миниатюре в виде буквы Т. Каждый раз, когда мы добавляем текст в документ, он располагается на новом текстовом слое. Photoshop изначально именует новый слой как «Слой 1» (Layer 1), но название изменится, как только мы введём текст, как мы рассмотрим чуть позже:
После того как в документе появился мигающий маркер, вы можете начать печатать.
Перемещение текста по изображению
Если Вам понадобилось переместить напечатанный текст, вы можете легко это сделать.
Для перемещения текста по изображению надо немного отвести курсор от текста. он изменит свой вид с двутавровой балки на значок инструмента «Перемещение» (Move Tool), после изменения вида курсора зажмите левую клавишу мыши и перетащите текст в нужное место:
Принятие и завершение редактирования текста
Что такое принятие текста? После принятия текста происходит завершение редактирования текущего текстового слоя и выход из этого слоя. При этом, сам инструмент «Текст» остаётся активным. Если вы кликните по документу после принятия, то Photoshop создаст новый текстовый слой.
Когда Вы закончите ввод нужных букв, следует выйти из данного текстового слоя. Для этого нажмите на галочку на панели параметров:
Либо нажмите клавишу Enter, расположенную в правом нижнем углу цифровой клавиатуры (не тот Enter, который мы обычно нажимаем!), либо комбинацию обычный Enter+Ctrl.
После того как Вы приняли ваш текст, Photoshop переименовывает текстовый слой, используя первые буквы текста в качестве нового имени для слоя, это очень полезно при работе с несколькими текстовыми слоями:
Отменить или удалить текст
Если Вы хотите удалить текст до того? как Вы его приняли, просто нажмите клавишу Esc. Photoshop удалит текст и текстовый слой.
Для удаления уже принятого текста нужно в панели слоёв перетащить текстовый слой в корзину.
Параметры выравнивания текста
Кроме того, в панели параметров имеются три варианта выравнивания текста — выровнять по левому краю, по центру, по правому краю. По умолчанию выбрана опция выравнивания по левому краю, что означает, что при наборе текста он будет добавляться справа от отправной точки. Если мы выберем опцию «выравнивание по правому краю, текст будет добавляться слева от отправной точки. Если же мы выберем опцию «выравнивание по центру», то при вводе текст будет добавляться в обоих направлениях на одинаковом расстоянии от точки вставки.
Лучше всего перед началом ввода текста убедиться в том, что у Вас уже выбрана нужная опция выравнивания. Но можно изменить выравнивание уже введённого текста, для этого необходимо выделить нужный текст курсором мыши и кликнуть по опции выравнивания. На рисунке я сделал анимацию ввода текста с опцией «выравнивание по центру»:
Выбор и редактирование текста
Чтобы мгновенно выделить слово, дважды кликните по нему мышью, чтобы выделить строку — кликните по строке трижды:
Если у Вас имеется несколько строк текста, разделенных строчными переносами, для выбора всего текста дважды кликните по миниатюре текстового слоя:
Также, мы можем изменить шрифт, размер и стиль текста, для этого надо выделить нужный участок и изменить соответствующий параметр на панели параметров.
Изменение цвета текста в Photoshop
По такому же принципу мы можем изменить и цвет текста. Для этого надо выделить нужный участок, кликнуть по цветному квадратику на панели параметров, в открывшемся окне выбрать цвет и нажать ОК:
Про тонкости редактирования текста в Photoshop и дополнительные горячие клавиши читайте здесь.
Открываются новые и закрытые пользователем панели через вкладку главного меню «Окно» (Window). Для этого нужно просто кликнуть по имени панели в списке. Я заново открываю закрытую ранее панель «Цвет», нажав на её имя:
Теперь панель «Цвет» снова появилась в главном столбце. Обратите внимание, она появилась в одной группе с «Образцами» (Swatches). Это произошло потому, что Photoshop запоминает, что панель «Цвет» пред закрытием была сгруппирована с «Образцами».
Он также помнит, что группа с «Цветом» и «Образцами» была расположена непосредственно над группой с «Коррекцией» и «Стилями»:
Галка во вкладке главного меню «Окно»
Важное примечание о галке напротив названия панелей во вкладке главного меню «Окно» (Checkmark).
Когда мы просматриваем список панелей в этой вкладке, галка, имеющаяся имени панели означает не только, что панель открыта, но и то, что данная панель в настоящее время является активной в своей группе.
Другие панели также могут быть открыты в группе, но если они не активны (т.е. вложены в за активную панель), галочки рядом с их названием не будет. Например, если мы посмотрим на
панель слоёв, то увидим, что с ней сгруппированы две другие панели — «Каналы» и «Контуры», но галка имеется только у названия панели слоёв. Я показал это на рисунке:
Для примера, я сделал активной панель каналов. Теперь, если мы посмотрим на список во вкладке меню «Окно», то увидим, что «каналы» имеют галку, а «Слои» — нет:
Вторичная колонка
До сих пор мы говорили о главном столбце панелей, но, кроме этой колонки, в Photohop имеется и другая колонка, расположенная справа от неё. Это вторая колонка может показаться немного непонятной, т.к. в ней отображены только значки:
Две панели, которые изначально имеются во второй колонке, это «История» (History), расположенная вверху, и «Свойства» (Properties), находящаяся под ней. Названия панелей на значках, конечно, не указаны, но мы можем их узнать, если наведём на значок курсор мыши.
Но можно сделать и по другому. Наведите курсор мыши на левый край колонки, при этом курсор превратится в двойную стрелку, затем зажмите левую клавишу мыши и протащите курсор влево. При перетаскивании будет увеличиваться ширина столбца, и вы увидите имена панели, появляющиеся рядом с иконами:
Развертывание и свертывание панелей из вторичного столбца
Во вторичном столбце целесообразно размещать такие панели, которые нам нужны, но при этом не обязательно держать их открытыми постоянно. Сворачивание таких панелей в режим пиктограммы позволяет экономить ценное рабочее пространство экрана. Если мы нажмем на значок панели (или ее название), Photoshop временно развернёт панель до полного размера. Здесь, я нажимаю на значок «Истории»:
Чтобы свернуть панель, следует кликнуть по значку из двойных треугольничков в её верхней правой части. Кроме того, панель можно растянуть/сжать по высоте, для этого надо навести курсор на её нижнюю часть, при этом он примет вид обоюдной стрелки,и протащить курсор вниз или вверх:
Мы можем развернуть сразу все панели из второй колонки, нажав значок с двойной стрелкой в правом верхнем углу этой колонки:
Чтобы свернуть сразу все панели, снова нажмите на этот же значок.
Если вам нужно еще больше места на экране, вы можете свернуть и основную колонку. Для этого надо кликнуть по такому же значку с двойной стрелкой в правом верхнем углу основной колонки:
Это действие свернёт панели в режим пиктограмм:
Но мы можем свернуть панель еще больше до режима значков. Для этого наведите курсор мыши на разделительную линию между основной и второстепенной колонкой, при этом курсор изменится на двойную стрелку. Затем нажмите на левую клавишу мыши и протащите курсор вправо, до тех пор, пока не останутся видны только иконки:
Чтобы раскрыть основную колонку до обычного состояния, кликните по значку двойной стрелки в правом верхнем углу:
Перемещение панелей между колонками
Давайте вернёмся к дефолтному состоянию колонок.
Кроме перемещения по колонкам, мы можем перемещать панели из одной колонки в другую. Сейчас я открыл через вкладку главного меню «Окно» еще три панели (Гистограммы, Навигатор и Инфо). Photoshop автоматически поместил их во второстепенной колонке, кроме того, там находятся «История» и «Свойства», открытые изначально:
Скажем, я хочу панель свойств из второй колонки сгруппировать с панелью коррекции в основной колонке. Для этого нужно всего лишь нажать на значок/вкладку «Свойства» и перетащить в группу с «Коррекцией» в область вкладок вверху, пока группа не выделится синей рамкой:
Теперь отпускаем клавишу мыши, и «Свойства» оказываются в одной группе с «Коррекцией»:
Аналогичное действие мы можем применит и в обратном направлении.
Скрыть все панели на экране
Кроме всего прочего, имеется пара удобных сочетаний горячих клавиш для временно скрытия всех панелей на экране. Однократное нажатие клавиши клавиатуры Tab скроет все панели справа, также инструментальную панель в левой части экрана и, кроме того, панель параметров в верхней части. В общем, нажатие на Tab скроет все, кроме строки меню. Повторное нажатие Tab вернёт всё обратно.
Чтобы скрыть только панели справа, один раз нажмите комбинацию Shift+Tab. Повторное нажатие Shift+Tab вернёт их обратно.
И одна очень полезная фишка. В то время, как правые панели скрыты с помощью Shift+Tab, если вы переместите курсор мыши в правую части экрана, панели временно появятся. При перемещении курсора от правой части экрана панели исчезнут.
Владелец данного сайта. Графический дизайнер, специалист по Фотошопу с опытом 10+ лет. Также веду канал о графическом дизайне на Ютуб и развиваю тематическое сообщество во ВКонтакте. Связаться со мной можно через комментарии, форму обратной связи или по электронной почте [email protected]
Расскажу, как создавать блоки с текстом, форматировать их нужным образом и делать обтекание картинок. Напечатать сам текст в фотошопе никогда не было трудным.
Лично на своем опыте могу сказать, что в определенный момент я не знал что можно создавать текст блоком и форматировать его так, как будет нужно мне. Причем блок держит нужные для меня границы и его ненужно постоянно на глаз либо каким-то образом форматировать, чтобы он был ровным. После того как однажды я познакомился с этими возможностями работа с текстом, photoshop стала намного легче и удобнее.
Открываем графический редактор и создаем холст нужного нам размера. Далее создадим блок для текста. Выбираем инструмент прямоугольник, на панели сверху выставим активным пункт контур и создадим область на холсте. Далее блок заполним текстом используя инструмент горизонтальный текст. Блок с текстом создан.
Теперь научимся с ним работать. Используя дополнительные окна символ и абзац, мы можем отредактировать текст под все наши нужды.
Задать гарнитуру текста, задать размер шрифта, сглаживание, задать кернинг между двумя символами, задать междустрочный интервал, задать масштаб горизонтали, начертания (жирный, наклон, зачеркнутый, подчеркивание и т.д.), задать отступы от края блока с любой стороны, выравнивание, абзац и т.д.
Работа с текстом в photoshop станет намного легче, если будите знать все параметры этих двух окон. Ну и напоследок хочу поделиться еще одним интересным моментом которому следует уделить внимание, так как он также будет экономить время при вставке изображения в блок с текстом.
Мы создадим вид блока с картинкой, причем текст будет обтекать картинку. На самом деле это делается несложно, но не все знают об этом.
Возьмем картинку, которую должен обтекать наш блок с текстом, забросим ее на холст, поставим поверх блока с текстом. После чего выбираем инструмент прямоугольник, и у него выставляем параметр в атрибутах вычесть из области контура. Сделаем блок с текстом активным, и проведем вокруг нашей картинки инструментом прямоугольник, вуаля наш текст теперь обтекает картинку.
Читайте также: