Урок 1
Введение
Урок 1 Введение
Основы Adobe Photoshop
торые области растровой графики, в которой
Adobe Photoshop неохотно уступает пальму
первенства другим — к примеру, в области
цифровой живописи лидирует Corel Painter,
специально разработанный для компьютер-
О курсе ных художников.
«Основы Adobe Photoshop» Однако нет графической программы по-
пулярнее и известнее, чем Adobe Photoshop.
Adobe Photoshop — это одна из тех программ, Его популярность столь велика, что слово
которые являются безусловными лидерами в «photoshop» вошло в английский язык и озна-
своей отрасли. Фактически, компании Adobe чает «обработать» или «изменить изображе-
удалось создать стандарт индустрии. Навер- ние» — в русском языке часто используется
ное, нет такого дизайнера или специалиста по жаргонное выражение «отфотошопить кар
компьютерной графике, который бы не стал- тинку».
кивался с этой программой хотя бы время от Поэтому, вероятно, нет смысла объяснять,
времени; и большинство дизайнеров, имею- почему курс Adobe Photoshop обязателен в
щих дело с растровой графикой неизбежно подготовке дизайнера. Вероятно, вы все и сами
выбирают именно Adobe Photoshop. знаете, какая это замечательная программа, и
Безусловно, есть альтернативные решения вам не терпится познакомиться с ней.
и конкурирующие продукты, как коммерче- Стоит, впрочем, предупредить, что Adobe
ские — как, например, продукты от другого Photoshop может оказать непрост в изучении и
«монстра» компьютерной графики компании работе. Инструментарий и возможности про-
Corel — так и бесплатные, разработанные граммы крайне обширны, а тонкостей в работе
энтузиастами, как, например, популярный — не счесть. Для того, чтобы дать вам время
у пользователей систем Linux графический освоиться с программой и как следует потре-
редактор GIMP. Более того, существуют неко- нироваться в её использовании и применении,
всю группу, можно кликнуть правой кнопкой тов управления, в палитре существует меню
мыши на ярлычке панели и выбрать пункт управления, вызвать которое можно нажати-
контекстного меню Close (Закрыть панель) или ем кнопки, расположенной в правом верхнем
Close Tab Group (Закрыть группу вкладок). углу окна палитры. В меню управления пали-
тры можно выбрать команды, свойственные
Совет. В Photoshop можно освободить текущей палитре и вызвать настройку пали-
больше рабочего пространства, быстро скрыв тры пунктом Panel Options (Свойства панели).
все панели или только плавающие панели. Что-
бы отобразить/скрыть все панели Photoshop
нажмите Tab. Чтобы отобразить/скрыть только
плавающие панели (панель Tools и Options оста- Рабочие пространства
нутся на экране) нажмите Ctrl+Tab. Конфигурацию панелей, удобную для текущих
задач, можно сохранить, с тем, чтобы быстро
вернуться к ней в дальнейшем. Для сохране-
Работа с документами
Урок 1 Введение
Основы Adobe Photoshop
К примеру, выбрав в поле Preset значение • Color Profile Цветовой профиль. Характери-
«International Paper» и установив значение стика устройства для которого предназна-
параметра Size равным «A4» чается изображение. Позволяет наиболее
• Width, Height Позволяют ввести собствен- точно передавать цвета в изображении
ные размеры изображения. При этом поле так, как они выглядели бы на целевом
Preset примет значение «Custom» («Настра- устройстве. Цветовой профиль может
иваимый»). быть внедрен в изображение.
• Resolution Разрешение. Количество точек • Pixel Aspect Ratio Пропорции пикселя. За-
на дюйм или сантиметр поверхности при висит от устройства. На компьютерном
печати изображения. дисплее пиксель имеет квадратную форму.
• Color Mode Цветовой режим. Позволяет за- На других устройства, к примеру – телеви-
дать цветовой охват изображения. Выбор зоре, пиксели могут иметь прямоугольную
цветовой модели во многом определяется форму.
назначением изображения. Изображения
для чисто электронного использования На практике вам чаще прийдется иметь
создаются в режиме RGB, а изображения дело с параметрами Width, Height, Resolution и
для печати на принтере должны быть соз- Color Mode.
даны в режиме CMYK.
• Background Contents Содержимое фона. Дан- Как следует подойти к процессу создания
ный параметр определяет, чем будет за- нового документа в Photoshop? Для начала
полнено новое изображение. Принима- определимся, для чего создается изображение.
ет следующие значения: White – белый; К примеру, мы создаем изображение для
Background Color – фоновый цвет (один из печати на формате А4. Такой формат известен
рабочих цветов программы, рассматри- программе. Все, что нам необходимо сделать
вается далее…); Transparent – прозрачный в таком случае — это выбрать в списке Preset
значение «International Paper», а в списке Size
Работа с документами
Урок 1 Введение
Основы Adobe Photoshop
значение «A4». Photoshop автоматически уста- ми размерами 57600×43200 пикселей! С таким
новит все параметры в необходимые значения. изображением, конечно же, на слабом компью-
В тех случаях, когда требуемого размера тере работать будет просто невозможно.
в списке Size нет, вам необходимо будет само-
стоятельно задать значения параметров Width
и Height.
Если же вы создаете изображения для Сохранение файла
экранного просмотра, вы должны действовать Для сохранения документа мы можем вос-
аналогично. В списке Preset выберите значение пользоваться одной из следующих команд:
«Web», в списке Size выберите нужный размер
(800×600, 1024×768 и т.д.), или введите требуе- • File > Save (Ctrl+S) — Сохранить.
мый размер вручную. • File > Save As… (Ctrl+Shift+S) — Сохранить
Важно то, что для электронного исполь- Как…
зования размеры изображения задаются не в
сантиметрах или дюймах. а в пикселах. Пара- Команда Save становится доступной тогда,
метр Resolution в этом случае можно установить когда в документ были внесены изменения.
равным 72 или 96 dpi (он влияет только на раз- При первом применении данной команды вы
меры шрифтов, если в документе используется увидите диалоговое окно сохранения докумен-
текст). та. В котором можно указать имя документа
(File Name), его тип (Format) и указать папку для
Совет. Всегда перед тем, как изменить зна- сохранения файла. При последующих сохра-
чения полей Width и Height изображения, убеди- нениях ранее сохраненного файла диалог не
тесь, что выбраны правильные единицы изме- появляется и сохранение происходит «тихо».
рения. Создав изображение 800×600 дюймов и При необходимости сохранить открытый
разрешением хотя бы 72dpi вы получите файл документ в другом формате, под другим име-
объемом около десяти гигабайт и пиксельны- нем или в другом месте на жестком диске (или
Работа с документами
Урок 1 Введение
Основы Adobe Photoshop
другом носителе, к примеру – USB Flash-диске), Ниже приводятся перечень некоторых
воспользуйтесь командой File > Save As… Эта форматов файлов, которые вы можете исполь-
команда выдает диалог, аналогичный первому зовать:
вызову команды Save и позволяет задать путь, Диалоговое окно сохранения
имя и формат сохраняемого файла. документа
Photoshop может использовать множество
различных форматов графических файлов.
Однако, рабочим форматом программы яв-
ляется формат «PSD» — Photoshop Document.
Этот формат поддерживает весь спектр воз-
можностей Photoshop – слои, маски, векторные
пути, каналы и пр.
Однако, данный формат не является обще-
употребимым и может быть использован толь-
ко ограниченным количеством специализи-
рованных программ. Для публикации вашей
графической работы в интернет, передачи ее
по сети другу, или для печати в полиграфии
вам необходимо сохранить ее в другом фор-
мате.
Кроме того, файлы формата PSD не под-
держивают сжатия данных и потому зани-
мают довольно много места на носителе (все,
конечно, зависит от размеров изображения и
сложности его внутренней структуры — коли-
чества слоев, каналов и прочего).
Работа с документами
Урок 1 Введение
Основы Adobe Photoshop
Формат JPEG (*.JPG, *.JPE, *.JPEG) Данный формат также поддерживает при-
Данный формат является наиболее подходя- митивную анимацию.
щим для электронного хранения и передачи
по сети полноцветных фотографических изо- Формат PNG (*.PNG)
бражений. Этот формат создан для распостранения изо-
Благодаря продвинутому алгоритму сжа- бражений по сети. Фактически — это наиболее
тия, файлы формата JPEG имеют небольшой популярный на сегодняшний день формат для
размер. Однако, при значительном сжатии, web-графики.
качество изображения теряется, что делает
формат JPEG непригодным к использованию Формат TIFF (*.TIF)
в полиграфии. Формат TIFF отлично подходит для сохране-
Данный формат имеет очень высокую ния изображений для распечатки. TIFF под-
популярность и может быть просмотрен на держивает сжатие информации без потерь
практически любой операционной системе качества изображения.
без установки дополнительного программно-
го обеспечения. Также изображения формата Следует отметить, что для большинства
JPEG широко используются в сети Internet. случаев нам подойдут JPG файлы. Да и ис-
пользование внутреннего формата программы
Формат GIF (*.GIF) — PSD — тоже никак на сегодняшний день не
Очень популярный в интернете формат, под- ограничивается (ранее использование PSD в
ходящий для сохранения изображений с огра- ряде случаев было невозможно в связи с от-
ниченным количеством цветов (не более 256). сутствием переносного носителя информации
Для хранения цветов используется специаль- достаточного объема.)
ная цветовая таблица — палитра. Один из
цветов палитры можно сделать прозрачным.
Работа с документами
Урок 1 Введение
Основы Adobe Photoshop
Открытие файла
Для открытия файла воспользуйтесь ко-
мандой File > Open (Ctrl+O). Также можно дваж-
ды кликнуть на рабочей области программы
(темно-серый фон) левой кнопкой мыши. В
результате этих действий вы получите диалог
открытия файла, во многом схожий с диало-
гом сохранения.
В этом окне можно выбрать один или не-
сколько файлов одновременно.
Если включить флажок Image Sequence (По-
следовательность Изображений) можно загрузить
пронумерованную последовательность кадров
для дальнейшего создания и обработки виде-
оматериала.
Photoshop поддерживает огромный спектр
всевозможных графических форматов. Не-
которые из них остаются в этом списке «по
традиции» и я вляются пережитками истории,
некоторые активно применяются повсеместно.
Подробно форматы графических файлов и их
особенности рассматриваются в одном из по-
следующих уроков данного курса.
Еще один, довольно удобный, способ от-
крытия файлов в Photoshop состоит в том, что- Диалоговое окно открытия
документа
Работа с документами
Урок 1 Введение
Основы Adobe Photoshop
бы перетащить файлы мышью в окно Photo
shop из окна проводника Windows (Windows
Explorer). Для этого откройте папку с вышими
изображениями и расположите ее таким обра-
зом, чтобы за ней было видно окно Photoshop.
Выберите необходимые файлы в списке и про-
сто перенесите левой кнопкой мыши и бросьте
их в окно Photoshop.
Работа с документами
Урок 1 Введение
Основы Adobe Photoshop
работу с графическим планшетом в Photoshop Средства навигации на
еще более удобной. панели настроек:
выпадающий список
Инструменты Hand, Zoom и Rotate View мож- масштабов изображения,
но найти, также, на панели инструментов в инструмент Hand Tool,
инструмент Zoom Tool,
нижней ее части. инструмент Rotate View Tool.
Навигация по документу
Урок 1 Введение
Основы Adobe Photoshop
водиться последовательно, до тех пор, пока он Флажок Zoom All Windows заставляет инстру-
вас не устроит. мент масштабировать изображения во всех
Для поэтапного уменьшения масштаба открытых в данный момент окнах.
выполняйте последовательные щелчки левой Четыре кнопки на панели опций позво-
кнопкой мыши на изображении с удерживае- ляют задать один из следующих вариантов
мой кнопкой Alt. масштаба изображения:
Второй способ: с помощью инструмента
Zoom обозначьте прямоугольную область на • Actual Pixels — фактические пикселы. Уста-
изображении, которую вы бы хотели «прибли- навливает масштаб изображения таким
зить». При этом увеличение произойдет сразу образом, что один пиксел изображения
до нужного масштаба. соответствует одному пикселу монитора
Инструмент Zoom имеет ряд свойств, на- при текужем разрешении экрана.
страиваемых на панели Options. Первые две • Fit Screen — по размеру экрана. Устанавли-
кнопки переключают режим масштабирова- вает масштаб изображения таким образом,
ния: чтоб оно целиком помещалось в окно.
• Fill Screen — заполнить окно. Устанавливает
• Zoom In — увеличение масштаба. масштаб таким образом, чтоб заполнить
• Zoom Out — уменьшение масштаба (автома- окно.
тически активируется при удерживании • Print Size — печатный размер. Устанавли-
клавиши Alt). вает масштаб изображения максимально
приближенным к размеру печатногй ко-
Установка флажка Resize Window To Fit указы- пии данного документа.
вает, что окно, если возможно, будет изменять
свой размер, подстраиваясь под масштаб изо- Помимо инструмента, масштабирование
бражения. документа может быть осуществлено «без от-
Настройки инструмента
Zoom
Навигация по документу
Урок 1 Введение
Основы Adobe Photoshop
рыва от производства» — с помощью различ- ходится перемещаться по изображению. Для
ных клавиатурных комбинаций. этой цели в большинстве приложений тради-
Для увеличения масштаба избражения ционно используются полосы прокрутки.
воспользуйтесь комбинацией Ctrl+«+». Соот- Photoshop не является исключением. Од-
ветственно, для уменьшения масштаба ис- нако, использование полос прокрутки в гра-
пользуйте Ctrl+«-». Для установки масштаба 1:1 фических программах нецелесообразно из-
используйте Ctrl+Alt+«0». Комбинация Ctrl+«0» за неудобства. Для более плавного и точного
позволяет подогнать масштаб таким образом, перемещения по изображению, вместо полос
чтобы изображение было целиком вписано в прокрутки можно использовать инструмент
рабочую область программы. Hand (Рука). «Схватив» изображение левой
Кроме того, переключиться на инстру- кнопкой мыши, вы можете перемещать его в
мент Zoom, не отменяя текущего инструмен- нужную вам сторону.
та, можно удерживая комбинацию клавиш Для быстрого переключения на инстру-
Ctrl+«Пробел». Дальнейшие действия в таком мент Hand без смены текущего инструмента,
режиме выполняются так, как будто вы ра- нажмите и удерживайте кнопку «Пробел» на
ботаете инструментом Zoom, за исключением клавиатуре. Пока пробел удерживается, ин-
того, что панель Options будет соответствовать струмент Hand активен. Как только вы отпу-
выбранному инструменту, а не инструменту стите пробел, программа переключится на
Zoom. инструмент, с которым вы работали.
Еще одним способом изменить масштаб Панель Options для инструмента Hand не-
изображения является вращение колеса мыши многим отличается от Zoom. Единственный
с удерживаемой кнопкой Alt. флажок Scroll All Windows позволяет включить
режим, при котором происходит одновре-
Hand Tool менное перемещение во всех открытых в дан-
Когда мы работаем с мелкими деталями изо- ный момент окнах изображений. Назначение
бражения в увеличенном масштабе, часто при-
Навигация по документу
Урок 1 Введение
Основы Adobe Photoshop
остальных элементов управления такое же, Панель опций для инстру-
как и у инструмента Zoom. мента Rotate View:
Совет. Если выполнить двойной клик по
инструменту Zoom на панели инструментов, • Rotation Angle — угол пово-
будет установлен масштаб Actual Pixels (фактиче- рота. Реализован в двух ва-
ские пиксели). Двойной клик по инструменту риантах — числовое поле и
Hand приведет к установке масштаба Fit Screen. элемент управления.
• Reset View — сброс угла пово-
Rotate View Tool рота. Аналогично вводу значения «0» в Поворот изображения в
окне программы с помощью
Как упоминалось ранее, это сравнительно но- поле Rotation Angle. инструмента Rotate View
вый для Photoshop инструмент навигации. Его • Rotate All Windows — поворачивать все окна.
польза будет по достоинству оценена теми, кто Включает режим, при котором выполняет-
работает с графическим планшетом. ся синхронное вращение вида в окнах всех
Дело в том, что при выполнении набросков открытых в данный момент документов.
или другой «ручной» работы в Photoshop с ис-
пользованием графического планшета, часто Если в процессе поворота вида с помощью
приходитс менать направление штриховки. инструмента Rotate View удерживать клавишу
Однако, не во всех направлениях штриховать Shift, угол поворота будет изменяться скачками
одинаково удобно (можете в этом убедиться с по 15°.
помощью простого листа бумаги и карандаша Совет. Если выполнить двойной клик по
или ручки). инструменту Rotate View на панели инструмен-
Инструмент Rotate View дает нам возмож- тов, будет выполнен сброс угла поворота на
ность повернуть изображение так, как нам начальный (аналог команды Reset View).
необходимо. Как будто мы вращаем лист бу-
маги, подстраивая его под наиболее удобное
направление штрихования.
Настройки инструмента
Rotate View
Навигация по документу
Урок 1 Введение
Основы Adobe Photoshop
Панель Navigaror Рабочая область
Панель Navigator является еще одним довольно и окна документов
удобным средством навигации. Она объеди- Adobe Photoshop — программа с
няет функции, реализуемые инструментами мультидокументальным интер-
Zoom и Hand. Для отображения панели Navigator фейсом. Это означает, что одно-
выполните команду Window > Navigator. временно в программе можно
Когда масштаб изображения увеличен, ви- открыть больше одного докумен-
димую область изображения можно позицио- та одновременно.
нировать щелчком мыши на нужной области Такой режим работы позво-
миниатюры или просто «схватить» и пере- ляет выполнять ряд интересных
мещать рамку видимой области в пределах задач. К примеру, фотомонтаж —
миниатюты. сведение элементов нескольких Панель Navigator с обозначе-
нием элементов управления:
Подводя итоги, хочется отметить, что об- изображений в одно. 1. Уменьшить масштаб.
щим недостатком использользования как па- Когда в программе открыто множество 2. Увеличить масштаб.
3. Ползунок масштабирова-
нели Navigator, так и инструментов навигации документов одновременно, они группируют- ния
Zoom и Hand, является то, что работа с некото- ся по умолчанию в одном окне на вкладках. 4. Цифровое поле масштаба
5. Миниатюра изображения
рыми инструментами не позволяет выпол- Заголовки вкладок служат для отображения 6. Видимая область изо-
бражения
нить переключение на инструмент или панель множества свойств документа, таких как имя
до завершения операции. В таких ситуациях документа, масштаб или цветовой режим изо-
без использования клавиатуры не обойтись. бражения.
Именно по этой причине изучать и использо- Если перед именем изображения присут-
вать комбинации клавиш настоятельно реко- ствует знак «©», это означает, что изображение
мендуется! содержит информацию об авторских правах.
Для получения подробной информации об
авторстве и правах использования изображе-
Навигация по документу
Урок 1 Введение
Основы Adobe Photoshop
ния выполните команду меню File > File Info... В
нижней части окна информации о файле вы
найдете интересующую вас информацию.
Нажатие на кнопку Go To URL... приведет
к открытию в браузере страницы, ассоцииро-
ванной с данным изображением и содержащей
информацию об авторских правах и правах
использования изображения.
Навигация по документу
Урок 1 Введение
Основы Adobe Photoshop
Любой из полноэкранных режимов пре-
доставляет несколько большую свободу дей-
ствий и рабочего пространства, чем стандарт-
ный экранный режим.
Навигация по документу
Урок 1 Введение
Основы Adobe Photoshop
Инструменты рисования Отдельный отпечаток кисти
печатками кисти, можно получать совершенно и два варианта штрихов,
Познакомившись с интерфейсом Photoshop и разные по виду штрихи: которые можно получить
с его помощью
его основными особенностями, пора присту- Любой отпечаток кисти представляет со-
пать к изучению инструментов, с помощью бой, по сути, небольшое изображение в оттен-
которых выполняется модификация или соз- ках серого цвета, где яркость цвета определяет
дание изображения. И наиболее часто исполь- прозрачность образца в заданной точке от-
зуемым инструментом является кисть. Точнее печатка кисти (чем ярче цвет, тем прозрачней
— не сама кисть, а принцип, положенный в кисть). Форма отпечатка может быть эллипти-
основу функционирования данного инстру- ческой и строиться программно, либо произ-
мента. вольной и базироваться на графическом изо-
Итак, что такое «кисть» в абстрактном по- бражении.
нимании? Как она работает? Основным для Кисть поддерживает динамическое из-
кисти понятием является форма отпечатка менение широкого спектра параметров, что
— образ, который многократно дублируется позволяет создавать весьма впечатляющие
по траектории движения кисти, создавая не- эффекты.
прерывный след. Меняя расстояние между от-
Инструменты рисования
Brush и Pencil на панели
инструментов
Инструменты рисования
Урок 1 Введение
Основы Adobe Photoshop
Инструмент Brush формацию о таких параметрах,
как диаметр кисти, интервалы
Для начала попробуем разобраться с ба- между отпечатками, информа-
зовыми настройками инструмента Brush Tool цию о динамике и пр.
(Кисть). Инструмент Brush можно активировать, В верхней части этого же
выбрав его на панели инструментов, либо на- списка вы можете изменить
жав на клавиатуре кнопку B. диаметр (Diameter) и жесткость
Панель Options для при этом отобразит на- (Hardness) кисти (только для ки-
стройки выбранного инструмента. Рассмо- стей круглой и эллиптической
трим новые для себя настройки инструмента формы!).
Brush. Совет. Для изменения диа-
За уже знакомым нам меню выбора и сбро- метра кисти с клавиатуры вос-
са настроек инструмента следует список ки- пользуйтесь клавишами [ и ]. Выбор формы кисти и на-
стройки размера и жёсткости
стей Brush. Нажав на значок, показывающий Комбинации Shift+[ и Shift+] позволяют изме-
текущую форму отпечатка кисти, мы получим нять параметр Hardness (Жесткость).
выпадающий список доступных для использо- Тот же самый список можно получить,
вания кистей. кликнув правой кнопкой мыши на изображе-
Стоит особо подчеркнуть, что здесь вы нии в произвольной его точке. Список кистей
выбираете не только форму отпечатка кисти, а для удобства можно представить в виде образ-
уже готовую преднастройку, содержащую ин- ца штриха. Такой вид списка более информа-
тивен, чем простая форма отпечатка, так как
он дает представление о том, какой результат
вы получите, проведя кистью по изображе-
нию.
Для того, чтобы сменить вид списка, вы
должны щелкнуть левой кнопкой мыши по
Настройки инструмента
Brush
Инструменты рисования
Урок 1 Введение
Основы Adobe Photoshop
маленькой круглой кнопке со стрелкой, распо- от 1 (почти абсолютно прозрач-
ложенной в верхней правой части списка ки- ный) до 100 (абсолютно непро-
стей и выбрать в меню режим Stroke Thumbnail. зрачный).
Следом за списком выбора кистей следу- Параметр Flow задает не-
ет выпадающий список режимов наложения прозрачность каждого образца
цвета Mode. Режим наложения определяет спо- кисти. При наложении друг на Переключение в режим
соб взаимодействия пикселов изображения друга образцы суммируют непрозрачность, Stroke Thumbnails
Инструменты рисования
Урок 1 Введение
Основы Adobe Photoshop
Для изменения с клавиатуры параметра
Flow делаем то же самое при нажатой клавише
Сохранение и
Shift. загрузка кистей
Кнопка Airbrush (Аэрограф) включает режим, Набор кистей, с которым вы ра-
имитирующий рисование аэрографом. В этом ботаете в Photoshop, может быть Изображение, созданное
с помощью инструмента
режиме кисть наносит образцы постоянно, сохранен в виде файла с расширением .abr и, Pencil (справа приведён
когда нажата кнопка мыши. В обычном режи- затем, при необходимости, загружен. В файле увеличенный фрагмент)
ме кисть наносит образцы только при пере- для каждой кисти набора хранится полный на-
мещении курсора. бор параметров, начиная от образца отпечатка
и заканчивая всевозможными динамически-
ми характеристиками. То есть, кисть, загру-
женная из такого набора будет полноценной
Инструмент Pencil и сразу же гото вой для работы.
Аналогично инструменту Brush (Кисть) действу- Команды для работы с наборами кистей
ет инструмент Pencil (Карандаш). Отличием яв- можно найти в меню панели списка кистей
ляется отсутствие сглаживания краев у об- (маленькая круглая кнопка со стрелкой, не за-
разца кисти и игнорируемый параметр Hardness были?). Ниже на рисунке представлена часть
(Жесткость). меню списка кистей, относящаяся к работе с
Этот инструмент подходит тогда, когда наборами кистей, с комментариями:
очень важна точность до последнего пиксела, Из рисунка видно, что помимо команд для Меню загрузки наборов
кисти
при создании очень мелких картинок, иконок, сохранения или загрузки соб-
маркеров и пр.1 ственного набора кистей, созда-
1 Инструмент Pencil может показаться вам не слишком полез- тели Photoshop позаботились о
ным, однако он играет важную роль при разработке экранной
графики: интерфейсов программ, элементов веб-страниц и наших нуждах и внедрили в по-
т. д. Существует целое направление компьютерной графики, используют инструмент Pencil. Подробнее с примерами такой
называемое пиксел-арт, в котором дизайнеры работают с работы вы познакомитесь в продвинутом курсе «Графический
изображениями сверхмалых размеров — и при этом активно редактор Adobe Photoshop» во втором семестре.
Инструменты рисования
Урок 1 Введение
Основы Adobe Photoshop
ставку несколько стандартных наборов «на
все случаи жизни». И хоть эти наборы и не
универсальны, их наличие не раз здорово вы-
ручало!
При попытке загрузки одного из стандарт-
ных наборов, вам будет выдано диалоговое
окно с вопросом «Заменить текущие кисти кистями
из <имя выбранного набора>?» и тремя кнопками:
• Ok — заменит набор.
• Cancel — отмена загрузки.
• Append — добавить к текущему набору.
Инструменты рисования
Урок 1 Введение
Основы Adobe Photoshop
меняет местами основной и фоновый цвета.
Двойной щелчок на любой из образцов (ос-
новной или фоновый) приведет к появлению
диалога выбора цвета Color Picker.
Подробно с различными цветовыми моде-
Рабочие цвета лями и выбором цвета, основанном на них, мы
познакомимся позже в курсе. А пока рассмо-
Для воздействия на изображение кисть, как и трим выбор цвета «шаг за шагом» в базовом
ряд других инструментов Photoshop исполь- вырианте.
зует цвет. В Photoshop существует два рабочих 1. В первую очередь убедитесь в том, что
цвета: вы используете для выбора цвета цветовую
Диалоговое окно выбора
• Foreground (Цвет переднего плана) — основной цвета
Рабочие цвета
Урок 1 Введение
Основы Adobe Photoshop
модель HSB, и переключатель находится на Затем, щелчком на образце
пункте H (как показано на изображении). фонового или основного цве-
2. Затем выбирайте цветовой тон (оттенок) та определим, какой именно из
на вертикальной цветной полоске (здорово на- рабочих цветов будем задавать.
поминат радугу, правда?..) Дальнейшие действия практиче-
3. После выбора опорного оттенка опре- ски не отличаются от действий Выбор цвета с помощью
палитры Color
делитесь с яркостью и насыщенностью цвета, с Color Picker: ползунком H задаем
перемещая марке по большому полю слева от цветовой тон, S — насыщенность
оттенка (по горизонтали меняется насыщен- и B — яркость.
ность, по вертикали — яркость). Панель Swatches содержит го-
4. Нажмите Ok для того, чтоб принять из- товые цветовые образцы для бы-
менения или Reset для возврата к первоначаль- строго выбора цвета. Для выбо-
ному цвету. ра образца в качестве основного
цвета, просто щелкните по нему
левой кнопкой мыши. Щелчок по Выбор цвета с помощью
образцу с зажатой кнопкой Ctrl, устанавливает палитры Swatches
Палитры Color и Swatches образец в качестве фонового цвета.
Выбрать основной и фоновый можно, так же, Состав образцов в палитре можно поме-
с помощью панелей Color (Цвет) и Swatches (Об- нять. Для удаления ненужного образца схва-
разцы). тите его и перетащите на кнопку «корзина» в
Панель Color предоставляет практиче- нижней части панели или кликните на образ-
ски тот же функционал. что и диалог выбора це левой кнопкой мыши с зажатой кнопкой Alt.
цвета. По умолчанию выбор производится Добавить текущий основной цвет на па-
на основе цветовой модели RGB. Поменять нель образцов можно просто кликнув левой
цветовую модель на HSB можно вызвав меню кнопкой на свободном пространстве внутри
панели и выбрав пункт HSB Sliders. панели Swatches или нажав кнопку на панели.
Рабочие цвета
Урок 1 Введение
Основы Adobe Photoshop
Совет. Образец основного цвета можно
получить из пикселей самого изображения.
Для этого при выбранном инструменте Brush
кликните в нужном месте изображения левой
кнопкой мыши, удерживая кнопку Alt.
Рабочие цвета
Урок 1 Введение
Основы Adobe Photoshop
Домашнее задание
Для знакомства с основами работы в Adobe
Photoshop и повторения изученного матери-
ала в этом уроке вам предстоит выполнить
домашнее задание.
Это домашнее задание будет несложным,
хотя для его выполнения потребуется исполь-
зовать почти все полученные в уроке знания:
не просто запустить Adobe Photoshop, но и соз-
дать нвоый документ, а потом его сохранить,
и потом снова открыть в аудитории, чтобы
показать преподавателю!
Ну и, конечно, в этом документе нужно
будет что-нибудь нарисовать: не показывать
же преподавателю пустое окно!
Таким образом, ваше домашнее задание
будет творческим: вам предстоит нарисовать
что-нибудь в Adobe Photoshop. Это позволит
вам не только потренироваться в работе с
программой и документами, но и поупраж-
Домашнее задание
Урок 1 Введение
Основы Adobe Photoshop
няться в работе с инструментами рисования
Photoshop. Это отличный повод исследо-
вать разнообразные кисти, поставляемые с
Photoshop, а также научиться подбирать цвета
любым из предоставляемых программой спо-
собов.
Скорее всего, проще всего будет попытать-
ся нарисовать пейзаж. Если вы совсем-совсем
не умеете пока рисовать, а курс «Основы ри-
сунка» в Академии вам ещё только предстоит,
то можно схитрить: не составит труда нарисо-
вать простенький пейзаж с травой, цветочка-
ми и бабочками — особенно если вы как сле-
дует изучите кисти Photoshop и обнаружите,
что среди них есть как кисти, «сами по себе»
рисующие траву, так и кисти, рисующие цве-
точки и бабочек.
Ну, а если вы чувствуете в себе силы —
то не сдерживайте воображение и разрешите
художнику внутри себя показать своё мастер-
ство.
Удачи.
Она вам понадобится. (:
Домашнее задание
Урок 1 Введение
Основы Adobe Photoshop
Александр Артёмов, Владимир Завгородний,
Александр Крапивной, Александр Полтьев