Учимся создавать прыгающий анимированный шарик - уроки фотошоп
21 апреля 2008. Разместил: NonSa
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 – Заключительный результат:
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 – Заключительный результат: