Учимся создавать прыгающий анимированный шарик - уроки фотошоп ↓

Учимся создавать прыгающий анимированный шарик - уроки фотошоп ↓

21 апреля 2008 | NonSa

Уроки Adobe Photoshop

1- Открываем новый документ 500×500 pixels:

2 – Заливаем Background (Фон) цветом #000000, затем выбираем инструмент Custom Shape Tool (Произвольные Формы) используем следующую форму (см. ниже) с настройками в панели опций:

3 – Создаем форму в своем документе.

4 – Выбираем инструмент Pen Tool (Перо), затем щелкаем правой клавишей мыши и выбираем Make Selection (Создать выделение), используйте следующие параметры:

5 - Ваше изображение должно выглядеть, как показано ниже:

6 – Создаем новый слой (Open New Layer – щелкнув по иконке внизу палитры слоёв), заливаем выделение любым цветом, затем с помощью Erase Tool (Ластика) стираем некоторые части формы.

7 – Идем в Filter >Noise>Add Noise (Фильтры/Шум/Добавить шум), используйте следующие настройки:

8 - Сейчас ваше изображение должно напоминать это:

9 – Идем в Filter >Blur >Motion Blur (Фильтры/ Размытие/ Размытие в движении), используйте следующие параметры:

10 - Теперь ваше изображение должно напоминать это:

11 – Открываем Blending Options (Опции смешивания – щелкаем по иконке внизу палитры слоёв), выбираем Bevel & Emboss (Скос и рельеф) и используем следующие настройки:

12 – Затем выбираем Contour Elements (Контур)

13 – Выбираем Color Overlay (Перекрытие цветом)

14 – Теперь изменим Blende Mode (Режим смешивания) для этого слоя (в палитре слоёв) на LINEAR LIGHT (Линейный свет).

15 - Сейчас ваше изображение должно напоминать то, что ниже на скриншоте. Теперь создаем следующее выделение с помощью инструмента Elliptical Marquee Tool (Овальное выделение).

16 – Создаем новый слой, называем его “Ball”(шар), заливаем выделение цветом #FFFFFA. Затем идем в Blending Options и выбираем INNER SHADOW (Внутреннюю тень), используйте следующие параметры:

17 – Сейчас ваше изображение должно выглядеть так:

18 – Выбираем инструмент Custom Shape Tool, используйте следующую Форму и опции:

19 - Создаем следующую форму, затем выбираем инструмент Pen Tool (Перо), правый щелчок мыши и выбираем Make Selection (Создать выделение), в ‘feather radius’ (радиус растушевки) устанавливаем 0 пикселей, выбираем новое выделение, а затем нажимаем Ок. Сейчас ваше изображение должно напоминать это:

20 – Создаем новый слой, называем ’солнце’ и заливаем выделение любым цветом. Затем идем в Blending Options и выбираем Bevel & Emboss (Скос и рельеф), используйте следующие настройки:

21 – Теперь выберите Gradient Overlay (Перекрытие градиентом), используйте параметры:

22 – Перенесите этот слой ниже всех слоев, ваше изображение должно напоминать это:

23 – Дублируем слой, нажав Ctrl+J, затем увеличиваем форму с помощью Свободной трансформации - Ctrl+T.

24 - Снова нажимаем Ctrl+J, затем немного меняем форму с помощью Transform (Трансформирование) (Ctrl+T) и нажимаем ENTER.

25 - Ваше изображение должно выглядеть примерно так:

26 – Теперь переходим в Image Ready (Ctrl+Shift+M) (NS: В CS3 нет самостоятельного ImageReady. Панель анимации открываем через WINDOW>ANIMATION). Затем создаем 10 дубликатов Frame (Кадры), щелкнув 10 раз по иконке, которая указана на скриншоте:

27 - Выберите Frame -1 (Кадр 1), затем выбираем Слой “Шар”, после этого скрываем видимость остальных слоёв, щелкнув по значку «глаз» в палитре слоёв.

28 – Переместите шар с помощью инструмента Move Tool (Перемещение), как показано ниже:

29 - Выберите Frame-2 (Кадр 2), выбираем опять слой Шара (видимость остальных слоёв скрыта).

30 – Снова переместите шарик с помощью Move Tool.

31 - Выберите Frame-3 (Кадр 3) и опять перемещаем шар.

32 - Frame-4 – продолжаем перемещать шарик инструментом Move Tool.

33 - Выберите Frame-5 и переместите шарик сюда:

34 - Выберите Frame-6 и скрываем видимость следующих слоёв:

35 - Ваше изображение должно напоминать это:

36 - Выберите Frame-7, затем скрываем следующие слои и выбираем слой ‘Солнце’.

37 – Инструментом Move Tool переместите солнышко, как показано ниже:

38 - Frame-8 - скрываем следующие слои, выбираем слой “КОПИИ Солнце”.

39 - Frame-9 - скрываем следующие слои, выбираем слой “КОПИИ 2 Солнце”.

40 - Выберите Frame-10, затем выбираем «Солнце КОПИЯ 2» и перемещаем солнышко:

41 - Выберите Frame-11, выбираем «солнце копия2» и перемещаем сюда:

42 – Установите параметры Time (Время) для каждого кадра и проиграем анимацию:

43 - Идите File >Save Optamized as...., используйте следующие параметры:

44 – Заключительный результат:

Дата добавления: 2015-08-28