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

Photoshop
Графический редактор Adobe Photoshop
Урок №1. Введение
Урок №1.
Введение Глава.
Внимание!
Внимание!
В этом электронном уроке используются
передовые возможности формата Adobe PDF, которые
позволяют создать интерактивные сменные
иллюстрации, а так же поместить на страницы урока
звуковые и видео файлы.
Многие сторонние приложения для просмотра фай
лов формата PDF — в том числе просмотрщики,
встро енные в операционные системы, — а также
средства просмотра на мобильных устройствах могут
не уметь отображать такой контент.
Если у вас возникли проблемы с просмотром
урока, и какието элементы его некорректно работают
или не отображаются, вы можете бесплатно скачать и
уста новить последнюю версию программы Adobe
Reader по этой ссылке и использовать её для
просмотра элек тронных уроков.
В ЭТОМ УРОКЕ ИСПОЛЬЗУЕТСЯ
МАСШТАБИРОВАНИЕ
ИЛЛЮСТРАЦИЙ
Каждый раз, когда вы видите иллюстра-
цию со значком , вы можете увеличить
масштаб изображения, кликнув по нему
мышкой. Если кликнуть мышкой еще
раз размер иллюстрации вернется к
первоначальному.
В ЭТОМ УРОКЕ ИСПОЛЬЗУЕТСЯ
ПЕРЕКЛЮЧЕНИЕ
ИЛЛЮСТРАЦИЙ
Каждый раз, когда вы видите иллюстра-
ции с кнопками переключения «Рису-
нок 1», «Рисунок 2» вы можете пере-
ключать изображения нажимая серые
кнопки. Красным цветом отмечаются
кнопки с активными Рисунокми.
Рисунок 1 Рисунок 2
В ЭТОМ УРОКЕ ИСПОЛЬЗУЕТСЯ
ВИДЕО
Каждый раз, когда вы видите на стра-
нице иллюстрацию со значком PLAY
поверх неё — это видео. Щёлкните на
нём, чтобы просмотреть видео.
Стр. 3
Урок №1.
Введение Глава.
Внимание!
Содержание
Введение...............................................................................5
Сферы использования компьютерной графики..........5
Растровая графика..........................................................7
Интерфейс Adobe Photoshop.........................................8
Основной инструментарий..........................................10
Работа с документами..................................................14
Форматы графических файлов...................................17
Работа с монтажными областями...............................19
Параметры монтажных областей...............................19
Создание документа монтажной области..................20
Добавление монтажных областей..............................21
Перемещение элементов между
монтажными областями..............................................22
Перемещение и изменение размера...........................22
Свойства монтажной области.....................................22
Фильтрация слоев по монтажной области.................22
Предотвращение автоматического вложения
в монтажную область и из нее....................................22
Блокировка положения монтажной области.............23
Расформирование монтажных областей....................23
Экспорт монтажных областей....................................23
Работа с направляющими............................................23
Отображение или скрытие сетки, направляющих
и быстрых направляющих...........................................24
Размещение направляющих........................................24
Настройка установок направляющих и сетки...........25
Эффективная работа
с быстрыми направляющими.......................................25
Как открыть растровый файл
в отдельном документе и как разместить
в существующем документе.......................................26
Навигация по документу.............................................28
Масштаб отображения документа..............................28
Инструменты для просмотра документа...................30
Панель настроек инструментов..................................30
Настройки инструментов навигации.........................32
Использование аппаратного ускорения графики......33
Палитра Navigator........................................................34
Стр. 4
Урок №1.
Введение Глава.
Введение

Введение
Adobe Photoshop — один из самых популярных
графи ческих редакторов для создания растровой
графики. Его можно использовать для создания 2Dартов,
фоторету ши, создания коллажей, GIFанимации и т.д.
(рис. 1).
экономит время. К примеру, художник может несколь ко
раз скопировать готовый силуэт одного персонажа, а
затем нарисовать для него разные варианты костюма
(рис. 2). Именно поэтому компьютерная графика широ
ко используется при создании концептов для фильмов
и компьютерных игр.

Рисунок 1

Сферы использования компьютерной графики

Компьютерная графика — популярный инструмент
для воплощения художественных идей. Компьютерный Рисунок 2
рисунок намного проще исправить или доработать, что
2Dграфика также используется для создания текстур
3Dобъектов (рис. 3). При этом с помощью компьютерной

Стр. 5
Урок №1.
Введение Глава.
Введение

графики можно добиться любого уровня детализации

текстуры.

Рисунок 4

Рисунок 3

С помощью Adobe Photoshop и других подобных про

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

Стр. 6
Урок №1.
Введение Глава.
Введение
Вебдизайн — еще одна отрасль графического дизай
на, в которой используется компьютерная графика. Лю
бые кнопки, плашки, блоки меню и другие элементы соз
даются дизайнерами в разных графических редакторах
(рис. 6).
Рисунок 6
Растровая графика
Растровые изображения, как мозаики, созданы из мно
жества квадратных фрагментов — пикселей. Изображе
ние на мониторе компьютера формируется из множества
светящихся точек. При нормальном масштабе пиксели
неразличимы, но при сильном увеличении их становится
видно (рис. 7).
Рисунок 7
Пиксель — наименьшая составляющая часть изобра
жения, в которой содержится определенная информация.
Все пиксели одинакового размера и формы. Они распо
ложены в строгой последовательности, плотно прилегая
друг к другу. При этом каждый пиксель может быть
окра шен только в один цвет.
У пикселя нет определенного размера. Вы можете на
рисовать линию толщиною в 2 пикселя, но эта информа
ция не скажет о физических размерах изображения.
Вся информация об изображении хранится в самих
пикселях. Редактируя картинку, вы записываете новую
информацию поверх старой. Поэтому в графических ре
дакторах есть возможность отменить определенное коли
чество действий, вернуться к исходному изображению,
разбить картинку на слои и т.д.
Стр. 7
Урок №1.
Введение Глава.
Введение
Так как пиксели квадратные и расположены ров
ными рядами, то края любых нарисованных объектов
остаются зубчатыми (рис. 8). Мы видим плавные
пере ходы формы только за счет масштаба картинок,
хотя это иллюзия.
Рисунок 8
От количества пикселей напрямую зависит качество
изображения. Чем их больше, тем четче картинка. При
увеличении растровых изображений растет количество
пикселей, которое занимает картинка. Так как
компьютер не знает, каким цветом нужно заполнить
новые участки, он пытается «угадать». При этом во
внимание берется цвет соседних пикселей. Если
изображение высокого ка чества, а увеличение
минимально, результат может быть
удовлетворительным. Однако в большинстве случаев
кар тинка ухудшится (рис. 9). То же самое касается и
умень шения картинок. В этом случае часть информации
попро сту теряется.
Рисунок 9
Также следует учитывать вес растровых
изображений. Чем выше качество картинки, тем больше
места на жест ком диске она занимает. Например,
фотография для плаката или настенного календаря
может весить сотни мегабайт. Если же вы сохраните
проект в формате графи ческого редактора, то со всеми
слоями и фильтрами вес будет еще больше.
Интерфейс Adobe Photoshop
Давайте познакомимся с интерфейсом Photoshop. По
следнюю версию программы можно скачать с официаль
ного сайта компании Adobe — https://adobe.ly/36AaldZ
(рис. 10). Вы можете установить бесплатную версию,
которая будет работать ограниченный период времени,
либо купить полную версию по подписке.
Стр. 8
Урок №1.
Введение Глава.
Введение

Также вы можете воспользоваться сервисом Creative

Cloud, который тоже доступен по подписке. С помо
щью него вы получаете доступ к полному пакету про
грамм Adobe (в том числе к графическим редакторам,
программам верстки, цветокоррекции, макетирования
и т.д.) (рис. 11).
Программы пакета Adobe доступны на разных
языках, но рекомендуем с самого начала изучать
англоязычную версию приложения.
Запустим Adobe Photoshop и разберем интерфейс про
Рисунок 10 граммы (рис. 12).

Рисунок 12

Всю рабочую область можно условно разделить на от

Рисунок 11 дельные блоки.

Стр. 9
Урок №1.
Введение Глава.
Введение

Сверху находится основное меню. Здесь можно най
ти всевозможные настройки программы, документов,
инструментов и слоев, а также фильтры и многое другое.
Под меню находится панель настроек, на которой будут
отображаться параметры текущего инструмента (рис.
13).
Основное рабочее поле находится в центре. Одно
временно можно открыть любое количество докумен тов
или изображений, разместив их либо в виде вкладок
(рис. 15), либо в виде отдельных окон (рис. 16).

Рисунок 15
Рисунок 13

Панель инструментов находится слева от основного

рабочего поля. Справа расположены плавающие палитры,
с помощью которых можно более точно настраивать ин
струменты, либо проводить определенные операции с рабо
чим документом (например, работать со слоями) (рис.
14).

Рисунок 16

Основной инструментарий
В Adobe Photoshop существует огромное количество
инструментов. У каждого инструмента, как и у многих
других действий, есть собственный хоткей — сочета
Рисунок 14 ние клавиш на клавиатуре. Многие хоткеи совпадают

Стр. 10
Урок №1.
Введение Глава.
Введение

с первыми буквами названий инструментов. Например, вызвать справку, просто наведите курсор на инструмент
группе инструментов Lasso (Лассо) соответствует хоткей и немного подождите (рис. 18).
L, а ластику (Eraser) — хоткей E. Если же вы хотите бы
стро переключиться между инструментами одной груп
пы, следует зажать Shift, а затем нажать нужный хоткей.
Сами инструменты разделены на группы по типам
действия (например, инструменты выделения). Дополни
тельные инструменты скрыты внутри кнопок,
отмеченных маленькими треугольными стрелками.
Чтобы развернуть всплывающий список, нужно
кликнуть по инструменту
правой кнопкой мыши (рис. 17).

Рисунок 18

Еще один важный элемент интерфейса — это плаваю

