Home sims форум

Aнимации вращения спирали

Alizeya — Wed, 08 Jul 2009 11:50:09 GMT

И так в данном уроке будет показан принцип анимации вращения спирали как к примеру на этом юбе:

1.Для начала нам нужно создать подходящую кисть, для этого создаём новый фаил 500х500 px :

2.Вырисовываем что-то вроде этого (каму как удобнее я использовал pen tool(p):

3.Стираем ненужное, чтобы получилось вот так:

4.Теперь нужно добавить её в кисти лезем в edit\Define Brush Preset… в появившемся окне жмём «ок»

5.Создаём новый фаил 100х100 px:

6.Заливаем его чёрным цветом, создаём новый слой, берём pen tool(p) и делаем такую линию:

Эта линия будет использована как каркас для нашей кисти
7.Настраиваем нашу кисть, открываем окно настройки кистей (F5) находим там нашу кисть и выставляем настройки примерно как тут:

8.После настройки кисти будем делать наши будущие кадры анимации, на новом слое заходим в вкладку Patch , жмём на Work Path и на нижнюю кнопку Stroke path with brush (слева вторая):

9.Затем заходим в настройки кисти ставим Angle 20* и повторяем один раз п.8 делая предыдущий слой невидимым

Примечание: 20 будет являться для нас периодом, то есть последующие кадры будут 40 60 80 100 120 140 160 ,что определяет количество кадров до полного вращения , у нас получиться 9 кадров для меньшей скорости и большей плавности нужно уменьшить период, например 10 и получиться 17 кадров – 0 10 20 30 40 50 60 70 80 90 100 110 120 130 140 150 160 170, но и вес файла увеличиться, для большей скорость соответственно нужно повысить период.
10.Делаем оставшиеся кадры повторяя п.9 меняя только значение Angle в соответствии с примечанием, и получаем :

11.Заключительный этап, открываем окно анимации, на новом кадре делаем видимым первый и второй слой, на втором кадре первый и третий, на третьем кадре первый и четвёртый и т.д. Делаем настройки в Blending Options (по вкусу), вставляем эти настройки на слои:

Получаем:

Основы создания анимации

WOLF — Tue, 07 Jul 2009 23:16:30 GMT

Форум: Уроки ImageReady
Описание темы: Видео урок
Автор темы: WOLF
Автор последнего сообщения: WOLF
Количество ответов: 0

Анимация снега

Floret — Sat, 09 May 2009 07:56:01 GMT

Выберем фотографию или картинку, подходящую для нанесения на нее анимации падающего снега.

Далее выбираем инструмент Кисть и открываем палитру Кисти (F5). Выбираем Brush Tip Shape (Форма отпечатки кисти) и применяем следующие установки.

Динамика формы:

Рассеивание:

Используем белый цвет для снега, который создаем на новом слое.

Создаем копию снежного слоя и поднимаем ее настолько вверх, чтобы нижняя часть нового снежного слоя касалась верхней части первоначального снежного слоя. Слейте оба снежных слоя - выделите их и нажмите Ctrl + E.

Откройте окно анимации. Для первого слайда оставьте рисунок со снежным слоем, как здесь.

Скопируйте имеющийся слайд (нажмите на в окне анимации) и плавно спустите снежный слой так, чтобы на изображении показалась верхняя часть снежного слоя (которая была за пределами изображения).

Выделите оба слайда и нажмите Tweens animation frames (Создать промежуточные кадры) в окне анимации.

Выберите в появившемся окне Frames данные параметры.

У вас автоматически получатся промежуточные слайды с движением снега.

Удаление последнего слайда закрепит круговорот анимации падающего снега, сделает его непрерывным. Отрегулируйте задержку продолжительности каждого слайда (под слайдом установите время его продолжительности), как показано внизу.

Сохраняем нашу картинку Save Optimized As....

Анимация Userbar'ов в фотошопе..

WOLF — Fri, 01 May 2009 11:19:05 GMT

Откройте уже готовый userbar который вы хотели анимировать, переходим в Image ready (file -> edit in image ready).

Выбираем слой c изображением, который мы хотим анимировать, и помечаем его оранжевым цветом (прим. переводчика, честно говоря, я не понимаю зачем нужен шаг.)

Убедитесь, что слой выделен (1), потом выбираем инструмент Move Tool (2), и перемещаем его в положение, как показано на рисунке(3).

Кликните на небольшую белую стрелку, которая обозначена на рисунке, чтобы изменить задержку времени в 0.1 секунды

Затем нажимаем кнопку 'duplicate frame'.

Выберем только что сделанный нами кадр(1), берём Move Tool и перемещаем в положение, как показано на рисунке (2)(перемещения можно совершать с помощью курсоров на клавиатуре).

Теперь выбираем кадр №1 (1), и щёлкнем на кнопку tween (2). Таким образом, у нас получится последовательность анимации между первым и вторым кадром.

Параметры tween:

Результат:

Нажмите play, чтобы просмотреть анимацию:

Если вы считаете, что анимация слишком быстра, то отмените tween (edit->undo tween), и повторите эту операцию сначала(предварительно убедившись что выбран первый кадр), но в параметрах поставьте 50 кадров.

Получается не совсем красиво, когда нет паузы между концом и началом анимации, чтобы это исправить переходим к последнему кадру и изменяем задержку времени на одну секунду.

Теперь нужно сохранить наше творчество, и желательно оптимизировать. Параметры оптимизации находятся на рисунке:

Параметры оптимизации можете менять по своему усмотрению, сохраняем:
file -> save optimized as

Теперь у вас есть готовый анимированный userbar.

Анимация дождя

Floret — Wed, 12 Nov 2008 19:14:23 GMT

Открываем изображение,на котором хотим изобразить дождь.

1.Создаём новый слой
2.Заливаем наш новый слой серым цветом.
3.Далее идем в Filter - Noise - Add noise,со значениями можете поэксперементировать,но главное,чтобы были отмечены параметры,которые обведены красным цветом.

4.Идем Fiter - Blur - Motion Blur,опять же таки со значениями можете поиграть.

Выставляем для этого слоя Opacity: 25%
5.Создаем новый слой и заливаем его тем же серым цветом.Повторяем шаг № 3.Повторяем шаг № 4,НО немного изменяем угол наклона и дистанцию.

Выставляем Opacity: 25%.ВНИМАНИЕ!Процент Opacity первого слоя с дождем должен совпадать с процентом второго слоя с дождем!Инече выйдет каля-баля
6.Переходим в Image Ready,для этого нажимаем ватэту кнопульку:

7.В окне анимации создаем 2 кадра.К первому кадру ставим глазик напротив первого слоя с дождем,а со второго слоя глазик снимаем.

А ко второму кадру ставим глазик напротив второго слоя с дождем,а с первого слоя глазик убираем.

Дождик готов.Осталось выставить желаемое время кадров(одинаковое),ну это уже на усмотрение пользователя.Я выбрала 0,1.

Сохраняем нашу картинку Save Optimized As....