Как сделать отступ в photoshop

Добавил пользователь Skiper
Обновлено: 05.10.2024

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

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

Что такое вылеты

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

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

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

Как в фотошопе сделать вылеты для печати в типографии

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

  • размер холста (Canvas Size) делают на 4 мм больше в высоту и ширину: по 2 мм сверху и снизу, справа и слева. Для примера: исходный размер изображения – лист A4 (210х297 мм). С учетом вылетов для печати задавать Canvas Size необходимо как 214х301 мм;
  • при расположении элементов на поверхности листа следует помнить про 5 мм отступа – безопасную зону внутри границы, которая не попадет под нож во время резки. В примере исходный холст 214х301, полезный размер отпечатка, где будет располагаться вся информация, составит 209х296.

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

Если вы используете Photoshop для своих дизайнерских проектов — для создания логотипов, постеров, инфографики или чего-либо еще — вам нужно знать о типографии.

В Photoshop есть множество инструментов для размещения текста на вашей странице и придания ему невероятного вида. Но с чего начать?

В этом кратком руководстве мы познакомим вас со всем, что вам нужно знать о работе с текстом в Photoshop.

Введите основы инструмента в Photoshop

Прежде чем мы начнем, давайте кратко расскажем об основах работы с текстом в Photoshop.

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

работа с текстом в фотошопе - основы типа фотошопа

Когда вы выбираете это, Тип варианты появятся в Панель настроек в верхней части экрана. Основными из них являются:

  • Семейство шрифтов: Выберите шрифт из тех, которые установлены на вашем компьютере (или из Typekit)
  • Стиль шрифта: Выберите стиль для выбранного шрифта, например, Bold или Oblique.
  • Размер: Установите размер точки для вашего типа
  • Выровнять текст: Установить текст слева, справа или по центру
  • Цвет: Выберите цвет для вашего текста
  • Отмена или фиксация: После того, как вы добавили или отредактировали текст, вы должны подтвердить его, чтобы применить к холсту, или отменить, чтобы отменить или удалить его.

Каждый элемент текста всегда идет в своем собственном слое. Чтобы переместить или изменить размер текста во время редактирования, нажмите и удерживайте Ctrl или же Cmd ключ и перетащите его на место.

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

Создание текста для заголовков и заголовков

Основной способ, которым большинство людей добавляют и редактируют текст в Photoshop

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

Это лучший вариант для заголовков, заголовков или других коротких однострочных фрагментов текста.

работа с текстом в фотошопе - заголовки заголовков фотошопа

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

работа с текстом в фотошопе - фотошоп

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

Работа с текстом абзаца

Для основного текста — более длинных фрагментов текста, таких как абзацы или списки — сначала создайте текстовое поле.

работа с текстом в фотошопе - текстовое поле фотошоп

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

работа с текстом в фотошопе - текст абзаца фотошопа

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

Удар Ctrl + T (Windows) или Cmd + T (Mac) затем удерживайте сдвиг и перетащите один из рулей, чтобы увеличить коробку.

Создание пользовательских форм текстовых полей

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

работа с текстом в фотошопе - формы фотошопа

Выберите один из форма инструменты или использовать Pen Tool. Установить Режим инструмента в Дорожка в верхнем левом углу Панель настроек, затем нарисуйте свою форму на холсте.

работа с текстом в фотошопе - фотошоп нестандартных фигур

Теперь возьмите Инструмент горизонтального типа и нажмите внутри пути, который вы нарисовали. Это превращает форму в текстовое поле. Теперь установите выравнивание текста на Центр, и введите или вставьте свой текст в поле.

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

Размещение текста на кривой в фотошопе

Вы также можете настроить свой текст так, чтобы он следовал линии кривой.

Начните с выбора Pen Tool. в Панель настроек вверху установите Режим инструмента в Дорожка. Теперь нарисуйте кривую на холсте. Если вам нужен учебник по этому вопросу, ознакомьтесь с нашим руководством по использованию инструмента Photoshop Pen Tool.

работа с текстом в фотошопе - фотошоп волнистый курсор

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

Теперь введите свой текст.

работа с текстом в фотошопе - фотошоп изогнутый текст

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

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

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

Маскировка текста в фотошопе

