E-Mail:  Пароль:    
Меню сайта
Категории раздела
Анимация [78]
Спец еффекты [36]
Компграфика [35]
Фотообработка [4]
Текстовыйэффект [8]
Дизайн [7]
Зимнее [0]
космос [2]
Мини-чат
Наш опрос
Нравиться ли вам новый дизайн сайта?
Всего ответов: 37
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Главная » Файлы » уроки Photoshop » Анимация


Новогодние огоньки
02.01.2011, 01:43
В этом уроке мы научимся рисовать анимированные огоньки на новогодней гирлянде 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

Новогодние огоньки
Категория: Анимация | Добавил: LOL | Теги: Уроки фотошопа, Новогодние огоньки
Просмотров: 1539 | Загрузок: 0 | Рейтинг: 5.0/1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Мини профиль
Поиск