гирлянда

снежинки

********************************************************

воскресенье, 17 января 2016 г.

Новогодние огоньки, Christmas Lights Tutorial

22:16
В этом уроке мы научимся рисовать анимированные огоньки на новогодней гирлянде smile.gif 
Сразу
хочу сказать что урок не такой уж и простой, расчитан на тех, кто уже
довольно хорошо разбирается в фотошопе и имидж рэди. В итоге должно
получиться что-то вроде этого: 


Новогодние огоньки

1. Для начала создадим новый документ размером 250 на 250 пикселов. Зальём фон чёрным цветом ---> paint_bucket.gif .

2.
Создаём новую сеть слоёв ( layer set ), называем её 1b (image a) и
создаём новый слой внутри неё. Установите цвет foreground - светло серый
( например ECECEC ) и цвет background более тёмного серого оттенка (
8F9090 ).


Новогодние огоньки

3. С помощью rectangular_marquee.gif выделяем небольшой прямоугольник.

4. Выбираем gradient tool gradient.gif
. Используя его, создаём отражённый градиент ( reflected gradient ), 





проведя мышкой так, как указано красной стрелочкой на рисунке.


Новогодние огоньки

5. Воспользуемся edit > transform > distort, чтобы сузить наш прямоугольник снизу.

Новогодние огоньки

6. Выбираем elliptical_marquee.gif и создаём новое выделение на нашем прямоугольнике так, чтобы потом срезать нижние углы (layer via cut).

Новогодние огоньки Новогодние огоньки

7. Создаём новый слой и выбираем наш любимый Pen Tool smile.gif pen.gif, чтобы нарисовать кривую. Выбираем кисть размером в 4 пиксела. Устонавливаем forerground цвет - белый. Выбираем stroke path.

Новогодние огоньки Новогодние огоньки

8.
Теперь обратимся к настройкам bevel and emboss (layer > layer style
> bevel and emboss), используя следующие установки :


Новогодние огоньки Новогодние огоньки

9. Дублируем созданный слой, передвигаем его с помощью move.gif немного выше и уменьшаем ширину слоя (edit > transform > scale) до 95%, чтобы вышло примерно так :

Новогодние огоньки

10. Теперь создаём овальное выделение на новом слое, используя elliptical_marquee.gif заливаем выделение серым, любого оттенка.

Новогодние огоньки

11. Чтобы придать нашему будущему огоньку форму лампочки, используем rectangular_marquee.gif
и выделяем больше половины овала, после чего просто удаляем её. Затем
копируем оставшуюся часть, применяем к ней (edit > transform >
flip horizontal) и соединяем её с первой половинкой лампочки, используя move.gif 


Новогодние огоньки Новогодние огоньки Новогодние огоньки Новогодние огоньки

12.
Теперь выбираем radial gradient (image a). Устанавливаем цвет
foreground красным (DC0000) и цвет background более тёмным оттенком
красного (9E0000). Предворительно соединив два слоя с половинками
лампочки, кликаем magic_wand.gif
внутри неё, чтобы создать выделение по контуру лампочки. Создаём новый
слой. Проводим радиальный градиент так, как это показано стрелочкой на
картинке : 


Новогодние огоньки Новогодние огоньки

13. Теперь выбираем linear gradient, настроив его на "foreground to transparent".

Новогодние огоньки

14. Выделим более маленький овал elliptical_marquee.gif
, сдвинутый к верхней части лампочки и проводим линейный градиент так,
как указано на картинке. С помощью ещё одного такого же выделения,
удаляем часть только что сделанного :


Новогодние огоньки Новогодние огоньки Новогодние огоньки Новогодние огоньки

15. Дублируем нашу сеть слоёв и называем новую сеть 1a. Приступим к созданию света в нашей лампочке smile.gif
Выберем слой с красным овалом и увеличиваем оттенок и насыщенность на
30 image > adjustments > hue / saturation. Должно получиться
что-то типа того:


Новогодние огоньки

16. Теперь проделываем тоже самое, только с более маленьким выделением. 

Новогодние огоньки

Теперь
сделаем выделение самого большого овала шире на 2 пиксела select >
modify > expand, выбираем select > feather с установкой 3 пиксела.
Создаём новый слой ниже слоя с самым большим овалом и заливаем
выделение цветом D70000, создавая эффект свечения.


Новогодние огоньки

17. Уменьшаем нашу лампочку, как показано ниже :

Новогодние огоньки

18.
Для начала сольём все слои обеих сетей (layer>merge layer set).
Теперь у нас останется только 3 слоя - 1a, 1b и Background.


Новогодние огоньки

19. Теперь копируем слои 1b и 1a и передвигаем их ниже оригинальных слоёв.

Новогодние огоньки Новогодние огоньки

20. Назовём копированные слои 2a и 2b и скрепим их вместе, чтобы можно было управлять ими одновременно.

Новогодние огоньки

21.
Отразим оба слоя вертикально edit > transform > flip vertical. И
педвинем их прямо под первую лампочку. Изменим оттенок нижних лампочек
image > adjustments > hue saturation, увеличиваем Hue на 50. У вас
должен получится жёлтый цвет.


Новогодние огоньки Новогодние огоньки

22.
Теперь мы создадим провод, чтобы можно было разместить на нём хотя бы 6
огоньков. Создадим новый слой и нарисуем наш провод с помощью пен тула
pen.gif , так как описано на картинках ниже :


Новогодние огоньки Новогодние огоньки Новогодние огоньки

23.
Выберем brush размером 12 пикселов и установим foderground цвет на
тёмно зелёный ( 437700 ). Stroke the path на нашем новом слое.


Новогодние огоньки

24. Выделяем провод с помощью magic_wand.gif select > feather 3 пиксела. Заполняем выделение светлозелёным (70C400). 

Новогодние огоньки Новогодние огоньки Новогодние огоньки

25.
Теперь копируем обе лампочки, так чтобы прлучилось 3 красных и 3
жёлтых, вида a и b ( со светом и без света, скреплённые вместе )


Новогодние огоньки

26. Перевернём все лампочки так как нам надо, расположив их вдоль провода. edit > transform > rotate.

Новогодние огоньки Новогодние огоньки

27. Ну вот, теперь можно наконец то перейти в имидж рэди smile.gif
Создаём 2 кадра в окошке Animation. В первом кадре устанавливаем у всех
жёлтых огоньков режим "b" видимым. Во втором кадре, наоборот. Время
смены кадров устанавливаем на 0,2 секунды, нажимаем play и наслаждаемся
biggrin.gif 


Новогодние огоньки Новогодние огоньки Новогодние огоньки

28.
Осталось только сохранить файл в формате гиф ( File>Save optimized
as.. ) и вот наши огоньки готовы! Дальше работает ваша фантазия wink.gif 


Новогодние огоньки

оригинал

Комментариев нет:

Отправить комментарий