Рисунок 17
Также вы можете ознакомиться с кратким описанием
функций инструмента, а заодно узнать его хоткей. Чтобы
щие палитры на панели справа. Они называются плаваю
щими, потому что вы можете легко переместить их в лю
бое место на рабочей области. Функционал палитр очень
широк: от справочной информации до настроек кистей
или слоев (рис. 19).

Стр. 11
Урок №1.
Введение Глава.
Введение

Рисунок 20

Рисунок 19 Вы можете самостоятельно группировать палитры

Полный список палитр находится в меню Window
(Окно) (рис. 20). С его помощью можно в любой момент
включить или отключить любую палитру.
на панели справа, закрывать те, которыми вы не пользу
етесь, либо перемещать палитру в другой блок. Готовая
группа будет отображаться в виде вкладок. Чтобы
развер нуть нужную палитру, достаточно кликнуть по
иконке

Стр. 12
Урок №1.
Введение Глава.
Введение

на панели или перейти в другую вкладку на развернутой

панели (рис. 21).

Рисунок 21

У каждой палитры есть собственное меню настро

ек, которое можно вызвать, кликнув по значку в правом
верхнем углу (рис. 22). Здесь могут скрываться дополни
тельные настройки палитры, а также кнопки Close (За
крыть) и Close Tab Group (Закрыть группу вкладок). Рисунок 22
Еще одна интересная настройка, о которой стоит по Workspace — это сохраненные настройки
говорить, — это рабочее пространство программы интерфейса, оптимизированные под разные задачи.
(Work space). Данное меню на ходится в правом верхнем углу экрана
(рис. 23).

Стр. 13
Урок №1.
Введение Глава.
Введение

Рисунок 24

Рисунок 23 Перед вами откроется окно базовых настроек доку

мента. Сверху находится несколько вкладок с
Например, если вы откроете рабочее пространство шаблонами документов (рис. 25).
под названием Painting, на экране останутся палитры
с образцами цвета и настройками кистей. Если же вы вы
берете вариант Typography, будут отображены палитры
для работы с текстом.
Вы можете самостоятельно настроить рабочую среду,
которая подходит именно вам, а затем сохранить ее, на
жав на кнопку New Workspace.

Работа с документами
Перейдем к работе с документами. От создания
нового документа зависит, насколько правильно и
эффективно вы выполните задание. Чтобы это сделать,
следует пере йти в меню File — New (Файл — Создать),
либо нажать хоткей Ctrl+N (рис. 24).

Рисунок 25

Стр. 14
Урок №1.
Введение Глава.
Введение

Вы можете найти шаблоны с помощью сервиса Adobe

Stock. Для этого необходимо развернуть вкладку Recent
и ввести запрос в строке поиска (рис. 26).

Рисунок 27

Важно выбрать единицы измерения размера (пиксели,

миллиметры и т.д.) (рис. 28). Помните, что размер
200×200 пикселей не соответствует 200×200 мм.

Рисунок 26

Во многих случаях вам придется создавать

документы нестандартного размера. Чтобы настроить
параметры но вого документа, обратимся к панели
справа.
Сначала нужно ввести название документа. По
умолча нию все новые файлы именуются как Untitled (Без
названия). Ниже находится два поля — Width (Ширина) и
Height (Высо та). В них вводятся точные размеры
будущего файла. Так же можно выбрать ориентацию Рисунок 28
документа (Orientation) — вертикальную или
горизонтальную (рис. 27).

Стр. 15
Урок №1.
Введение Глава.
Введение

Важно выставить правильное разрешение файла —

Resolution. Этот параметр отвечает за количество
пикселей на дюйм изображения. Если вы хотите создать
качествен ную картинку для печати, следует выставить
разрешение 300 dpi (Dots Per Inch — Точки на дюйм).
Для интернет изображений зачастую достаточно 72 dpi
(рис. 29).
Рисунок 31

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

Save и Save As (рис. 32).
Рисунок 29

При создании документа можно выбрать цветовую

мо дель файла (Color Mode) и базовый цвет фона
(Background Contents) (рис. 30).

Рисунок 30

Если вы хотите открыть готовый файл или продол

жить работу над какимлибо проектом, перейдите в меню
File — Open (Файл — Открыть) (рис. 31). Рисунок 32

