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

21 апреля 2008 | NonSa

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

Отзывов: 13 | Просмотров: 1392

 Распечатать

7.0

CS

CS2

CS3

другой

не пользуюсь