На главную страницу
PHOTOSHOP ДЛЯ ФОТОЛЮБИТЕЛЯ
Оглавление

Вместо введения
Photoshop – основы с нуля для чайников

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

Множество книг и статей по Photoshop вгрызаются в этот графический редактор как стая пираний в свою жертву – раздирая ее на куски и жадно глотая то, что удалось оторвать. Поэтому для новичков это пиршество представляется чем-то хаотичным, не дающим цельный и последовательный подход.
Я подозреваю, что сейчас авторы многочисленных трудов о Photoshop выстроятся в очередь за возможностью возмущенно воскликнуть: «А как же я?! Я же в своем сочинении (книге, уроке, статье) изложил все последовательно!!» Но истина окажется, как обычно, где-то посередине. Даже на примере собственных уроков я могу утверждать, что для первого шага в Photoshop они слишком хаотичны по тематике. Поэтому пришла пора привести мысли в порядок. Или хотя бы попытаться это сделать.

Недостатком почти всех пособий по любой программе является то, что автор обычно пропускает самый первый момент, первый шаг, первое нажатие клавиш. А начинает сразу со второго, подразумевая, что уж начало-то все знают. Я же тоже не рассказываю, как включить компьютер, а сразу говорю – вы оказались один на один с интерфейсом Photoshop.
Начнем с того, что некто установил программу под названием «Photoshop» на свой компьютер. И даже запустил ее…

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

Начинать работу с Photoshop надо с определения конечной цели. Нельзя за него садиться с мыслью «что бы мне такое сделать?..». Тут как раз тот случай, когда цель определяет средства.
Одна цель – приделать голову «Васи» к телу «Арни» (имеется ввиду губернатор Калифорнии в лучшей своей форме). Это такая начальная, детская забава, и почему-то считается, что с такой задачей Photoshop должен справляться почти в автоматическом режиме. Другая цель – «тяжелый» случай: «– Я хочу сделать текст на фоне каменной кладки, чтоб буквы горели как костры, и во все стороны сыпались искры. Фотошопом не владею». При любом варианте мы упираемся в необходимость обучения.
Учиться можно с преподавателем или самостоятельно. С преподавателем быстрее, но дороже, самостоятельно – медленнее и дешевле, если не скупать все книги подряд.

Литература (начало)

Попробуем разобраться, какие книги могут пригодиться для минимизации срока познания данного продукта Adobe.
Сразу отодвинем в сторону сочинения из серии «Для чайников», «За 24 часа», «С нуля» и всякие «Основы». Это обычные завлекалки для неискушенных пользователей, которые и сами толком пока не понимают, что же им нужно. Девяносто процентов такой литературы – не что иное, как пересказ (даже не перевод) официальной документации. Практически все они содержат описания инструментов Photoshop, причем похоже, что авторы списывали текст друг у друга или перетасовали ту же документацию. Чтобы в этом убедиться, достаточно просмотреть несколько книг, стоящих рядом на прилавке. Однако, справочник по инструментам и функциям Photoshop все же нужен.
Под номером один здесь стоит «Руководство пользователя» авторства Adobe. На русском языке оно теперь доступно для версий CS3 и CS4. Вообще, официальная документация – это именно то, что нужно. Она написана достаточно внятно и содержит все необходимые основные сведения о работе с продуктом.
Альтернативой может быть книга любого автора, который описывает как можно больше инструментов, иллюстрируя их работу на небольших примерах. Такая книжка нужна только одна – это будет наш «Справочник». Купили? Отложите в сторонку, он понадобиться позже. Пока же вернемся к Photoshop.

Русский или английский?

Очень редко в книгах по Photoshop употребляются только русские наименования. Есть книги только с английским написанием терминов, есть с двуязычным. Исторически сложилось, что фирма Adobe не жаловала российских пользователей, и Photoshop можно было встретить на любых языках кроме русского.
Первой официальной русскоязычной версией был Photoshop 3.0. Коробочный вариант содержал красочно оформленную документацию на русском языке. Последующие версии тоже иногда появлялись в переводе, но, судя по его качеству, выполнялся он явно очень сторонними фирмами. Множество пособий русский вариант терминов попросту игнорировали. Поэтому развивающимся вариантом все же оставался англоязычный, и к нему же привыкли пользователи со стажем.
Последние версии Photoshop стабильно выходят и в русском варианте, однако, по чисто обывательскому недоверию, ожидаешь, что так будет не всегда или частично. Например, не было русского варианта расширенной версии CS3. Ничего пока неизвестно о русификации CS4, хотя Bridge этой же версии общается на русском. В общем, имеет место быть некая нестабильность. Поэтому, если вы собираетесь овладевать Photoshop всерьез и надолго, лучше ориентироваться на англоязычную версию. Во-первых, вы избежите всяких недоработок перевода. Во-вторых, книги иностранных авторов, как правило, не оперируют русскими терминами даже в переводных изданиях. В-третьих, запомнить терминологию на самом деле не так уж сложно, если общаться с Photoshop достаточно часто.

Литература (продолжение)

Забегая вперед, предположим, что вы освоите азы Photoshop и соберетесь совершенствоваться далее. Тогда понадобиться другая литература.
Одним из самых известных авторов в России стал Дэн Маргулис. Его книги «Фотошоп для профессоналов» и «Photoshop LAB color. Загадка каньона…» пользуются большим спросом, но редко кто из купивших их сознается, что погорячился. Это литература увлеченного профессионала для таких же профессионалов. Как физики или математики, собравшись узким кругом, с упоением обсуждают поведение электрона или восхищаются красотой формулы, недоступной простому смертному, так продвинутые фотошопщики могут приходить в восторг от того, что «от перевода обратно в RGB результата Lab-усреднения мы получим более светлый цвет 201R 171G 0B». Маргулис – это сильное средство, но принимать его надо набравшись хорошего опыта, и если это действительно будет вас интересовать.
Еще один автор, чье имя на слуху – Кэтрин Айсманн. Она пишет языком более доступным активным пользователям и решает проблемы не вдаваясь в теоретические дебри. Кстати, книга «Ретуширование и обработка изображений в Photoshop» содержит хорошее и негромоздкое описание интерфейса редактора. Вместе с «Photoshop. Маски и композиция» книги составляют тандем, который очень пригодиться не только профессоналам, но и любителям.
Из интересных авторов переведенных на русский стоит еще упомянуть Скотта Келби и Стива Кэплина. Вообще, складывается впечатление, что зарубежные авторы пишут интереснее и не так поверхностно как отечественные. Хотя и в нашей стране есть специалисты по Photoshop (и даже сертифицированные), но донести свои знания до пользователей у них получается не очень.

Последовательность решения

Вернемся снова к монитору компьютера, на котором нас заждался интерфейс Photoshop, и выберем конкретную задачу.
Многие смотрели фильм братьев Вачовски «Матрица». Кто не смотрел, тот слышал. Кто не слышал, тот видел в Интернете заставку с падающими зелеными символами. И вот предположим, что нам втемяшилось в голову сделать такую заставку. И о Photoshop мы знаем только как его запустить.
Первым делом мы задумаемся над тем, как заставить буквы падать. И будем неправы. Не в силу злого умысла, а из-за собственной неграмотности. Конечно, документацию мы полистали, наткнулись на главу про анимацию в Photoshop и думаем, что поймали Бога за бороду. Но, не занимаясь такой анимацией, даже не подозреваем, насколько она трудоемка в Photoshop. Типичная неопределенность, в которую попадает начинающий пользователь: собирается сделать то, что не знает, не подозревая о размерах собственного незнания.
Здесь совет может быть только один – не надо покупаться на внешний эффект (падающие буквы), а начинать с основы (сами буквы). Когда, подходя с этой стороны, заставка будет создана, наступит время попытаться ее оживить. Попытка настолько обреченная, что я бы ее даже не начинал. Для таких операций есть другие программы.