Стр. 16
Урок №1.
Введение Глава.
Введение
Команда Save (Сохранить) сохраняет в фоновом
режи ме любые документы, которые ранее открывались в
про грамме. Хоткей этой команды — Ctrl+S. Обратите
внима ние, время от времени нужно сохранять работу,
чтобы не потерять результат.
Если необходимо сохранить новый документ или
сохра нить существующий файл под новым именем,
используйте команду Save As (Сохранить как) или
хоткей Shift+Ctrl+S. Перед вами появится окно, где
нужно ввести имя и формат файла, выбрать
расположение на компьютере.
Иногда полезно создавать резервные копии доку
ментов. Так вы сможете сохранить разные этапы работы
и вернуться к ним при необходимости.
Рисунок 33
Чтобы закрыть документ, нажмите на крестик возле
названия документа. Также можно перейти в меню File
— Close (Закрыть). Хоткей действия — Ctrl+W (рис.
33).
Если одновременно открыто много вкладок, и нужно
закрыть их все, используйте команду Close All (Закрыть
все), хоткей — Alt+Ctrl+W.
Если вы не сохранили какойлибо документ, програм
ма предложит сохранить его перед закрытием (рис. 34).
Рисунок 34
Форматы графических файлов
Давайте рассмотрим форматы графических файлов,
которые использует Photoshop. Данная программа под
держивает более 20 форматов.
Основные форматы: PSD, TIFF, JPEG и PNG.
Формат PSD (Photoshop Document) — это
собственный формат Photoshop. Именно в нем следует
сохранять ис ходники проектов, созданных в программе.
Данный фор мат сохраняет максимальное количество
исходной ин формации о файле, в том числе слои и
цветовой режим.
Стр. 17
Урок №1.
Введение Глава.
Введение
По умолчанию Photoshop предлагает сохранять все фай
лы именно в этом формате.
Формат TIFF (Tagged Image File Format) широко ис
пользуется в печатной индустрии. Он не настолько уни
версален, как PSD, тем не менее отлично подойдет для
хранения файлов, которые впоследствии нужно будет
редактировать. Файл в формате TIFF хранит информа
цию о всех слоях исходного документа. К тому же, вы
без труда откроете данный файл в любом другом
графиче ском редакторе.
При сохранении в формат TIFF, можно уменьшить
вес исходного файла, выбрав один из режимов сжатия
кар тинки (Image Compression): LZW, ZIP или JPEG. В
режиме None сжатие не применяется (рис. 35).
Рисунок 35
Формат JPEG (Joint Photographic Experts Group) —
один из самых популярных форматов изображений,
который широко используется в интернете. Его главное
достоин ство кроется в алгоритмах сжатия. JPEGфайлы
весят в десятки раз меньше, чем исходники. Они не
хранят ин формацию о слоях, не оставляют возможности
редакти ровать текст и т. д.
JPEG-файлы сохраняются с потерей качества. Чтобы
максимально уменьшить вес картинки, программа избав
ляется от самых мелких деталей и упрощает цветовую
палитру. В результате сохраненное изображение может
выглядеть немного размыто, на нем могут появиться ар
тефакты (рис. 36).
Рисунок 36
Чтобы выбрать уровень сжатия JPEGкартинки, до
статочно воспользоваться бегунком Quality (Качество)
в блоке Image Options. Справа под флажком Preview ото
бразится размер будущего файла (рис. 37).
Стр. 18
Урок №1.
Введение Глава.
Введение

Помните, что качество JPEGфайла ухудшится в лю

бом случае. Поэтому, если вам необходимо внести
правки в готовый проект, откройте исходный PSDфайл, а
затем заново сохраните его в JPEG.
Еще один полезный формат — это PNG (Portable Net
work Graphics). Данный формат сжимает изображения,
но картинка не теряет качество. Такие файлы весят
меньше исходных PSDфайлов, но больше, чем JPEG.
Еще одно преимущество PNGформата — в нем
можно сохранять изображения на прозрачном фоне.
В Photoshop такой фон отображается в виде квадратов
(рис. 38).
Рисунок 37
Работа с монтажными областями
Монтажная область является особым типом групп
слоев. Она обрезает содержимое всех элементов по сво
им границам. Иерархию элементов монтажной области
можно увидеть в панели Layers (Слои) вместе со слоями
и группами слоев.
Визуально монтажные области являются отдельными
холстами в документе.

Параметры монтажных областей

Чтобы настроить вид монтажных областей, нужно
выбрать Edit — Preferences — Interface (Редактирова
ние — Настройки — Интерфейс). В подпункте Artboards
(Монтажные области) можно выбрать цвет подложки
Рисунок 38

Стр. 19
Урок №1.
Введение Глава.
Введение
монтажной области и отобразить или скрыть ее грани
цы (рис. 39).
Рисунок 39
Создание документа монтажной области
Чтобы создать документ монтажной области, нужно
выбрать Create New (Создать новый) на открытом окне
Photoshop или File — New (Файл — Новый). В диалого
вом окне нужно ввести имя файла и выбрать Document
Type — Artboard (Тип документа — Монтажная
область).
Также можно выбрать набор настроек в пункте Artboard
Size (Размер монтажной области) (рис. 40).
Рисунок 40
Стандартный документ Photoshop можно преобра
зовать в документ монтажной области. Для этого нуж но
выделить один или несколько слоев, или групп слоев.
После этого через щелчок правой кнопки мыши выбрать
Artboard from Layers… (Монтажная область из слоев)
(рис. 41).
Стр. 20
Урок №1.
Введение Глава.
Введение

Рисунок 43
Монтажной области можно присвоить имя через
Layer — Rename Artboard (Слой — Переименовать мон
тажную область).
Чтобы быстро добавить монтажные области, нужно
нажимать значки «+» возле монтажных областей. Чтобы
создать дубликат монтажной области с ее содержимым,
нужно щелкнуть «+» вместе с клавишей Alt.