Последний из основных текстовых инструментов Photoshop — это Инструмент Горизонтальный Тип Маски а также Инструмент для вертикальной маскировки.

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

работа с текстом в фотошопе - инструмент маски типа фотошоп

Начните с открытия изображения в Photoshop или выберите слой, содержащий немного цвета.

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

Вот три способа его использования:

работа с текстом в фотошопе - фотошоп текстурированный текст

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

работа с текстом в фотошопе - цвета фона фотошопа

Заполните текст цветом фона. Удар Ctrl + Backspace или же Cmd + Backspace вырезать текст и заменить его выбранным цветом фона.

работа с текстом в фотошопе - фотошоп прозрачный текст

Вырежьте текст из фона. Удар Shift + Ctrl + I или же Shift + Cmd + I инвертировать ваш выбор. Теперь нажмите Ctrl + J или же Cmd + J. Скройте нижний слой, и теперь у вас будет оригинальное изображение с прозрачным вырезом в форме вашего текста.

Стилизация текста в фотошопе

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

работа с текстом в фотошопе - параметры текста в фотошопе

  • Направление текста: Переключение между горизонтальным и вертикальным текстом
  • Сглаживание: Установите, насколько четким или плавным вы хотите, чтобы текст выглядел
  • Деформация текста: Искажайте текст с 15 предустановленными стилями
  • Открыть панель персонажа / абзаца: Откройте панель для настройки параметров персонажа
  • 3D: Переключиться в 3D-вид Photoshop

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

Панели персонажа и абзаца

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

работа с текстом в фотошопе - панель персонажей фотошопа

  • Панель меню: Это включает Без остановки, который помещает неразрывный пробел между двумя словами, чтобы они оставались на одной строке.
  • Ведущий: Это позволяет вам настроить высоту строки для вашего текста. Оставив его установленным на Авто обычно достаточно хорош
  • Кернинг: Устанавливает интервал между парой символов. Установите опцию на метрика использовать дизайн шрифта по умолчанию, или оптический чтобы позволить Photoshop установить его автоматически.
  • Наблюдают: Управляет интервалом между всеми символами в вашем тексте. Выберите более точное отслеживание (отрицательное число), чтобы добавить удар и срочность для ваших заголовков.
  • Вертикальная шкала и горизонтальная шкала: Эти параметры растягивают или уменьшают ваш шрифт по вертикали или по горизонтали. Используйте их только для конкретных случаев дизайна — если вам нужен более широкий или высокий, выберите другой шрифт

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

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

Текстовые эффекты в фотошопе

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

работа с текстом в фотошопе - текстовые эффекты в фотошопе

Дважды щелкните слой, чтобы открыть Стиль слоя коробка.

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

Тот же подход позволяет добавить внешнее свечение к тексту или применить текстуру к шрифту.

Поворот или перекос текста в фотошопе

Чтобы повернуть или наклонить текст, выберите текстовый слой и нажмите Ctrl + T или же Cmd + T открыть Бесплатный инструмент преобразования.

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

работа с текстом в фотошопе - поворот фотошопа

Для перекоса текста удерживайте Shift + Ctrl или же Shift + Cmd и возьмите один из рулей на краю коробки. Перетащите в сторону, затем нажмите Войти подтвердить.

Помните, что слишком большое искажение может исказить ваш шрифт.

Работа со шрифтами в фотошопе

Выбор правильного шрифта

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

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

работа с текстом в фотошопе - фотошоп любимых шрифтов

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

Выберите шрифт и выберите Похожие шрифты просмотреть все доступные шрифты с похожими характеристиками.

Чтобы увеличить выбор шрифта, нажмите Добавить шрифты из Typekit значок в шрифты выпадающее меню.

работа с текстом в фотошопе - photoshop typekit

Это запускает веб-сайт Adobe Typekit. Войдите в систему, если вам нужно, затем найдите и выберите любые шрифты, которые вы хотите добавить. Нажмите на Синхронизировать все кнопка, чтобы сделать все стили этого шрифта доступными в Photoshop. Или синхронизируйте только те стили и веса, которые вам нужны.

Соответствие шрифтов из других изображений

Часто у вас может быть другое изображение, которое содержит шрифт, который вы хотели бы использовать, но не распознаете. в Photoshop Соответствие шрифтов Инструмент может помочь идентифицировать эти загадочные шрифты или, по крайней мере, предложить некоторые аналогичные альтернативы.

работа с текстом в фотошопе

Откройте изображение и перейдите к Тип> Соответствие шрифта. Инструмент поместите оверлей на ваш холст. Отрегулируйте метки обрезки, чтобы выделить шрифт, который вы хотите соответствовать.

Некоторые предложения будут сделаны через несколько секунд. Выберите один и нажмите Хорошо.

Тонкая настройка шрифта

Когда вы создаете логотип

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

Выделите текст и перейдите к Тип> Преобразовать в форму. Это делает текст больше не редактируемым.

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

работа с текстом в фотошопе - настройка шрифтов в фотошопе

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

Что дальше? Больше советов по Photoshop

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

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

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

1. "Выделение -> Выделить все".
2. Тут по смыслу нужно "Выделение -> Модифицировать -> Сжать". Где и указываешь на сколько пикселей нужно произвести сжатие выделения.

Проблема: в этот момент пункт меню "Сжать" недоступен. Почему.

Подскажите как поступить и желательно наиболее эффективно (т.е. минимальными телодвижениями).

Выбрать нужный инструмент выделения, на панели свойств - Style->Fixed size, задаешь размеры своего выделения и размешаешь его

Lemon

Участник

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

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

Ну или Select all, Select->TransformSelection а там разберешся

Lemon

Участник
Забанен

А чтобы разместить точно по этой селекции создаете слой, затем снова Select All, выравниваете слой по селекции по двум осям, грузите селекцию с него а слой убиваете. индустриально.

Можно делать stroke - inside в режиме быстрой маски. Вот так: включить б.м. - Q, сбросить цвета на дефолтные! - нажать D, Select All, stroke - 10 pix, inside, отключить быструю маску - Q. Готово. Если быстрая маска настроена на Selected Area (по дефолту Masked Area), то придется еще проинвертировать ее картинку.

Этот способ уже можно писать в экшн. В Шопах старше 5-го можно делать stroke толщиной до 250 пикселов.

А если нужно больше или еще индустриальнее, то вот ява-скрипт.

Забанен

А почему просто сжать нельзя?

Такова природа селеции - ребра селекции проходят по 50-процентной плотности пикселов альфа-канала который отображается этими самыми ребрами селекции (мурашами). Чтобы проверить почему нельзя, посмотрите что происходит при использовании фильтров Minimum & Maximum когда весь канвас залит одним цветом, например в быстрой маске.

Lemon

Участник

Прохожий

Гость
Забанен

Я многое из того чем пользуюсь не понимаю, но нисколько не расстраиваюсь по этому поводу.

Скопируйте текст скрипта в буфер, создайте где-нибудь файл с расширением js, например ContractSel.js, откройте его для редактирования (правой кнопкой и выбрать edit - откроется в Блокноте), вставьте туда из буфера и сохраните. Запустите Шоп, создайте или откройте документ, создайте новый экшн, включите на запись. Выполните: File > Automate > Scripts. в диалоге выберите Browse, найдите и укажите свой ContractSel, нажмите Run Script. Скрипт сделает свое дело. Остановите запись экшна. Назначьте ему быстрые клавиши. Вот и все.

Если у вас Photoshop CS, то есть возможность задать расстояния сжатия интерактивно:

Инструмент Текст (Type Tool) в Photoshop CS4

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

Инструмент Текст (Type Tool) в Photoshop CS4

Перенос (Hyphenation).

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

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

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

Инструмент Текст (Type Tool) в Photoshop CS4

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

Инструмент Текст (Type Tool) в Photoshop CS4

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

Инструмент Текст (Type Tool) в Photoshop CS4

Инструмент Текст (Type Tool) в Photoshop CS4

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

Инструмент Текст (Type Tool) в Photoshop CS4

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

Инструмент Текст (Type Tool) в Photoshop CS4

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

Инструмент Текст (Type Tool) в Photoshop CS4

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

Инструмент Текст (Type Tool) в Photoshop CS4

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

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

Инструмент Текст (Type Tool) в Photoshop CS4

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

Инструмент Текст (Type Tool) в Photoshop CS4

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

Читайте также: