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

Обновлено: 04.07.2024

12-11-2020, 09:00

Working with Text in Adobe Photoshop

508

Из данной статьи вы узнаете, как добавить маркер списка в Adobe Photoshop.

Как ввести маркер

В Windows нажмите Alt+0+1+4+9.
В Mac OS X нажмите ⌥ Option+8.
Также можно скопировать и вставить такой маркер: •

С помощью шрифта Wingdings

Дважды щелкните по названию шрифта в верхнем левом углу Photoshop.

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

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

Если, по каким-либо причинам эта панель не отображается у вас на экране, вы можете нажать клавишу F7 или открыть ее самостоятельно, зайдя в меню Window > Layers (Окно - Слои). Наличие галочки слева от названия панели означает, что в настоящее время она отображается на экране. А если галочки нет, то панель скрыта.

Откройте это яркое изображение с бабочкой в Photoshop. По желанию вы можете выбрать свое.

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

Вкладка Layers

В верхней части панели слоев имеется отдельная вкладка Layers (Слои). По ней-то мы и определяем, что данная панель именно для слоев.

Вы, наверно, заметили, что рядом имеются две другие вкладки Channels (Каналы) и Paths (Контуры), они отображаются серым цветом.

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

Чтобы переключиться на другую панель в этой группе, нужно просто нажать на нужную вкладку. Но, несмотря на то, что все вкладки находятся в одной группе, панели Channels (Каналы) и Paths (Контуры) не имеют никакого отношения к панели Layers (Слои). Кроме одного факта, что они так же широко используются в Photoshop. Так, что пока мы конкретно рассматриваем панель слоев, другие вкладки мы можем игнорировать.

Строки слоев

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

Название слоев

Photoshop автоматически помещает новое изображение на слой под названием Background (Фон). Он так назван, потому что служит фоном для нашего документа. Название каждого слоя отображается в своем ряду. Фоновый слой - это специальный тип слоя в Photoshop.

Миниатюры слоя

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

Добавление нового слоя

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

Новый слой появляется на панели слоев прямо над фоновым слоем. Photoshop автоматически присваивает название слою. Ниже на изображении видно, что новому слою присвоено название Layer 1 (Слой 1). Обратите внимание, что у нас теперь имеется две строки в панели слоев, каждая из которых представляет отдельный слой.

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

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

Photoshop автоматически присвоил ему название Layer 2 (Слой 2). Теперь у нас получилось три строки, каждая из которых представляет один отдельный слой в документе.

Перемещение слоев

В панели слоев мы можем перемещать слои выше или ниже относительно друг друга, просто перетаскивая их. Посмотрите на панель слоев, и вы видите, что слой Layer 2 (Слой 2) расположен выше слоя Layer 1 (Слой 1). Поменяйте их местами. Для этого выберите слой Layer 2 (Слой 2) и переместите его между фоновым слоем и Layer 1 (Слой 1).

После перемещения панель слоев должна выглядеть так:

Единственный слой, который мы не сможем переместить - это слой Background (Фон). Так же мы не можем передвинуть другие слои ниже фонового. Все остальные слои могут быть перемещены как угодно по мере необходимости.

Активный слой

Вы, наверно, заметили, что когда у нас был только один фоновый слой, он был выделен синим цветом в палитре слоев. Далее, когда мы добавили слой Layer 1 (Слой 1), он выделился и так далее. Когда слой выделяется, он в настоящее время считается активным. Все, что вы будете делать на рабочем документе, будет относиться к выделенному слою.

Каждый раз, когда вы добавляете слой, Photoshop автоматически делает его активным, но по необходимости вы можете изменить активность слоя, для этого просто сделайте клик на нужном нам слое. На изображении ниже, я сделал активным слой Layer 1 (Слой 1), сделав по нему клик левой кнопкой мыши. В результате вы увидите, что он выделился синим цветом.

Удаление слоя

Чтобы удалить слой, достаточно кликнуть по нему левой кнопкой мыши и, удерживая, перетащите его вниз на значок, указанный на изображении ниже, и отпустите кнопку мыши, когда вы окажитесь над значком. В данном случае я удаляю слой Layer 1 (Слой 1).

Теперь удалите и второй слой, сделав клик на слое Layer 2 (Слой 2), и перетащите его на значок с урной.

На панели слоев остался только один фоновый слой.

Копирование слоя

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

Находясь над значком, отпустите кнопку мыши. Копия слоя появится над оригиналом. В результате Photoshop сделал копию фонового слоя и присвоил ему название Background Copy (Фон копия). Обратите внимание, что новый слой стал активным.

Теперь я хочу применить пару фильтров для размытия слоя Background Copy (Фон копия). Вот, что получилось после применения нескольких фильтров.

Посмотрите на изображение вам покажется, что все изображение размыто, но это не так. Размытие было применено только к слою Background Copy (Фон копия), так как он был активный (был выделен синим цветом). А теперь посмотрите на миниатюры двух слоев, вы увидите, что слой оригинал не был затронут.

Значок видимости слоя

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

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

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

Оригинальное изображение скрылось за размытым.

Переименование слоя

Нам известно, что при создании нового слоя Photoshop автоматически присваивает ему название. Это удобно, когда мы работаем с парой, тройкой слоев. А когда их 10, 20 или 100, то это совсем неудобно, для большого количества слоев требуются более осмысленные названия.

К счастью программа Photoshop позволяет легко переименовать нужный слой. Для этого нужно просто сделать двойной клик по названию слоя в палитре слоев, затем ввести новое название. Измените название слоя копии на Blur, после этого нажмите Enter (Ввод), чтобы принять изменения.

Добавляем слой-маску

В Photoshop слой-маска имеет важное значение для большей части работы. Я не буду вдаваться в конкретные подробности. Перед тем как добавить к слою маску, убедитесь, что выбран нужный слой. А затем нажмите на значок, расположенный в нижней части панели слоев Layer Mask (Добавить слой-маску).

Справа от миниатюры слоя появится миниатюра слой-маски, именно она дает нам понять, что к этому слою добавлена маска.

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

Создание нового корректирующего слоя

В нижней части панели слоев справа от значка Layer Mask (Добавить слой-маску) находится черно-белый кружок Create new fill or adjustment layer (Создать новый корректирующий слой или слой-заливку).

Нажав на этот значок, должен открыться список. Выберите из него Hue/Saturation (Цветовой тон/Насыщенность).

Этот корректирующий слой позволяет легко менять цвета изображений. В Photoshop CS4 и CS5, элементы для корректирующих слоев появляются в панели настроек. А в CS3 и более ранних версиях они открываются в отдельном диалоговом окне. Активируйте опцию Colorize (Тонирование) и вы увидите, как поменяется цвет на изображении. Далее измените следующие значения Hue (Цветовой тон) 195 и изображение окрасилось в синие тона, Saturation (Насыщенность) 60, изображение приобрело более насыщенный синий цвет. Я не вдаюсь в конкретные подробности, поэтому, если что-то не понятно, то ориентируйтесь по рисунку ниже.

Вот результат после создания корректирующего слоя.

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

Изменение режима смешивания

В панели слоев для каждого слоя отдельно мы можем изменить режим. Опция Blend mode (Режим наложения) расположена в верхнем левом углу в панели слоев прямо под вкладками. По умолчанию там установлен режим Normal (Обычные).

Измените режим наложения для корректирующего слоя Hue/Saturation (Цветовой тон/Насыщенность) на Color (Цветность). Посмотрите на изображение, оно стало немного ярче.

Непрозрачность и заливка

У каждого слоя мы можем контролировать уровень прозрачности. Данная опция находится напротив опции режима наложения. Значение Opacity (Непрозрачность) 100% установлено по умолчанию, и оно означает, что мы не можем видеть сквозь данный слой. Измените Opacity (Непрозрачность) для корректирующего слоя на 70%.

Хоть значение непрозрачности снижено незначительно, а первоначальные цвета уже начинают проявляться.

Чуть ниже расположена опция Fill (Заливка), которая так же контролирует значение непрозрачности слоя. В большинстве случаев в работе эти два параметра (Opacity (Непрозрачность) и Fill (Заливка)) дают одинаковый результат, кроме случаев, когда речь пойдет о применении стилей слоя.

Группировка слоев

Ранее мы узнали, что для удобства в работе с большим количеством слоев можно давать осмысленные названия каждому слою. Другой путь заключается в группировке слоев. В нижней части панели слоев есть значок папка Create a New Group (Создать новую группу). Но имеются и другие способы создания группы.

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

После того, как вы выбрали, какие слои будете группировать, нажмите на значок меню в верхнем правом углу панели слоев (в более ранних версиях Photoshop значок меню выглядит как маленькая стрелочка). В открывшемся меню слоев выберите New Group from Layers (Новая группа из слоев).

После этого на экране появится диалоговое окно New Group from Layers (Новая группа из слоев), в котором вы можете изменить название группы, а также некоторые другие параметры. Затем нажмите на кнопку ОК, чтобы принять настройки по умолчанию или какие-либо изменения, если вы что-то изменили.

Photoshop создает новую группу, дает ей название по умолчанию Group 1 (Группа 1) и перемещает два выбранных слоя в эту группу. Вы можете открыть папку и посмотреть, что находится внутри и снова закрыть, чтобы панель слоев была удобной для работы. Чтобы открыть папку нужно нажать на маленький треугольник слева от значка папки.

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

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

Стили слоя

Наряду с уже ранее перечисленными значками в нижней части панели слоев есть значок Add a Layer Style (Добавить стиль слоя).

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

Блокировка слоев

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

В панели слоев чуть ниже опции Blend mode (Режим наложения) расположено четыре значка блокировки. Слева направо: Lock Transparent Pixels (Сохраняет прозрачность пикселов), Lock Image Pixels (Сохраняет цвета пикселов), Lock Position (Закрепляет положение) и Lock All (Сохраняет все). Если вы выберите один из вариантов блокировки, то на выбранном слое справа появится значок замка.

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

Изменение размера миниатюр

Одной из последней особенностей панели слоев, которая используется нередко, это изменение размера миниатюры изображения. Очень удобно для работы, когда в панели слоев миниатюры большого размера, но они занимают много места. Если вы работаете с большим количеством слоев, то удобнее будет уменьшить размеры миниатюр. Это можно сделать, нажав на значок меню в верхнем правом углу панели слоев, а затем выбрать Panel Options (Параметры панели).

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

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

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

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

Выбор типа, стиля, размера и цвета шрифта

Эти четыре опции имеются панели параметров и дублируются на панели символов. Не имеет значения, на какой из панелей Вы измените эти опции, значения будут продублированы:

Метод сглаживания (Anti-aliasing) для букв

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

На рисунке я привёл пример двух видов сглаживания текста Photoshop:

Межстрочный интервал (интерлиньяж, Leading)

В основном, использование Межстрочного интервала в значение Auto даёт неплохие результаты, но вы можете задать Межстрочный интервал самостоятельно перед вводом текста, либо после ввода, выделив весь текст. Вы можете выбрать одно из предустановленных значений ( от 6 pt до 72 pt), либо ввести собственное одним из фотошоповских методов ввода параметров, т.е. изменение перетаскиванием мыши или прокруткой колёсика или вводом значения в окно с клавиатуры.

Трекинг (Межбуквенный интервал, Tracking)

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

Кернинг (Kerning)

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

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

Масштаб по вертикали и горизонтали (Vertical и Horizontal Scale)

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

Смещение базовой линии (Baseline Shift)

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

Дополнительные текстовые опции

Ниже находятся кнопки дополнительных опций.
Слева направо: псевдополужирный, псевдонаклонный, все прописные, капители (уменьшенные прописные), надиндекс, подиндекс, подчёркнутые, зачёркнутые. На примере я показал действие опций в тексте начиная со второй строки:

Выбор языка

В этой статье мы подробно расскажем, как в Фотошопе создавать и редактировать текст.

Инструменты для создания и редактирования текста

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

Создаем надпись

Редактируем текст

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

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

Шрифт;
Написание;
Кегль;
Резкость;
Положение относительно границ;
Цвет;
Деформация.

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

Как выбрать шрифт для текста

Форматировать шрифт можно следующим образом:

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

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

Кегль или размер шрифта

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

Сглаживание шрифта

Выравнивание текста

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

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

Деформация

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

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

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

Кернинг – настройка расстояния между буквами (плотности текста). Поможет визуально сделать текст более удобным для чтения.

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

Интерльяж – параметр расстояния между строками в текстовом блоке.

Трекинг – позиция расстояния между символами.

Языковые настройки – определение языка, на котором написан текст.

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

Помимо выравнивания по одному краю или по центру в этой вкладке можно также:

Выровнять текст по ширине или оставить свободную последнюю строку:

Настроить ширину отступов:

Установить переносы слов (для текстового блока):

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

Текстовый блок

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

Редактировать текстовый блок можно так же, как и надпись. Фотошоп дает возможность изменения не только стандартных параметров букв, но и положения на странице. Блок легко исказить или масштабировать. Специфичные параметры его форматирования мы опишем ниже.

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

Чтобы изменить размер блока можно при помощи маркеров на нижней границе (нажмите CTRL+T или меню Редактирование — Трансформирование — Масштабирование).

После внесения изменений их необходимо подтвердить галочкой.

Заключение

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

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

Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

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