Рисунок 41

Добавление монтажных областей

Чтобы добавить монтажную область, нужно на пане
ли Tools выбрать инструмент Artboard tool (Монтажная
область) (рис. 42). После этого можно нарисовать мон
тажную область на холсте.

Рисунок 42
При необходимости можно выбрать нужные разме ры
в верхней панели в пункте Size (Размер) или оставить
пользовательский размер (рис. 43).
Рисунок 44
Чтобы выбрать фон монтажной области на панели
Properties (рис. 44), нужно указать необходимое значение

Стр. 21
Урок №1.
Введение Глава.
Введение
в поле Artboard background color (Цвет фона
монтажной области). Есть возможность выбрать и
прозрачный фон.
Перемещение элементов между
монтажными областями
Чтобы переместить элементы из одной монтажной
об ласти на холсте в другую, их нужно перетащить.
Photoshop пытается разместить элемент в таком же
положении по от ношению к началам координат линеек,
которые располо жены в верхнем левом углу монтажных
областей. Элемент помещается в начало списка на
панели Layers.
При дублировании слоя или группы слоев можно вы
брать монтажную область, в которую нужно поместить
скопированный слой.
Перемещение и изменение размера
Для перемещения монтажной зоны нужно выбрать
инструмент Artboard или Move, щелкнуть ярлык монтаж
ной области и переместить в нужное место.
При этом на панели параметров инструмента можно
выбрать размер в списке Size или изменить размер вруч
ную.
Свойства монтажной области
Чтобы просмотреть свойства монтажной области,
нужно щелкнуть по ней и выбрать Window — Properties
(Окно — Свойства). На ней можно поменять размер
монтажной области. Когда монтажная панель выделена,
то свойства можно увидеть и на панели параметров.
Чтобы отобразить или скрыть имена монтажных об
ластей, нужно выбрать View — Show — Artboard Names
(Просмотр — Показать — Имена монтажных
областей).
Фильтрация слоев по монтажной области
Чтобы выполнить фильтрацию слоев по монтажной
области, нужно в меню поиска на панели Layers выбрать
Artboard. Можно выбрать любую монтажную область
или слой на ней. На панели Layers можно просмотреть
только выбранную монтажную область. Чтобы вернуть
ся к панели Layers в полноэкранном режиме, нужно щел
кнуть вне текущей монтажной области.
Предотвращение автоматического вложения
в монтажную область и из нее
Монтажную область можно заблокировать. К приме
ру, если использовать блокировку к монтажной области,
то можно запретить автоматическое вложение в монтаж
ную область и из нее, а если к слою в монтажной
области, то нельзя будет вложить эти слои (рис. 45).
Чтобы все от менить, нужно просто убрать блокировку.
Рисунок 45
Стр. 22
Урок №1.
Введение Глава.
Введение
Блокировка положения монтажной области
Блокировку положения можно использовать для рас
положения монтажной области на холсте (рис. 46). При
этом блокировка не будет распространяться на осталь
ные элементы.
Рисунок 46
Расформирование монтажных областей
Монтажные области в Photoshop можно разделять.
Для этого следует перейти Layer — Ungroup Artboards
(Слой — Разгруппировать монтажные области). Он
раз группировывает области, и все составляющие
становят ся на один уровень выше в списке Layers. Если
была рас формирована последняя монтажная область, то
документ становится обычным.
Экспорт монтажных областей
Монтажные области можно экспортировать как гра
фические ресурсы JPEG, GIF, PNG, PNG8 и SVG. Это
можно сделать на панели Layers.
Монтажные области можно экспортировать в PDF
или отдельные файлы. Для этого нужно выбрать File —
Export — Artboards to PDF… (Файл — Экспорт — Мон
тажные области в PDF) или File — Export — Artboards
to
Files… (Файл — Экспорт — Монтажные области в
фай лы) соответственно.
При экспорте в Adobe PDF нужно выбрать место со
хранения, имя для файла и выбрать в диалоговом окне
параметры. Есть возможность экспортировать только
содержимое монтажных областей или все содержимое,
также можно выбрать какие монтажные области нужно
экспортировать. Нужно выбрать экспортировать ли фон,
создавать один файл или несколько, указать кодировку
ZIP или JPEG. При выборе последней нужно указать па
раметр Quality (Качество), который можно менять от 0
до 12. При экспорте можно внедрить в файл профиль
ICC (International Color Consortium). Этот профиль
сохраняет данные об устройстве ввода или вывода цвета.
Экспорт в отдельные файлы происходит почти с теми
же параметрами, но нужно выбрать формат экспорта:
BMP, JPEG, PDF, PSD, TIFF или PNG.
После настройки всех параметров нужно нажать кноп
ку Run (Выполнить).
Работа с направляющими
Чтобы точно расположить элементы изображения,
в Adobe Photoshop используют направляющие и сетку.
Они представляют собой непечатаемые линии, которые
можно переместить, закрепить или удалить.
Существуют обычные и быстрые направляющие.
Вто рые позволяют выровнять фигуры, фрагменты и
выделен
Стр. 23
Урок №1.
Введение Глава.
Введение

ные области. Они появляются автоматически при работе
в Photoshop. При желании их можно отключить.
Сетка позволяет размещать элементы симметрич
но. Ее можно отобразить в виде непечатаемых линий
или точек.
Направляющие и сетки не только имеют схожий
прин цип действия, но и связаны между собой. При
перемеще нии элемент привязывается к ним при
перетаскивании на ближе, чем 8 экранных пикселей. В
свою очередь, на правляющие привязаны к сетке. Эту
возможность можно включать и выключать.
Стоит отметить, что размер ячеек сетки, цвет, стиль
направляющих и сетки являются одинаковыми для всех
изображений.
Чтобы создать направляющую, можно использовать
несколько способов. Самый простой способ — пункт
меню View — New Guide (Просмотр — Новая направля
ющая). Нужно выбрать ориентацию направляющей —
горизонтальная или вертикальная — и ввести значения
положения. Второй способ: вытащить направляющую
из линейки. Из горизонтальной линейки вытягивается
горизонтальная направляющая, а из вертикальной —
вер тикальная. Внешний вид направляющих можно
увидеть на рисунке 47.

Отображение или скрытие сетки, направляющих

и быстрых направляющих
Чтобы отобразить или скрыть сетку, направляющие
и быстрые направляющие можно воспользоваться меню
View — Show (Просмотр — Показать). Оно имеет
пункты Grid (Сетка), Guides (Направляющие), Smart
Guides (Бы стрые направляющие). Таким же способом
можно отклю чить эти элементы.

Размещение направляющих
Чтобы отобразить линейки, необходимо включить их
в меню View — Rulers (Просмотр — Линейки).

Рисунок 47

Стр. 24
Урок №1.
Введение Глава.
Введение

Существуют особые комбинации. Если зажать Alt, то

с вертикальной линейки можно вытянуть
горизонтальную направляющую и наоборот. Если зажать
Shift, то создан ная направляющая будет привязываться к
меткам линей ки, а курсор будет иметь вид двойной
стрелки.
Чтобы закрепить направляющие, нужно выбрать ко
манду View — Lock Guides (Просмотр — Закрепить на
правляющие).
Чтобы переместить направляющую, ее достаточ но
переместить инструментом Move перетаскиванием.
Можно поменять ориентацию направляющей, удержи
вая кнопку Alt при перетаскивании. Чтобы выровнять
направляющие по меткам линейки, достаточно удержи
вать кнопку Shift.
Привязка к сетке происходит через команду View
— Snap to — Grid (Просмотр — Привязать к —
Линиям сетки).
Удалить направляющие можно двумя способами.
Мож но просто вытащить направляющую за пределы
окна или удалить через команду View — Clear Guides Рисунок 48
(Про смотр — Удалить направляющие).
В поле Color (Цвет) можно выбрать цвет направляю
Настройка установок направляющих и щих и сетки. Пункт Gridline Every (Линия через каждые)
позволяет настроить расстояние между направляющими,
сетки а Subdivisions (Внутреннее деление на) размер каждого
Чтобы выбрать настройки, нужно выбрать команду де ления в сетке.
Edit — Preferences — Guides, Grid & Slices
(Редактирова ние — Установки — Направляющие, Эффективная работа с быстрыми направляющими
сетка и фрагменты) (рис. 48).
Быстрые направляющие могут быть полезными во
многих ситуациях (рис. 49).

Стр. 25
Урок №1.
Введение Глава.
Введение

Рисунок 49

Вопервых, с помощью быстрых направляющих мож Рисунок 50

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

Как открыть растровый файл в отдельном

документе и как разместить в существующем
документе
Adobe Photoshop позволяет работать с несколькими
документами одновременно в виде вкладок или отдель
ных окон (рис. 5051).
Рисунок 51

Стр. 26
Урок №1.
Введение Глава.
Введение
В последних версиях Adobe Photoshop окна по умол
чанию сгруппированы. Мы видим их по очереди и
можем переключаться между ними с помощью закладок
с их на званиями. Программа дает возможность эти окна
раз делить. Можно перетащить название одного
документа в сторону, чтобы отделить его от других
документов.
Рисунок 52
При работе с большим количеством документов может
возникнуть необходимость их организовать. Например,
разделить между ними пространство экрана или равно
мерно расположить их в доступной области. Такие
коман ды доступны в меню Window (Окно) — Arrange
(Упорядо чить) (рис. 52).
Команды Tile All Vertically (Расположить все по
верти кали) и Tile All Horizontally (Расположить все по
горизон тали) позволяют разделить пространство экрана
«поров ну» между документами, расположив их слева
направо или сверху вниз. Другие команды меню — 2up
Horizontal (По два горизонтально), 3up Vertical (По три
вертикаль но), 4up (По четыре) — позволяют
организовывать по добным образом известное число
документов. Пример расположения документов можно
увидеть на рисунке 53.
Рисунок 53
Стр. 27
Урок №1.
Введение Глава.
Введение
Команда Consolidate All to Tabs (Собрать все в
заклад ки) позволит объединить все документы в одном
окне. Тогда переключение между ними будет снова через
за кладки с названиями.
Команды Float in Window (В плавающее окно) и Float
All in Windows (Все в плавающие окна) разделяют доку
менты на разные окна.
Полезны команды Match Zoom (Одинаковый мас
штаб), Match Location (Одинаковое положение), Match
Rotation (Одинаковый угол поворота) и Match All
(Одина ковое все). Они позволяют просматривать разные
доку менты при одинаковых значениях масштаба, в
одной об ласти документа и т.д. Это удобно, если нужно
сравнить две фотографии или два варианта дизайна.
Рисунок 54
Команда New Window for... (Новое окно для...)
создает новое окно для документа и отображает его в
двух разных окнах, при необходимости с разным
масштабом и даже поворотом изображения (рис. 54). Эта
функция приме няется, чтобы контролировать общий вид
изображения одновременно с проработкой мелких
деталей. Для этого можно также использовать палитру
Navigator.
Навигация по документу
После того, как мы научились открывать документы
в Adobe Photoshop, нужно выучить навигацию по доку
менту. Это операции, которые связаны с его просмотром
и перемещением по документу. Для просмотра использу
ют инструменты и команды для управления масштабом.
Масштаб отображения документа
Без возможности изменять масштаб отображения,
нам было бы сложно работать с документами. Например,
мы не могли бы просматривать большие документы пол
ностью на небольшом мониторе или увеличить
документ, чтобы рассмотреть мелкие детали.
На рисунке 55 показаны элементы управления и ин
формация на окне документа Photoshop. Так мы можем
узнать название документа, масштаб просмотра, цвето
вой режим, а также сохранен ли документ после послед
них изменений. Последнее показывает знак астериск,
«звездочка» после информации о цветовом режиме.
Стр. 28
Урок №1.
Введение Глава.
Введение

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

на экране;
■ Print Size (Печатный размер) — графический
редактор попытается отобразить документ в таком
масштабе, что бы его размер совпал с размером на
печати. Чаще всего ему это не удается.
Все команды для управления масштабом имеют
клави атурные сокращения. Они будут достаточно
полезными, но не решат все задачи по просмотру
изображения. Они не могут помочь, когда нужно детально
рассмотреть фрагмент изображения (рис. 5658). Для
таких целей есть специаль ные инструменты, о которых
мы поговорим немного позже.
Рисунок 55

Уже в этом окне можно управлять масштабом и пере

мещением по документу. Перемещаться можно с
помощью полосы прокрутки. Изменять масштаб можно,
введя нуж ное значение в числовое поле в левом нижнем
углу окна.
Управлять масштабом можно через команды меню
View (Просмотр):
■ Zoom In (Приблизить) — увеличивает масштаб про
смотра;
■ Zoom Out (Отдалить) — уменьшает масштаб;
■ Fit on Screen (Уместить на экране) — команда
автома тически настраивает масштаб просмотра, при
котором изображение оптимально умещается в окне
документа;
■ Actual Pixels (Реальные пиксели) — команда уста Рисунок 56 Рисунок 57 Рисунок 58
навливает масштаб просмотра в 100%, каждый
пик

