Вы находитесь на странице: 1из 42

Основы Adobe Photoshop

Урок 1
Введение

Введение в растровую графику


Строение растровой графики
Интерфейс Adobe Photoshop
Работа с документами и навигация
Инструменты рисования
Рабочие цвета
Содержание
О курсе «Основы Adobe Photoshop» . . . . . . . . . . . . . .3 Инструменты рисования . . . . . . . . . . . . . . . . . . . . 32
Введение в растровую графику . . . . . . . . . . . . . . . . .5 Инструмент Brush . . . . . . . . . . . . . . . . . . . . . 33
Строение растровой графики . . . . . . . . . . . . . . . . . 12 Инструмент Pencil . . . . . . . . . . . . . . . . . . . . . 35
Интерфейс Adobe Photoshop . . . . . . . . . . . . . . . . . . 14 Сохранение и загрузка кистей . . . . . . . . . . . . . 35
Плавающие палитры . . . . . . . . . . . . . . . . . . . 15 Рабочие цвета . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37
Рабочие пространства . . . . . . . . . . . . . . . . . . 16 Палитры Color и Swatches . . . . . . . . . . . . . . . . 38
Работа с документами . . . . . . . . . . . . . . . . . . . . . . 18 Домашнее задание . . . . . . . . . . . . . . . . . . . . . . . . 40
Создание нового документа . . . . . . . . . . . . . . 18
Сохранение файла . . . . . . . . . . . . . . . . . . . . . 20
Открытие файла . . . . . . . . . . . . . . . . . . . . . . 23
Навигация по документу . . . . . . . . . . . . . . . . . . . . 25
Инструменты навигации . . . . . . . . . . . . . . . . . 25
Панель Navigaror . . . . . . . . . . . . . . . . . . . . . . 29
Рабочая область и окна документов . . . . . . . . . 29
Экранные режимы . . . . . . . . . . . . . . . . . . . . 30

Урок 1 Введение
Основы Adobe Photoshop
торые области растровой графики, в которой
Adobe Photoshop неохотно уступает пальму
первенства другим — к примеру, в области
цифровой живописи лидирует Corel Painter,
специально разработанный для компьютер-
О курсе ных художников.
«Основы Adobe Photoshop» Однако нет графической программы по-
пулярнее и известнее, чем Adobe Photoshop.
Adobe Photoshop — это одна из тех программ, Его популярность столь велика, что слово
которые являются безусловными лидерами в «photoshop» вошло в английский язык и озна-
своей отрасли. Фактически, компании Adobe чает «обработать» или «изменить изображе-
удалось создать стандарт индустрии. Навер- ние» — в русском языке часто используется
ное, нет такого дизайнера или специалиста по жаргонное выражение «отфотошопить кар­
компьютерной графике, который бы не стал- тинку».
кивался с этой программой хотя бы время от Поэтому, вероятно, нет смысла объяснять,
времени; и большинство дизайнеров, имею- почему курс Adobe Photoshop обязателен в
щих дело с растровой графикой неизбежно подготовке дизайнера. Вероятно, вы все и сами
выбирают именно Adobe Photoshop. знаете, какая это замечательная программа, и
Безусловно, есть альтернативные решения вам не терпится познакомиться с ней.
и конкурирующие продукты, как коммерче- Стоит, впрочем, предупредить, что Adobe
ские — как, например, продукты от другого Photoshop может оказать непрост в изучении и
«монстра» компьютерной графики компании работе. Инструментарий и возможности про-
Corel — так и бесплатные, разработанные граммы крайне обширны, а тонкостей в работе
энтузиастами, как, например, популярный — не счесть. Для того, чтобы дать вам время
у пользователей систем Linux графический освоиться с программой и как следует потре-
редактор GIMP. Более того, существуют неко- нироваться в её использовании и применении,

О курсе «Основы Adobe Photoshop»


Урок 1 Введение
Основы Adobe Photoshop
мы разделили курс на две части, внеся более более сложный курс «Графический редактор
простые для понимания темы в первую, а бо- Adobe Illustrator» также вынесен во второй се-
лее сложные — естественно, во вторую. местр обучения.
Курс, к изучению которого вы приступа- Таким образом, в первом семестре вы по-
ете сейчас, называется «Основы Adobe Photo­ знакомитесь с основным инструментарием
shop», и познакомит вас с основным арсена- обеих программ, а во втором сосредоточитесь
лом инструментов программы, избегая самых на самом сложном материале, и в том числе
сложных для понимания тем. Второй курс, — на взаимодействии этих двух «монстров»
под названием «Графический редактор Adobe компьютерной графики.
Pho­to­shop», изучается во втором семестре, и
содержит все самые сложные темы.
Есть и ещё одно причина для такого раз-
деления: в большинстве случаев дизайнеры
не выполняют проект в какой-то одной про-
грамме; на практике оказывается, что у разных
программ есть свои сильные и слабые сторо-
ны, и разумным является разделить работу на
части, которые удобно по отдельности выпол-
нить в разных графических редакторах. Чаще
всего используется связка Adobe Photoshop и
Adobe Illustrator (редакторы растровой и век-
торной графики соответственно). В первом
семестре вы познакомитесь не только с Adobe
Photoshop, но и со второй программой — век-
торным редактором Adobe Illustrator. Этот
курс также будет состоять из двух частей, и

О курсе «Основы Adobe Photoshop»


Урок 1 Введение
Основы Adobe Photoshop
© SnowSkadi snowskadi.deviantart.com
Введение
в растровую графику
Растровая графика — это популярное и очень
важное направление компьютерной графики.
С ростом производительности компью-
теров за считанные годы компьютерная гра-
фика догнала и даже в чём-то превзошла тра-
диционные средства рисования. Всё новые и
новые художники комбинируют привычные
карандаши, мелки и краски с компьютерной
графикой, или вовсе отказываются от них в
пользу экрана монитора и графического план-
шета. Средствами растровой графики можно с
равным успехом имитировать традиционные
средства рисования — живопись маслом или
акварелью, рисование пастелью или углём и
мелом — или изобретать новые, невиданные
доселе эффекты и стилистику.
И при этом компьютерная графика всегда
оставляет возможность для исправления или

Введение в растровую графику


Урок 1 Введение
Основы Adobe Photoshop
доработки рисунка! Непоправимые в традици-
онной живописи ошибки больше не существу-
ют: художник всегда может изменить рисунок,
если нашёл в нём недочёты. Неподвластная
времени, компьютерная живопись завоёвыва-
ет всё больше сторонников среди художников
как молодого, так и старшего поколений.
Компьютерная графика оказывается гибче
и универсальней традиционной живописи, и
зачастую превосходит её по скорости работы.
Не нужно больше ждать, пока высохнут кра-
ски; не нужно бояться неловким движением
размазать нанесённый карандашом или углём
штрих. По этим причинам компьютерная гра-
фика прочно завоевала себе место среди ху-
дожников, создающих арт-концепты и скетчи
для компьютерных игр, мультфильмов, кино-
фильмов — где требуется возможность легко
и быстро создать, и так же легко и быстро при
необходимости изменять наброски и проекты.
И если художники старшего поколения ещё
по привычке начинают работу с карандашом
и бумагой, то более молодые художники всё
чаще выбирают графический планшет.
Трёхмерная графика, без которой уже
почти немыслимы компьютерные игры и

Введение в растровую графику


Урок 1 Введение
Основы Adobe Photoshop
кинофильмы, в свою очередь, не смогла бы
обойтись без растровой графики. Сама по
себе трёхмерная модель, сколь бы утончён-
ной и проработанной она ни была, не имела
бы никакого смысла, если бы не текстуры и
материалы, придающие созданным объёмным
объектам цвет и фактуру.
Иными словами, реалистичность и убе-
дительность трёхмерной графики напрямую
зависит от использования растровой графики
— без неё мы могли бы разве что любоваться
разноцветными геометрическими формами,
а современная индустрия выставляет куда
более жёсткие требования: реалистичность,
убедительность и достоверность. Всего этого
нельзя было бы добиться без комбинирования
трёхмерных моделей с растровыми изображе-
ниями, как вы сами позже узнаете в курсах
трёхмерной графики.
В кинематографии и мультипликации рас-
тровая графика используется сразу в несколь-
ких целях. С начала XX века и по сей день при
съёмках используется техника под названи-
ем matte painting1, при которой фантастиче-
1 К сожалению, этот термин не имеет русского аналога или
перевода. Попросите преподавателя объяснить этот термин
подробнее, это его развлечёт..

Введение в растровую графику


Урок 1 Введение
Основы Adobe Photoshop
ские пейзажи или исторические декорации
не строятся в павильоне или на месте съёмок,
а просто рисуются и используются как фон.
Когда-то для этого использовались огромные
холсты, тщательно разрисованные художни-
ками — теперь же для создания подобных эф-
фектов используются графические редакторы
и компьютерное совмещение изображений.
Ещё одной важной задачей растровой гра-
фики в кинематографе стала пост-обработка.
Коррекцию яркости картинки, или цвета в
кадре больше не нужно проводить путём тща-
тельного подбора химических реактивов при
проявке плёнки — всё это делается с помощью
компьютеров и цифровых технологий.
Точно так же можно использовать ком-
пьютерную графику в обратных целях: не для
придания изображения реалистичности, а
напротив — для создания необычных свето-
вых и цветовых эффектов, стилизации изо-
бражения. Превратить живого актёра в полу-
прозрачный светящийся призрак, дать в руки
герою лазерный меч, создать фантастическое
сияние вокруг инопланетянина — любая из
этих задач по силам растровой графике, как и
бесчисленное множество других.

Введение в растровую графику


Урок 1 Введение
Основы Adobe Photoshop
© Dave Hill www.davehillphoto.com
С распространением цифровых фото-
камер, которые в последние годы успешно
сравнялись в возможностях с традиционной
плё­ночной фототехникой, растровая графика
стала привычным инструментом фотографов.
С её помощью можно исправить неудачный
снимок, или сделать удачный снимок безу-
пречным; от устранения эффекта «красных
глаз» и удаления прыщиков на лице модели
— до радикального изменения освещённости
и цвета фотографии.
Искусство фотоколлажа и фотомонтажа
насчитывает чуть ли не столько же лет, сколь-
ко сама фотография. Когда-то фотохудожники
были вынуждены прибегать к сложным и не
терпящим ошибок техникам работы: много-
кратно экспонировать один кадр плёнки, или
вырезать фрагменты фотографий, складывать
вместе и снимать снова. Сейчас все эти задачи
можно решить с помощью компьютера и гра-
фического редактора, и это тем проще, если
фотограф использует цифровую фотокамеру.
Наконец, огромные возможности компью-
терной графики позволяют стилизовать фото-
графическое изображение любым способом,
радикально изменяя его восприятие. Можно

Введение в растровую графику


Урок 1 Введение
Основы Adobe Photoshop
фактически стереть разницу между рисун-
ком и фотографией — такой жанр называется
фото-арт, и является одним из самых молодых
жанров искусства, развившийся на рубеже
XX–XXI веков.
Существуют и направления дизайна, ко-
торые никогда не покидают «компьютерный»
мир. Программы, которые вы используете
каждый день, да и сама операционная систе-
ма, в которой вы работаете, имеют интерфейс
— графическое средство предоставления ин-
формации и управления программами. Толь-
ко логично, что интерфейс компьютерных
программ разрабатывается с помощью ком­
пьютерной графики, не так ли? От красочных
интерфейсов компьютерных игр до простей-
шего оформления «Блокнота» Windows — все
эти задачи решаются с помощью графических
редакторов и растровой графики. (Справед-
ливости ради заметим, что в особо сложных
случаях дизайнеры используют и другие виды
графики — например, трёхмерное моделиро-
вание.)
Наконец, растровая графика незаменима
в среде Интернета. От простейшего информа-
ционного веб-сайта, всё оформление которого

Введение в растровую графику


Урок 1 Введение
Основы Adobe Photoshop
будет заключаться в нескольких цветных по-
лосочках и паре иллюстраций, до красочных
презентационных сайтов с интерактивными
возможностями и анимацией — всё это созда-
ётся дизайнерами с помощью растровой гра-
фики. Без неё Интернет был бы так же скучен
и непривлекателен, как двадцать лет назад,
в день его создания, когда все возможности
веб-сайтов ограничивались отображением
текста без какого бы то ни было дизайнерского
оформления.

