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

Суббота, 03 Мая 2008 г. 20:44 + в цитатник

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 – Заключительный результат:

Рубрики:

Уроки

<a href="https://www.liveinternet.ru/users/2407853/post74171987/">РЈСЂРѕРє : РЈС‡РёРјСЃСЏ СЃРѕР·РґР°РІР°С‚СЊ РїСЂС‹РіР°СЋС‰РёР№ Р°РЅРёРјРёСЂРѕРІР°РЅРЅС‹Р№ С€Р°СЂРёРє</a><br/>

1- РћС‚РєСЂС‹РІР°РµРј РЅРѕРІС‹Р№ РґРѕРєСѓРјРµРЅС‚ 500&times;500 pixels:

2 &ndash; Р—Р°Р»РёРІР°РµРј Background (Р¤РѕРЅ) С†РІРµС‚РѕРј #000000, Р·Р°С‚РµРј РІС‹Р±РёСЂР°РµРј РёРЅСЃС‚СЂСѓРјРµРЅС‚ Custom Shape Tool (РџСЂРѕРёР·РІРѕР»СЊРЅС‹Рµ Р¤РѕСЂРјС‹) РёСЃРїРѕР»СЊР·СѓРµРј СЃР»РµРґСѓСЋС‰СѓСЋ С„РѕСЂРјСѓ (СЃРј. РЅРёР¶Рµ) СЃ РЅР°СЃС‚СЂРѕР№РєР°РјРё РІ РїР°РЅРµР»Рё РѕРїС†РёР№:

3 &ndash; РЎРѕР·РґР°РµРј С„РѕСЂРјСѓ РІ СЃРІРѕРµРј РґРѕРєСѓРјРµРЅС‚Рµ.

4 &ndash; Р’С‹Р±РёСЂР°РµРј РёРЅСЃС‚СЂСѓРјРµРЅС‚ Pen Tool (РџРµСЂРѕ), Р·Р°С‚РµРј С‰РµР»РєР°РµРј РїСЂР°РІРѕР№ РєР»Р°РІРёС€РµР№ РјС‹С€Рё Рё РІС‹Р±РёСЂР°РµРј Make Selection (РЎРѕР·РґР°С‚СЊ РІС‹РґРµР»РµРЅРёРµ), РёСЃРїРѕР»СЊР·СѓР№С‚Рµ СЃР»РµРґСѓСЋС‰РёРµ РїР°СЂР°РјРµС‚СЂС‹:

5 - Р’Р°С€Рµ РёР·РѕР±СЂР°Р¶РµРЅРёРµ РґРѕР»Р¶РЅРѕ РІС‹РіР»СЏРґРµС‚СЊ, РєР°Рє РїРѕРєР°Р·Р°РЅРѕ РЅРёР¶Рµ:

6 &ndash; РЎРѕР·РґР°РµРј РЅРѕРІС‹Р№ СЃР»РѕР№ (Open New Layer &ndash; С‰РµР»РєРЅСѓРІ РїРѕ РёРєРѕРЅРєРµ РІРЅРёР·Сѓ РїР°Р»РёС‚СЂ... <a href="https://www.liveinternet.ru/users/2407853/post74171987/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

nestren обратиться по имени Суббота, 03 Мая 2008 г. 21:07 (ссылка)

Мне не очень понравилось...

Ответить С цитатой В цитатник

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

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Метки

-Рубрики

-Резюме

Forever keRiGen

-Цитатник

-Подписка по e-mail

-Поиск по дневнику

-Интересы

-Постоянные читатели

-Сообщества

-Статистика

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