Текст книги "Фотоприколы с помощью Photoshop"

Урок 17
Вышиваем крестиком

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

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

Для начала откройте папку Вышиваем крестиком (опять же предварительно скачав архив с исходными файлами I примеров с сайта издательства «Питер»), а в ней – файл с исходным изображением, который называется I Основа. jpg. Это наш фон, именно I по нему мы будем вышивать крестиком (рис. 17.1).

Рис. 17.1. Материал для вышивки

Для наглядности разобьем этот урок на три этапа.

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

Для начала задайте в качестве Foreground Color (Цвет переднего плана) белый. Если он у вас в данный момент установлен в качестве фона, просто нажмите клавишу X. Нам белый фон понадобится, чтобы создать основу для стежка – объекта Shape (Фигура), залитого именно белым цветом.

Сделайте активным инструмент Rectangle (Прямоугольник). Напомним, что он относится к группе инструментов Shapes (Фигуры) и вызывается с помощью клавиши U. Нарисуйте им квадратную фигуру со стороной 2 мм (рис. 17.2).

Рис. 17.2. Создаем объект Shape (Фигура)

Вам придется проделать это самостоятельно, мы лишь дадим несколько советов.

• Сильно увеличьте масштаб просмотра, чтобы было удобнее работать (например, с помощью инструмента Zoom (Лупа)).

• Чтобы установить точные размеры фигуры, используйте линейки (вызываются они комбинацией клавиш Ctrl+R).

• Чтобы корректировать размеры фигуры, воспользуйтесь командами трансформации. Для этого нажмите клавиши Ctrl+T, затем щелкните на фигуре правой кнопкой мыши и выберите команду Scale (Масштаб).

После того как с размерами и формой управились, с чистым сердцем растрируем фигуру. Сделать это можно, например, с помощью команды меню Layer → Rasterize → Shape (Слой → Растрировать → Фигура).

Фон для кисти создан, переходим к самой кисти. Перед этим, правда, предусмотрительно установим в качестве Foreground Color (Цвет переднего плана) черный. Для этого достаточно нажать клавишу D.

Теперь с помощью клавиши B делаем активным инструмент рисования Brush (Кисть) и устанавливаем для него следующие параметры:

• Mode (Режим смешения) – Normal (Нормальный);

• Opacity (Непрозрачность) – 100 %;

• Flow (Поток) – 100 %;

• Hardness (Жесткость) – 100 %;

• Master Diameter (Основной диаметр) – 10 пикселов.

Рисуем на нашем белом квадрате прямой отрезок под углом 45° (рис. 17.3). Для этого просто последовательно щелкните в левом верхнем и правом нижнем углах квадрата при нажатой клавише Shift.

Рис. 17.3. Прообраз стежка

Однако что-то наш будущий стежок получился слишком уж ровный, в жизни таких не встретишь. Давайте добавим ему реалистичности. Для этого снова устанавливаем в качестве Foreground Color (Цвет переднего плана) белый цвет и той же самой кистью делаем наш стежок немного «корявым» (рис. 17.4).

Рис. 17.4. Так стежок выглядит более реалистично

Естественно, не нужно стараться делать стежок в точности таким, как на рисунке, его конечная форма зависит только от вас.

Сохраним стежок в качестве отдельной кисти. Для начала выделите слой со стежком. Быстрее всего это получится сделать, если вы откроете палитру Layers (Слои) и щелкнете на слое со стежком левой кнопкой мыши при нажатой клавише Ctrl.

С помощью команды Edit → Define Brush Preset (Правка → Определить кисть) определяем выделенный слой как кисть. В появившемся окне (рис. 17.5) даем новой кисти любое удобное для вас имя, после чего не забываем нажать кнопку OK.

Рис. 17.5. Сохраняем выделение как кисть

Треть дела сделана! Теперь слой с изображением стежка можно удалить, он нам больше не нужен. Выделение также снимите с помощью комбинации Ctrl+D.

Уж не знаем, в курсе вы или нет, но вышивают обычно не «от балды», а по специально заранее созданным схемам, которые представляют собой нанесенные на материал рисунки. Мы тоже сделаем для себя такую схему вышивания.