Вот как важна и нужна растровая графи-


ка — и именно в этот удивительный мир вы
сейчас совершаете свои первые шаги.

Введение в растровую графику


Урок 1 Введение
Основы Adobe Photoshop
Строение растровой графики
Цифровые изображения, которые используют Растровое изображение и
в технологиях, связанных с компьютерным Несмотря на то, что Photoshop — редактор, его увеличенный фрагмент.

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


делятся на два больших класса: растровые и растровой графикой, векторная графика при-
векторные. сутствует в нем как неотъемлемая часть2.
Векторные изображения состоят из кон- Способ представления растровых изобра-
туров или кривых, имеющих математическое жений абсолютно отличается от векторного
описание, т.е. имеют исключительно математи- представления. Растровые изображения со-
ческую сущность, а именно параметрические стоят из сетки точек, которая и носит название
кривые третьего порядка, называемые кривы­ растр. Такое представление свойственно не
ми Безье. Не стоит пугаться столь страшного только цифровой форме. Если вы присмотри-
и многообещающего названия. В графических тесь к экрану монитора или телевизора, то за-
редакторах, которые работают с векторной метите , что изображение состоит из мелких
графикой1, кривые Безье представлены в виде точек, так называемых пикселов, от английско-
визуально ощутимых контуров, управление го выражения picture small element (маленький
которыми также абсолютно визуально. элемент изображения). В основе восприятия
2 Знакомство с векторными возможностями Adobe Photoshop
1 Вы познакомитесь с векторной графикой в курсе, который состоится в курсе «Графический редактор Adobe Photoshop»,
называется «Основы Adobe Illustrator» и изучается во второй продвинутом курсе, с которым вы встретитесь во втором семе-
половине первого семестра. стре.

Строение растровой графики


Урок 1 Введение
Основы Adobe Photoshop
человеком растровой графики лежит простой К устройствам для оцифровки изображе-
обман зрения. В силу того, что точки растра ния относятся разнообразнейшие сканеры и
очень мелкие, глаз не воспринимает их по от- специальные устройства для преобразования
дельности, он видит уже всю картину в целом. аналогового сигнала в цифровой (платы ви-
В цифровой форме каждая точка пред- деозахвата). Вы просто кладете фотографию
ставлена единственным параметром – цветом. или фотоплёнку в сканер и получаете готовое
В силу этого редактирование изображения изображение в вашем компьютере.
сводится к изменению цветов их отдельных К несомненным достоинствам растровой
пикселов. графики можно отнести реалистичность пере-
даваемого изображения. Это объясняется тем,
Растровые и векторные изображения име- что в случае растровой графики в цифровую
ют свои достоинства и недостатки, и принци- форму переводятся все мельчайшие фрагмен-
пиально эти изображения несравнимы. ты реального изображения.
Источником растровых изображений яв- К недостаткам растрового изображения
ляется техника, которая может оцифровы- следует отнести прежде всего большой размер
вать аналоговые изображения или получать файлов, что собственно вытекает из деталь-
их прямо в цифровой форме. ности самого изображения.
К устройствам, получающим непосред- Подводя итоги этого краткого вступле-
ственно цифровое изображение, можно от- ния, я замечу, что сосуществование двух видов
нести цифровые фотоаппараты и цифровые графики — растровой и векторной абсолютно
видеокамеры а, так же web-камеры. Получен- обосновано, поскольку при помощи этих тех-
ное этими устройствами изображение сразу, нологий решаютcя совершенно разные задачи.
без какого-либо преобразования, сохраняется
в виде файлов на специальных носителях ин-
формации.

Строение растровой графики


