lessons 26.09.2007

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

Шаг 1. Возьмем реальную фотографию разрушенных во время землятресения зданий.

поправляем контраст и насыщенность

Шаг 2. Поправим контраст и насыщенность с помощью Levels (Уровни (Ctrl+L)) или Curves (Кривые (Ctrl+M)) и Hue/Saturation (Цветовой тон/Насыщенность (Ctrl+U)).

layer styles

Шаг 3. Теперь, добавляем мальчика. Вырезаем его из оригинальной картинки, помещаем на фото с разрушенными заданиями и применяем к слою с мальчиком Стили Слоя (Layer Styles), чтобы добавить белого свечения (Непрозрачность (opacity) снижаем довольно сильно). Затем дублируем слой и добавляем желтого свечения, Режим Смешивания для него выставляем на Overlay (Перекрытие).

hue saturation

Шаг 4. Дублируем слой с мальчикок ещё раз. Идем в Hue/Saturation (Ctrl+U), ставим галку у пункта Colorize (Тонирование) и задаем приятный мягкий золотистый оттенок. Режим Смешивания для данного слоя ставим Overlay (Перекрытие).

рисуем тень от человека

Шаг 5. Добавим тень от мальчика. Для этого воспользуемся простой мягкой черной Кистью (Brush (B)) и просто нарисуем её у ног мальчика.

дублируем слои

Шаг 6. Нарисуем светящиеся огоньки. Для этого воспользуемся опять Кистью, но на сей раз пусть она будет белой и рассеивающей. Рисовать их следует на отдельном слое, чтобы можно было применить Стили Слоя, а конкретно Внешнее Свечение (Outer Glow), к огонькам. Opacity (Непрозрачность) слоя ставим на 25%. Копируем слой с огоньками и закрашиваем их желтым, Режим Смешивания для этого слоя ставим Overlay. Копируем еще раз этот слой и помещаем его над остальными, не внося никаких изменений.

темная рамка

Шаг 7. Сфокусируем внимание на мальчике – добавим темных областей вокруг него. На белом фоне эта темная рамка выглядела бы так

радиальный градиент

Шаг 8. Кроме того, на отдельном слое, ещё проведем Радиальным чёрно-прозрачным Градиентом для дополнительного акцентирования внимания на мальчике. Режим Смешивания зададим Overlay.

социальный плакат про землятресение

Шаг 9. Осталось только добавить текст, оформленный в том же стиле. И всё! Наш социальный плакат про землятресение в китайской провинции готов.

lessons 20.09.2007

В данном уроке мы узнаем как в фотошопе добиться эффекта мягкого фокуса. Это отличный способ привлечь внимание к определенной части изображения (к лицу, например). Результат будет похож на те, что получаются при открытой диафрагме фотоаппарата. Данного эффекта можно добиться разными способами, мы же для достижения наилучших результатов, будем использовать фильтр Lens Blur в Photoshop, который доступен в Photoshop CS и выше. Фото, которое мы будем использовать:

оригинальное фото
Вот как будет вышлядеть фото после:

эффект мягкого фокуса в фотошопе

Шаг 1. Начнем с дублирования слоя с фото (чтобы не навредить исходному изображению). Чтобы создать копию фонового слоя, нажимаем Ctrl+J или идем в меню в верхней части экрана в пункт Layer (Слой), а там Создать (New) и Слой через копирование (Laye via Copy). Если мы теперь посмотрим на Палитру Слоев, то увидем копию, которая в Photoshop по-умолчанию будет назваться “Layer 1” и будет находиться над фоновым слоем.
копируем слой
копируя слоя

Шаг 2.Используя любой инструмент выделения (Lasso Tool, Polygonal Lasso Tool, Pen Tool и т. д.), нарисуйте выделение вокруг области, которая потом останется в фокусе. В нашем случае, это лицо женщины. У нас это будет инструмент Polygonal Lasso Tool. Выделение не должно быть хирургически точным, поэтому не займет много времени.
выделяем лицо

