Я рад, что мои статьи, посвященные Adobe PhotoShop'у принесли пользу
(судя по письмам).
Продолжаю тему. На этот раз хочу рассказать про создание псевдо-объемных
моделей. Псевдо- потому, что искусственно приходится подрисовывать тени,
объем, перспективу и пр.
Создайте новую заготовку, скажем, 300х300, 72dpi, Grayscale. Почему
в тонах серого? В принципе - без разницы, просто так проще оперировать
с объектами, а потом Grayscale очень просто можно превратить в цветной
RGB. Тем более, что градаций серого что в Grayscale режиме, что RGB равно
256-ти.
Для начала сделайте отдельный слой (Layer) - мы будем работать в нем.
Теперь создайте в слое круговую отметку (selection, для ровного круга зажмите
Shift). И
"залейте" его градиентным (radial) заполнением, как показано на рисунке,
в качестве основных цветов выберите белый и черный. Можете поиграть с
opacity. У вас должен получиться шар, как на рисунке (2). На рисунке (1)
показано, как нужно "протянуть" указатель градиентного заполнения, чтобы
получилось этакое световое пятно.
 |
|
 |
1 |
|
2 |
Далее, снимите отметку с "шара" - она больше не понадобится (можно нажать
Ctrl-D). Кстати, не мешает на слой с шаром наложить фильтр Blur чтобы
совсем немного сгладить края. Теперь создайте еще один слой, который "перетащите"
под слой с шаром. В этом новом слое нарисуем "тень", которую будет отбрасывать
"шар". Для этого сделайте отметку эллипсного типа под нижним краем шара
и залейте ее черным цветом. Точный размер значения не имеет, подберите
сами.
 |
 |
3 |
4 |
После того, как подберете удовлетворительный размер и зальете черным, снимите
отметку. И наложите фильтр Gaussian Blur (с силой, скажем 7 или 8).
В общем, должно получится нечто похожее на рис. 3. Еще раз замечу,
что слой с тенью должен находиться под слоем с шариком - понятно, почему.
Теперь, когда шарик создан, неплохо бы его на что-нибудь "положить". Для
начала создайте новое окно (File->New) размером 80х80, к примеру. И нарисуйте
в нем как показано на рис.4 черные и белые квадраты. Это окно необходимо
для создания паттерна (шаблона), т.е. этакого "кусочка", который может
использоваться, например, в роли кисточки. Отметьте весь рисунок (Ctrl-A)
и скопируйте его в буфер обмена (Ctrl-C). Теперь определите паттерн (Edit->Define
Pattern). После этого перейдите к основному окну, где нарисован "шар".
(Окно с квадратами больше не понадобится). Можно создать новый слой (он
будет самым "нижним") под всеми остальными слоями. Теперь заполните его
с помощью уже определенного паттерна Edit->Fill, в опциях необходимо выбрать
Pattern.
 |
 |
5 |
6 |
Текущий слой "зальется" перемежающимися квадратами (5). Я не стал помещать
сюда весь рисунок (5) - он большой. Конечно, неплохо было бы "положить"
основу так, как это сделано на рисунке (6). Для этого поиграйте с тулзой
Edit->Transform->Distort. Не забудьте при этим сделать selection (отметку)
- Ctrl-A всего слоя. Можете даже попробовать сначала использовать Edit->Transform->Perspective
- "накладывание" перспективы. Edit-Transform-Rotate так же может пригодиться,
если нужно немного повернуть все, что находиться внутри выделения. Все
должно получиться - это не сложно.
Теперь уменьшающиеся с расстоянием квадратики создают еще больший эффект
объема. Но в плане создания объема и это еще не все!
Хотя
нет... сперва мы раскрасим картинку. Переведите всю картинку из Grayscale
в RGB (Image->Mode->RGB). Выберите текущим слоем слой с шариком - раскрасим
сначала его. Для этого, выберите пункт в меню Image->Adjust->Hue/Saturation
(или Ctrl-U). Первым делом отметьте checkbox с надписью Colorize (на
рисунке он обведен красным цветом). Посредством движка Hue можете выбрать
любой цвет, какой вам понравится. Движками Saturation и Lightness отрегулируйте
насыщеннось цвета и яркость. Все, шарик стал цветным. Аналогичную операцию
проведите с "подложкой" из квадратиков. Должен получится уже раскрашеный
рисунок (7).
 |
 |
7 |
8 |
А вот на рисунке (8) я расширил иллюзию объема введением замутнения
дальних участков (получился типа "туман"). Делается это следующим образом:
 |
9 |
Создайте слой над "подложкой" и заполните его градиентом от черного
к белому, как видно из рисунка (9) (первый кадр вверх от "подложки"). Измените
режим на "Lighten" в опциях настройки слоя ("Layer Options..."). На рисунке
(9) можно видеть еще один слой с режимом "Multiply". На рисунке (9) эффекта
от него не видно, как видите, он выключен, а если его включить, получится
вот что (10):
 |
 |
10 |
|
Несколько аляповато и не очень реалистично (рис. 8 все таки, лучше),
конечно, но я старался показать операции над объектами. Надеюсь, получилось...
Ну, а на последок, анимированный GIF, показывающий все этапы создания
картинки. Как очень просто (на самом деле просто!) создавать из
фотошоповских PSD анимированные гифы любой сложности - в следующем номере.
Предвосхищая новую программу компании Adobe могу сказать, что о любых ранее
виденных мной разного рода аниматоров я уже забыл (!). Кому очень интересно,
ткните на анимированную картинку - загрузится еще одна (130кб) которую
я сюда не поместил из-за размера, там выглядит все покруче. :-))
|