Урок 1 Введение
Основы Adobe Photoshop
Интерфейс Adobe Photoshop
Интерфейс программы Adobe Photoshop CS2
является удобным и логичным. На приведён-
ной иллюстрации показаны названия и рас-
положение основных элементов интерфейса.
В левой части окна программы располо-
жена панель Tools (Панель инструментов). Инстру-
ментов в Photoshop довольно много, поэтому
сходные инструменты группируются. Если
присмотреться к панели инструментов, вы за- Растровое изображение и
метите, что подавляющее большинство кнопок отображения панели нажмите на кнопку в его увеличенный фрагмент.
на ней имеют маленькую стрелочку-уголок в верхней части панели (заголовок панели).
нижней правой части.
Если нажать и удерживать на такой кноп- Совет. Многие инструменты ассоцииро-
ке левую кнопку мыши, или просто нажать ваны с клавишами на клавиатуре. Однако за- Панель инструментов и
правую кнопку, раскроется дополнительная частую одна и та же клавиша соответствует сгруппированные в одной
кнопке инструменты
панель, содержащая остальные инструменты нескольким сгруппированным
группы. инструментам.Для переклю-
Панель инструментов может быть ото- чения между инструментами
бражена в виде 1 или 2 колонок. Для смены одной группы, необходимо на-

Интерфейс Adobe Photoshop


Урок 1 Введение
Основы Adobe Photoshop
жимать нужную клавишу в сочетании с кла- • Reset Tool — сброс текущего инструмента
вишей Shift. • Reset All Tools — сброс всех инструментов.

Свойства выбранного инструмента настра- При выборе последней команды програм-


иваются с помощью панели Options (Свойства), ма запросит от вас подтверждения действия.
расположенной в верхней части интерфейса Согласившись, мы установим параметры всех
непосредственно под главным меню. инструментов в настройки «по умолчанию».
В левой части панели свойств расположена Это действие целесообразно в тех случаях,
пиктограмма текущего инструмента. Она име- когда вы работаете не за своим компьютером Панель инструментов в одно-
ет не только информационное, но и функцио- (например в аудитории Академии) и не хотите и двухколоночном режиме
нальное назначение. Если кликнуть по пикто- зависеть от сделанных кем-то до вас настроек.
грамме инструмента левой кнопкой мыши, мы
получим выпадающий список, содержащий
предварительно сохраненные наборы свойств
инструмента — Tool Presets (Предустановки инстру- Плавающие палитры
мента). Таким образом, сохранив часто исполь- Основные элементы управления сосредоточе-
зуемые настройки, мы легко можем вернуться ны в так называемых плавающих палитрах,
к ним в любое время просто выбрав нужную которые также соединены в группы.
из списка. Сохранение настроек инструмента Каждая палитра представляет собой вкладку
будет рассмотрено нами чуть позже в данном и имеет ярлык с названием. Переключение
уроке. между палитрами осуществляется щелчком
Кроме того, кликнув по пиктограмме ин- левой кнопки мыши на ярлыке соответству-
струмента правой кнопкой мыши, мы полу- ющей палитры. Палитры в группе могут рас-
чим контекстное меню, содержащее две ко- полагаться как друг за другом. Так и друг под
манды: другом по вертикали.
Панель Options
и настройки инструмента

Интерфейс Adobe Photoshop


Урок 1 Введение
Основы Adobe Photoshop
Для того, чтобы отобразить панель, не на- Стандартное расположение и
ходящуюся в данный момент на экране, не- состав групп панелей в Photoshop
обходимо воспользоваться одной из команд можно изменить в соответствии
меню Window (Окно). Например, для того, чтобы со своими текущими потребно-
отобразить панель Layer Comps (Композиция слоев), стями. Для перемещения панели
выполните команду меню Window > Layer Comps. необходимо схватить ее за яр-
В меню Window названия активных в данный лычок панели и перенести туда,
момент панелей отмечаются галочкой. куда вам необходимо.
Точно таким же способом можно скрыть Панели можно группировать
не нужную вам панель — просто выберите и разгруппировывать как вам за-
соответствующий пункт меню в меню Window. хочется.
Также, чтобы закрыть одну панель или Кроме визуальных элемен- Плавающие палитры

всю группу, можно кликнуть правой кнопкой тов управления, в палитре существует меню
мыши на ярлычке панели и выбрать пункт управления, вызвать которое можно нажати-
кон­текст­ного меню Close (Закрыть панель) или ем кнопки, расположенной в правом верхнем
Close Tab Group (Закрыть группу вкладок). углу окна палитры. В меню управления пали-
тры можно выбрать команды, свойственные
Совет. В Photoshop можно освободить текущей палитре и вызвать настройку пали-
больше рабочего пространства, быстро скрыв тры пунктом Panel Options (Свойства панели).
все панели или только плавающие панели. Что-
бы отобразить/скрыть все панели Photoshop
нажмите Tab. Чтобы отобразить/скрыть только
плавающие панели (панель Tools и Options оста- Рабочие пространства
нутся на экране) нажмите Ctrl+Tab. Конфигурацию панелей, удобную для текущих
задач, можно сохранить, с тем, чтобы быстро
вернуться к ней в дальнейшем. Для сохране-

Интерфейс Adobe Photoshop


Урок 1 Введение
Основы Adobe Photoshop
ния конфигурации панелей выполните коман-
ду меню Window > Workspace > Save Workspace…
(Окно > Рабочее пространство > Сохранить рабочее
пространство…). Сохраненная настройка по-
явится в виде дополнительной команды меню
в подменю Window > Workspace.
Помимо положения панелей, при сохра-
нении рабочего пространства, сохраняются
также и конфигурация меню (выполняемая в
Edit > Menus…) и настройка «горячих» клавиш
(выполняемая в Edit > Keyboard Shortcuts…).
Помимо сохраненных пользовательских
настроек, меню Window > Workspace содержит
ряд предустановленных настроек для различ-
ных дизайнерских задач. Так, к примеру, ко-
манда Window > Workspace > Painting переключа-
ет интерфейс Photoshop в состояние, удобное
для рисования, а команда Window > Workspace >
Typography — в режим, подходящий для работы
с текстом.

Интерфейс Adobe Photoshop


Урок 1 Введение
Основы Adobe Photoshop
В результате вы увидите диалоговое окно
создания нового документа.

Рассмотрим параметры создания докумен-


та подробней:
Работа с документами • Name Имя документа. Имя документа по-
зволяет проще опознать окно документа
В данном разделе мы с вами познакомимся с при работе с несколькими файлами одно-
такими вопросами как создание, открытие и временно.
сохранение изображения в Photoshop, а, также, • Preset, Size Позволяют задать целевое назна-
рассмотрим возможности Photoshop в сфере чение и заготовленный размер документа. Диалоговое окно создания
организации рабочего пространства при ра- нового документа

боте с множеством документов.

Создание нового документа


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

• Команда меню File > New… (Файл > Новый…)


• Комбинации клавиш Ctrl+N
• Двойной клик по рабочей области окна
(темно-серый фон) при нажатой кнопке
Ctrl.

Работа с документами
Урок 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.

Навигация по документу Особого внимания достоин инструмент


Rotate View. Для использования данного инстру-
Ну вот вы открыли какой-либо документ. Что мента необходимо использование аппаратного
же дальше? Прежде чем приступить к исполь- ускорения графики. Для включения аппарат-
зованию каких-либо инструментов, необходи- ного ускорения перейдите в Edit > Preferences >
мо разобрасть с вопросом навигации в доку- Performance... и в появившемся окне включить
менте, а также, работе с несколькими окнами флажок Enable Open GL Drawing (Разрешить OpenGL
документов одновременно. отрисовку). Включение аппаратного
ускорения графики в
настройках программы.
Zoom Tool
Этот инструмент используется для из-
Инструменты навигации менения масштаба изображения. Изменить
Под навигацией по изображению в графическо- масштаб можно несколькими различными
их редакторах понимают различные функции, способами.
позволяющие увеличивать или уменьшать Первый способ: выполняйте последова-
масштаб изображения, а также перемещаться тельные щелчки левой кнопкой мыши на изо-
от одной области изображения к другой. бражении. При этом, точка изображения, на
В последних версиях Photoshop появилась которую вы кликнули, будет помещена в центр
еще возможность произвольного вращения окна (ну, или по крайней мере попытается...).
области изображения, что еще больше рас- Таким образом, увеличение масштаба произ-
ширяет навигационные возможности и делает

Навигация по документу
Урок 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 менное перемещение во всех открытых в дан-
Когда мы работаем с мелкими деталями изо- ный момент окнах изображений. Назначение
бражения в увеличенном масштабе, часто при-

Настройки инструмента Hand

Навигация по документу
Урок 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... приведет
к открытию в браузере страницы, ассоцииро-
ванной с данным изображением и содержащей
информацию об авторских правах и правах
использования изображения.

Для быстрой перегруппировки окон изо-


Вкладки документов в окне
бражений в Photoshop реализована кнопка с
выпадающей панелью Arrange Documents (Упоря- Экранные режимы
дочить документы). С ее помощью можно быстро Photoshop поддерживает 3 экранных режима:
Упорядочивание документов
разложить окна документов в сетку, по верти-
кали или по горизонтали или снова вернуть • Standard Screen Mode — обычный режим окна
все документы в одно окно на вкладки. • Full Screen Mode with Menu Bar — полноэкран-
К примеру, выбор команды Float All in Window ный режим с меню
приведет к отделению каждого из открытых • Full Screen Mode — полноэкранный режим
изображений в отдельное окно, а нажатие
крайней левой верхней кнопки на панели Для переключения этих режимов мож-
(Consolidate All) соберет все открытые изобра- но воспользоваться специальной кнопкой на
жения в одном окне на вкладках. верхней панели окна справа от меню. При по-
следовательном нажатии F также происходит
циклическое переключение экранных режи-
мов.

Навигация по документу
Урок 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

и пикселов кисти. При стандартном режиме и потому в области пересечения (наложения)


наложения (Normal) пикселы кисти заменяют образцов плотность цвета выше.
пикселы изображения. При использовании Совет. Для изменения параметра Opacity с
другого режима пикселы кисти и изображе- помощью клавиатуры воспользуйтесь рядом
ния могут каким-либо образом сочетаться цифровых кнопок, размещенных над буквами.
(суммироваться, перемножаться и пр.), обра- Так, нажатие кнопки 1 установит непрозрач-
зуя новые цвета. ность равной 10%, нажатие 2 — 20%, нажатие
Вам может показаться, что некоторые ре- 0 — 100%. Задать значение параметра Opacity
жимы ведут себя совершенно одинаково. Од- некратное 10, к примеру, 27%, можно, относи-
нако, при изменении условий (другой цвет тельно быстро нажав на клавиатуре кнопки 2
кисти, другая яркость изображения и пр.) раз- и 7 последовательно. Для установки значений
ница может стать более очевидной1. Opacity от 1 до 9, нажимайте последовательно
Следующий параметр, Opacity (Непрозрач- кнопку 0 и затем требуемую цифру (0 и 1, 0 и
Различие между настройка-
ность) определяет степень непрозрачности 2 и т.д.). ми Opacity и Flow
штриха. Он может изменяться в диапазоне

1 Режимы наложения цвета — это достаточно интересная, но


очень сложная тема, с которой вы познакомитесь в продвину-
том курсе «Графический редактор Adobe Photoshop» во втором
семестре.

Инструменты рисования
Урок 1 Введение
Основы Adobe Photoshop
Для изменения с клавиатуры параметра
Flow делаем то же самое при нажатой клавише
Сохранение и
Shift. загрузка кистей
Кнопка Airbrush (Аэрограф) включает режим, Набор кистей, с которым вы ра-
имитирующий рисование аэрографом. В этом ботаете в Photo­shop, может быть Изображение, созданное
с помощью инструмента
режиме кисть наносит образцы постоянно, сохранен в виде файла с расширением .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 (Цвет переднего плана) — основной цвета

цвет, который используется всеми инстру-


ментами рисования.
• Background (Цвет заднего плана, фоновый цвет)
— фоновый цвет, который может исполь-
зоваться инструментами как вспомога-
тельный.

Выбор основного и фонового цвета про-


изводится с помощью элементов управления
в нижней части панели инструментов:
Совет. Вернуть рабочие цвета Photoshop
по умолчанию можно с помощью кнопки D на
клавиатуре (Default colors). Нажатие кнопки X

Рабочие цвета
Урок 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
Александр Артёмов, Владимир Завгородний,
Александр Крапивной, Александр Полтьев

Основы Adobe Photoshop


Урок 1 Введение

© Компьютерная Академия «ШАГ» 2008–2011

Вам также может понравиться