Объять необъятное

Чисто по-человечески и как пользователь я не одобряю глобализацию программного обеспечения. Microsoft уже осудили за стремление вобрать в себя все, что только можно, однако его пример другим, по-видимому, не впрок. Вот и что касается Adobe, я не могу понять, зачем последние версии Photoshop заставлять работать с видео и 3D-объектами. В фирменной линейке есть видеоредактор Adobe Premier – зачем его функции передавать редактору статических изображений?!
Работа с 3D вообще отдельная песня и такая сложная, что потуги Photoshop в этой области просто смешны. Уровня редакторов типа 3D Max ему просто не достичь, а если это и случится, то опции для работы с растровыми изображениями окажутся где-то на задворках в разделе «Прочее».
Можно было бы как-то понять такие выверты, если Photoshop в «чистом» виде себя исчерпал, но последняя версия CS4 показывает, что это далеко не так – легкодоступный набор пресетов для корректирующих опций элегантно задвинул в темный угол многие фильтры сторонних разработчиков. Оказалось, что эффекты достигаемые установкой дополнительных программ, элементарно осуществляются стандартными возможностями обычных инструментов Photoshop. Надо только правильно их приготовить. Вот в таком направлении развитие Photoshop я одобряю и приветствую!

Что касается зеленых букв заставки, то давайте разделим это явление на составляющие. Естественно, буквы – это текст. Следите за ходом мысли! Текст не обычный, а вертикального написания. Стало быть, нам понадобиться информация о вводе текста и его ориентации. Вы не забыли, что в Photoshop мы полные профаны? Поэтому берем имеющиеся книги и пособия и читаем все, что связано с текстом. Или смотрим мои уроки по этой теме.
Прочитали про текст. Куда его вводить? Оказалось, что мы забыли почитать про то, как создать новый файл изображения. Открываем «Руководство пользователя» и видим целую главу про открытие и импорт изображения, в которой есть подраздел «Создание нового изображения». А он влечет за собой знакомство с форматами файлов.Что же получается? Еще ничего не сделали, а уже глаза от чтения устали. За то вот так, на конкретном примере, мы начали знакомство с Photoshop. И пока это совсем не страшно.

Так выглядит окно создания нового файла. Много неизвестных названий? Берем книгу или открываем справочный файл и изучаем, что к чему. Подскажу только, что окно это вызывается комбинацией клавиш Ctrl+N или через Главное меню: File (Файл) > New…(Новый…).
Заливаем полученное изображение черным цветом. Легко сказать! А как это сделать первый раз в жизни? Находим на панели инструментов черно-белые квадратики и… правильно! – ищем в описаниях, что называется основным (foreground color) цветом и что – фоновым (background color), как их задавать и как менять местами. Залить все изображение основным цветом можно нажав сочетание клавиш Shift+F5 или через меню: Edit (Редактирование) > Fill (Залить).

Теперь – что вы успели узнать про текст? Ничего? Вперед, за учебники! А когда прозвенит звонок на перемену, раздобудем текст, который понадобиться для нашей заставки. Очевидно, что он будет не простой, а состоящий из набора букв, цифр и разных служебных символов. Конечно, можно небольшой фрагмент набрать вручную, а можно взять файл любого изображения, например, в формате jpg и открыть его текстовым редактором типа «блокнот», выделить часть текста и сохранить его в буфере памяти.

 