Шаг 3.После того как выделили нужную область, нажимаем букву Q на клавиатуре, чтобы войти в режим “быстрой маски” в Photoshop (для этого также можно нажать на значок “быстрой маски” в нижней части Палитры Инструментов. Если посмотрите на изображение, то увидите, что контур выделения временно исчез и область вне выделения окрасилась в красное. Обратите внимание, что выделили область очень грубо, но это не страшно, так мы ее смягчим в следующем шаге.
быстрая маска
режим быстрой маски

Шаг 4.Чтобы смягчить края выделения для создания плавного перехода между сфокусированной и несфокусированной частей фото, используем фильтр Gaussian Blur. Идем в пункт меню Filter (Фильтр), выбераем там Размытие (Blur), а затем Gaussian Blur (Размытие по Гауссу). Это вызовет диалоговое окно Gaussian Blur. Настраиваем радиус размытия, двигая ползунок в нижней части диалогового окна и следя за краями размытия (нужен плавный переход). В нашем случае это где-то около 16-17 пикселей. Нажимаем OK.
размытие по гауссу

gaussian blur
плавный переход Шаг 5.Теперь, когда мы смягчили переход, можно выйти из режим быстрой маски и вернуться в стандартный режим. Чтобы сделать это, либо нажмите букву Q на клавиатуре еще раз или нажмите на значок “Стандартный режим” (Standard mode) на Палитре Инструментов. Красная дымка исчезнет и контур выделения восстанавится.

standard mode
выделение в фотошоп

Шаг 6. Работу свыделением мы закончили. Теперь, сохраним его. Чтобы сделать это, идем в пункт Select (Выделение) меню в верхней части экрана и выбираем Сохранить Выделение (Save Selection). Когда появится диалоговое окно Save Selection, просто нажмаем кнопку ОК в верхнем правом углу, чтобы выйти из него. Имя ему давать нет необходмости.
После этого, нажмаем Ctrl + D (Win) , чтобы снять выделение. Теперь, если перейти на Палитру Каналов (Channels), можно будет найти наше выделение в виде отдельного альфа-канала под именем Alpha 1 в нижней части палитры. На этом канале все, что было выделено окрашено белым, а остальное черным и если приглядеться можно даже увидеть область переход, которую мы делали ранее.
save selection
сохраняем выделение
альфа-канал

Это важный момент, поскольку далее этот черно-белый альфа-канала будет использоваться в качестве карты глубины для фильтра Lens Blur. Карта глубины – это просто оттенки серого в изображения, которые использует Photoshop для фильтра Lens Blur, чтобы решить, какие части изображения размыть, и на сколько. Любые чисто черные области в этой карте остаются 100% в фокусе, а области чисто белые полностью размываются. Районы, которые находятся между черным и белым, такие как переход у краев выделенной области в нашем случае, будут размыты, в зависимости от того, насколько светлым или темным они являются.
Кроме того, в нашем конкретном случае данную карту глубины придется инвертировать, чтобы размылись именно черные участки в альфа-канале, что будет легко сделать уже в самом диалоговом окне фильтра. Вернемся к Палитре Слоев, чтобы продолжить.

Шаг 7. Теперь, когда мы вернулись на Палитру слоев, убедитесь, что у вас выбран “Layer 1” (выбранный слой будет выделен синим цветом). Для добавления глубины резкости будем использовать фильтр Lens Blur. Для этого мдем в меню в верхней части экрана, выберите Размытие (Blur), а затем Lens Blur. Появится диалоговое окно Lens Blur. Можно не обращать внимания на все опции, кроме двух – Depth map (карта глубины) и радиус (radius). Для Depth map задаем исочник (source) Alpha 1, не забыв поставить галочку у Invert (Инвертировать). Таким образом лицо женщины останется в центре внимания, а все остальное размоется. Радиус (radius) работает у этого фильтра точно так же, как и в фильтре Gaussian Blur. Просто перетащите ползунок вправо для увеличения размытия изображения. Мы установили radius на 20. Если после применения эффекта размытия, вы почувствовали, что переборщили, настройте эффект, просто снижая непрозрачность слоя “Layer 1”. Мы установили ее в 85%.

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

непрозрачность слоя
эффект глубины

Шаг 8. Эта часть не является обязательной. Если вам не нужно что-либо корректировать в эффекте размытия, то можете просто пропустить ее. Убедитесь, что вы находитесь на слое “Layer 1”, и кликните по иконке создания маски слоя внизу Палитры. Маска создана.
палитра слоев
маска слоя

Шаг 9. Закрасим на маске нужную область. Для этого выбираем подходящую кисть, кликнув по соответствующему инструменту на Панели инструментов. Также можно получить доступ к Brush Tool (Кисть) просто нажав на букву B на клавиатуре. По умолчанию, когда выбрана маска слоя, Photoshop устанавливает цвет фона на белый, а цвет кисти на черный. Нажмая букву X на клавиатуре, можно поменять местами цвета.
кисть
цвета

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

После удаления размытия вдоль левой стороны лица женщины, оно красиво контрастирует с лицом несфокусированный человека позади нее. Мы добились нужного эффекта.
эффект мягкого размытия

lessons 29.08.2007

В этом номере мы узнаем, как нарисовать плакат “Осторожно: опасно!” в Фотошопе.

значок радационной опасности

заливка красным цветом

Шаг 1. Создаем новый документ (Ctrl+N) и заливаем его красным (#780000) цветом.

custom shape tool
знак

Шаг 2. Добавлем новый слой (Ctrl+Shift+N) и, используя Custom Shape Tool (Произвольня фигура (U)), рисуем значок радиационной опасности (обратите внимание, что фигуру на рисовать в режиме Filling pixels (заливка пикселей)).

radial gradient

Шаг 3. Изменим фон с плоского цвета на Градиентную заливку. Для этого зададим: #830506 – Основной цвет (Foreground Color) и #370000 – Фоновый цвет (Background Color). И проводим Радиальным Градиентом (Gradient Tool в режиме Radial Gradient) так, чтобы получилось, как на рисунке

fibers

Шаг 4. Добавим текстуры. Дублируем слой с Градиентом и идем Filter>Render>Fibers (Фильтр>Рендеринг>Волокна), параметры фильтра оставляем заданные “по-умолчанию”. Opacity (Непрозрачность) данного слоя снижаем до 30%.

free transform

Шаг 5. Дублируем слой с текстурой (Ctrl+J) и нажимаем Ctrl+T для вызова Инструмента Free Transform (Свободная Трансформация), которым мы поворачиваем текстуру на 90 градусов.

custom shape tool

Шаг 6. Для усиления эффекта драматизма затемним с помощью большой черной мягкой Кисти края плаката.

обводка

Шаг 7. Добавим обводку к нашему значку. Создаем новый слой под слоем со значком и, удерживая Ctrl, кликаем по миниатюре слоя со значком (находясь при этом на новом слое). Дальше идем Select>Modify>Expand (Выделение>Модификация>Расширить), задаем там 8 пикселей и нажимаем Ок. Затем заливаем (Shift+F5) эту область черным цветом и выставляем Непрозрачность (Opacity) данного слоя на 25%.

radial gradient

Шаг 8. Добавим объема значку. Создаем новый слой и располагаем его над слоем со значком. Загружем в новый слой выделение по контуру знака (как мы делали это в прошлом шаге) и закрашиваем его Радиальным градиентом: Foreground color – #fffefe, Background color – #b4b4b4.

lens flare

Шаг 9. Теперь, создадим ещё один новый слой (сделав его самым верхним), закрасим его черным цветом, идем Filter>Render>Lens Flare (Фильтр>Рендеринг>Блик) и добиваем картинки, как на рисунке внизу. Режим Смешивания для данного слоя ставим Overlay (Перекрытие), Непрозрачность снижаем до 45%.

wave

Шаг 10. Далее идем Filter>Distort>Wave и искажаем пропорции блика.

плкая радиоактивной опасности

Шаг 11. Ну вот и все! Можно ещё внести небольшие изменения для улучшения внешнего вида, но это уже, как говориться, по желанию.