Анимация

Тема в разделе "Анимация", создана пользователем Jenia, 7 янв 2009.

  1. Jenia

    Jenia Новичок

    Регистрация:
    07.01.2009
    Сообщения:
    7
    Репутация:
    0
    В этом Фотошоп уроке вы узнаете, как сделать анимацию для фона.

    В дальнейшем вы сможете использовать эту технику для изготовления баннера или логотипа на сайт.

    Шаг 1.

    Создайте новый документ 350х350 px с белым фоном.
    Откройте картинку, которую вы будете разрезать, в Фотошоп. Разместите ее в центре вашего документа.

    Картинка должна быть меньше, чем сам документ.
    [​IMG]
    Установите Линейки следующим образом (разделите на четыре равные части).
    Чтобы сделать этот инструмент активным нажмите CTRL+R или View > Rulers (Просмотр - Линейки)
    [​IMG]
    Шаг 2.

    Возьмите инструмент[​IMG] и создайте выделение вокруг левой верхней части картинки.
    [​IMG]
    Затем нажмите Ctrl+J, чтобы скопировать выделение на новый слой.
    То же самое можно сделать Layer > New > Layer via Copy (Слой - Новый - скопировать на новый слой)

    Теперь вернитесь к основному изображению и проделайте то же самое с каждым квадратом. В конце просто удалите слой с картинкой.

    Шаг 3.

    Каждому кусочку картинки примените такие стили:

    Layer > Layer Style > Blending Options (Слой - Стиль слоя - Параметры наложения)

    Тень:
    [​IMG]
    Обводка:
    [​IMG]
    [​IMG]
    [​IMG]
    Шаг 4.

    Теперь оставьте видимым только один слой на фоне (здесь это layer 3)
    [​IMG]
    Нажмите Shift+Ctrl+M чтобы переслать данные в ImageReady.

    Там также как в Фотошоп будет рабочее окно, но кроме этого вы увидите еще полоску для кадров.

    В рабочем окне перетащите картинку в верхний правый угол таким образом, чтобы остался видимым только маленький уголок.

    Затем нажмите на кнопку [​IMG] Duplicates current frame (Создать дубликат текущего кадра), которая находится в окне с кадрами.

    После чего перетащите картинку в рабочем окне снова на положенное место.

    Выделите эти два кадра и нажмите на кнопку [​IMG] Tween (Добавить промежуточные кадры).
    [​IMG]
    В окне Tween установите такие настройки:

    Начать с: Выделенный кадр
    Добавить кадров: 8
    Слои: Все слои
    [​IMG]
    После ОК кадры ваши станут быстро размножаться. Если нажать на кнопку Play (Воспроизвести), то получится вот так:
    [​IMG]
    Шаг 5.

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

    Когда у вас все будет готово, зайдите в меню File > Save Optimized As... (Файл - Сохранить оптимизированный как...)

    Вот и результат:
    [​IMG]
    У Вас получилось?

    Работа одного фотошоп-мастера:
    [​IMG]
    До встречи на www.forum.qwe.ru
     
  2. -Cac-

    -Cac- Новичок

    Регистрация:
    12.03.2009
    Сообщения:
    28
    Репутация:
    0
    Автору респект давно искал уроки офтошопа
     
  3. GALAX19

    GALAX19 Новичок

    Регистрация:
    12.04.2009
    Сообщения:
    7
    Репутация:
    0
    Спасибо кулл!!
     

Поделиться этой страницей