Возвращаемся в Photoshop. Выбираем инструмент ввода текста Vertical Type Tool (Вертикальный ввод текста), ядовито-зеленый цвет шрифта и «компьютерный» шрифт Courier-Normal. Включаем выравнивание его по верхнему краю и кликаем мышью по изображению. После чего нажимаем Ctrl+V или выбираем в меню Edit (Редактировать) > Paste (Вставить). Размер шрифта должен быть достаточно маленький, поэтому его можно ввести вручную в окне выбора размера – в нашем случае – 3 pt. Получим примерно такую картинку:

 
Следующим шагом будет простенькая работа со слоями – нам нужно сделать несколько копий текстового слоя и сдвинуть их относительно друг друга так, чтобы буквы покрыли все изображение. В одном случае автор напишет «делаем две-три копии текстового слоя» и будет прав – невозможно в каждом уроке-описании подробно рассказывать, как копировать слои. Но один раз это сделать можно, однако, нужно ли? Знания, добытые собственным трудом запоминаются лучше, поэтому пользователя следует послать… к учебникам, где он прочитает все, что относится к слоям. Или хотя бы к элементарным действиям с ними, в результате которых мы получаем вот такую картинку:
 

Многовариантность

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

В нашем случае многовариантность Photoshop проявляется в следующем:
1.Можно все, что необходимо сделать с одним слоем, а потом его дублировать.
2.Можно все операции проводить с каждой копией текстового слоя в отдельности.
3.Можно превратить текст в изображение (растеризовать) и далее добавлять эффекты к этому изображению.
4.Можно все копии текстовых слоев слить в один и применить нужные эффекты к этому текстовому слою.
Допускаю, что можно придумать что-то еще, но из приведенных вариантов мне больше нравится четвертый, как самый экономичный по затратам. Чтобы это утверждать, нужно как минимум знать, что нужные нам эффекты можно применить прямо к тексту, поэтому переводить его в изображение нет необходимости, а с одним слоем работать быстрее, чем с несколькими.
Итак, полученные четыре текстовых слоя объединяем в один. Из вредности не скажу как.

Свой инструмент

У хорошего мастерового всегда есть свой собственный инструмент, лично им отлаженный и подогнанный «по руке». Так и в Photoshop можно пользоваться стандартными настройками, а можно сделать что-то свое под конкретную задачу. Одним из самых настраиваемых средств редактирования будет, пожалуй, кисть (Brush).
К чему это я клоню?.. Пришла пора придать нашей картинке эффекты, присущие настоящей матрице – неравномерность символов, их свечение и падение строк. Начнем с последнего, как наиболее творческого действия.
Если помните, строки в киношной матрице как бы стекали вниз. Эффект достигался за счет разности в свечении – нижняя часть была ярче, а по мере удаления яркость следа уменьшалась. Так сразу и не поймешь, как это сделать. Применить градиент из стандартных инструментов Photoshop напрямую не получится, потому как он воздействует на всю картинку. Можно пойти обходным путем: добавить маску к слою... Да-да, опять придется садится за учебники и читать про маски в Photoshop! Кстати, маски и слои – это основа основ Photoshop, которая, к сожалению остается многим непонятной. Причин тому много и обсуждать их не будем.
Итак, создаем маску для слоя с буквами, на самом слое выделяем прямоугольником часть строки и в маске заливаем выделенную область черно-белым градиентом.

На рисунке показана выделенная область текста и как она выглядит после градиентной заливки в маске.
Такой способ вполне допустим, но изрядно занудлив. Можно ли сделать то же самое, но проще? Вспомним про многовариантность Photoshop и про намек несколькими абзацами выше о создании собственной кисти. А суть в том, что можно такую же операцию провести специально настроенной кистью. Скажете – теперь еще и про кисти читать? А как же! Впрочем, кое-что мы разберем прямо здесь и сейчас.
Если среди инструментов выбрать Кисть (Brush), то на верхней панели появится иконка для настроек кистей. Однако, в зависимости от настроек интерфейса, она может быть и не видна, поэтому стоит запомнить более надежный способ: Главное меню > Window (Окно) > Brushes (Кисти) или нажать F5.
На рисунке вы можете увидеть внешний вид панели настройки кисти сразу с нужными нам параметрами. Динамических опций (Dynamics) много всяких, но нас интересует только Color Dynamics (Динамический цвет) и его затухание Fade, которое задаем равным 50. Когда поймем, что из этого получается, можно будет попробовать другие значения, но 50 для нашей задачи оптимально.
Подбираем размер кисти чуть больше ширины вертикальной строки текста. Далее активируем слой маски, задаем основной цвет – белый, фоновый – черный. Ставим курсор-кисть на нижнюю букву-каплю. Кликаем по букве. Потом кликаем, удерживая нажатой клавишу Shift, по верхней букве столбца, которой отводим роль завершающего символа нашей строчки-капли. Удержание клавиши Shift позволяет соединять две точки строго прямой линией. Получаем вертикальную строку с переменной яркостью как на рисунке.