Активизируйте инструмент Horizontal Type (Горизонтальный текст). Шрифт выбирайте помассивнее, да размер установите такой, чтобы занять как можно больше места на нашей «ткани». При этом цвет переднего плана вновь установите белым.

Часто многие начинающие вышивальщики задаются вопросом, какую именно надпись оставить для потомков. Тут уж все зависит от вашей фантазии. Можем предложить на выбор парочку вариантов: «Победителю капиталистического соревнования» или «Из России с любовью». Кстати, нелишним будет с помощью инструмента Custom Shape (Пользовательская фигура) добавить на этот же слой с текстом какую-нибудь пользовательскую фигуру из набора Shape (Фигура). Только выберите для инструмента Custom Shape (Пользовательская фигура) режим работы Fill pixels (Рисовать). При этом создаваемые фигуры (а заодно и текст) будут растрироваться (рис. 17.6).

Рис. 17.6. Основа для вышивки готова

Выделите слой с надписью и рисунками, щелкнув на нем (на палитре Layers (Слои)) при нажатой клавише Ctrl. Полученное выделение преобразуйте в контур. Для этого перейдите к палитре Paths (Пути) и нажмите кнопку Make work path from selection (Перевести выделение в путь).

Слой с текстом нам больше не нужен. Можете его удалить или сделать невидимым, чтобы не мешал.

Переходим непосредственно к вышиванию. Создадим новый слой: на нем и будет расположена наша вышивка. Напомним, что быстрее всего это делается с помощью комбинации клавиш Shift+Ctrl+N. В появившемся окне ничего не трогайте, разве что дайте новому слою название.

Теперь окончательно подготовим наш «стежок». Сделайте активным инструмент рисования Brush (Кисть), после чего вызовите с помощью клавиши F5 палитру Brushes (Кисти). Перейдите на страницу Brush Tip Shape (Форма кисти). Выберите среди образцов кистей сохраненный вами в начале этого урока «стежок», уменьшите значение параметра Diameter (Диаметр) до 40 пикселов, установите флажок Spacing (Пробел) и увеличьте значение параметра Spacing (Пробел) до 125 % (рис. 17.7).

Рис. 17.7. Настраиваем параметры кисти

Примечание

Значения параметров Diameter (Диаметр) и Spacing (Пробел) в конечном итоге будут зависеть от того, какой шрифт и какого размера вы использовали для схемы вышивки. Так что, если ваш результат будет сильно отличаться от нашего, советуем не расстраиваться, а слегка поэкспериментировать с параметрами Diameter (Диаметр) и Spacing (Пробел).

Чтобы наша вышивка была яркой и красивой, установим в качестве Foreground Color (Цвет переднего плана) ярко-зеленый цвет. Для этого щелкните на цветовом квадрате Set foreground color (Установить цвет переднего плана) и в появившемся окне Color Picker (Цветовая палитра) введите RGB-значения цвета (0, 255, 0 – для каждой составляющей соответственно).

Удостоверьтесь с помощью палитр Layers (Слои) и Paths (Пути), что новый слой и контур активны, и рисуйте кистью по контуру, нажав на палитре Paths (Пути) кнопку Stroke path with brush (Вычертить путь). Естественно, инструмент Brush (Кисть) все еще должен быть активен. Результат не заставит себя ждать (рис. 17.8).

Рис. 17.8. Половина вышивки готова

Красиво? Но это еще далеко не «крестик», а в лучшем случае его половина. Устанавливаем теперь в качестве Foreground Color (Цвет переднего плана) ярко-желтый цвет. Для этого в окне Color Picker (Цветовая палитра) введем его RGB-значения (255, 255, 0).

Чтобы у вас получился настоящий «крестик», зеркально поверните «стежок» в вертикальной плоскости. Для этого вновь откройте палитру Brushes (Кисти) и на странице Brush Tip Shape (Форма кисти) установите флажок Flip Y (Отражение по вертикали). Удостоверьтесь, что вы не переключили инструмент Brush (Кисть) на какой-нибудь другой (например, на Zoom (Лупа)).

Если все в порядке, вновь перейдите к палитре Paths (Пути) и нажмите кнопку Stroke path with brush (Вычертить путь).

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

Рис. 17.9. Вышивка готова

Ну что же, поздравляем! Теперь победа в конкурсе на «лучшее электронное рукоделие года» однозначно достанется вам!

Урок 18
Дорожная разметка

Счастливые обладатели автотранспортных средств наверняка знают (или как минимум должны знать), насколько важны знаки дорожного движения вообще и дорожная разметка в частности. К сожалению, органы автоинспекции относятся к благородному делу создания дорожной разметки сухо, если не сказать «скучно», абсолютно без огонька и креативной изюминки. Мы же предлагаем подойти к данному вопросу творчески и сделать не только информативным, но и чуть более веселым хотя бы один отдельно расположенный участок какой-нибудь дороги. Пусть даже и нарисованный…

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

Устанавливаем в качестве Foreground Color (Цвет переднего плана) белый цвет. Если он у вас сейчас задан в качестве фона, просто нажмите клавишу X.

Теперь активизируем инструмент Horizontal Type (Горизонтальный текст). Выберите более или менее мягкий и округлый шрифт, его размер подберите самостоятельно (он будет зависеть от того, какой шрифт вы выбрали). Ну и для солидности выполните надпись заглавными буквами (рис. 18.1).

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

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

Посмотрите на палитру Layers (Слои) и убедитесь, что ваш текстовый слой с надписью активен. После этого либо выполните команду меню Layer → Rasterize → Type (Слой → Растрировать → Текст), либо щелкните на текстовом слое правой кнопкой мыши и в появившемся меню выберите команду Rasterize Type (Растрировать текст).

Успешно справившись с растрированием, «уложим» надпись на дорогу, для чего воспользуемся трансформацией. У вас есть два варианта действий.

• Используйте комбинацию клавиш Ctrl+T, щелкните на надписи правой кнопкой мыши и в появившемся меню выберите необходимые команды (о которых ниже).

• Выберите нужные команды трансформации в подменю Edit → Transform (Правка → Трансформирование).

Для успешной трансформации мы сначала сблизили верхние углы надписи командой Distort (Деформация), а потом окончательно «уложили» ее на асфальт командой Perspective (Перспектива). Ну и с помощью команды Scale (Масштаб) подправили размеры и расположение надписи. Получилось вполне убедительно (рис. 18.2).

Рис. 18.2. Надпись уже на дороге

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

Создадим маску слоя с надписью, воспользовавшись командой Layer → Layer Mask → Reveal All (Слой → Маска слоя → Показать все). Значок маски тут же появится на слое, содержащем надпись, при этом он будет чистым и белым.

Начнем работу с маской. Мы не будем ничего рисовать, а используем в качестве маски уже готовое фоновое изображение дороги. Для этого на слое с надписью выделяем значок маски (а не изображения), после чего выполняем команду Image → Apply Image (Изображение → Применить изображение). В появившемся окне (рис. 18.3) указываем в качестве маски фоновый слой исходного файла (если вы его, конечно, не успели переименовать).

Рис. 18.3. Окно Apply Image (Применить изображение)

Параметр Opacity (Непрозрачность) устанавливаем равным 25 %, остальные настройки оставляем без изменения. В результате данной операции наша надпись слегка потемнела, сейчас она выглядит не столь новой. Добавим еще больше реалистичности. Поработаем с контрастом и яркостью. Удостоверимся, что на палитре Layers (Слои) продолжает быть активным слой с надписью и маской, причем выделен именно значок маски.

Вызываем инструмент цветокоррекции Image → Adjustments → Brightness/Contrast (Изображение → Настройки → Яркость/Контраст) (рис. 18.4).

Рис. 18.4. Делаем маску слоя более контрастной

Параметры регуляторов Brightness (Яркость) и Contrast (Контраст) вы видите на рисунке.

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

Рис. 18.5. Ну прямо как так и было!

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

Сделайте активным инструмент рисования Brush (Кисть). Установите приблизительно следующие параметры кисти:

• Mode (Режим смешения) – Normal (Нормальный);