Стр. 29
Урок №1.
Введение Глава.
Введение
Инструменты для просмотра документа
Для управления масштабом и для перемещения
по изображению используются инструменты Zoom
(Масштаб), Hand (Рука) и Rotate view tools (Пово
рот вида) . Им отвечают горячие клавиши Z, H и R.
Можно также вызвать один из этих инструментов
вре менно, выполнить нужное действие и автоматически
вер нуться к ранее использованному инструменту.
Чтобы временно активировать Zoom, нужно нажать
и удерживать клавиши Ctrl+Пробел, чтобы увеличить
масштаб, или Ctrl+Alt+Пробел для уменьшения масшта
ба. Как только вы отпустите клавиши, вы автоматически
вернетесь к работе с ранее выбранным инструментом.
Для активации инструмента Hand нужно нажать и удер
живать пробел. Его невозможно использовать во время ре
дактирования текста по понятным причинам.
Панель настроек инструментов
Познакомимся с панелью настроек (панелью
свойств). Она предназначена для работы с окно);
инструментами. Панель настроек не имеет какогото
постоянного наполнения — для каждого инструмента
она отображает настройки, ко торые касаются именно
его (рис. 5961).
Рисунок 61
Рисунок 59 Рисунок 60
Например, для инструмента Zoom будут видны на
стройки, которые касаются просмотра изображения.
Для инструмента Zoom отображаются:
■ две кнопки для переключения в режимы увеличения
и уменьшения соответственно;
■ флажок Resize Windows to Fit (Изменять размер
окон) — увеличивает или уменьшает размер окна
вслед за размером документа;
■ флажок Zoom All Windows (Изменять масштаб всех
окон) — увеличивает или уменьшает масштаб
просмо тра всех открытых окон и документов;
■ флажок Scrubby Zoom (Плавное масштабирование),
о котором мы поговорим позже;
■ кнопки 100% или Actual Size (Реальные пиксели), Fit
Screen (Уместить в окне) и Fill Screen (Заполнить
окно) — аналоги команд из меню View (просмотр).
Для инструмента Hand отображаются:
■ те же кнопки 100% или Actual Size (Реальные пиксели),
Fit Screen (Уместить в окне) и Fill Screen (Заполнить
■ флажок Scroll All Windows (Прокручивать все окна),
который позволяет прокручивать изображения во
всех документах и окнах одновременно.
Плавное масштабирование можно увидеть на видео 1,
а ступенчатое — на видео 2.
Взгляните, как выглядит результат работы двух режи
мом инструмента Hand (видео 34).
Стр. 30
Урок №1.
Введение Глава.
Введение

Видео 1 Видео 3

Видео 2 Видео 4

Стр. 31
Урок №1.
Введение Глава.
Введение
Настройки инструментов навигации
У инструмента Hand в последних версиях документ
пе ремещается своеобразно. У него появилась «инерция»,
и от скорости движения мыши зависит не только
перемещение, которое делаете вы, но и насколько далеко
он «проедет» по инерции, когда кнопку мыши отпустят.
На практике это уменьшает точность перемещения, а для
маломощного компьютера создает дополнительную
нагрузку.
Отключить этот режим можно в настройках Edit (Ре
дактирование) — Preferences (Настройки) — Tools (Ин
струменты). Там нужно отключить флажок Enable Flick
Panning (Перемещение толчком) (рис. 62).
Рисунок 62
В этом окне можно отключить плавное изменение
мас штаба. Для этого нужно снять флажок Animated
Zoom
(Анимированное масштабирование). Можно включить
мас штабирование колесом мыши, автоматическое
изменение размера окон вслед за изменением масштаба
документа и т.д. Инструмент Zoom имеет несколько
режимов рабо ты. Самый простой — увеличение или
уменьшение изо бражения до следующего стандартного
значения кликом
кнопки мыши. Но есть и более удобные способы:
■ Если флажок Scrubby Zoom (Плавное масштабирова
ние) отмечен, то для изменения масштаба можно за
жать и удерживать кнопку мыши, и двигать ею влево
и вправо (видео 5).
Видео 5
■ Если флажок Scrubby Zoom (Плавное масштабирова
ние) не отмечен, то можно выделить небольшую об
Стр. 32
Урок №1.
Введение Глава.
Введение

ласть, которую автоматически оптимально отобразит ЭТО ВАЖНО: Мощность видеокарты и использо
в окне документа. Для этого нужно зажать и удержи вание аппаратного ускорения не влияет на ваши
вать кнопку мыши и обвести нужный участок (видео возможности в Adobe Photoshop!
6).
Аппаратное ускорение используется в Photoshop в
двух основных целях: для отображения некоторых
элементов интерфейса и для работы с 3D. Поэтому даже
без видео карты, которая позволит использовать
аппаратное ускоре ние, пользователю доступен весь
функционал Photoshop.

Видео 6

Увеличивать и уменьшать изображение можно и при

«обычном» выборе инструмента Zoom и при «времен
ном» вызове через Ctrl+Пробел.

Использование аппаратного ускорения графики

Последние версии Adobe Photoshop требуют аппарат
ного ускорения графики. Это касается плавного масшта
бирования и плавного перемещения изображения. Если
не использовать аппаратное ускорение, то эти функции
использовать не получится.
Рисунок 63
Аппаратное ускорение можно включить в настройках
программы: Edit (Редактирование) — Preferences (На
стройки) — Performance (Производительность). Тут

Стр. 33
 Урок №1.
Введение Глава.
Введение
есть

Стр. 34
Урок №1.
Введение Глава.
Введение

группа настроек Graphics Processor Settings (Настройки

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

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

Рисунок 64

Стр. 35
Графический редактор Adobe Photoshop Урок
№1. Введение

© Компьютерная Академия «Шаг», www.itstep.org

Все права на охраняемые авторским правом фото-, аудио- и видеопроизведения, фрагменты которых использованы в
материале, принадлежат их законным владельцам. Фрагменты произведений используются в иллюстративных целях в
объёме, оправданном поставленной задачей, в рамках учебного процесса и в учебных целях, в соответствии со ст.
1274 ч. 4 ГК РФ и ст. 21 и 23 Закона Украины «Про авторське право і суміжні права». Объём и способ цитируемых
произведений соответствует принятым нормам, не наносит ущерба нормальному использованию объектов авторского
права и не ущемляет законные интересы автора и правообладателей. Цитируемые фрагменты произведений на момент
использования не могут быть заменены альтернативными, не охраняемыми авторским правом аналогами, и как таковые
соответствуют критериям добросовестного использования и честного использования.
Все права защищены. Полное или частичное копирование материалов запрещено. Согласование использования
произведений или их фрагментов производится с авторами и правообладателями. Согласованное использование
материалов возможно только при указании источника.
Ответственность за несанкционированное копирование и коммерческое использование материалов определяется
действующим законодательством Украины.