Для первых шагов в Photoshop вышеприведенное описание может показаться лишь чуть проще китайской грамоты и то потому, что слова-то все свои, родные. Если так, то – сочувствую. И пойдем дальше.
Излишне говорить, что таким способом обработать все изображение гораздо проще и быстрее, чем градиентно заливать отдельные области. Только потом надо будет вернуть настройки кисти в исходые значения. Но если созданная кисточка дорога как память, то ее можно сохранить в виде персонального пресета (New Brush Preset...).

Свечение

Теперь имитируем свечение букв. В одном из источников мне встретился такой способ (я его просто процитирую для продвинутых пользователей):
цитатку можно как-нибудь выделить для оживления текста...
«...примените фильтр "gaussian blur" около 1.5 px, поменяйте blending mode на Color Dodge и уменьшите прозрачность (Opacity) до 80%. Если цвет и насыщенность букв вас не устраивает, то откройте окошко Hue/Saturation и поиграйте с настройками».
Это, если можно так выразиться, внешнее воздействие на объект – в нашем случае текст. Опущен фрагмент, где текст для таких операций превращается в изображение.
Если бы автор взял на себя труд изучить свойства объектов Photoshop, в частности, текста, то он бы увидел путь гораздо короче:

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

Нетрадиционное применение

Мы близки к завершению. Последнее, что осталось добавить – неравномерность свечения картинки по всей ее площади. Для этого используем такую неочевидную вещь, как облака.
Облака вообще интересная штука – из них и струю воды делают и молнию. Конечно, в реальности, все это именно из облаков и происходит, но не в графическом редакторе. Или он уже настолько близок к природе?
Заметьте, что о таких вещах в официальных руководствах нет ни слова – это продукт завзятых фотошопщиков, но как дойти до такой жизни, чтоб самому придумывать всякие выкрутасы – совсем другая история.
Мы же активируем имеющийся слой-маску и применим к ней фильтр Filter > Render (Рендеринг) > Difference Clouds (Облака с наложением). Получим то, что видно на следующем рисунке. Оговорюсь, что эффект капающих строк здесь применен только к левой четверти изображения.

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

К какому же выводу мы пришли в итоге? Я бы сказал — к малоутешительному для начинающих. В Photoshop оказывается такое количество начальных знаний, что на одном «хочу прямо сейчас» их не одолеть. Потребуется усидчивость и работа головой. Придется много читать — плейер в ушах тут не помощник. И еще одно. Photoshop, к сожалению, не велосипед, умение кататься на котором приобретается один раз на всю жизнь. Навыки работы и приемы остаются в памяти пользователя только при их частом использовании. Это не страшилка, это — реальность общения с графическим редактором такого уровня.
Постепенное узнавание методов, способов, свойств и особенностей отдельных инструментов приводит к созданию в голове фотошопщика некоей информационной среды, в которой вся эта кухня начинает взаимодействать сама с собой, и вот тогда вполне возможно появление своих собственных, авторских методов обработки изображений, доселе никому не известных. Однако, учитывая число активных приверженцев Photoshop, последнее утверждение вызывает сильные сомнения в своей истинности. Впрочем, удовольствие от сознания собственной «креативности» при этом ничуть не уменьшается. Дерзайте! И да пребудет с вами Photoshop!

© Авторские права принадлежат Игорю Ульману. При копировании ссылка на автора и сайт обязательны.
На главную страницу