• Opacity (Непрозрачность) – 35 %;

• Flow (Поток) – 100 %;

• Hardness (Жесткость) – 55–70 %;

• Master Diameter (Основной диаметр) – 20–60 пикселов.

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

Рис. 18.6. Уложили-таки окончательно

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

Урок 19
Из села Кукуево

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

Откроем файлы-исходники. Как вы наверняка уже догадались, прячутся они в папке Из села Кукуево и носят романтические имена Peкa.jpg и Утюг.jpg. Для начала займемся утюгом.

Сделайте активным инструмент Magic Wand (Волшебная палочка), воспользовавшись, например, клавишей W. Установите для нее следующие параметры:

• Tolerance (Допуск) – 50;

• флажок Contiguous (Связанные) – включить.

Выделите фон вокруг утюга, щелкнув на нем (на фоне) кнопкой мыши. Белая область вокруг утюга выделилась. Но белая область внутри ручки все еще не выделена, нужно исправить эту оплошность. Уменьшите значение параметра Tolerance (Допуск) до 10 и щелкните на области внутри ручки при нажатой клавише Shift, добавляя тем самым новое выделение к уже существующему. Вот теперь наш фон полностью выделен (рис. 19.1).

Рис. 19.1. Фон выделен

Инвертируйте выделение командой Select → Inverse (Выделение → Инвертировать) или с помощью комбинации клавиш Shift+Ctrl+I. Как вы можете убедиться, теперь выделен наш утюг, да во всех подробностях.

Вставим утюг в файл с рекой. Для этого можно последовательно воспользоваться командами Edit → Copy (Правка → Копировать) и Edit → Paste (Правка → Вставить), однако быстрее и проще будет использовать комбинацию клавиш Ctrl+C, а потом Ctrl+V. Так или иначе, утюг вставится на новый слой в изображение с рекой (рис. 19.2).

Рис. 19.2. Вставили утюг поближе к реке

Давайте отрежем от утюга болтающийся шнур и подчистим возможные неровности, оставшиеся после его «вырезания». Для этого активизируйте с помощью клавиши E инструмент Eraser (Ластик), установив для него следующие параметры:

• Mode (Режим) – Brush (Кисть);

• Opacity (Непрозрачность) – 100 %;

• Flow (Поток) – 100 %;

• Hardness (Жесткость) – около 90 %.

Диаметр кисти логично будет менять. При «зачистке» шнура в отдалении от утюга можете установить диаметр порядка 20 пикселов, так оно быстрее будет. При более тонкой работе непосредственно возле границ утюга сделайте диаметр кисти 2–5 пикселов. При этом для удобства работы с ластиком увеличьте масштаб просмотра изображения, например, с помощью инструмента Zoom (Лупа).

После того как с чисткой покончено, правильно расположите утюг в пространстве. Вы где-нибудь видели, чтобы утюги плавали, находясь в вертикальном положении? Мы, например, нет. С помощью команды Edit → Transform → Rotate 90° CW (Правка → Трансформирование → Повернуть на 90° по часовой стрелке) поверните утюг, «посадив» его на воду горизонтально (рис. 19.3). Если нужно, подправьте положение утюга с помощью инструмента Move (Перемещение).

Рис. 19.3. Сориентировали утюг более правдоподобно

Двигаемся дальше. Вы когда-нибудь видели, чтобы плывущие по реке предметы полностью находились над поверхностью? Только если это судно на воздушной подушке. Наш утюг вряд ли обладает таким техническим «наворотом». Логично предположить, что плавает он по старинке, старым дедовским способом, а значит, неизбежно какая-то часть утюга будет скрываться под водой. Поэтому слегка притопим нижнюю часть утюга, погрузим ее в воду. Для начала активизируйте с помощью клавиши L инструмент Polygonal Lasso (Многоугольное лассо) и выделите нижнюю часть утюга (рис. 19.4).

Рис. 19.4. Создаем выделение с помощью инструментов группы Lasso (Лассо)

При этом слегка размойте границу выделения, установив значение параметра Feather (Оперение) равным 2 пикселам. Вырежем созданное выделение на новый слой. Самый быстрый способ – используйте комбинацию Shift+Ctrl+J. Если вы по каким-то причинам не любите использовать сочетания клавиш, щелкните на выделении правой кнопкой мыши и в появившемся меню выберите команду Layer Via Cut (Слой через вырезку). Если же вы любите (как нормальные герои) всегда идти в обход, выполните команду Layer → New → Layer Via Cut (Слой → Новый → Слой через вырезку). Видите, какой простор для действий!

Удостоверьтесь, что новый слой появился на палитре Layers (Слои) над слоем с утюгом и активен. Уменьшите на палитре Layers (Слои) значение параметра Opacity (Непрозрачность) нового слоя до 30 % (рис. 19.5).

Рис. 19.5. Уменьшаем прозрачность нового «подводного» слоя

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

Первым делом активизируйте фоновый слой. Затем с помощью инструмента Elliptical Marquee (Эллиптическое выделение) выделите водную поверхность вокруг основания утюга. Старайтесь, чтобы центр выделения примерно совпадал с центром подошвы утюга (рис. 19.6). Параметр Feather (Оперение) оставляем равным 0.

Рис. 19.6. Готовим «почву» для будущих волн

Теперь примените к выделению фильтр ZigZag (Зигзаг). Он располагается по адресу Filter → Distort (Фильтр → Деформация). Перед этим еще раз удостоверьтесь, что вы не забыли активизировать фоновый слой. Установите значение параметра Amount (Эффект) равным 76, параметра Ridges (Складки) – равным 5, а для параметра Style (Стиль) выберите вариант Around center (Вокруг центра) (рис. 19.7).

Рис. 19.7. Гоним волну с помощью фильтра ZigZag (Зигзаг)

После установки параметров не забудьте нажать кнопку OK. Затем с помощью комбинации Ctrl+D уберите выделение и полюбуйтесь созданной волной (рис. 19.8).

Рис. 19.8. Ух, какие волны!

Чего еще не хватает для счастья каждому уважающему себя водоплавающему утюгу? «Флага», – ответите вы. И будете правы. Но согласитесь, что без флага все-таки можно плавать, а вот без отражения в воде… Это будет что-то странное и подозрительное. Не поверит народ такому утюгу, еще за привидение примет. И не сложит никогда о нем частушку. Посему примемся за создание отражения.

Создайте копию надводной части утюга. Для этого на палитре Layers (Слои) активизируйте «надводный» слой, после чего воспользуйтесь комбинацией Ctrl+J либо выполните команду меню Layer → New → Layer Via Copy (Слой → Новый → Слой через копирование). Вы увидите, что копия «надводного» слоя появилась на палитре над слоем-оригиналом (рис. 19.9).

Рис. 19.9. Создали копию «надводного» слоя

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

1. Командой Edit → Transform → FLip Vertical (Правка → Трансформирование → Отразить по вертикали) зеркально отразите нашу надводную часть утюга.

2. Командой Edit → Transform → Scale (Правка → Трансформирование → Масштаб) скорректируйте размеры и расположение нашего отражения.

3. Уменьшите значение параметра Opacity (Непрозрачность) примерно до 65 %. В результате вы должны получить нечто подобное изображенному на рис. 19.10.

Рис. 19.10. Отражение готово

Ну и последний штрих. Для придания картинке совсем уж полной реалистичности отражение утюга нужно исказить.

Примените к нему фильтр Filter → Distort → Wave (Фильтр → Деформация → Волна) (рис. 19.11).

Рис. 19.11. Применяем к отражению фильтр Wave (Волна)

Установите для фильтра следующие параметры:

• Type (Тип) – Triangle (Треугольник);

• Number of Generation (Количество источников) – 7;

• Wavelength (Длина волны): Min. – 113, Max. – 174;

• Amplitude (Амплитуда): Min. – 57, Max. – 351;

• Scale (Масштаб): Horiz. Vert. – 7 %;

• переключатель – в положение Repeat Edge Pixels (Повторить крайние пикселы).

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

Рис. 19.12. Вон он плывет, наш гордый лебедь!

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